@kopexa/theme 1.7.7 → 2.1.0

package/dist/components/autocomplete.d.mts

@@ -0,0 +1,73 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const autocomplete: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: (string | string[])[];
+        };
+        md: {
+            input: (string | string[])[];
+        };
+        lg: {
+            input: (string | string[])[];
+        };
+    };
+}, {
+    input: string[];
+    content: string;
+    positioner: string;
+    popup: string[];
+    empty: string[];
+    list: string;
+    item: string[];
+    clear: string[];
+    control: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: (string | string[])[];
+        };
+        md: {
+            input: (string | string[])[];
+        };
+        lg: {
+            input: (string | string[])[];
+        };
+    };
+}, {
+    input: string[];
+    content: string;
+    positioner: string;
+    popup: string[];
+    empty: string[];
+    list: string;
+    item: string[];
+    clear: string[];
+    control: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: (string | string[])[];
+        };
+        md: {
+            input: (string | string[])[];
+        };
+        lg: {
+            input: (string | string[])[];
+        };
+    };
+}, {
+    input: string[];
+    content: string;
+    positioner: string;
+    popup: string[];
+    empty: string[];
+    list: string;
+    item: string[];
+    clear: string[];
+    control: string;
+}, undefined, unknown, unknown, undefined>>;
+type AutocompleteVariantProps = VariantProps<typeof autocomplete>;
+
+export { type AutocompleteVariantProps, autocomplete };

package/dist/components/autocomplete.d.ts

@@ -0,0 +1,73 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const autocomplete: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: (string | string[])[];
+        };
+        md: {
+            input: (string | string[])[];
+        };
+        lg: {
+            input: (string | string[])[];
+        };
+    };
+}, {
+    input: string[];
+    content: string;
+    positioner: string;
+    popup: string[];
+    empty: string[];
+    list: string;
+    item: string[];
+    clear: string[];
+    control: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: (string | string[])[];
+        };
+        md: {
+            input: (string | string[])[];
+        };
+        lg: {
+            input: (string | string[])[];
+        };
+    };
+}, {
+    input: string[];
+    content: string;
+    positioner: string;
+    popup: string[];
+    empty: string[];
+    list: string;
+    item: string[];
+    clear: string[];
+    control: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            input: (string | string[])[];
+        };
+        md: {
+            input: (string | string[])[];
+        };
+        lg: {
+            input: (string | string[])[];
+        };
+    };
+}, {
+    input: string[];
+    content: string;
+    positioner: string;
+    popup: string[];
+    empty: string[];
+    list: string;
+    item: string[];
+    clear: string[];
+    control: string;
+}, undefined, unknown, unknown, undefined>>;
+type AutocompleteVariantProps = VariantProps<typeof autocomplete>;
+
+export { type AutocompleteVariantProps, autocomplete };

package/dist/components/autocomplete.js

