@kopexa/theme 2.1.0 → 13.0.0

package/dist/components/combobox.js

@@ -0,0 +1,228 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/combobox.ts
+var combobox_exports = {};
+__export(combobox_exports, {
+  combobox: () => combobox
+});
+module.exports = __toCommonJS(combobox_exports);
+var import_tailwind_variants2 = require("tailwind-variants");
+
+// src/components/input.ts
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/classes.ts
+var focusVisibleClasses = [
+  "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2"
+  //"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+];
+var inputClasses = {
+  radius: {
+    sm: "rounded-sm",
+    md: "rounded-md",
+    lg: "rounded-lg"
+  },
+  height: {
+    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"
+  }
+};
+
+// src/components/input.ts
+var passwordInput = (0, import_tailwind_variants.tv)({
+  slots: {
+    button: "focus:outline-hidden",
+    icon: "pointer-events-none text-muted-foreground"
+  }
+});
+var input = (0, import_tailwind_variants.tv)({
+  base: [
+    "w-full inline-flex bg-background text-foreground",
+    "border-input border",
+    "shadow-xs placeholder:text-muted-foreground",
+    ...focusVisibleClasses,
+    "disabled:cursor-not-allowed disabled:opacity-60",
+    "[&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed",
+    "w-full font-normal outline-hidden focus-visible:outline-hidden",
+    "data-[has-start-content=true]:ps-1.5",
+    "data-[has-end-content=true]:pe-1.5",
+    "file:cursor-pointer file:bg-transparent file:border-0",
+    "autofill:bg-transparent bg-clip-text",
+    // legacy
+    "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground",
+    "flex",
+    // file
+    "file:text-foreground file:inline-flex file:text-sm file:font-medium",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+  ],
+  variants: {
+    size: {
+      sm: [
+        inputClasses.radius.sm,
+        inputClasses.height.sm,
+        "px-2.5  [&_svg]:size-4",
+        "text-sm file:h-6"
+      ],
+      md: [
+        inputClasses.radius.md,
+        inputClasses.height.md,
+        "px-3 [&_svg]:size-4",
+        "text-base md:text-sm file:h-8"
+      ],
+      lg: [
+        inputClasses.radius.lg,
+        inputClasses.height.md,
+        "px-4 [&_svg]:size-4",
+        "text-base file:h-10"
+      ]
+    },
+    radius: {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      full: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// src/components/combobox.ts
+var combobox = (0, import_tailwind_variants2.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
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  combobox
+});

package/dist/components/combobox.mjs

@@ -0,0 +1,8 @@
+import {
+  combobox
+} from "../chunk-URVHE3OS.mjs";
+import "../chunk-K3EVZATS.mjs";
+import "../chunk-6IZPAS4O.mjs";
+export {
+  combobox
+};

package/dist/components/command.d.mts

@@ -14,9 +14,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -32,9 +32,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -64,9 +64,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };

package/dist/components/command.d.ts

@@ -14,9 +14,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -32,9 +32,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -64,9 +64,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };

package/dist/components/hover-card.mjs

@@ -1,7 +1,7 @@
 import {
   hoverCard
-} from "../chunk-XRKUQMGU.mjs";
-import "../chunk-5DOB3IBE.mjs";
+} from "../chunk-UTCVHVWF.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   hoverCard
 };

package/dist/components/index.d.mts

@@ -12,6 +12,7 @@ export { CheckboxVariantProps, checkbox } from './checkbox.mjs';
 export { ChipSlots, ChipVariantProps, chip } from './chip.mjs';
 export { CodeVariantProps, code } from './code.mjs';
 export { colorHighlightButton } from './color-highlight-button.mjs';
+export { ComboboxVariantProps, combobox } from './combobox.mjs';
 export { CommandVariants, command } from './command.mjs';
 export { controlExtension } from './control-extension.mjs';
 export { DataGridVariants, datagrid } from './data-grid.mjs';

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export { CheckboxVariantProps, checkbox } from './checkbox.js';
 export { ChipSlots, ChipVariantProps, chip } from './chip.js';
 export { CodeVariantProps, code } from './code.js';
 export { colorHighlightButton } from './color-highlight-button.js';
+export { ComboboxVariantProps, combobox } from './combobox.js';
 export { CommandVariants, command } from './command.js';
 export { controlExtension } from './control-extension.js';
 export { DataGridVariants, datagrid } from './data-grid.js';