@kopexa/theme 1.4.1 → 1.4.3

package/dist/components/drawer.js

@@ -31,9 +31,10 @@ var dialog = (0, import_tailwind_variants.tv)({
   slots: {
     overlay: ["fixed inset-0 z-50 bg-black/25"],
     content: [
+      "flex flex-col",
       "bg-background fixed top-[50%] left-[50%] z-50",
-      "grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]",
-      "gap-4 border shadow-lg",
+      "w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]",
+      "border shadow-lg",
       //  mobile animation vars
       "[--scale-enter:100%]",
       "[--scale-exit:100%]",

package/dist/components/drawer.mjs

@@ -1,7 +1,7 @@
 import {
   drawer
-} from "../chunk-V74N5X6Z.mjs";
-import "../chunk-OEVKY5EP.mjs";
+} from "../chunk-UI2M2MFB.mjs";
+import "../chunk-5DF3M5JP.mjs";
 export {
   drawer
 };

package/dist/components/dropdown-menu.d.mts

@@ -0,0 +1,109 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const dropdownMenu: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            separator?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            shortcut?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            checkboxItem?: tailwind_variants.ClassValue;
+            iconWrapper?: tailwind_variants.ClassValue;
+            radioItem?: tailwind_variants.ClassValue;
+            radioItemIcon?: tailwind_variants.ClassValue;
+            subTrigger?: tailwind_variants.ClassValue;
+            subTriggerIcon?: tailwind_variants.ClassValue;
+            subContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            separator?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            shortcut?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            checkboxItem?: tailwind_variants.ClassValue;
+            iconWrapper?: tailwind_variants.ClassValue;
+            radioItem?: tailwind_variants.ClassValue;
+            radioItemIcon?: tailwind_variants.ClassValue;
+            subTrigger?: tailwind_variants.ClassValue;
+            subTriggerIcon?: tailwind_variants.ClassValue;
+            subContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    content: string;
+    item: string;
+    checkboxItem: string;
+    iconWrapper: string;
+    icon: string;
+    radioItem: string;
+    radioItemIcon: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    subTrigger: string;
+    subTriggerIcon: string;
+    subContent: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            separator?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            shortcut?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            checkboxItem?: tailwind_variants.ClassValue;
+            iconWrapper?: tailwind_variants.ClassValue;
+            radioItem?: tailwind_variants.ClassValue;
+            radioItemIcon?: tailwind_variants.ClassValue;
+            subTrigger?: tailwind_variants.ClassValue;
+            subTriggerIcon?: tailwind_variants.ClassValue;
+            subContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    content: string;
+    item: string;
+    checkboxItem: string;
+    iconWrapper: string;
+    icon: string;
+    radioItem: string;
+    radioItemIcon: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    subTrigger: string;
+    subTriggerIcon: string;
+    subContent: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    content: string;
+    item: string;
+    checkboxItem: string;
+    iconWrapper: string;
+    icon: string;
+    radioItem: string;
+    radioItemIcon: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    subTrigger: string;
+    subTriggerIcon: string;
+    subContent: string;
+}, undefined, unknown, unknown, undefined>>;
+type DropdownMenuVariantProps = VariantProps<typeof dropdownMenu>;
+
+export { type DropdownMenuVariantProps, dropdownMenu };

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,109 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const dropdownMenu: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            separator?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            shortcut?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            checkboxItem?: tailwind_variants.ClassValue;
+            iconWrapper?: tailwind_variants.ClassValue;
+            radioItem?: tailwind_variants.ClassValue;
+            radioItemIcon?: tailwind_variants.ClassValue;
+            subTrigger?: tailwind_variants.ClassValue;
+            subTriggerIcon?: tailwind_variants.ClassValue;
+            subContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            separator?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            shortcut?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            checkboxItem?: tailwind_variants.ClassValue;
+            iconWrapper?: tailwind_variants.ClassValue;
+            radioItem?: tailwind_variants.ClassValue;
+            radioItemIcon?: tailwind_variants.ClassValue;
+            subTrigger?: tailwind_variants.ClassValue;
+            subTriggerIcon?: tailwind_variants.ClassValue;
+            subContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    content: string;
+    item: string;
+    checkboxItem: string;
+    iconWrapper: string;
+    icon: string;
+    radioItem: string;
+    radioItemIcon: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    subTrigger: string;
+    subTriggerIcon: string;
+    subContent: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            icon?: tailwind_variants.ClassValue;
+            root?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            separator?: tailwind_variants.ClassValue;
+            item?: tailwind_variants.ClassValue;
+            shortcut?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+            checkboxItem?: tailwind_variants.ClassValue;
+            iconWrapper?: tailwind_variants.ClassValue;
+            radioItem?: tailwind_variants.ClassValue;
+            radioItemIcon?: tailwind_variants.ClassValue;
+            subTrigger?: tailwind_variants.ClassValue;
+            subTriggerIcon?: tailwind_variants.ClassValue;
+            subContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    content: string;
+    item: string;
+    checkboxItem: string;
+    iconWrapper: string;
+    icon: string;
+    radioItem: string;
+    radioItemIcon: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    subTrigger: string;
+    subTriggerIcon: string;
+    subContent: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    content: string;
+    item: string;
+    checkboxItem: string;
+    iconWrapper: string;
+    icon: string;
+    radioItem: string;
+    radioItemIcon: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    subTrigger: string;
+    subTriggerIcon: string;
+    subContent: string;
+}, undefined, unknown, unknown, undefined>>;
+type DropdownMenuVariantProps = VariantProps<typeof dropdownMenu>;
+
+export { type DropdownMenuVariantProps, dropdownMenu };

package/dist/components/dropdown-menu.js

@@ -0,0 +1,48 @@
+"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/dropdown-menu.ts
+var dropdown_menu_exports = {};
+__export(dropdown_menu_exports, {
+  dropdownMenu: () => dropdownMenu
+});
+module.exports = __toCommonJS(dropdown_menu_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "",
+    content: "min-w-56 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+    item: "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    checkboxItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    iconWrapper: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+    icon: "size-4",
+    radioItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    radioItemIcon: "size-4 fill-current",
+    label: "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+    separator: "bg-border -mx-1 my-1 h-px",
+    shortcut: "text-muted-foreground ml-auto text-xs tracking-widest",
+    subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+    subTriggerIcon: "size-4 ml-auto",
+    subContent: "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dropdownMenu
+});

