@kopexa/theme 1.6.5 → 1.6.7

package/dist/components/index.js

@@ -26,6 +26,7 @@ __export(components_exports, {
   avatarGroup: () => avatarGroup,
   button: () => button,
   calendar: () => calendar,
+  callout: () => callout,
   card: () => card,
   checkbox: () => checkbox,
   chip: () => chip,
@@ -603,13 +604,82 @@ var calendar = (0, import_tailwind_variants6.tv)({
   }
 });
 
-// src/components/card.ts
+// src/components/callout.ts
 var import_tailwind_variants7 = require("tailwind-variants");
-var card = (0, import_tailwind_variants7.tv)({
+var callout = (0, import_tailwind_variants7.tv)({
+  slots: {
+    root: ["flex items-start gap-3 w-full", "border", "relative"],
+    iconContainer: "flex-shrink-0 mt-0.5",
+    icon: "h-5 w-5",
+    title: "font-semibold leading-none tracking-tight mb-2",
+    content: "text-sm/6",
+    closeButton: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+  },
+  variants: {
+    radius: {
+      none: { root: "rounded-none" },
+      sm: { root: "rounded-sm" },
+      md: { root: "rounded-md" },
+      lg: { root: "rounded-lg" }
+    },
+    size: {
+      sm: {
+        root: "p-3 text-sm",
+        icon: "h-4 w-4",
+        title: "text-sm mb-1"
+      },
+      md: {
+        root: "p-4",
+        icon: "h-5 w-5"
+      },
+      lg: {
+        root: "p-6",
+        icon: "h-6 w-6",
+        title: "text-lg mb-3"
+      }
+    },
+    variant: {
+      default: {
+        root: "bg-muted/50 text-foreground border-border",
+        icon: "text-foreground",
+        title: "text-foreground"
+      },
+      info: {
+        root: "bg-blue-50 dark:bg-blue-950/50 text-blue-900 dark:text-blue-200 border-blue-200 dark:border-blue-800/50",
+        icon: "text-blue-500 dark:text-blue-400",
+        title: "text-blue-900 dark:text-blue-200"
+      },
+      success: {
+        root: "bg-green-50 dark:bg-green-950/50 text-green-900 dark:text-green-200 border-green-200 dark:border-green-800/50",
+        icon: "text-green-500 dark:text-green-400",
+        title: "text-green-900 dark:text-green-200"
+      },
+      warning: {
+        root: "bg-orange-50 dark:bg-orange-950/50 text-orange-900 dark:text-orange-200 border-orange-200 dark:border-orange-800/50",
+        icon: "text-orange-500 dark:text-orange-400",
+        title: "text-orange-900 dark:text-orange-200"
+      },
+      destructive: {
+        root: "bg-red-50 dark:bg-red-950/50 text-red-900 dark:text-red-200 border-red-200 dark:border-red-800/50",
+        icon: "text-red-500 dark:text-red-400",
+        title: "text-red-900 dark:text-red-200"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    radius: "md",
+    size: "md"
+  }
+});
+
+// src/components/card.ts
+var import_tailwind_variants8 = require("tailwind-variants");
+var card = (0, import_tailwind_variants8.tv)({
   slots: {
     root: [
-      "flex flex-col relative overflow-hidden h-auto outline-hidden text-card-foreground bg-card box-border",
-      "border-2 border-transparent"
+      "flex flex-col relative overflow-hidden h-auto outline-hidden box-border",
+      "transition-colors duration-200"
     ],
     header: [
       "flex",
@@ -651,6 +721,14 @@ var card = (0, import_tailwind_variants7.tv)({
     ]
   },
   variants: {
+    variant: {
+      default: {
+        root: "bg-card text-card-foreground"
+      },
+      muted: {
+        root: "bg-muted text-muted-foreground"
+      }
+    },
     shadow: {
       none: {
         root: "shadow-none"
@@ -669,8 +747,14 @@ var card = (0, import_tailwind_variants7.tv)({
       }
     },
     border: {
-      true: {
-        root: "border"
+      none: {
+        root: "border-0"
+      },
+      default: {
+        root: "border border-border"
+      },
+      emphasized: {
+        root: "border-2 border-border"
       }
     },
     radius: {
@@ -702,7 +786,10 @@ var card = (0, import_tailwind_variants7.tv)({
     },
     isHoverable: {
       true: {
-        root: "hover:shadow-xl hover:-translate-y-1 transition-all duration-300 hover:border-primary-600"
+        root: [
+          "hover:shadow-xl hover:-translate-y-1 transition-all duration-300",
+          "hover:border-primary/50 hover:bg-card/80"
+        ]
       }
     },
     isPressable: {
@@ -717,33 +804,113 @@ var card = (0, import_tailwind_variants7.tv)({
       true: {
         root: "opacity-50 cursor-not-allowed pointer-events-none"
       }
+    },
+    bleed: {
+      none: {},
+      sm: {
+        body: "px-2",
+        header: "px-2",
+        footer: "px-2"
+      },
+      md: {
+        body: "px-0",
+        header: "px-0",
+        footer: "px-0"
+      },
+      lg: {
+        body: "-mx-2",
+        header: "-mx-2",
+        footer: "-mx-2"
+      },
+      content: {
+        body: "px-0",
+        header: "px-3",
+        footer: "px-3"
+      }
+    },
+    spacing: {
+      sm: {
+        body: "p-2",
+        header: "p-2",
+        footer: "p-2"
+      },
+      md: {
+        body: "p-3",
+        header: "p-3",
+        footer: "p-3"
+      },
+      lg: {
+        body: "p-4",
+        header: "p-4",
+        footer: "p-4"
+      },
+      xl: {
+        body: "p-6",
+        header: "p-6",
+        footer: "p-6"
+      }
     }
   },
   defaultVariants: {
+    variant: "default",
     radius: "lg",
-    shadow: "sm",
+    shadow: "none",
     fullWidth: false,
     isHoverable: false,
     isPressable: false,
     isBlurred: false,
     isDisabled: false,
-    border: true
+    border: "default",
+    bleed: "none",
+    spacing: "md"
   }
 });
 
 // src/components/checkbox.ts
-var import_tailwind_variants8 = require("tailwind-variants");
-var checkbox = (0, import_tailwind_variants8.tv)({
+var import_tailwind_variants9 = require("tailwind-variants");
+var checkbox = (0, import_tailwind_variants9.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",
-    icon: "size-3.5"
+    base: [
+      "group",
+      "peer border-input dark:bg-input/30",
+      "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"
+    ],
+    icon: [
+      "w-4 h-3 opacity-0 group-data-[state=checked]:opacity-100",
+      "pointer-events-none"
+    ]
+  },
+  variants: {
+    color: {
+      primary: {
+        base: [
+          "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+          "dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary"
+        ]
+      }
+    },
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
   }
 });
 
 // src/components/chip.ts
-var import_tailwind_variants9 = require("tailwind-variants");
-var chip = (0, import_tailwind_variants9.tv)({
+var import_tailwind_variants10 = require("tailwind-variants");
+var chip = (0, import_tailwind_variants10.tv)({
   slots: {
     root: [
       "relative",
@@ -1059,8 +1226,8 @@ var chip = (0, import_tailwind_variants9.tv)({
 });
 
 // src/components/code.ts
-var import_tailwind_variants10 = require("tailwind-variants");
-var code = (0, import_tailwind_variants10.tv)({
+var import_tailwind_variants11 = require("tailwind-variants");
+var code = (0, import_tailwind_variants11.tv)({
   base: [
     "px-2",
     "py-1",
@@ -1100,8 +1267,8 @@ var code = (0, import_tailwind_variants10.tv)({
 });
 
 // src/components/command.ts
-var import_tailwind_variants11 = require("tailwind-variants");
-var command = (0, import_tailwind_variants11.tv)({
+var import_tailwind_variants12 = require("tailwind-variants");
+var command = (0, import_tailwind_variants12.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",
@@ -1120,8 +1287,8 @@ var command = (0, import_tailwind_variants11.tv)({
 });
 
 // src/components/data-table.ts
-var import_tailwind_variants12 = require("tailwind-variants");
-var dataTable = (0, import_tailwind_variants12.tv)({
+var import_tailwind_variants13 = require("tailwind-variants");
+var dataTable = (0, import_tailwind_variants13.tv)({
   slots: {
     base: "relative flex min-h-0 flex-1 flex-col",
     toolbarWrapper: "flex flex-col gap-2 divide-y pb-2",
@@ -1165,8 +1332,8 @@ var dataTable = (0, import_tailwind_variants12.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants13 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants13.tv)({
+var import_tailwind_variants14 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants14.tv)({
   slots: {
     overlay: ["fixed inset-0 z-50 bg-black/25"],
     content: [
@@ -1257,8 +1424,8 @@ var dialog = (0, import_tailwind_variants13.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants14 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants14.tv)({
+var import_tailwind_variants15 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants15.tv)({
   slots: {
     overlay: dialog.slots.overlay,
     content: [
@@ -1340,8 +1507,8 @@ var drawer = (0, import_tailwind_variants14.tv)({
 });
 
 // src/components/dropdown-menu.ts
-var import_tailwind_variants15 = require("tailwind-variants");
-var dropdownMenu = (0, import_tailwind_variants15.tv)({
+var import_tailwind_variants16 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants16.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",
@@ -1361,8 +1528,8 @@ var dropdownMenu = (0, import_tailwind_variants15.tv)({
 });
 
 // src/components/heading.ts
-var import_tailwind_variants16 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants16.tv)({
+var import_tailwind_variants17 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants17.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -1379,8 +1546,8 @@ var heading = (0, import_tailwind_variants16.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants17 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants17.tv)({
+var import_tailwind_variants18 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants18.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -1395,14 +1562,14 @@ var hoverCard = (0, import_tailwind_variants17.tv)({
 });
 
 // src/components/input.ts
-var import_tailwind_variants18 = require("tailwind-variants");
-var passwordInput = (0, import_tailwind_variants18.tv)({
+var import_tailwind_variants19 = require("tailwind-variants");
+var passwordInput = (0, import_tailwind_variants19.tv)({
   slots: {
     button: "focus:outline-hidden",
     icon: "pointer-events-none text-muted-foreground"
   }
 });
-var input = (0, import_tailwind_variants18.tv)({
+var input = (0, import_tailwind_variants19.tv)({
   base: [],
   slots: {
     inputWrapper: [
@@ -1483,8 +1650,8 @@ var input = (0, import_tailwind_variants18.tv)({
 });
 
 // src/components/page-header.ts
-var import_tailwind_variants19 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants19.tv)({
+var import_tailwind_variants20 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants20.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -1519,8 +1686,8 @@ var pageHeader = (0, import_tailwind_variants19.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants20 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants20.tv)({
+var import_tailwind_variants21 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants21.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -1631,8 +1798,8 @@ var pageLayout = (0, import_tailwind_variants20.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants21 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants21.tv)({
+var import_tailwind_variants22 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants22.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -1643,8 +1810,8 @@ var popover = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants23.tv)({
   slots: {
     root: [
       "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
@@ -1685,8 +1852,8 @@ var previewCard = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants24.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -1712,8 +1879,8 @@ var resizable = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants25.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -1752,8 +1919,8 @@ var riskBadge = (0, import_tailwind_variants24.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants26.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -1786,8 +1953,8 @@ var riskIndicator = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants27 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants27.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -1843,8 +2010,8 @@ var sectionRow = (0, import_tailwind_variants26.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants28.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: {
@@ -1856,8 +2023,8 @@ var separator = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants29.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
@@ -1945,7 +2112,7 @@ var sidebar = (0, import_tailwind_variants28.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants28.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants29.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]",
@@ -1997,7 +2164,7 @@ var sidebarMenuButton = (0, import_tailwind_variants28.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants28.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants29.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.
@@ -2017,14 +2184,14 @@ var sidebarMenuAction = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants30.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants31.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -2141,8 +2308,8 @@ var spinner = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants32.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -2152,7 +2319,7 @@ var splitPageLayout = (0, import_tailwind_variants31.tv)({
       "flex flex-col",
       "md:border-s",
       //"size-full",
-      "bg-muted dark:bg-primary-900"
+      "bg-muted/50 dark:bg-primary-900"
     ],
     panel: [
       //"md:border-s",
@@ -2179,8 +2346,8 @@ var splitPageLayout = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants33.tv)({
   slots: {
     base: "",
     list: [
@@ -2270,8 +2437,8 @@ var tabNav = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var table = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var table = (0, import_tailwind_variants34.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -2428,8 +2595,8 @@ var table = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants35.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -2466,8 +2633,8 @@ var tabs = (0, import_tailwind_variants34.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants35 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants35.tv)({
+var import_tailwind_variants36 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants36.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -2485,6 +2652,7 @@ var tooltip = (0, import_tailwind_variants35.tv)({
   avatarGroup,
   button,
   calendar,
+  callout,
   card,
   checkbox,
   chip,

package/dist/components/index.mjs

@@ -1,7 +1,10 @@
-import "../chunk-FD464FGG.mjs";
+import "../chunk-N7T6GTBO.mjs";
+import {
+  spinner
+} from "../chunk-4UDOCFU5.mjs";
 import {
   splitPageLayout
-} from "../chunk-IY7SLI3T.mjs";
+} from "../chunk-W7RJG22S.mjs";
 import {
   tabNav
 } from "../chunk-ZLM6Z3W2.mjs";
@@ -14,6 +17,9 @@ import {
 import {
   tooltip
 } from "../chunk-SVCFD7RR.mjs";
+import {
+  previewCard
+} from "../chunk-WPOYEHD2.mjs";
 import {
   resizable
 } from "../chunk-RV656WRF.mjs";
@@ -38,8 +44,8 @@ import {
   skeleton
 } from "../chunk-VNQEJU4P.mjs";
 import {
-  spinner
-} from "../chunk-4UDOCFU5.mjs";
+  dropdownMenu
+} from "../chunk-EXBKQDH5.mjs";
 import {
   heading
 } from "../chunk-NWKBPO37.mjs";
@@ -60,11 +66,11 @@ import {
   popover
 } from "../chunk-IKJHZT2S.mjs";
 import {
-  previewCard
-} from "../chunk-WPOYEHD2.mjs";
+  card
+} from "../chunk-VWZTV46T.mjs";
 import {
   checkbox
-} from "../chunk-KPOZFVP6.mjs";
+} from "../chunk-A4KO7QKC.mjs";
 import {
   chip
 } from "../chunk-T5PESSOS.mjs";
@@ -83,9 +89,6 @@ import {
 import {
   dialog
 } from "../chunk-5DF3M5JP.mjs";
-import {
-  dropdownMenu
-} from "../chunk-EXBKQDH5.mjs";
 import {
   accordion
 } from "../chunk-TLCFFCOP.mjs";
@@ -107,8 +110,8 @@ import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
 import {
-  card
-} from "../chunk-EACX3NZF.mjs";
+  callout
+} from "../chunk-3SRZALOM.mjs";
 export {
   accordion,
   alertDialog,
@@ -116,6 +119,7 @@ export {
   avatarGroup,
   button,
   calendar,
+  callout,
   card,
   checkbox,
   chip,

package/dist/components/input.d.mts

@@ -1,18 +1,19 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 
 declare const passwordInput: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            icon?: tailwind_variants.ClassValue;
-            button?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            icon?: tailwind_merge.ClassNameValue;
+            button?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            icon?: tailwind_variants.ClassValue;
-            button?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            icon?: tailwind_merge.ClassNameValue;
+            button?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -20,9 +21,9 @@ declare const passwordInput: tailwind_variants.TVReturnType<{
     icon: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            icon?: tailwind_variants.ClassValue;
-            button?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            icon?: tailwind_merge.ClassNameValue;
+            button?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {