@codefast/ui 0.3.9 → 0.3.10

package/dist/components/input-group.d.ts

@@ -1,32 +1,32 @@
-import type { ComponentProps, JSX } from "react";
-import type { ButtonProps } from "./button";
-import type { InputProps } from "./input";
-import type { TextareaProps } from "./textarea";
-import type { VariantProps } from "@codefast/tailwind-variants";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import type { ButtonProps } from './button';
+import type { InputProps } from './input';
+import type { TextareaProps } from './textarea';
 declare const inputGroupVariants: import("@codefast/tailwind-variants").VariantFunctionType<import("@codefast/tailwind-variants").ConfigurationSchema, Record<string, never>>;
 declare const inputGroupAddonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     align: {
-        "block-end": string;
-        "block-start": string;
-        "inline-end": string;
-        "inline-start": string;
+        'block-end': string;
+        'block-start': string;
+        'inline-end': string;
+        'inline-start': string;
     };
 }, Record<string, never>>;
 declare const inputGroupButtonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     size: {
-        "icon-sm": string;
-        "icon-xs": string;
+        'icon-sm': string;
+        'icon-xs': string;
         sm: string;
         xs: string;
     };
 }, Record<string, never>>;
-type InputGroupProps = ComponentProps<"div">;
+type InputGroupProps = ComponentProps<'div'>;
 declare function InputGroup({ className, ...props }: InputGroupProps): JSX.Element;
-type InputGroupAddonProps = ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>;
+type InputGroupAddonProps = ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
 declare function InputGroupAddon({ align, className, ...props }: InputGroupAddonProps): JSX.Element;
-type InputGroupButtonProps = Omit<ButtonProps, "size"> & VariantProps<typeof inputGroupButtonVariants>;
+type InputGroupButtonProps = Omit<ButtonProps, 'size'> & VariantProps<typeof inputGroupButtonVariants>;
 declare function InputGroupButton({ className, size, type, variant, ...props }: InputGroupButtonProps): JSX.Element;
-type InputGroupTextProps = ComponentProps<"span">;
+type InputGroupTextProps = ComponentProps<'span'>;
 declare function InputGroupText({ className, ...props }: InputGroupTextProps): JSX.Element;
 type InputGroupInputProps = InputProps;
 declare function InputGroupInput({ className, ...props }: InputGroupInputProps): JSX.Element;

package/dist/components/input-group.js

