@kopexa/theme 1.4.2 → 1.4.3

package/dist/components/input.d.ts

@@ -0,0 +1,177 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const passwordInput: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            button?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            button?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    button: string;
+    icon: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            button?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    button: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    button: string;
+    icon: string;
+}, 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;
+        };
+    };
+    radius: {
+        none: {
+            inputWrapper: string;
+        };
+        sm: {
+            inputWrapper: string;
+        };
+        md: {
+            inputWrapper: string;
+        };
+        lg: {
+            inputWrapper: string;
+        };
+        full: {
+            inputWrapper: string;
+        };
+    };
+    isClearable: {
+        true: {
+            input: string;
+            clearButton: string[];
+        };
+        false: {};
+    };
+}, {
+    inputWrapper: string[];
+    innerWrapper: string;
+    input: string[];
+    clearButton: string[];
+}, never[], {
+    size: {
+        sm: {
+            inputWrapper: string[];
+            input: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    radius: {
+        none: {
+            inputWrapper: string;
+        };
+        sm: {
+            inputWrapper: string;
+        };
+        md: {
+            inputWrapper: string;
+        };
+        lg: {
+            inputWrapper: string;
+        };
+        full: {
+            inputWrapper: string;
+        };
+    };
+    isClearable: {
+        true: {
+            input: string;
+            clearButton: string[];
+        };
+        false: {};
+    };
+}, {
+    inputWrapper: string[];
+    innerWrapper: string;
+    input: string[];
+    clearButton: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            inputWrapper: string[];
+            input: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: string;
+            clearButton: string;
+        };
+    };
+    radius: {
+        none: {
+            inputWrapper: string;
+        };
+        sm: {
+            inputWrapper: string;
+        };
+        md: {
+            inputWrapper: string;
+        };
+        lg: {
+            inputWrapper: string;
+        };
+        full: {
+            inputWrapper: string;
+        };
+    };
+    isClearable: {
+        true: {
+            input: string;
+            clearButton: string[];
+        };
+        false: {};
+    };
+}, {
+    inputWrapper: string[];
+    innerWrapper: string;
+    input: string[];
+    clearButton: string[];
+}, never[], unknown, unknown, undefined>>;
+type InputVariantProps = VariantProps<typeof input>;
+type InputSlots = keyof ReturnType<typeof input>;
+
+export { type InputSlots, type InputVariantProps, input, passwordInput };

package/dist/components/input.js

@@ -0,0 +1,124 @@
+"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/input.ts
+var input_exports = {};
+__export(input_exports, {
+  input: () => input,
+  passwordInput: () => passwordInput
+});
+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"
+];
+
+// 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: [],
+  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"
+    ]
+  },
+  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"
+      }
+    },
+    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: {}
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  input,
+  passwordInput
+});

package/dist/components/input.mjs

@@ -0,0 +1,9 @@
+import {
+  input,
+  passwordInput
+} from "../chunk-PQSL3W26.mjs";
+import "../chunk-2C5EQ4P3.mjs";
+export {
+  input,
+  passwordInput
+};

package/dist/components/spinner.d.mts

@@ -3,6 +3,13 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const spinner: tailwind_variants.TVReturnType<{
     size: {
+        xs: {
+            wrapper: string;
+            circle1: string;
+            circle2: string;
+            dots: string;
+            label: string;
+        };
         sm: {
             wrapper: string;
             circle1: string;
@@ -92,6 +99,13 @@ declare const spinner: tailwind_variants.TVReturnType<{
     dots: string;
 }, undefined, {
     size: {
+        xs: {
+            wrapper: string;
+            circle1: string;
+            circle2: string;
+            dots: string;
+            label: string;
+        };
         sm: {
             wrapper: string;
             circle1: string;
@@ -181,6 +195,13 @@ declare const spinner: tailwind_variants.TVReturnType<{
     dots: string;
 }, tailwind_variants.TVReturnType<{
     size: {
+        xs: {
+            wrapper: string;
+            circle1: string;
+            circle2: string;
+            dots: string;
+            label: string;
+        };
         sm: {
             wrapper: string;
             circle1: string;

package/dist/components/spinner.d.ts

@@ -3,6 +3,13 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const spinner: tailwind_variants.TVReturnType<{
     size: {
+        xs: {
+            wrapper: string;
+            circle1: string;
+            circle2: string;
+            dots: string;
+            label: string;
+        };
         sm: {
             wrapper: string;
             circle1: string;
@@ -92,6 +99,13 @@ declare const spinner: tailwind_variants.TVReturnType<{
     dots: string;
 }, undefined, {
     size: {
+        xs: {
+            wrapper: string;
+            circle1: string;
+            circle2: string;
+            dots: string;
+            label: string;
+        };
         sm: {
             wrapper: string;
             circle1: string;
@@ -181,6 +195,13 @@ declare const spinner: tailwind_variants.TVReturnType<{
     dots: string;
 }, tailwind_variants.TVReturnType<{
     size: {
+        xs: {
+            wrapper: string;
+            circle1: string;
+            circle2: string;
+            dots: string;
+            label: string;
+        };
         sm: {
             wrapper: string;
             circle1: string;

package/dist/components/spinner.js

@@ -35,6 +35,13 @@ var spinner = (0, import_tailwind_variants.tv)({
   },
   variants: {
     size: {
+      xs: {
+        wrapper: "w-4 h-4",
+        circle1: "border-2",
+        circle2: "border-2",
+        dots: "size-1",
+        label: "text-xs"
+      },
       sm: {
         wrapper: "w-5 h-5",
         circle1: "border-2",

package/dist/components/spinner.mjs

@@ -1,6 +1,6 @@
 import {
   spinner
-} from "../chunk-IL3JFLE2.mjs";
+} from "../chunk-4UDOCFU5.mjs";
 export {
   spinner
 };

package/dist/index.d.mts

@@ -1,10 +1,13 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { ButtonVariantProps, button } from './components/button.mjs';
+export { CalendarVariantProps, calendar } from './components/calendar.mjs';
 export { CommandVariants, command } from './components/command.mjs';
 export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.mjs';
 export { DrawerVariantProps, drawer } from './components/drawer.mjs';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.mjs';
+export { InputVariantProps, input, passwordInput } from './components/input.mjs';
 export { PageLayoutVariantProps, pageLayout } from './components/page-layout.mjs';
 export { PopoverVariants, popover } from './components/popover.mjs';
 export { SpinnerVariants, spinner } from './components/spinner.mjs';
 export { TooltipVariants, tooltip } from './components/tooltip.mjs';
+export { SlotsToClasses } from './utils/types.mjs';

package/dist/index.d.ts

@@ -1,10 +1,13 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { ButtonVariantProps, button } from './components/button.js';
+export { CalendarVariantProps, calendar } from './components/calendar.js';
 export { CommandVariants, command } from './components/command.js';
 export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.js';
 export { DrawerVariantProps, drawer } from './components/drawer.js';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.js';
+export { InputVariantProps, input, passwordInput } from './components/input.js';
 export { PageLayoutVariantProps, pageLayout } from './components/page-layout.js';
 export { PopoverVariants, popover } from './components/popover.js';
 export { SpinnerVariants, spinner } from './components/spinner.js';
 export { TooltipVariants, tooltip } from './components/tooltip.js';
+export { SlotsToClasses } from './utils/types.js';