@kopexa/theme 1.6.3 → 1.6.4

package/dist/components/dropdown-menu.d.ts

@@ -4,12 +4,12 @@ import { VariantProps } from 'tailwind-variants';
 declare const dropdownMenu: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
             root?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
             icon?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
-            item?: tailwind_variants.ClassValue;
             shortcut?: tailwind_variants.ClassValue;
             checkboxItem?: tailwind_variants.ClassValue;
             iconWrapper?: tailwind_variants.ClassValue;
@@ -23,12 +23,12 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
             root?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
             icon?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
-            item?: tailwind_variants.ClassValue;
             shortcut?: tailwind_variants.ClassValue;
             checkboxItem?: tailwind_variants.ClassValue;
             iconWrapper?: tailwind_variants.ClassValue;
@@ -57,12 +57,12 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
             root?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
             icon?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
             separator?: tailwind_variants.ClassValue;
-            item?: tailwind_variants.ClassValue;
             shortcut?: tailwind_variants.ClassValue;
             checkboxItem?: tailwind_variants.ClassValue;
             iconWrapper?: tailwind_variants.ClassValue;

package/dist/components/index.d.mts

@@ -1,3 +1,4 @@
+export { AccordionSlots, AccordionVariantProps, accordion } from './accordion.mjs';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.mjs';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.mjs';

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export { AccordionSlots, AccordionVariantProps, accordion } from './accordion.js';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.js';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.js';

