Tairo v2.0.0

2.0.0 (2025-04-15)

🚀 Features

• add AddonMapboxLocationPicker component and add examples in form layout (d48b489)
• add AI chat page (e7d9f95)
• add AI layouts (c0a12ea)
• add button to toggle switcher in topnav layout and update dashboard layout reference (3724b10)
• add collapse layout components and configuration (1e75c04)
• add DemoStarterSwitcher component and integrate it into starter pages (75f9915)
• add DocInfo component and update documentation with new info messages (903bba2)
• add error handling for Mapbox token validation in AddonMapboxLocationPicker and map components (7ed827c)
• add i18n support with rtl / ltr example locales (e957293)
• add lightweight charts addon component (613360f)
• add messaging API and integrate DemoSubsidebarMessaging component (5c81343)
• add new demo images and update documentation references (c0bb5bd)
• add new demo pages screenshots (e387585)
• add new layout components and improve existing layouts for better structure and navigation (22f2769)
• add new SVG icons for bookworm, music band, and gym (cd33fb7)
• add nuxt/font module to replace fontsource (8b353c6)
• add onBeforeSumbit hook on multi step form (dfbcbd8)
• add preferences set of demo pages (a33aec9)
• add sidenav layout components and configuration (76ffcaf)
• add sidenav layout layer (4d04d0f)
• add sidenav layout showcase to landing (50c052c)
• add state prefix to nui-focus utility (8348542)
• add switcher icon to sidebar for customization (13f329d)
• add TairoMobileDrawer component with swipe functionality and body scroll lock (5c9e9f4)
• add topnav layout components and configuration (f8056e4)
• create TairoMenu components from reka-ui navigation menu (cf6204c)
• disable Options API support for smaller bundles (d1410a9)
• enhance AddonApexcharts component with improved type definitions (a0f3852)
• enhance AddonDatepicker component with improved type definitions (03f8420)
• enhance AddonInputPassword component with customizable icons and loading state (b9d511a)
• enhance component styles and update icon usage for improved UI consistency (6650cb7)
• enhance layout and styling in card grid components for improved UI consistency (1026895)
• enhance layout and styling in list view components for improved UI (a609bc8)
• enhance layout and styling in project components for improved UI consistency (7a8e062)
• enhance layout and styling in project list components for improved UI consistency (b9a0d9d)
• enhance layout and styling in user and tile grid components for improved UI consistency (066ada6)
• enhance layout and styling in various list and table components for improved UI consistency (444a3ae)
• enhance messaging component with improved scrolling and input handling (431a77d)
• enhance sidenav layout with dynamic menu and update collapse layout integration (1953f62)
• enhance TairoMenuLink component with tab variant support (a9c7462)
• improve component meta documentation rendering (2fb8f5f)
• improve demo search using minisearch (12a3fab)
• layout-collapse: open menu collapsible when path match current route (022843c)
• layout-sidebar: open subsidebar collapsible when path match current route (2b7d020)
• layout-sidenav: open menu collapsible when path match current route (5e6fbae)
• migrate BasePagination props (2f0d106)
• migrate button action to button (b9e618f)
• migrate button close to button (4b4ac70)
• migrate checkbox headless to reka-ui, create TairoCheckboxCardIcon (e3b037d)
• migrate checkboxes to shuriken ui 4 and create TairoCheckboxAnimated component (b481ee5)
• migrate data-nui-tooltip to tooltip component (4a1a5f2)
• migrate demo to nuxt 4 directory structure (c4d98a2)
• migrate headless radios to shuriken ui 4 and create TairoRadioCard component (21ade90)
• migrate headlessui Combobox to shuriken ui autocomplete (c8d7a2a)
• migrate headlessui Menu to reka DropdownMenu (eb8698e)
• migrate inputs to use BaseField component + create TairoInput and TairoSelect components (fbebc53)
• migrate quickstarter to nuxt 4 directory structure (a952b87)
• migrate shuriken ui button icon to button (125d6aa)
• migrate to eslint v9 (6b98e89)
• migrate to tailwind v4 and shuriken ui v4 (ad6ed52)
• prerender documentation code examples using nuxt content hooks (edfca1e)
• refactor demo chart components to utilize defineApexchartsProps for improved typing (586a20b)
• remove dropdown variants (784efe3)
• replace @vueform/slider component with shuriken ui slider (c2a0bed)
• replace button group with tailwind classes (2a2edfa)
• replace headless ui FocusLoop with reka FocusScope (6c9c6ba)
• replace listbox with new select component (d633309)
• replace nuxt-toaster with shuriken ui toasts (806650f)
• replace splitpanes with reka ui splitter (c6f4af4)
• replace tairo modal with reka ui modal + remove @headlessui/vue (7904e8e)
• rework dashboards index (928371f)
• rework mapbox app demo (8a6424a)
• rework personal 2 (5b8bf69)
• split sidebar layout into smaller composable components (ac0ebee)
• update addon input phone component (df1c142)
• update avatar images and user details in messaging dashboard (addcb93)
• update BaseButton components to use variant prop instead of color (2972428)
• update BaseProgress and BaseProgressCircle components to use model-value prop (a3acd14)
• update blur scales to tailwind 4 (1ab2988)
• update chart components to use CSS variables for colors and enhance layout (ccfa2c0)
• update collapse layout styles and enhance sidebar components (aa88a25)
• update color classes from 'danger' to 'destructive' across multiple components (8e20907)
• update component styles and improve UI consistency across various layouts (7754b59)
• update doc to nuxt content 3 + replace AddonMarkdownRemark with MDC + merge documentation layer to demo project (d935c6d)
• update documentation to include new sidenav layer (ce05b66)
• update icon names and adjust styles in various components (f0b60a9)
• update icons in form components and adjust styles for better visibility (66c4fe4)
• update important syntax to tailwind 4 (2769f78)
• update layout configuration and enhance topnav content (686a09b)
• update navigation (0b90fc4)
• update new panels documentation (edd0ecc)
• update new panels documentation (00134d7)
• update nuxt to 3.16.0 (07b56b2)
• update packages to shuriken ui 4 + use module instead of layer (841da1b)
• update panel opening mechanism to use component references instead of nuxt app config (f2aa5ed)
• update preferences layout and improve UI consistency across various components (ddf86c8)
• update profile demo data and enhance layout responsiveness with improved icon sizes (10ad727)
• update profile layout and improve icon consistency for enhanced UI (6665227)
• update rounded scales to tailwind 4 (efeac4f)
• update routing path and improve icon consistency in authentication components (3fea6fb)
• update routing path for user info to improve navigation clarity (d75f06a)
• update routing paths and enhance text color consistency across layouts (f52bd6d)
• update select component to use select item in slots (060517e)
• update shadow scales to tailwind 4 (24d4f79)
• update shuriken ui composables names (03b87c5)
• update tag and icon box to use variant prop instead of color (ff285bb)
• update tailwind 4 import reference (e8248e9)
• update to reka ui 2.0.0 (543f5a1)
• use Lazy prefix to import addon components (fd6ccb8)
• use LightningCSS as transformer / minifier (328ee02)
• use reka PIN input on onboarding-1 (bf82ed7)
• useTemplateRef from vue 3.5 (56e5570)
• wrap radio with radio group component (57a1e91)