@@ -0,0 +1,173 @@
+"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/autocomplete.ts
+var autocomplete_exports = {};
+__export(autocomplete_exports, {
+  autocomplete: () => autocomplete
+});
+module.exports = __toCommonJS(autocomplete_exports);
+var import_tailwind_variants2 = 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 popoverContentClasses = [
+  "bg-popover text-popover-foreground z-50",
+  "rounded-md border p-4 shadow-md outline-hidden"
+];
+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"
+  }
+};
+
+// src/components/input.ts
+var import_tailwind_variants = require("tailwind-variants");
+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/autocomplete.ts
+var autocomplete = (0, import_tailwind_variants2.tv)({
+  slots: {
+    input: input.base,
+    content: "",
+    positioner: "outline-none",
+    popup: [
+      ...popoverContentClasses,
+      "p-0 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]",
+      "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"
+    ],
+    empty: ["px-2 py-1.5 text-sm text-muted-foreground empty:m-0 empty:p-0"],
+    list: "space-y-0.5",
+    item: [
+      "text-foreground relative flex cursor-default select-none items-center gap-2 rounded-md px-4 py-2 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"
+    ],
+    clear: [
+      "absolute cursor-pointer top-1/2 -translate-y-1/2",
+      "rounded-sm opacity-70 ring-offset-background transition-opacity 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"
+    ],
+    control: "relative"
+  },
+  variants: {
+    size: {
+      sm: {
+        input: [
+          input.variants.size.sm,
+          "[&~[data-slot=autocomplete-clear]]:end-1.75"
+        ]
+      },
+      md: {
+        input: [
+          input.variants.size.md,
+          "[&~[data-slot=autocomplete-clear]]:end-2"
+        ]
+      },
+      lg: {
+        input: [
+          input.variants.size.lg,
+          "[&~[data-slot=autocomplete-clear]]:end-2.5"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  autocomplete
+});

package/dist/components/autocomplete.mjs

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

package/dist/components/avatar.mjs

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

package/dist/components/button.d.mts

@@ -46,6 +46,11 @@ declare const button: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    spacing: {
+        default: string;
+        between: string;
+        start: string;
+    };
 }, undefined, string[], {
     variant: {
         solid: string;
@@ -74,6 +79,11 @@ declare const button: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    spacing: {
+        default: string;
+        between: string;
+        start: string;
+    };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
         solid: string;
@@ -102,6 +112,11 @@ declare const button: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    spacing: {
+        default: string;
+        between: string;
+        start: string;
+    };
 }, undefined, string[], unknown, unknown, undefined>>;
 type ButtonVariantProps = VariantProps<typeof button>;
 

package/dist/components/button.d.ts

@@ -46,6 +46,11 @@ declare const button: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    spacing: {
+        default: string;
+        between: string;
+        start: string;
+    };
 }, undefined, string[], {
     variant: {
         solid: string;
@@ -74,6 +79,11 @@ declare const button: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    spacing: {
+        default: string;
+        between: string;
+        start: string;
+    };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
         solid: string;
@@ -102,6 +112,11 @@ declare const button: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    spacing: {
+        default: string;
+        between: string;
+        start: string;
+    };
 }, undefined, string[], unknown, unknown, undefined>>;
 type ButtonVariantProps = VariantProps<typeof button>;
 

package/dist/components/button.js

@@ -92,6 +92,7 @@ var button = (0, import_tailwind_variants.tv)({
     ...focusVisibleClasses,
     // shadcn below
     "disabled:pointer-events-none disabled:opacity-50",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
     "shrink-0 [&_svg]:shrink-0",
     "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
     "text-sm font-medium"
@@ -99,14 +100,14 @@ var button = (0, import_tailwind_variants.tv)({
   variants: {
     variant: {
       solid: "shadow-xs",
-      ghost: "data-[active-state=on]:bg-accent/70",
+      ghost: "data-[active-state=on]:bg-primary/10",
       outline: "border-1 bg-transparent",
       link: ""
     },
     size: {
-      sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5 [&_svg]:size-3",
-      md: "px-4 min-w-20 h-10 text-sm gap-2 rounded-md has-[>svg]:px-3 [&_svg]:size-4",
-      lg: "px-6 min-w-24 h-12 text-base gap-3 rounded-lg has-[>svg]:px-4 [&_svg]:size-4"
+      sm: "px-3 min-w-16 h-7 text-xs gap-2 rounded-sm has-[>svg]:px-2.5 [&_svg]:size-3",
+      md: "px-4 min-w-20 h-8.5 text-sm gap-2 rounded-sm has-[>svg]:px-3 [&_svg]:size-4",
+      lg: "px-6 min-w-24 h-10 text-base gap-3 rounded-lg has-[>svg]:px-4 [&_svg]:size-4"
     },
     color: {
       primary: "",
@@ -123,10 +124,15 @@ var button = (0, import_tailwind_variants.tv)({
     isIconOnly: {
       true: "px-0 !gap-0",
       false: "[&>svg]:max-w-[theme(spacing.8)]"
+    },
+    spacing: {
+      default: "",
+      between: "justify-between",
+      start: "justify-start"
     }
   },
   defaultVariants: {
-    size: "sm",
+    size: "md",
     variant: "solid",
     color: "primary",
     fullWidth: false,
@@ -193,7 +199,7 @@ var button = (0, import_tailwind_variants.tv)({
     {
       variant: "ghost",
       color: "default",
-      class: colorVariants.ghost.default
+      class: [colorVariants.ghost.default, "hover:bg-accent/50"]
     },
     // outline color
     {

package/dist/components/button.mjs

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

package/dist/components/callout.d.mts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const callout: tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -67,6 +73,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, undefined, {
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -132,6 +144,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;

package/dist/components/callout.d.ts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const callout: tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -67,6 +73,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, undefined, {
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -132,6 +144,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;

package/dist/components/callout.js

@@ -34,6 +34,12 @@ var callout = (0, import_tailwind_variants.tv)({
     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: {
+    print: {
+      true: {},
+      false: {
+        root: "print:hidden"
+      }
+    },
     radius: {
       none: { root: "rounded-none" },
       sm: { root: "rounded-sm" },
@@ -87,7 +93,8 @@ var callout = (0, import_tailwind_variants.tv)({
   defaultVariants: {
     variant: "default",
     radius: "md",
-    size: "md"
+    size: "md",
+    print: true
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/callout.mjs

@@ -1,6 +1,6 @@
 import {
   callout
-} from "../chunk-XAHAVJUM.mjs";
+} from "../chunk-A3F4CV54.mjs";
 export {
   callout
 };

package/dist/components/card.d.mts

@@ -9,6 +9,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -33,9 +38,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -133,6 +140,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, {
@@ -143,6 +152,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -167,9 +181,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -267,6 +283,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, tailwind_variants.TVReturnType<{
@@ -277,6 +295,11 @@ declare const card: tailwind_variants.TVReturnType<{
         muted: {
             root: string;
         };
+        accent: {
+            root: string;
+            header: string;
+            body: string;
+        };
     };
     shadow: {
         none: {
@@ -301,9 +324,11 @@ declare const card: tailwind_variants.TVReturnType<{
         };
         default: {
             root: string;
+            header: string;
         };
         emphasized: {
             root: string;
+            header: string;
         };
     };
     radius: {
@@ -401,6 +426,8 @@ declare const card: tailwind_variants.TVReturnType<{
 }, {
     root: string[];
     header: string[];
+    heading: string;
+    toolbar: string;
     body: string[];
     footer: string[];
 }, undefined, unknown, unknown, undefined>>;