@kopexa/theme 1.7.7 → 2.0.0

package/dist/components/input.d.ts

@@ -5,15 +5,15 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const passwordInput: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
             button?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
             button?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -22,8 +22,8 @@ declare const passwordInput: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            icon?: tailwind_merge.ClassNameValue;
             button?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -35,143 +35,44 @@ declare const passwordInput: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 declare const input: tailwind_variants.TVReturnType<{
     size: {
-        sm: {
-            inputWrapper: string[];
-            input: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            clearButton: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            clearButton: string;
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
     radius: {
-        none: {
-            inputWrapper: string;
-        };
-        sm: {
-            inputWrapper: string;
-        };
-        md: {
-            inputWrapper: string;
-        };
-        lg: {
-            inputWrapper: string;
-        };
-        full: {
-            inputWrapper: string;
-        };
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
     };
-    isClearable: {
-        true: {
-            input: string;
-            clearButton: string[];
-        };
-        false: {};
-    };
-}, {
-    inputWrapper: string[];
-    innerWrapper: string;
-    input: string[];
-    clearButton: string[];
-}, never[], {
+}, undefined, string[], {
     size: {
-        sm: {
-            inputWrapper: string[];
-            input: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            clearButton: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            clearButton: string;
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
     radius: {
-        none: {
-            inputWrapper: string;
-        };
-        sm: {
-            inputWrapper: string;
-        };
-        md: {
-            inputWrapper: string;
-        };
-        lg: {
-            inputWrapper: string;
-        };
-        full: {
-            inputWrapper: string;
-        };
-    };
-    isClearable: {
-        true: {
-            input: string;
-            clearButton: string[];
-        };
-        false: {};
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
     };
-}, {
-    inputWrapper: string[];
-    innerWrapper: string;
-    input: string[];
-    clearButton: string[];
-}, tailwind_variants.TVReturnType<{
+}, undefined, tailwind_variants.TVReturnType<{
     size: {
-        sm: {
-            inputWrapper: string[];
-            input: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            clearButton: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            clearButton: string;
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
     radius: {
-        none: {
-            inputWrapper: string;
-        };
-        sm: {
-            inputWrapper: string;
-        };
-        md: {
-            inputWrapper: string;
-        };
-        lg: {
-            inputWrapper: string;
-        };
-        full: {
-            inputWrapper: string;
-        };
-    };
-    isClearable: {
-        true: {
-            input: string;
-            clearButton: string[];
-        };
-        false: {};
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
     };
-}, {
-    inputWrapper: string[];
-    innerWrapper: string;
-    input: string[];
-    clearButton: string[];
-}, never[], unknown, unknown, undefined>>;
+}, undefined, string[], unknown, unknown, undefined>>;
 type InputVariantProps = VariantProps<typeof input>;
 type InputSlots = keyof ReturnType<typeof input>;
 

package/dist/components/input.js

@@ -27,9 +27,22 @@ module.exports = __toCommonJS(input_exports);
 var import_tailwind_variants = require("tailwind-variants");
 
 // src/utils/classes.ts
-var focusWithinClasses = [
-  "focus-within:outline-2 focus-within:outline-ring focus-within:outline-offset-2"
+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"
+  }
+};
 
 // src/components/input.ts
 var passwordInput = (0, import_tailwind_variants.tv)({
@@ -39,82 +52,56 @@ var passwordInput = (0, import_tailwind_variants.tv)({
   }
 });
 var input = (0, import_tailwind_variants.tv)({
-  base: [],
-  slots: {
-    inputWrapper: [
-      "relative w-full inline-flex flex-row items-center shadow-xs px-3 gap-3 [&_svg]:shrink-0",
-      "border-input border dark:bg-input/30 data-[hidden=true]:hidden transition-[color,box-shadow]",
-      "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50",
-      ...focusWithinClasses
-    ],
-    innerWrapper: "inline-flex w-full items-center h-full box-border",
-    input: [
-      "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"
-    ],
-    clearButton: [
-      "p-2 -m-2 z-10 absolute end-3 start-auto pointer-events-none",
-      "appearance-none outline-hidden select-none opacity-0 cursor-pointer",
-      "active:!opacity-70 rounded-full"
-    ]
-  },
+  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: {
-        inputWrapper: ["h-8 min-h-8 px-2 rounded-sm [&_svg]:size-4"],
-        input: "text-sm file:h-6"
-      },
-      md: {
-        inputWrapper: "h-10 min-10 rounded-md [&_svg]:size-4",
-        input: "text-base md:text-sm file:h-8",
-        clearButton: "hover:opacity-100"
-      },
-      lg: {
-        inputWrapper: "h-12 min-h-12 rounded-lg [&_svg]:size-4",
-        input: "text-base file:h-10",
-        clearButton: "hover:opacity-100"
-      }
+      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: {
-        inputWrapper: "rounded-none"
-      },
-      sm: {
-        inputWrapper: "rounded-sm"
-      },
-      md: {
-        inputWrapper: "rounded-md"
-      },
-      lg: {
-        inputWrapper: "rounded-lg"
-      },
-      full: {
-        inputWrapper: "rounded-full"
-      }
-    },
-    isClearable: {
-      true: {
-        input: "peer pe-6",
-        clearButton: [
-          "peer-data-[filled=true]:pointer-events-auto",
-          "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
-          "peer-data-[filled=true]:scale-100"
-        ]
-      },
-      false: {}
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      full: "rounded-full"
     }
   },
   defaultVariants: {
-    size: "sm"
+    size: "md"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/input.mjs

@@ -1,8 +1,8 @@
 import {
   input,
   passwordInput
-} from "../chunk-UMSU2ZEG.mjs";
-import "../chunk-UEMJVVVF.mjs";
+} from "../chunk-IHW4FWFB.mjs";
+import "../chunk-5DOB3IBE.mjs";
 export {
   input,
   passwordInput

package/dist/components/kbd.d.mts

@@ -0,0 +1,35 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const kbd: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        md: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, "inline-flex items-center justify-center font-mono rounded-md", {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        md: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        md: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, "inline-flex items-center justify-center font-mono rounded-md", unknown, unknown, undefined>>;
+
+export { kbd };

package/dist/components/kbd.d.ts

@@ -0,0 +1,35 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const kbd: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        md: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, "inline-flex items-center justify-center font-mono rounded-md", {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        md: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        md: string;
+        sm: string;
+        xs: string;
+    };
+}, undefined, "inline-flex items-center justify-center font-mono rounded-md", unknown, unknown, undefined>>;
+
+export { kbd };

package/dist/components/kbd.js

@@ -0,0 +1,47 @@
+"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/kbd.ts
+var kbd_exports = {};
+__export(kbd_exports, {
+  kbd: () => kbd
+});
+module.exports = __toCommonJS(kbd_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants.tv)({
+  base: "inline-flex items-center justify-center font-mono rounded-md",
+  variants: {
+    variant: {
+      default: "bg-accent border border-border text-accent-foreground",
+      outline: "text-accent-foreground border border-input"
+    },
+    size: {
+      md: "h-7 min-w-7 px-1.5 text-xs [&_svg]:size-3.5",
+      sm: "h-6 min-w-6 px-1 text-[0.75rem] leading-[0.75rem] [&_svg]:size-3",
+      xs: "h-5 min-w-5 px-1 text-[0.6875rem] leading-[0.75rem] [&_svg]:size-3"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  kbd
+});

package/dist/components/kbd.mjs

@@ -0,0 +1,6 @@
+import {
+  kbd
+} from "../chunk-BETLBSSF.mjs";
+export {
+  kbd
+};

package/dist/components/label.d.mts

@@ -0,0 +1,22 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const label: tailwind_variants.TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, string[], {
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type LabelVariantProps = VariantProps<typeof label>;
+
+export { type LabelVariantProps, label };

package/dist/components/label.d.ts

@@ -0,0 +1,22 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const label: tailwind_variants.TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, string[], {
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type LabelVariantProps = VariantProps<typeof label>;
+
+export { type LabelVariantProps, label };

package/dist/components/label.js

@@ -0,0 +1,46 @@
+"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/label.ts
+var label_exports = {};
+__export(label_exports, {
+  label: () => label
+});
+module.exports = __toCommonJS(label_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var label = (0, import_tailwind_variants.tv)({
+  base: [
+    "text-sm leading-none",
+    "text-foreground",
+    "peer-disabled:cursor-not-allowed peer-disabled:opacity-50"
+  ],
+  variants: {
+    variant: {
+      primary: "font-medium",
+      secondary: "font-normal"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  label
+});

package/dist/components/label.mjs

@@ -0,0 +1,6 @@
+import {
+  label
+} from "../chunk-LMCM4CW2.mjs";
+export {
+  label
+};