@@ -1,2 +1,98 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{Button as a}from"./button.js";import{Input as r}from"./input.js";import{Textarea as n}from"./textarea.js";import{cn as o,tv as e}from"@codefast/tailwind-variants";let s=e({base:o("group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-lg border shadow-xs transition-[color,box-shadow] outline-none","h-9 min-w-0 has-[>textarea]:h-auto","has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-2","has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-2","has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:pb-3","has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:pt-3","has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]","has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40")}),i=e({base:o("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50"),defaultVariants:{align:"inline-start"},variants:{align:{"block-end":"order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5","block-start":"order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5","inline-end":"order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]","inline-start":"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]"}}}),u=e({base:"text-sm shadow-none flex items-center gap-2 [&>svg:not([class*='size-'])]:size-4",defaultVariants:{size:"xs"},variants:{size:{"icon-sm":"size-8 p-0 has-[>svg]:p-0","icon-xs":"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",sm:"h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",xs:"h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg]:size-3.5 has-[>svg]:px-2"}}});function p({className:a,...r}){return t("div",{className:s({className:a}),"data-slot":"input-group",role:"group",...r})}function l({align:a="inline-start",className:r,...n}){return t("div",{className:o(i({align:a}),r),"data-align":a,"data-slot":"input-group-addon",role:"group",onPointerDown:t=>{if(t.target.closest("button"))return;t.preventDefault();let a=t.currentTarget.parentElement?.querySelector("input, textarea");a instanceof HTMLElement&&a.focus()},...n})}function d({className:r,size:n="xs",type:e="button",variant:s="ghost",...i}){return t(a,{className:o(u({size:n}),r),"data-size":n,"data-slot":"input-group-button",type:e,variant:s,...i})}function g({className:a,...r}){return t("span",{className:o("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",a),"data-slot":"input-group-text",...r})}function c({className:a,...n}){return t(r,{className:o("flex-1 rounded-none border-0 bg-transparent px-3 py-1 shadow-none focus-visible:ring-0 dark:bg-transparent",a),"data-slot":"input-group-control",...n})}function b({className:a,...r}){return t(n,{className:o("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",a),"data-slot":"input-group-control",...r})}export{p as InputGroup,l as InputGroupAddon,d as InputGroupButton,c as InputGroupInput,g as InputGroupText,b as InputGroupTextarea,i as inputGroupAddonVariants,u as inputGroupButtonVariants,s as inputGroupVariants};
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Textarea } from "./textarea.js";
+const inputGroupVariants = tv({
+    base: cn('group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-lg border shadow-xs transition-[color,box-shadow] outline-none', 'h-9 min-w-0 has-[>textarea]:h-auto', 'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-2', 'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-2', 'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:pb-3', 'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:pt-3', 'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-3', 'has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40')
+});
+const inputGroupAddonVariants = tv({
+    base: cn("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50"),
+    defaultVariants: {
+        align: 'inline-start'
+    },
+    variants: {
+        align: {
+            'block-end': 'order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5',
+            'block-start': 'order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5',
+            'inline-end': 'order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]',
+            'inline-start': 'order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]'
+        }
+    }
+});
+const inputGroupButtonVariants = tv({
+    base: "text-sm shadow-none flex items-center gap-2 [&>svg:not([class*='size-'])]:size-4",
+    defaultVariants: {
+        size: 'xs'
+    },
+    variants: {
+        size: {
+            'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
+            'icon-xs': 'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',
+            sm: 'h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5',
+            xs: 'h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg]:size-3.5 has-[>svg]:px-2'
+        }
+    }
+});
+function InputGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: inputGroupVariants({
+            className
+        }),
+        "data-slot": "input-group",
+        role: "group",
+        ...props
+    });
+}
+function InputGroupAddon({ align = 'inline-start', className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn(inputGroupAddonVariants({
+            align
+        }), className),
+        "data-align": align,
+        "data-slot": "input-group-addon",
+        role: "group",
+        onPointerDown: (event)=>{
+            if (event.target.closest('button')) return;
+            event.preventDefault();
+            const control = event.currentTarget.parentElement?.querySelector('input, textarea');
+            if (control instanceof HTMLElement) control.focus();
+        },
+        ...props
+    });
+}
+function InputGroupButton({ className, size = 'xs', type = 'button', variant = 'ghost', ...props }) {
+    return /*#__PURE__*/ jsx(Button, {
+        className: cn(inputGroupButtonVariants({
+            size
+        }), className),
+        "data-size": size,
+        "data-slot": "input-group-button",
+        type: type,
+        variant: variant,
+        ...props
+    });
+}
+function InputGroupText({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "input-group-text",
+        ...props
+    });
+}
+function InputGroupInput({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Input, {
+        className: cn('flex-1 rounded-none border-0 bg-transparent px-3 py-1 shadow-none focus-visible:ring-0 dark:bg-transparent', className),
+        "data-slot": "input-group-control",
+        ...props
+    });
+}
+function InputGroupTextarea({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Textarea, {
+        className: cn('flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent', className),
+        "data-slot": "input-group-control",
+        ...props
+    });
+}
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants };

package/dist/components/input-number.cjs

