@kopexa/theme 2.1.0 → 13.0.0

package/dist/{chunk-NFOF75HQ.mjs → chunk-2N3PG3TK.mjs}

@@ -1,7 +1,7 @@
 import {
   focusVisibleClasses,
   inputClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/select.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-5DOB3IBE.mjs → chunk-6IZPAS4O.mjs}

@@ -28,6 +28,11 @@ var inputClasses = {
     sm: "h-7 min-h-7",
     md: "h-8.5 min-h-8.5",
     lg: "h-10 min-h-10"
+  },
+  text: {
+    sm: "text-sm",
+    md: "text-base md:text-sm",
+    lg: "text-base"
   }
 };
 

package/dist/{chunk-GA6UOB2D.mjs → chunk-7POAXCN2.mjs}

@@ -7,7 +7,7 @@ var sidebar = tv({
     ],
     sidebarWrapper: ["group peer text-sidebar-foreground hidden md:block"],
     sidebar: [
-      "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col"
+      "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col isolate"
     ],
     gap: [
       "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",

package/dist/{chunk-M3GQ563Q.mjs → chunk-ARLLAC5V.mjs}

@@ -1,7 +1,7 @@
 import {
   focusVisibleClasses,
   inputClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/textarea.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-Z7D56R5U.mjs → chunk-CWAFYX5G.mjs}

@@ -1,9 +1,9 @@
 import {
   input
-} from "./chunk-IHW4FWFB.mjs";
+} from "./chunk-K3EVZATS.mjs";
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/autocomplete.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-IHITEH7V.mjs → chunk-IX46TOS3.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WSEO3MLK.mjs";
 import {
   focusVisibleClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-IHW4FWFB.mjs → chunk-K3EVZATS.mjs}

@@ -1,7 +1,7 @@
 import {
   focusVisibleClasses,
   inputClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/input.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-URGRCBNW.mjs → chunk-NNKYGAZC.mjs}

@@ -1,6 +1,6 @@
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/slash-dropdown-menu.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-HHOMDBMZ.mjs → chunk-SYYY32OX.mjs}

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "./chunk-YH6TDPK7.mjs";
+} from "./chunk-VDMXPFII.mjs";
 
 // src/components/skeleton-avatar.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-DI54XTS5.mjs → chunk-TQVRNEIH.mjs}

@@ -1,6 +1,6 @@
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-URVHE3OS.mjs

