@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/input-group.cjs

@@ -1,2 +1,156 @@
+"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=(t,e)=>{for(var a in e)__webpack_require__.o(e,a)&&!__webpack_require__.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},__webpack_require__.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),__webpack_require__.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{inputGroupAddonVariants:()=>inputGroupAddonVariants,inputGroupVariants:()=>inputGroupVariants,InputGroupText:()=>InputGroupText,InputGroupAddon:()=>InputGroupAddon,InputGroupTextarea:()=>InputGroupTextarea,InputGroupButton:()=>InputGroupButton,InputGroup:()=>InputGroup,InputGroupInput:()=>InputGroupInput,inputGroupButtonVariants:()=>inputGroupButtonVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_button_cjs_namespaceObject=require("./button.cjs"),external_input_cjs_namespaceObject=require("./input.cjs"),external_textarea_cjs_namespaceObject=require("./textarea.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),inputGroupVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.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-[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")}),inputGroupAddonVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.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]"}}}),inputGroupButtonVariants=(0,tailwind_variants_namespaceObject.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:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:inputGroupVariants({className:t}),"data-slot":"input-group",role:"group",...e})}function InputGroupAddon({align:t="inline-start",className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)(inputGroupAddonVariants({align:t}),e),"data-align":t,"data-slot":"input-group-addon",role:"group",onPointerDown:t=>{if(t.target.closest("button"))return;t.preventDefault();let e=t.currentTarget.parentElement?.querySelector("input, textarea");e instanceof HTMLElement&&e.focus()},...a})}function InputGroupButton({className:t,size:e="xs",type:a="button",variant:n="ghost",...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{className:(0,tailwind_variants_namespaceObject.cn)(inputGroupButtonVariants({size:e}),t),"data-size":e,"data-slot":"input-group-button",type:a,variant:n,...r})}function InputGroupText({className:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",t),"data-slot":"input-group-text",...e})}function InputGroupInput({className:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{className:(0,tailwind_variants_namespaceObject.cn)("flex-1 rounded-none border-0 bg-transparent px-3 py-1 shadow-none focus-visible:ring-0 dark:bg-transparent",t),"data-slot":"input-group-control",...e})}function InputGroupTextarea({className:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea,{className:(0,tailwind_variants_namespaceObject.cn)("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",t),"data-slot":"input-group-control",...e})}for(var __webpack_i__ in exports.InputGroup=__webpack_exports__.InputGroup,exports.InputGroupAddon=__webpack_exports__.InputGroupAddon,exports.InputGroupButton=__webpack_exports__.InputGroupButton,exports.InputGroupInput=__webpack_exports__.InputGroupInput,exports.InputGroupText=__webpack_exports__.InputGroupText,exports.InputGroupTextarea=__webpack_exports__.InputGroupTextarea,exports.inputGroupAddonVariants=__webpack_exports__.inputGroupAddonVariants,exports.inputGroupButtonVariants=__webpack_exports__.inputGroupButtonVariants,exports.inputGroupVariants=__webpack_exports__.inputGroupVariants,__webpack_exports__)-1===["InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupText","InputGroupTextarea","inputGroupAddonVariants","inputGroupButtonVariants","inputGroupVariants"].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__, {
+    inputGroupAddonVariants: ()=>inputGroupAddonVariants,
+    inputGroupVariants: ()=>inputGroupVariants,
+    InputGroupText: ()=>InputGroupText,
+    InputGroupAddon: ()=>InputGroupAddon,
+    InputGroupTextarea: ()=>InputGroupTextarea,
+    InputGroupButton: ()=>InputGroupButton,
+    InputGroup: ()=>InputGroup,
+    InputGroupInput: ()=>InputGroupInput,
+    inputGroupButtonVariants: ()=>inputGroupButtonVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
+const inputGroupVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)("group/input-group relative flex w-full items-center rounded-lg border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "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-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40")
+});
+const inputGroupAddonVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4"),
+    defaultVariants: {
+        align: "inline-start"
+    },
+    variants: {
+        align: {
+            "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3",
+            "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+            "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 = (0, tailwind_variants_namespaceObject.tv)({
+    base: "flex items-center gap-2 text-sm shadow-none [&>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 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg]:size-3.5"
+        }
+    }
+});
+function InputGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: inputGroupVariants({
+            className
+        }),
+        "data-slot": "input-group",
+        role: "group",
+        ...props
+    });
+}
+function InputGroupAddon({ align = "inline-start", className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+        className: (0, tailwind_variants_namespaceObject.cn)(inputGroupButtonVariants({
+            size
+        }), className),
+        "data-size": size,
+        "data-slot": "input-group-button",
+        type: type,
+        variant: variant,
+        ...props
+    });
+}
+function InputGroupText({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "input-group-text",
+        ...props
+    });
+}
+function InputGroupInput({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
+        className: (0, tailwind_variants_namespaceObject.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
+    });
+}
+exports.InputGroup = __webpack_exports__.InputGroup;
+exports.InputGroupAddon = __webpack_exports__.InputGroupAddon;
+exports.InputGroupButton = __webpack_exports__.InputGroupButton;
+exports.InputGroupInput = __webpack_exports__.InputGroupInput;
+exports.InputGroupText = __webpack_exports__.InputGroupText;
+exports.InputGroupTextarea = __webpack_exports__.InputGroupTextarea;
+exports.inputGroupAddonVariants = __webpack_exports__.inputGroupAddonVariants;
+exports.inputGroupButtonVariants = __webpack_exports__.inputGroupButtonVariants;
+exports.inputGroupVariants = __webpack_exports__.inputGroupVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputGroup",
+    "InputGroupAddon",
+    "InputGroupButton",
+    "InputGroupInput",
+    "InputGroupText",
+    "InputGroupTextarea",
+    "inputGroupAddonVariants",
+    "inputGroupButtonVariants",
+    "inputGroupVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,8 +1,8 @@
+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";
-import type { VariantProps } from "@codefast/tailwind-variants";
 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: {

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 relative flex w-full items-center rounded-lg border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "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-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40")
+});
+const inputGroupAddonVariants = tv({
+    base: cn("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4"),
+    defaultVariants: {
+        align: "inline-start"
+    },
+    variants: {
+        align: {
+            "block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3",
+            "block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
+            "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: "flex items-center gap-2 text-sm shadow-none [&>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 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg]:size-3.5"
+        }
+    }
+});
+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("flex items-center gap-2 text-sm text-muted-foreground [&_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 peer flex h-9 w-full grow items-center gap-3 rounded-lg border border-input px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 hover:not-has-disabled:not-focus-within:border-ring/60 has-disabled:opacity-50 has-aria-invalid:border-destructive focus-within:has-aria-invalid:ring-destructive/20 hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 md:text-sm dark:bg-input/30 dark:focus-within:has-aria-invalid:ring-destructive/40 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&>svg]:text-muted-foreground", 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: "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+                spellCheck: "false",
+                ...props
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: (0, tailwind_variants_namespaceObject.cn)("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 order-last ml-auto grid h-full shrink-0 divide-y divide-input border-l border-l-input transition group-focus-within:divide-ring group-focus-within:border-l-ring group-has-aria-invalid:divide-destructive group-has-aria-invalid:border-l-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60", "*:[button]:focus-visible:bg-ring/50 *:[button]:focus-visible:ring-0 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40"),
+                "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.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 peer flex h-9 w-full grow items-center gap-3 rounded-lg border border-input px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 hover:not-has-disabled:not-focus-within:border-ring/60 has-disabled:opacity-50 has-aria-invalid:border-destructive focus-within:has-aria-invalid:ring-destructive/20 hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 md:text-sm dark:bg-input/30 dark:focus-within:has-aria-invalid:ring-destructive/40 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&>svg]:text-muted-foreground", 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: "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+                spellCheck: "false",
+                ...props
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: cn("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 order-last ml-auto grid h-full shrink-0 divide-y divide-input border-l border-l-input transition group-focus-within:divide-ring group-focus-within:border-l-ring group-has-aria-invalid:divide-destructive group-has-aria-invalid:border-l-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60", "*:[button]:focus-visible:bg-ring/50 *:[button]:focus-visible:ring-0 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40"),
+                "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)("relative flex size-9 items-center justify-center border border-input text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", 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: "h-4 w-px animate-caret-blink bg-foreground animation-duration-1000"
+                })
+            }) : 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
+});