@@ -1,2 +1,99 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputNumber:()=>InputNumber});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_button_cjs_namespaceObject=require("./button.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),input_number_cjs_namespaceObject=require("../primitives/input-number.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function InputNumber({ariaDecrementLabel:e,ariaIncrementLabel:r,className:t,defaultValue:i,disabled:n,formatOptions:a,id:s,loaderPosition:o,loading:u,max:c,min:_,onChange:d,prefix:b,readOnly:l,spinner:p,step:m,suffix:v,value:g,...f}){return(0,jsx_runtime_namespaceObject.jsxs)(input_number_cjs_namespaceObject.Root,{ariaDecrementLabel:e,ariaIncrementLabel:r,className:(0,tailwind_variants_namespaceObject.cn)("group border-input hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:ring-3 has-disabled:opacity-50 md:text-sm [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),"data-slot":"input-number",defaultValue:i,disabled:n,formatOptions:a,id:s,loaderPosition:o,loading:u,max:c,min:_,prefix:b,readOnly:l,spinner:p??(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{},"spinner"),step:m,suffix:v,value:g,onChange:d,children:[(0,jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.Field,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",className:"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",spellCheck:"false",...f}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,tailwind_variants_namespaceObject.cn)("divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition","*:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40 *:[button]:focus-visible:ring-0"),"data-slot":"input-number-buttons",children:[(0,jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.IncrementButton,{"aria-label":"Increment",className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:"text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]",variant:"ghost"}),"data-slot":"input-number-increment-button",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUpIcon,{})}),(0,jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.DecrementButton,{"aria-label":"Decrement",className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:"text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]",variant:"ghost"}),"data-slot":"input-number-decrement-button",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon,{})})]})]})}for(var __webpack_i__ in exports.InputNumber=__webpack_exports__.InputNumber,__webpack_exports__)-1===["InputNumber"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputNumber: ()=>InputNumber
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_spinner_cjs_namespaceObject = require("./spinner.cjs");
+const input_number_cjs_namespaceObject = require("../primitives/input-number.cjs");
+function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(input_number_cjs_namespaceObject.Root, {
+        ariaDecrementLabel: ariaDecrementLabel,
+        ariaIncrementLabel: ariaIncrementLabel,
+        className: (0, tailwind_variants_namespaceObject.cn)("group border-input hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:ring-3 has-disabled:opacity-50 md:text-sm [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "input-number",
+        defaultValue: defaultValue,
+        disabled: disabled,
+        formatOptions: formatOptions,
+        id: id,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        max: max,
+        min: min,
+        prefix: prefix,
+        readOnly: readOnly,
+        spinner: spinner ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner, {}, "spinner"),
+        step: step,
+        suffix: suffix,
+        value: value,
+        onChange: onChange,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.Field, {
+                autoCapitalize: "none",
+                autoComplete: "off",
+                autoCorrect: "off",
+                className: "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+                spellCheck: "false",
+                ...props
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: (0, tailwind_variants_namespaceObject.cn)('divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition', '*:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40 *:[button]:focus-visible:ring-0'),
+                "data-slot": "input-number-buttons",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.IncrementButton, {
+                        "aria-label": "Increment",
+                        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+                            className: 'text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]',
+                            variant: 'ghost'
+                        }),
+                        "data-slot": "input-number-increment-button",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUpIcon, {})
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.DecrementButton, {
+                        "aria-label": "Decrement",
+                        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+                            className: 'text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]',
+                            variant: 'ghost'
+                        }),
+                        "data-slot": "input-number-decrement-button",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {})
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.InputNumber = __webpack_exports__.InputNumber;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputNumber"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/input-number.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as InputNumberPrimitive from "../primitives/input-number";
+import type { ComponentProps, JSX } from 'react';
+import * as InputNumberPrimitive from '../primitives/input-number';
 interface InputNumberProps extends ComponentProps<typeof InputNumberPrimitive.Field>, ComponentProps<typeof InputNumberPrimitive.Root> {
 }
 declare function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }: InputNumberProps): JSX.Element;

package/dist/components/input-number.js

@@ -1,2 +1,65 @@
 "use client";