package/dist/components/dropdown-menu.mjs

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

package/dist/components/index.d.mts

@@ -1,7 +1,10 @@
 export { ButtonVariantProps, button } from './button.mjs';
+export { CalendarVariantProps, calendar } from './calendar.mjs';
 export { CommandVariants, command } from './command.mjs';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.mjs';
 export { DrawerVariantProps, drawer } from './drawer.mjs';
+export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.mjs';
+export { InputVariantProps, input, passwordInput } from './input.mjs';
 export { PageLayoutVariantProps, pageLayout } from './page-layout.mjs';
 export { PopoverVariants, popover } from './popover.mjs';
 export { SpinnerVariants, spinner } from './spinner.mjs';

package/dist/components/index.d.ts

@@ -1,7 +1,10 @@
 export { ButtonVariantProps, button } from './button.js';
+export { CalendarVariantProps, calendar } from './calendar.js';
 export { CommandVariants, command } from './command.js';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.js';
 export { DrawerVariantProps, drawer } from './drawer.js';
+export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.js';
+export { InputVariantProps, input, passwordInput } from './input.js';
 export { PageLayoutVariantProps, pageLayout } from './page-layout.js';
 export { PopoverVariants, popover } from './popover.js';
 export { SpinnerVariants, spinner } from './spinner.js';

package/dist/components/index.js

@@ -21,10 +21,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var components_exports = {};
 __export(components_exports, {
   button: () => button,
+  calendar: () => calendar,
   command: () => command,
   dialog: () => dialog,
   drawer: () => drawer,
+  dropdownMenu: () => dropdownMenu,
+  input: () => input,
   pageLayout: () => pageLayout,
+  passwordInput: () => passwordInput,
   popover: () => popover,
   spinner: () => spinner,
   tooltip: () => tooltip
@@ -39,6 +43,9 @@ 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 focusWithinClasses = [
+  "focus-within:outline-2 focus-within:outline-ring focus-within:outline-offset-2"
+];
 
 // src/utils/variants.ts
 var solid = {
@@ -74,7 +81,7 @@ var button = (0, import_tailwind_variants.tv)({
     "group relative inline-flex items-center justify-center select-none",
     "box-border appearance-none",
     "whitespace-nowrap min-w-max font-normal subpixel-antialiased",
-    "transform-gpu cursor-pointer hover:opacity-80",
+    "transform-gpu cursor-pointer hover:opacity-80 overflow-hidden",
     ...focusVisibleClasses,
     // shadcn below
     "disabled:pointer-events-none disabled:opacity-50",
@@ -88,15 +95,6 @@ var button = (0, import_tailwind_variants.tv)({
       ghost: "",
       outline: "border-2 bg-transparent",
       link: ""
-      // destructive:
-      // 	"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      // outline:
-      // 	"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-      // secondary:
-      // 	"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-      // ghost:
-      // 	"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-      // link: "text-primary underline-offset-4 hover:underline",
     },
     size: {
       sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5",
@@ -224,9 +222,62 @@ var button = (0, import_tailwind_variants.tv)({
   ]
 });
 
-// src/components/command.ts
+// src/components/calendar.ts
 var import_tailwind_variants2 = require("tailwind-variants");
-var command = (0, import_tailwind_variants2.tv)({
+var calendar = (0, import_tailwind_variants2.tv)({
+  slots: {
+    base: [
+      "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+      String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+      String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`
+    ],
+    icon: "size-4",
+    root: "w-fit",
+    months: "flex gap-4 flex-col md:flex-row relative",
+    month: "flex flex-col w-full gap-4",
+    nav: "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+    buttonPrevious: "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+    buttonNext: "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+    monthCaption: "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+    dropdown: "absolute bg-popover inset-0 opacity-0",
+    dropdowns: "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+    dropdownRoot: "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+    captionLabel: "select-none font-medium",
+    table: "w-full border-collapse",
+    weekdays: "flex",
+    weekday: "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+    week: "flex w-full mt-2",
+    weekNumberWrapper: "flex size-(--cell-size) items-center justify-center text-center",
+    weekNumberHeader: "select-none w-(--cell-size)",
+    weekNumber: "text-[0.8rem] select-none text-muted-foreground",
+    day: "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+    dayButton: "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+    rangeStart: "rounded-l-md bg-accent",
+    rangeMiddle: "rounded-none",
+    rangeEnd: "rounded-r-md bg-accent",
+    today: "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+    outside: "text-muted-foreground aria-selected:text-muted-foreground",
+    disabled: "text-muted-foreground opacity-50",
+    hidden: "invisible"
+  },
+  variants: {
+    captionLayout: {
+      label: {
+        captionLabel: "text-sm"
+      },
+      default: {
+        captionLabel: "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5"
+      }
+    }
+  },
+  defaultVariants: {
+    captionLayout: "default"
+  }
+});
+
+// src/components/command.ts
+var import_tailwind_variants3 = require("tailwind-variants");
+var command = (0, import_tailwind_variants3.tv)({
   slots: {
     root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
     inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -245,14 +296,15 @@ var command = (0, import_tailwind_variants2.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants3 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants3.tv)({
+var import_tailwind_variants4 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants4.tv)({
   slots: {
     overlay: ["fixed inset-0 z-50 bg-black/25"],
     content: [
+      "flex flex-col",
       "bg-background fixed top-[50%] left-[50%] z-50",
-      "grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]",
-      "gap-4 border shadow-lg",
+      "w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]",
+      "border shadow-lg",
       //  mobile animation vars
       "[--scale-enter:100%]",
       "[--scale-exit:100%]",
@@ -336,8 +388,8 @@ var dialog = (0, import_tailwind_variants3.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants4 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants4.tv)({
+var import_tailwind_variants5 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants5.tv)({
   slots: {
     overlay: dialog.slots.overlay,
     content: [
@@ -416,9 +468,118 @@ var drawer = (0, import_tailwind_variants4.tv)({
   }
 });
 
+// src/components/dropdown-menu.ts
+var import_tailwind_variants6 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants6.tv)({
+  slots: {
+    root: "",
+    content: "min-w-56 bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+    item: "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    checkboxItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    iconWrapper: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+    icon: "size-4",
+    radioItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    radioItemIcon: "size-4 fill-current",
+    label: "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+    separator: "bg-border -mx-1 my-1 h-px",
+    shortcut: "text-muted-foreground ml-auto text-xs tracking-widest",
+    subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+    subTriggerIcon: "size-4 ml-auto",
+    subContent: "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg"
+  }
+});
+
+// src/components/input.ts
+var import_tailwind_variants7 = require("tailwind-variants");
+var passwordInput = (0, import_tailwind_variants7.tv)({
+  slots: {
+    button: "focus:outline-hidden",
+    icon: "pointer-events-none text-muted-foreground"
+  }
+});
+var input = (0, import_tailwind_variants7.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"
+  }
+});
+
 // src/components/page-layout.ts
-var import_tailwind_variants5 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants5.tv)({
+var import_tailwind_variants8 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants8.tv)({
   slots: {
     root: "",
     wrapper: "flex mx-auto flex-wrap",
@@ -515,8 +676,8 @@ var pageLayout = (0, import_tailwind_variants5.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants6 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants6.tv)({
+var import_tailwind_variants9 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants9.tv)({
   slots: {
     content: [
       "bg-popover text-popover-foreground z-50 w-72",
@@ -527,8 +688,8 @@ var popover = (0, import_tailwind_variants6.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants7 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants7.tv)({
+var import_tailwind_variants10 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants10.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -539,6 +700,13 @@ var spinner = (0, import_tailwind_variants7.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",
@@ -638,8 +806,8 @@ var spinner = (0, import_tailwind_variants7.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants8 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants8.tv)({
+var import_tailwind_variants11 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants11.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -652,10 +820,14 @@ var tooltip = (0, import_tailwind_variants8.tv)({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   button,
+  calendar,
   command,
   dialog,
   drawer,
+  dropdownMenu,
+  input,
   pageLayout,
+  passwordInput,
   popover,
   spinner,
   tooltip