🩹 Bug Fixes

• add iconify json packages (a8ac563)
• add missing slots to AddonDatepicker (4a12d43)
• adjust icon size in TairoRadioCard component (05c15b9)
• adjust opacity for images in DemoStarterSwitcher and update navbar max-width (e51d63c)
• apexcharts dark mode tooltips and lines, todo: fix css rgb syntax (cbde27b)
• click event not being triggered in sidenav layout (3dddce0)
• ensure proper parsing of page query parameter in pagination components (de820c5)
• fix apexcharts dark mode colors (4abed7d)
• fix collapse arrow showing on mobile (20fff33)
• fix topnav circular menu tool key (c6467a0)
• handle undefined characters in convertToCssProperty function (43baad5)
• increase toaster default z-index (13e9a0f)
• minor layout issues and typos (3a75cbe)
• move TairoLogo and TairoLogoText components to demo (ffe3989)
• move utility functions for color generation, currency formatting, file size formatting, and string capitalization to demo (4c24711)
• remove 'contrast' prop from BaseTextarea, BaseSelect, and BaseInput components (63a3d57)
• remove useTailwindColors and colorjs.io (483d30f)
• resolve bugs listed in issue 180, close #180 (f24f993)
• set default toaster z-index to 9999 to prevent toaster being hidden by other elements (dc160e5)
• small layout fixes (a029f2b)
• table head row hydration (47096ff)
• table hydration issues (18fdea7)
• update ai ui sidebar css variable usage and dropdown z-index (7246827)
• update styling for LandingDemoLink component to enhance visibility of 'New' tag (1a9e5b4)
• update tailwind import to include static theme (06d1f87)
• update tailwind reference in custom stylesheets (ab331f3)

📖 Documentation

• component-meta: add separate package to parse components meta (a4c08aa)

🔥 Performance

• enable eslint cache (9c06cf1)
• improve date-fns and v-calendar treeshaking (856e705)

💅 Refactors

• add dedicated nuxt content layout for documentation (d338503)
• add initial layout sidebar component and configuration (5b5fc92)
• add new app screenshots (5142996)
• content demo source injection inside a nuxt module (8a6a3aa)
• documentation: create content-documentation module + inject demo components + fix prose components (07b6f13)
• enhance hobbies dashboard layout and update datepicker component (2e68e66)
• enhance sidebar link styles and update component layouts for better readability (537619f)
• extract all charts to dedicated components (2428a8a)
• improve 8 dashboard pages (f491863)
• improve banking dashboards (93daa7d)
• improve dashboard pages (a5b5ff3)
• improve documentation pages (a1c4da8)
• improve mobile navigation on new layouts (84bf3c3)
• merge layout layers in tairo layers and landing layer in demo app (3bba802)
• remove old tairo popover components (a2aa6d6)
• remove ptablet and ltablet usage (f5fed78)
• remove unused old layout components and cleanup app config (721c1c0)
• remove vue-axe plugin and associated component from demo app (ec5a18f)
• remove vue3 carousel components and related documentation (93c8782)
• rename CSS variables to include 'tairo' prefix (a19c3da)
• rename CSS variables to include 'tairo' prefix (df0541e)
• rename tailwind.css to main.css to align with tailwind documentation (a7e8faa)
• replace layers with v4 (1310594)
• rework personal 3 (628daad)
• simplify documentation content, remove old tooltip from examples, remove unused doc components (e18590c)
• simplify messaging layout and enhance component structure for improved readability (9751c8f)
• simplify nuxt config and routes rules (51d54fb)
• update calendar event components for improved styling and usability (3b11230)
• update documentation structure and improve content across various guides and setup (c6bb54d)
• update routing paths and improve component styles across multiple files (5344365)
• update sidebar component for improved layout and navigation (cb23438)
• update sidebar labels and enhance calendar layout for improved navigation and usability (0b6ff7a)
• update sidebar trigger to use NuxtLink and enhance layout padding in dashboards (35b789d)
• update text alignment classes and improve flag icon mappings (d3203b9)