-import{jsx as i,jsxs as r}from"react/jsx-runtime";import{ChevronDownIcon as e,ChevronUpIcon as t}from"lucide-react";import{buttonVariants as o}from"./button.js";import{Spinner as a}from"./spinner.js";import{DecrementButton as n,Field as d,IncrementButton as s,Root as u}from"../primitives/input-number.js";import{cn as l}from"@codefast/tailwind-variants";function c({ariaDecrementLabel:c,ariaIncrementLabel:b,className:g,defaultValue:p,disabled:f,formatOptions:h,id:v,loaderPosition:m,loading:x,max:w,min:k,onChange:N,prefix:y,readOnly:C,spinner:j,step:z,suffix:I,value:D,...L}){return r(u,{ariaDecrementLabel:c,ariaIncrementLabel:b,className:l("group border-input hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:ring-3 has-disabled:opacity-50 md:text-sm [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",g),"data-slot":"input-number",defaultValue:p,disabled:f,formatOptions:h,id:v,loaderPosition:m,loading:x,max:w,min:k,prefix:y,readOnly:C,spinner:j??i(a,{},"spinner"),step:z,suffix:I,value:D,onChange:N,children:[i(d,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",className:"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",spellCheck:"false",...L}),r("div",{className:l("divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition","*:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40 *:[button]:focus-visible:ring-0"),"data-slot":"input-number-buttons",children:[i(s,{"aria-label":"Increment",className:o({className:"text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]",variant:"ghost"}),"data-slot":"input-number-increment-button",children:i(t,{})}),i(n,{"aria-label":"Decrement",className:o({className:"text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]",variant:"ghost"}),"data-slot":"input-number-decrement-button",children:i(e,{})})]})]})}export{c as InputNumber};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { buttonVariants } from "./button.js";
+import { Spinner } from "./spinner.js";
+import { DecrementButton, Field, IncrementButton, Root } from "../primitives/input-number.js";
+function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }) {
+    return /*#__PURE__*/ jsxs(Root, {
+        ariaDecrementLabel: ariaDecrementLabel,
+        ariaIncrementLabel: ariaIncrementLabel,
+        className: cn("group border-input hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:ring-3 has-disabled:opacity-50 md:text-sm [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "input-number",
+        defaultValue: defaultValue,
+        disabled: disabled,
+        formatOptions: formatOptions,
+        id: id,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        max: max,
+        min: min,
+        prefix: prefix,
+        readOnly: readOnly,
+        spinner: spinner ?? /*#__PURE__*/ jsx(Spinner, {}, "spinner"),
+        step: step,
+        suffix: suffix,
+        value: value,
+        onChange: onChange,
+        children: [
+            /*#__PURE__*/ jsx(Field, {
+                autoCapitalize: "none",
+                autoComplete: "off",
+                autoCorrect: "off",
+                className: "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+                spellCheck: "false",
+                ...props
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: cn('divide-input border-l-input group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 group-focus-within:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition', '*:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40 *:[button]:focus-visible:ring-0'),
+                "data-slot": "input-number-buttons",
+                children: [
+                    /*#__PURE__*/ jsx(IncrementButton, {
+                        "aria-label": "Increment",
+                        className: buttonVariants({
+                            className: 'text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]',
+                            variant: 'ghost'
+                        }),
+                        "data-slot": "input-number-increment-button",
+                        children: /*#__PURE__*/ jsx(ChevronUpIcon, {})
+                    }),
+                    /*#__PURE__*/ jsx(DecrementButton, {
+                        "aria-label": "Decrement",
+                        className: buttonVariants({
+                            className: 'text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]',
+                            variant: 'ghost'
+                        }),
+                        "data-slot": "input-number-decrement-button",
+                        children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { InputNumber };

package/dist/components/input-otp.cjs

@@ -1,2 +1,102 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputOTPSlot:()=>InputOTPSlot,InputOTPSeparator:()=>InputOTPSeparator,REGEXP_ONLY_CHARS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_CHARS,REGEXP_ONLY_DIGITS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS,InputOTP:()=>InputOTP,REGEXP_ONLY_DIGITS_AND_CHARS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS_AND_CHARS,InputOTPGroup:()=>InputOTPGroup});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_input_otp_namespaceObject=require("input-otp"),external_lucide_react_namespaceObject=require("lucide-react"),external_react_namespaceObject=require("react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function InputOTP({className:e,containerClassName:t,..._}){return(0,jsx_runtime_namespaceObject.jsx)(external_input_otp_namespaceObject.OTPInput,{"aria-label":"One-time password",className:(0,tailwind_variants_namespaceObject.cn)(e),containerClassName:(0,tailwind_variants_namespaceObject.cn)("flex items-center gap-2 has-disabled:opacity-50",t),"data-slot":"input-otp",..._})}function InputOTPGroup({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex items-center -space-x-px",e),"data-slot":"input-otp-group",role:"group",...t})}function InputOTPSlot({className:e,index:t,..._}){let{char:a,hasFakeCaret:r,isActive:n}=(0,external_react_namespaceObject.use)(external_input_otp_namespaceObject.OTPInputContext).slots[t];return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,tailwind_variants_namespaceObject.cn)("border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3",e),"data-active":n,"data-slot":"input-otp-slot",..._,children:[a,r?(0,jsx_runtime_namespaceObject.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"})}):null]})}function InputOTPSeparator({...e}){return(0,jsx_runtime_namespaceObject.jsx)("div",{"data-slot":"input-otp-separator",...e,children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MinusIcon,{})})}for(var __webpack_i__ in exports.InputOTP=__webpack_exports__.InputOTP,exports.InputOTPGroup=__webpack_exports__.InputOTPGroup,exports.InputOTPSeparator=__webpack_exports__.InputOTPSeparator,exports.InputOTPSlot=__webpack_exports__.InputOTPSlot,exports.REGEXP_ONLY_CHARS=__webpack_exports__.REGEXP_ONLY_CHARS,exports.REGEXP_ONLY_DIGITS=__webpack_exports__.REGEXP_ONLY_DIGITS,exports.REGEXP_ONLY_DIGITS_AND_CHARS=__webpack_exports__.REGEXP_ONLY_DIGITS_AND_CHARS,__webpack_exports__)-1===["InputOTP","InputOTPGroup","InputOTPSeparator","InputOTPSlot","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputOTPSlot: ()=>InputOTPSlot,
+    InputOTPSeparator: ()=>InputOTPSeparator,
+    REGEXP_ONLY_CHARS: ()=>external_input_otp_namespaceObject.REGEXP_ONLY_CHARS,
+    REGEXP_ONLY_DIGITS: ()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS,
+    InputOTP: ()=>InputOTP,
+    REGEXP_ONLY_DIGITS_AND_CHARS: ()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS_AND_CHARS,
+    InputOTPGroup: ()=>InputOTPGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_input_otp_namespaceObject = require("input-otp");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+function InputOTP({ className, containerClassName, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_otp_namespaceObject.OTPInput, {
+        "aria-label": "One-time password",
+        className: (0, tailwind_variants_namespaceObject.cn)(className),
+        containerClassName: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-2 has-disabled:opacity-50', containerClassName),
+        "data-slot": "input-otp",
+        ...props
+    });
+}
+function InputOTPGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex items-center -space-x-px', className),
+        "data-slot": "input-otp-group",
+        role: "group",
+        ...props
+    });
+}
+function InputOTPSlot({ className, index, ...props }) {
+    const inputOTPContext = (0, external_react_namespaceObject.use)(external_input_otp_namespaceObject.OTPInputContext);
+    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3', className),
+        "data-active": isActive,
+        "data-slot": "input-otp-slot",
+        ...props,
+        children: [
+            char,
+            hasFakeCaret ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"
+                })
+            }) : null
+        ]
+    });
+}
+function InputOTPSeparator({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "data-slot": "input-otp-separator",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MinusIcon, {})
+    });
+}
+exports.InputOTP = __webpack_exports__.InputOTP;
+exports.InputOTPGroup = __webpack_exports__.InputOTPGroup;
+exports.InputOTPSeparator = __webpack_exports__.InputOTPSeparator;
+exports.InputOTPSlot = __webpack_exports__.InputOTPSlot;
+exports.REGEXP_ONLY_CHARS = __webpack_exports__.REGEXP_ONLY_CHARS;
+exports.REGEXP_ONLY_DIGITS = __webpack_exports__.REGEXP_ONLY_DIGITS;
+exports.REGEXP_ONLY_DIGITS_AND_CHARS = __webpack_exports__.REGEXP_ONLY_DIGITS_AND_CHARS;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputOTP",
+    "InputOTPGroup",
+    "InputOTPSeparator",
+    "InputOTPSlot",
+    "REGEXP_ONLY_CHARS",
+    "REGEXP_ONLY_DIGITS",
+    "REGEXP_ONLY_DIGITS_AND_CHARS"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/input-otp.d.ts

@@ -1,15 +1,15 @@
-import type { ComponentProps, JSX } from "react";
-import { OTPInput } from "input-otp";
+import type { ComponentProps, JSX } from 'react';
+import { OTPInput } from 'input-otp';
 type InputOTPProps = ComponentProps<typeof OTPInput>;
 declare function InputOTP({ className, containerClassName, ...props }: InputOTPProps): JSX.Element;
-type InputOTPGroupProps = ComponentProps<"div">;
+type InputOTPGroupProps = ComponentProps<'div'>;
 declare function InputOTPGroup({ className, ...props }: InputOTPGroupProps): JSX.Element;
-interface InputOTPSlotProps extends ComponentProps<"div"> {
+interface InputOTPSlotProps extends ComponentProps<'div'> {
     index: number;
 }
 declare function InputOTPSlot({ className, index, ...props }: InputOTPSlotProps): JSX.Element;
-type InputOTPSeparatorProps = ComponentProps<"div">;
+type InputOTPSeparatorProps = ComponentProps<'div'>;
 declare function InputOTPSeparator({ ...props }: InputOTPSeparatorProps): JSX.Element;
-export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 export type { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps };

package/dist/components/input-otp.js

@@ -1,2 +1,50 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{OTPInput as a,OTPInputContext as r,REGEXP_ONLY_CHARS as i,REGEXP_ONLY_DIGITS as n,REGEXP_ONLY_DIGITS_AND_CHARS as o}from"input-otp";import{MinusIcon as d}from"lucide-react";import{use as s}from"react";import{cn as l}from"@codefast/tailwind-variants";function u({className:e,containerClassName:r,...i}){return t(a,{"aria-label":"One-time password",className:l(e),containerClassName:l("flex items-center gap-2 has-disabled:opacity-50",r),"data-slot":"input-otp",...i})}function c({className:e,...a}){return t("div",{className:l("flex items-center -space-x-px",e),"data-slot":"input-otp-group",role:"group",...a})}function p({className:a,index:i,...n}){let{char:o,hasFakeCaret:d,isActive:u}=s(r).slots[i];return e("div",{className:l("border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3",a),"data-active":u,"data-slot":"input-otp-slot",...n,children:[o,d?t("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t("div",{className:"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"})}):null]})}function m({...e}){return t("div",{"data-slot":"input-otp-separator",...e,children:t(d,{})})}export{u as InputOTP,c as InputOTPGroup,m as InputOTPSeparator,p as InputOTPSlot,i as REGEXP_ONLY_CHARS,n as REGEXP_ONLY_DIGITS,o as REGEXP_ONLY_DIGITS_AND_CHARS};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { OTPInput, OTPInputContext, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
+import { MinusIcon } from "lucide-react";
+import { use } from "react";
+function InputOTP({ className, containerClassName, ...props }) {
+    return /*#__PURE__*/ jsx(OTPInput, {
+        "aria-label": "One-time password",
+        className: cn(className),
+        containerClassName: cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName),
+        "data-slot": "input-otp",
+        ...props
+    });
+}
+function InputOTPGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex items-center -space-x-px', className),
+        "data-slot": "input-otp-group",
+        role: "group",
+        ...props
+    });
+}
+function InputOTPSlot({ className, index, ...props }) {
+    const inputOTPContext = use(OTPInputContext);
+    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3', className),
+        "data-active": isActive,
+        "data-slot": "input-otp-slot",
+        ...props,
+        children: [
+            char,
+            hasFakeCaret ? /*#__PURE__*/ jsx("div", {
+                className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"
+                })
+            }) : null
+        ]
+    });
+}
+function InputOTPSeparator({ ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "input-otp-separator",
+        ...props,
+        children: /*#__PURE__*/ jsx(MinusIcon, {})
+    });
+}
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };

package/dist/components/input-password.cjs

@@ -1,2 +1,72 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputPassword:()=>InputPassword});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_react_namespaceObject=require("react"),external_input_group_cjs_namespaceObject=require("./input-group.cjs");function InputPassword({className:e,disabled:_,readOnly:r,...t}){let[a,s]=(0,external_react_namespaceObject.useState)("password"),c=(0,external_react_namespaceObject.useCallback)(()=>{s(e=>"password"===e?"text":"password")},[]);return(0,jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup,{className:e,"data-disabled":_?"true":void 0,"data-slot":"input-password",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput,{autoCapitalize:"none","data-slot":"input-password-item",disabled:_,readOnly:r,type:a,...t}),(0,jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton,{"aria-label":"password"===a?"Show password":"Hide password",className:"focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:_,size:"icon-sm",type:"button",variant:"ghost",onClick:c,children:"password"===a?(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeOffIcon,{}):(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeIcon,{})})]})}for(var __webpack_i__ in exports.InputPassword=__webpack_exports__.InputPassword,__webpack_exports__)-1===["InputPassword"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputPassword: ()=>InputPassword
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
+function InputPassword({ className, disabled, readOnly, ...props }) {
+    const [type, setType] = (0, external_react_namespaceObject.useState)('password');
+    const togglePasswordVisibility = (0, external_react_namespaceObject.useCallback)(()=>{
+        setType((previous)=>'password' === previous ? 'text' : 'password');
+    }, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
+        className: className,
+        "data-disabled": disabled ? 'true' : void 0,
+        "data-slot": "input-password",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
+                autoCapitalize: "none",
+                "data-slot": "input-password-item",
+                disabled: disabled,
+                readOnly: readOnly,
+                type: type,
+                ...props
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
+                "aria-label": 'password' === type ? 'Show password' : 'Hide password',
+                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                "data-slot": "input-password-toggle",
+                disabled: disabled,
+                size: "icon-sm",
+                type: "button",
+                variant: "ghost",
+                onClick: togglePasswordVisibility,
+                children: 'password' === type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeOffIcon, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeIcon, {})
+            })
+        ]
+    });
+}
+exports.InputPassword = __webpack_exports__.InputPassword;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputPassword"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});