package/dist/components/index.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/index.ts
 var components_exports = {};
 __export(components_exports, {
+  accordion: () => accordion,
   alertDialog: () => alertDialog,
   avatar: () => avatar,
   avatarGroup: () => avatarGroup,
@@ -60,9 +61,76 @@ __export(components_exports, {
 });
 module.exports = __toCommonJS(components_exports);
 
-// src/components/alert-dialog.ts
+// src/components/accordion.ts
 var import_tailwind_variants = require("tailwind-variants");
-var alertDialog = (0, import_tailwind_variants.tv)({
+var accordion = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "",
+    item: "border-b last:border-b-0",
+    trigger: [
+      "w-full",
+      "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180"
+    ],
+    triggerIcon: [
+      "pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+    ],
+    contentContainer: [
+      "border-t",
+      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+    ],
+    content: ["p-4"]
+  },
+  variants: {
+    color: {
+      default: {
+        triggerIcon: ["text-muted-foreground"]
+      },
+      muted: {
+        root: "bg-muted"
+      }
+    },
+    border: {
+      none: "",
+      default: {
+        root: "border border-border"
+      }
+    },
+    radius: {
+      none: {
+        root: "rounded-none",
+        trigger: "rounded-t-none",
+        content: "rounded-b-none"
+      },
+      sm: {
+        root: "rounded-sm",
+        trigger: "rounded-t-sm",
+        content: "rounded-b-sm"
+      },
+      md: {
+        root: "rounded-md",
+        trigger: "rounded-t-md",
+        content: "rounded-b-md"
+      }
+    },
+    spacing: {
+      none: {},
+      default: {
+        trigger: "px-4",
+        content: "px-4"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    spacing: "default",
+    radius: "md",
+    border: "default"
+  }
+});
+
+// src/components/alert-dialog.ts
+var import_tailwind_variants2 = require("tailwind-variants");
+var alertDialog = (0, import_tailwind_variants2.tv)({
   slots: {
     overlay: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
     content: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
@@ -75,7 +143,7 @@ var alertDialog = (0, import_tailwind_variants.tv)({
 });
 
 // src/components/avatar.ts
-var import_tailwind_variants2 = require("tailwind-variants");
+var import_tailwind_variants3 = require("tailwind-variants");
 
 // src/utils/classes.ts
 var focusVisibleClasses = [
@@ -148,7 +216,7 @@ var colorVariants = {
 };
 
 // src/components/avatar.ts
-var avatar = (0, import_tailwind_variants2.tv)({
+var avatar = (0, import_tailwind_variants3.tv)({
   slots: {
     root: [
       "flex",
@@ -321,8 +389,8 @@ var avatar = (0, import_tailwind_variants2.tv)({
 });
 
 // src/components/avatar-group.ts
-var import_tailwind_variants3 = require("tailwind-variants");
-var avatarGroup = (0, import_tailwind_variants3.tv)({
+var import_tailwind_variants4 = require("tailwind-variants");
+var avatarGroup = (0, import_tailwind_variants4.tv)({
   slots: {
     base: "flex items-center justify-center h-auto w-max",
     count: "hover:-translate-x-0"
@@ -335,8 +403,8 @@ var avatarGroup = (0, import_tailwind_variants3.tv)({
 });
 
 // src/components/button.ts
-var import_tailwind_variants4 = require("tailwind-variants");
-var button = (0, import_tailwind_variants4.tv)({
+var import_tailwind_variants5 = require("tailwind-variants");
+var button = (0, import_tailwind_variants5.tv)({
   base: [
     "group relative inline-flex items-center justify-center select-none",
     "box-border appearance-none",
@@ -483,8 +551,8 @@ var button = (0, import_tailwind_variants4.tv)({
 });
 
 // src/components/calendar.ts
-var import_tailwind_variants5 = require("tailwind-variants");
-var calendar = (0, import_tailwind_variants5.tv)({
+var import_tailwind_variants6 = require("tailwind-variants");
+var calendar = (0, import_tailwind_variants6.tv)({
   slots: {
     base: [
       "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -536,8 +604,8 @@ var calendar = (0, import_tailwind_variants5.tv)({
 });
 
 // src/components/card.ts
-var import_tailwind_variants6 = require("tailwind-variants");
-var card = (0, import_tailwind_variants6.tv)({
+var import_tailwind_variants7 = require("tailwind-variants");
+var card = (0, import_tailwind_variants7.tv)({
   slots: {
     root: [
       "flex flex-col relative overflow-hidden h-auto outline-hidden text-card-foreground bg-card box-border",
@@ -664,8 +732,8 @@ var card = (0, import_tailwind_variants6.tv)({
 });
 
 // src/components/checkbox.ts
-var import_tailwind_variants7 = require("tailwind-variants");
-var checkbox = (0, import_tailwind_variants7.tv)({
+var import_tailwind_variants8 = require("tailwind-variants");
+var checkbox = (0, import_tailwind_variants8.tv)({
   slots: {
     base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
     indicator: "flex items-center justify-center text-current transition-none",
@@ -674,8 +742,8 @@ var checkbox = (0, import_tailwind_variants7.tv)({
 });
 
 // src/components/chip.ts
-var import_tailwind_variants8 = require("tailwind-variants");
-var chip = (0, import_tailwind_variants8.tv)({
+var import_tailwind_variants9 = require("tailwind-variants");
+var chip = (0, import_tailwind_variants9.tv)({
   slots: {
     root: [
       "relative",
@@ -991,8 +1059,8 @@ var chip = (0, import_tailwind_variants8.tv)({
 });
 
 // src/components/code.ts
-var import_tailwind_variants9 = require("tailwind-variants");
-var code = (0, import_tailwind_variants9.tv)({
+var import_tailwind_variants10 = require("tailwind-variants");
+var code = (0, import_tailwind_variants10.tv)({
   base: [
     "px-2",
     "py-1",
@@ -1032,8 +1100,8 @@ var code = (0, import_tailwind_variants9.tv)({
 });
 
 // src/components/command.ts
-var import_tailwind_variants10 = require("tailwind-variants");
-var command = (0, import_tailwind_variants10.tv)({
+var import_tailwind_variants11 = require("tailwind-variants");
+var command = (0, import_tailwind_variants11.tv)({
   slots: {
     root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
     inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -1052,8 +1120,8 @@ var command = (0, import_tailwind_variants10.tv)({
 });
 
 // src/components/data-table.ts
-var import_tailwind_variants11 = require("tailwind-variants");
-var dataTable = (0, import_tailwind_variants11.tv)({
+var import_tailwind_variants12 = require("tailwind-variants");
+var dataTable = (0, import_tailwind_variants12.tv)({
   slots: {
     base: "relative flex min-h-0 flex-1 flex-col",
     toolbarWrapper: "flex flex-col gap-2 divide-y pb-2",
@@ -1097,8 +1165,8 @@ var dataTable = (0, import_tailwind_variants11.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants12 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants12.tv)({
+var import_tailwind_variants13 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants13.tv)({
   slots: {
     overlay: ["fixed inset-0 z-50 bg-black/25"],
     content: [
@@ -1189,8 +1257,8 @@ var dialog = (0, import_tailwind_variants12.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants13 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants13.tv)({
+var import_tailwind_variants14 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants14.tv)({
   slots: {
     overlay: dialog.slots.overlay,
     content: [
@@ -1272,8 +1340,8 @@ var drawer = (0, import_tailwind_variants13.tv)({
 });
 
 // src/components/dropdown-menu.ts
-var import_tailwind_variants14 = require("tailwind-variants");
-var dropdownMenu = (0, import_tailwind_variants14.tv)({
+var import_tailwind_variants15 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants15.tv)({
   slots: {
     root: "",
     content: "min-w-56 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -1293,8 +1361,8 @@ var dropdownMenu = (0, import_tailwind_variants14.tv)({
 });
 
 // src/components/heading.ts
-var import_tailwind_variants15 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants15.tv)({
+var import_tailwind_variants16 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants16.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -1311,8 +1379,8 @@ var heading = (0, import_tailwind_variants15.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants16 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants16.tv)({
+var import_tailwind_variants17 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants17.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -1327,14 +1395,14 @@ var hoverCard = (0, import_tailwind_variants16.tv)({
 });
 
 // src/components/input.ts
-var import_tailwind_variants17 = require("tailwind-variants");
-var passwordInput = (0, import_tailwind_variants17.tv)({
+var import_tailwind_variants18 = require("tailwind-variants");
+var passwordInput = (0, import_tailwind_variants18.tv)({
   slots: {
     button: "focus:outline-hidden",
     icon: "pointer-events-none text-muted-foreground"
   }
 });
-var input = (0, import_tailwind_variants17.tv)({
+var input = (0, import_tailwind_variants18.tv)({
   base: [],
   slots: {
     inputWrapper: [
@@ -1415,8 +1483,8 @@ var input = (0, import_tailwind_variants17.tv)({
 });
 
 // src/components/page-header.ts
-var import_tailwind_variants18 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants18.tv)({
+var import_tailwind_variants19 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants19.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -1451,8 +1519,8 @@ var pageHeader = (0, import_tailwind_variants18.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants19 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants19.tv)({
+var import_tailwind_variants20 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants20.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -1563,8 +1631,8 @@ var pageLayout = (0, import_tailwind_variants19.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants20 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants20.tv)({
+var import_tailwind_variants21 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants21.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -1575,8 +1643,8 @@ var popover = (0, import_tailwind_variants20.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants21 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants21.tv)({
+var import_tailwind_variants22 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants22.tv)({
   slots: {
     root: [
       "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
@@ -1617,8 +1685,8 @@ var previewCard = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants23.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -1644,8 +1712,8 @@ var resizable = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants24.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -1684,8 +1752,8 @@ var riskBadge = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants25.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -1718,8 +1786,8 @@ var riskIndicator = (0, import_tailwind_variants24.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants26.tv)({
   slots: {
     root: [
       "grid grid-cols-1 text-base/6 sm:grid-cols-[min(33%,--spacing(80))_auto] sm:text-sm/6",
@@ -1747,8 +1815,8 @@ var sectionRow = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants27 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants27.tv)({
   base: "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
   variants: {
     orientation: {
@@ -1760,8 +1828,8 @@ var separator = (0, import_tailwind_variants26.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants28.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
@@ -1849,7 +1917,7 @@ var sidebar = (0, import_tailwind_variants27.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants27.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants28.tv)({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
     "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
@@ -1901,7 +1969,7 @@ var sidebarMenuButton = (0, import_tailwind_variants27.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants27.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants28.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -1921,14 +1989,14 @@ var sidebarMenuAction = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants29.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants30.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -2045,8 +2113,8 @@ var spinner = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants31.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -2083,8 +2151,8 @@ var splitPageLayout = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants32.tv)({
   slots: {
     base: "",
     list: [
@@ -2174,8 +2242,8 @@ var tabNav = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var table = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var table = (0, import_tailwind_variants33.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -2332,8 +2400,8 @@ var table = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants34.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -2370,8 +2438,8 @@ var tabs = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants35.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -2383,6 +2451,7 @@ var tooltip = (0, import_tailwind_variants34.tv)({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  accordion,
   alertDialog,
   avatar,
   avatarGroup,

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
-import "../chunk-RH7YHIQY.mjs";
+import "../chunk-FD464FGG.mjs";
+import {
+  splitPageLayout
+} from "../chunk-IY7SLI3T.mjs";
 import {
   tabNav
 } from "../chunk-ZLM6Z3W2.mjs";
@@ -11,6 +14,9 @@ import {
 import {
   tooltip
 } from "../chunk-SVCFD7RR.mjs";
+import {
+  resizable
+} from "../chunk-RV656WRF.mjs";
 import {
   riskBadge
 } from "../chunk-V2J5XG34.mjs";
@@ -35,8 +41,8 @@ import {
   spinner
 } from "../chunk-4UDOCFU5.mjs";
 import {
-  splitPageLayout
-} from "../chunk-IY7SLI3T.mjs";
+  heading
+} from "../chunk-NWKBPO37.mjs";
 import {
   hoverCard
 } from "../chunk-755GJHKQ.mjs";
@@ -57,8 +63,8 @@ import {
   previewCard
 } from "../chunk-WPOYEHD2.mjs";
 import {
-  resizable
-} from "../chunk-RV656WRF.mjs";
+  checkbox
+} from "../chunk-KPOZFVP6.mjs";
 import {
   chip
 } from "../chunk-T5PESSOS.mjs";
@@ -81,8 +87,8 @@ import {
   dropdownMenu
 } from "../chunk-EXBKQDH5.mjs";
 import {
-  heading
-} from "../chunk-NWKBPO37.mjs";
+  accordion
+} from "../chunk-TLCFFCOP.mjs";
 import {
   alertDialog
 } from "../chunk-CPEP2RO4.mjs";
@@ -103,10 +109,8 @@ import {
 import {
   card
 } from "../chunk-EACX3NZF.mjs";
-import {
-  checkbox
-} from "../chunk-KPOZFVP6.mjs";
 export {
+  accordion,
   alertDialog,
   avatar,
   avatarGroup,

package/dist/components/page-header.d.mts

@@ -4,9 +4,9 @@ import { VariantProps } from 'tailwind-variants';
 declare const pageHeader: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -19,9 +19,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -45,9 +45,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;

package/dist/components/page-header.d.ts

@@ -4,9 +4,9 @@ import { VariantProps } from 'tailwind-variants';
 declare const pageHeader: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -19,9 +19,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -45,9 +45,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 export { TV, VariantProps } from 'tailwind-variants';
+export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.mjs';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.mjs';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.mjs';

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { TV, VariantProps } from 'tailwind-variants';
+export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.js';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.js';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.js';