@@ -0,0 +1,119 @@
+import {
+  input
+} from "./chunk-K3EVZATS.mjs";
+
+// src/components/combobox.ts
+import { tv } from "tailwind-variants";
+var combobox = tv({
+  slots: {
+    root: [],
+    control: "relative",
+    value: "",
+    input: [
+      ...input.base,
+      "has-[[data-slot=combobox-input]:focus-visible]:ring-ring",
+      "has-[[data-slot=combobox-input]:focus-visible]:border-ring",
+      "has-[[data-slot=combobox-input]:focus-visible]:outline-none",
+      "has-[[data-slot=combobox-input]:focus-visible]:ring-2",
+      "[&_[data-slot=combobox-input]]:grow",
+      "[&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed"
+    ],
+    status: "text-muted-foreground text-sm",
+    positioner: "outline-none",
+    popup: [
+      "py-1 w-[var(--anchor-width)] max-h-[min(var(--available-height),23rem)] max-w-[var(--available-width)]",
+      "overflow-y-auto scroll-pt-2 scroll-pb-2 overscroll-contain bg-[canvas]",
+      "rounded-md border border-border bg-popover text-popover-foreground shadow-md shadow-black/5",
+      "origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-90",
+      "data-[ending-style]:opacity-0 data-[starting-style]:scale-90 data-[starting-style]:opacity-0"
+    ],
+    list: "space-y-0.5",
+    row: "flex items-center gap-2",
+    item: [
+      "relative cursor-default flex items-center",
+      "text-foreground relative select-none items-center gap-2 rounded-md ps-7 pe-2 py-1.5 text-sm outline-hidden transition-colors data-disabled:pointer-events-none data-disabled:opacity-50",
+      "[&_svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
+      "data-[highlighted]:relative data-[highlighted]:z-0 data-[highlighted]:text-foreground data-[highlighted]:before:absolute data-[highlighted]:before:inset-x-1 data-[highlighted]:before:inset-y-0 data-[highlighted]:before:z-[-1] data-[highlighted]:before:rounded-sm data-[highlighted]:before:bg-accent"
+    ],
+    itemIndicator: [
+      "absolute flex top-1/2 -translate-y-1/2 items-center justify-center start-2.5",
+      "[&_svg]:size-4 [&_svg]:text-primary"
+    ],
+    groupLabel: "px-2 py-1.5 text-xs text-muted-foreground font-medium",
+    empty: "px-2 py-1.5 text-sm text-muted-foreground empty:m-0 empty:p-0",
+    clear: [
+      "absolute cursor-pointer end-6 top-1/2 -translate-y-1/2 rounded-sm opacity-70 ring-offset-background",
+      "transition-opacity opacity-60 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+      "data-[disabled]:pointer-events-none",
+      "[&_svg]:size-3.5"
+    ],
+    icon: [
+      "absolute cursor-pointer end-2 top-1/2 -translate-y-1/2 rounded-sm opacity-70 ring-offset-background transition-opacity",
+      "opacity-60 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+      "data-[disabled]:pointer-events-none",
+      "[&_svg]:size-3.5"
+    ],
+    trigger: "relative",
+    // note: chips receive "input" and the following styles
+    chips: [
+      "flex items-center flex-wrap gap-1",
+      "[&_[data-slot=combobox-input]]:py-0 [&_[data-slot=combobox-input]]:px-1.5 has-[[data-slot=combobox-chip]]:[&_[data-slot=combobox-input]]:px-0",
+      "[&_[data-slot=combobox-input]]:min-h-0 [&_[data-slot=combobox-input]]:flex-1",
+      "[&_[data-slot=combobox-input]]:border-0 [&_[data-slot=combobox-input]]:shadow-none [&_[data-slot=combobox-input]]:rounded-none",
+      "[&_[data-slot=combobox-input]]:outline-none [&_[data-slot=combobox-input]]:ring-0"
+    ],
+    chip: [
+      "inline-flex items-center gap-1 rounded-md bg-muted px-2 py-1 text-xs font-medium text-foreground"
+    ],
+    chipRemove: [
+      "cursor-pointer ms-1 rounded-sm [&_svg]:opacity-60 hover:bg-muted-foreground/20 hover:[&_svg]:opacity-100",
+      "[&_svg]:size-3.5"
+    ],
+    separator: "my-1.5 h-px bg-muted",
+    header: ["flex flex-col items-start justify-between px-3 py-2 border-b"],
+    title: "text-sm font-semibold",
+    description: "text-xs text-muted-foreground"
+  },
+  variants: {
+    size: {
+      sm: {
+        input: [
+          ...input.variants.size.sm,
+          "h-auto py-0.5",
+          "[&~[data-slot=combobox-icon]]:end-2.5 [&~[data-slot=combobox-clear]]:end-7"
+        ],
+        chips: "px-0.75"
+      },
+      md: {
+        input: [
+          ...input.variants.size.md,
+          "h-auto py-1",
+          "[&~[data-slot=combobox-icon]]:end-2 [&~[data-slot=combobox-clear]]:end-6"
+        ],
+        chips: "px-1"
+      },
+      lg: {
+        input: [
+          ...input.variants.size.lg,
+          "h-auto py-1",
+          "[&~[data-slot=combobox-icon]]:end-1.75 [&~[data-slot=combobox-clear]]:end-5.75"
+        ],
+        chips: "px-1.5"
+      }
+    },
+    fullWidth: {
+      true: {
+        input: "w-full",
+        chips: "w-full"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    fullWidth: true
+  }
+});
+
+export {
+  combobox
+};

package/dist/{chunk-XRKUQMGU.mjs → chunk-UTCVHVWF.mjs}

@@ -1,6 +1,6 @@
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/hover-card.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-YH6TDPK7.mjs → chunk-VDMXPFII.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   focusVisibleClasses,
   translateCenterClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/avatar.ts
 import { tv } from "tailwind-variants";

package/dist/components/autocomplete.js

@@ -44,6 +44,11 @@ var inputClasses = {
     sm: "h-7 min-h-7",
     md: "h-8.5 min-h-8.5",
     lg: "h-10 min-h-10"
+  },
+  text: {
+    sm: "text-sm",
+    md: "text-base md:text-sm",
+    lg: "text-base"
   }
 };
 

package/dist/components/autocomplete.mjs

@@ -1,8 +1,8 @@
 import {
   autocomplete
-} from "../chunk-Z7D56R5U.mjs";
-import "../chunk-IHW4FWFB.mjs";
-import "../chunk-5DOB3IBE.mjs";
+} from "../chunk-CWAFYX5G.mjs";
+import "../chunk-K3EVZATS.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   autocomplete
 };

package/dist/components/avatar.mjs

@@ -1,8 +1,8 @@
 import {
   avatar
-} from "../chunk-YH6TDPK7.mjs";
+} from "../chunk-VDMXPFII.mjs";
 import "../chunk-WSEO3MLK.mjs";
-import "../chunk-5DOB3IBE.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   avatar
 };

package/dist/components/button.mjs

@@ -1,8 +1,8 @@
 import {
   button
-} from "../chunk-IHITEH7V.mjs";
+} from "../chunk-IX46TOS3.mjs";
 import "../chunk-WSEO3MLK.mjs";
-import "../chunk-5DOB3IBE.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   button
 };

package/dist/components/combobox.d.mts

@@ -0,0 +1,142 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const combobox: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type ComboboxVariantProps = VariantProps<typeof combobox>;
+
+export { type ComboboxVariantProps, combobox };

package/dist/components/combobox.d.ts

@@ -0,0 +1,142 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const combobox: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: string[];
+            chips: string;
+        };
+        md: {
+            input: string[];
+            chips: string;
+        };
+        lg: {
+            input: string[];
+            chips: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            input: string;
+            chips: string;
+        };
+    };
+}, {
+    root: never[];
+    control: string;
+    value: string;
+    input: string[];
+    status: string;
+    positioner: string;
+    popup: string[];
+    list: string;
+    row: string;
+    item: string[];
+    itemIndicator: string[];
+    groupLabel: string;
+    empty: string;
+    clear: string[];
+    icon: string[];
+    trigger: string;
+    chips: string[];
+    chip: string[];
+    chipRemove: string[];
+    separator: string;
+    header: string[];
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type ComboboxVariantProps = VariantProps<typeof combobox>;
+
+export { type ComboboxVariantProps, combobox };