@codefast/ui 0.0.7 → 0.0.9

package/dist/input-otp.d.mts

@@ -1,36 +1,16 @@
-import * as input_otp from 'input-otp';
-export { REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
 import * as React from 'react';
+import { OTPInput } from 'input-otp';
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string | undefined;
-    onChange?: ((newValue: string) => unknown) | undefined;
-    maxLength: number;
-    textAlign?: "center" | "right" | "left" | undefined;
-    onComplete?: ((...args: any[]) => unknown) | undefined;
-    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
-    containerClassName?: string | undefined;
-    noScriptCSSFallback?: string | null | undefined;
-} & {
-    render: (props: input_otp.RenderProps) => React.ReactNode;
-    children?: undefined;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string | undefined;
-    onChange?: ((newValue: string) => unknown) | undefined;
-    maxLength: number;
-    textAlign?: "center" | "right" | "left" | undefined;
-    onComplete?: ((...args: any[]) => unknown) | undefined;
-    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
-    containerClassName?: string | undefined;
-    noScriptCSSFallback?: string | null | undefined;
-} & {
-    render?: undefined;
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
-declare const InputOTPGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSlot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;
+declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<HTMLInputElement>>;
+type InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<InputOTPGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {
     index: number;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}
+declare const InputOTPSlot: React.ForwardRefExoticComponent<InputOTPSlotProps & React.RefAttributes<HTMLDivElement>>;
+type InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<InputOTPSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+export { InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };

package/dist/input-otp.d.ts

@@ -1,36 +1,16 @@
-import * as input_otp from 'input-otp';
-export { REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
 import * as React from 'react';
+import { OTPInput } from 'input-otp';
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string | undefined;
-    onChange?: ((newValue: string) => unknown) | undefined;
-    maxLength: number;
-    textAlign?: "center" | "right" | "left" | undefined;
-    onComplete?: ((...args: any[]) => unknown) | undefined;
-    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
-    containerClassName?: string | undefined;
-    noScriptCSSFallback?: string | null | undefined;
-} & {
-    render: (props: input_otp.RenderProps) => React.ReactNode;
-    children?: undefined;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string | undefined;
-    onChange?: ((newValue: string) => unknown) | undefined;
-    maxLength: number;
-    textAlign?: "center" | "right" | "left" | undefined;
-    onComplete?: ((...args: any[]) => unknown) | undefined;
-    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
-    containerClassName?: string | undefined;
-    noScriptCSSFallback?: string | null | undefined;
-} & {
-    render?: undefined;
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
-declare const InputOTPGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSlot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;
+declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<HTMLInputElement>>;
+type InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<InputOTPGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {
     index: number;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}
+declare const InputOTPSlot: React.ForwardRefExoticComponent<InputOTPSlotProps & React.RefAttributes<HTMLDivElement>>;
+type InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<InputOTPSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+export { InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };

package/dist/input-otp.js

@@ -10,6 +10,8 @@ var _reacticons = require('@radix-ui/react-icons');
 
 
 
+
+
 var _inputotp = require('input-otp');
 var _jsxruntime = require('react/jsx-runtime');
 var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -25,28 +27,32 @@ var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, re
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center", className), ...props }));
+var InputOTPGroup = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center", className), ...props })
+);
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React.useContext(_inputotp.OTPInputContext);
-  const slot = inputOTPContext.slots[index];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref,
-      className: _chunkG3NP7M2Njs.cn.call(void 0, 
-        "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        _optionalChain([slot, 'optionalAccess', _ => _.isActive]) && "ring-ring z-10 ring-2",
-        className
-      ),
-      ...props,
-      children: [
-        _optionalChain([slot, 'optionalAccess', _2 => _2.char]),
-        _optionalChain([slot, 'optionalAccess', _3 => _3.hasFakeCaret]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }) : null
-      ]
-    }
-  );
-});
+var InputOTPSlot = React.forwardRef(
+  ({ index, className, ...props }, ref) => {
+    const inputOTPContext = React.useContext(_inputotp.OTPInputContext);
+    const slot = inputOTPContext.slots[index];
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+          _optionalChain([slot, 'optionalAccess', _ => _.isActive]) && "ring-ring z-10 ring-2",
+          className
+        ),
+        ...props,
+        children: [
+          _optionalChain([slot, 'optionalAccess', _2 => _2.char]),
+          _optionalChain([slot, 'optionalAccess', _3 => _3.hasFakeCaret]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }) : null
+        ]
+      }
+    );
+  }
+);
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, role: "separator", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
@@ -56,5 +62,7 @@ InputOTPSeparator.displayName = "InputOTPSeparator";
 
 
 
-exports.InputOTP = InputOTP; exports.InputOTPGroup = InputOTPGroup; exports.InputOTPSeparator = InputOTPSeparator; exports.InputOTPSlot = InputOTPSlot; exports.REGEXP_ONLY_DIGITS_AND_CHARS = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
+
+
+exports.InputOTP = InputOTP; exports.InputOTPGroup = InputOTPGroup; exports.InputOTPSeparator = InputOTPSeparator; exports.InputOTPSlot = InputOTPSlot; exports.REGEXP_ONLY_CHARS = _inputotp.REGEXP_ONLY_CHARS; exports.REGEXP_ONLY_DIGITS = _inputotp.REGEXP_ONLY_DIGITS; exports.REGEXP_ONLY_DIGITS_AND_CHARS = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
 //# sourceMappingURL=input-otp.js.map

package/dist/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-otp.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWL,cAoCE,YApCF;AAJF,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAMvB,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,cAAc,cAAc;AAM5B,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,MAAM,YAAY;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM;AAAA,QACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,4DAA2D,GAC5E,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,aAAa,cAAc;AAM3B,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,GAAG,MAAM,GAAG,QACf,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AACD,kBAAkB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSlot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n        slot?.isActive && \"ring-ring z-10 ring-2\",\n        className,\n      )}\n      {...props}\n    >\n      {slot?.char}\n      {slot?.hasFakeCaret ? (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      ) : null}\n    </div>\n  );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"]}
+{"version":3,"sources":["../src/input-otp.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYL,cAqCI,YArCJ;AAJF,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAOvB,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AAE7E;AACA,cAAc,cAAc;AAS5B,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACvC,UAAM,kBAAwB,iBAAW,eAAe;AACxD,UAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,MAAM,YAAY;AAAA,UAClB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,gBAAM;AAAA,UACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,4DAA2D,GAC5E,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAO3B,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,GAAG,MAAM,GAAG,QACf,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AACD,kBAAkB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  InputOTPProps\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\nconst InputOTPGroup = React.forwardRef<HTMLDivElement, InputOTPGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n  ),\n);\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n  index: number;\n}\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const slot = inputOTPContext.slots[index];\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n          slot?.isActive && \"ring-ring z-10 ring-2\",\n          className,\n        )}\n        {...props}\n      >\n        {slot?.char}\n        {slot?.hasFakeCaret ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  InputOTPSeparatorProps\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  type InputOTPProps,\n  type InputOTPGroupProps,\n  type InputOTPSlotProps,\n  type InputOTPSeparatorProps,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n};\n"]}

package/dist/input-otp.mjs

@@ -9,6 +9,8 @@ import { DotFilledIcon } from "@radix-ui/react-icons";
 import {
   OTPInput,
   OTPInputContext,
+  REGEXP_ONLY_CHARS,
+  REGEXP_ONLY_DIGITS,
   REGEXP_ONLY_DIGITS_AND_CHARS
 } from "input-otp";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,28 +27,32 @@ var InputOTP = React.forwardRef(({ className, containerClassName, ...props }, re
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props })
+);
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React.useContext(OTPInputContext);
-  const slot = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn(
-        "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        slot?.isActive && "ring-ring z-10 ring-2",
-        className
-      ),
-      ...props,
-      children: [
-        slot?.char,
-        slot?.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 h-4 w-px duration-1000" }) }) : null
-      ]
-    }
-  );
-});
+var InputOTPSlot = React.forwardRef(
+  ({ index, className, ...props }, ref) => {
+    const inputOTPContext = React.useContext(OTPInputContext);
+    const slot = inputOTPContext.slots[index];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+          slot?.isActive && "ring-ring z-10 ring-2",
+          className
+        ),
+        ...props,
+        children: [
+          slot?.char,
+          slot?.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 h-4 w-px duration-1000" }) }) : null
+        ]
+      }
+    );
+  }
+);
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(DotFilledIcon, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
@@ -55,6 +61,8 @@ export {
   InputOTPGroup,
   InputOTPSeparator,
   InputOTPSlot,
+  REGEXP_ONLY_CHARS,
+  REGEXP_ONLY_DIGITS,
   REGEXP_ONLY_DIGITS_AND_CHARS
 };
 //# sourceMappingURL=input-otp.mjs.map

package/dist/input-otp.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSlot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n        slot?.isActive && \"ring-ring z-10 ring-2\",\n        className,\n      )}\n      {...props}\n    >\n      {slot?.char}\n      {slot?.hasFakeCaret ? (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      ) : null}\n    </div>\n  );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWL,cAoCE,YApCF;AAJF,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAMvB,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,cAAc,cAAc;AAM5B,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,MAAM,YAAY;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM;AAAA,QACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,4DAA2D,GAC5E,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,aAAa,cAAc;AAM3B,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,GAAG,MAAM,GAAG,QACf,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AACD,kBAAkB,cAAc;","names":[]}
+{"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  InputOTPProps\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName,\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\nconst InputOTPGroup = React.forwardRef<HTMLDivElement, InputOTPGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n  ),\n);\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n  index: number;\n}\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const slot = inputOTPContext.slots[index];\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n          slot?.isActive && \"ring-ring z-10 ring-2\",\n          className,\n        )}\n        {...props}\n      >\n        {slot?.char}\n        {slot?.hasFakeCaret ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  InputOTPSeparatorProps\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DotFilledIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  type InputOTPProps,\n  type InputOTPGroupProps,\n  type InputOTPSlotProps,\n  type InputOTPSeparatorProps,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYL,cAqCI,YArCJ;AAJF,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAOvB,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AAE7E;AACA,cAAc,cAAc;AAS5B,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACvC,UAAM,kBAAwB,iBAAW,eAAe;AACxD,UAAM,OAAO,gBAAgB,MAAM,KAAK;AAExC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,MAAM,YAAY;AAAA,UAClB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,gBAAM;AAAA,UACN,MAAM,eACL,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,4DAA2D,GAC5E,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAO3B,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,GAAG,MAAM,GAAG,QACf,oBAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,8BAAC,iBAAc,GACjB,CACD;AACD,kBAAkB,cAAc;","names":[]}

package/dist/input.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { VariantProps } from 'cva';
 
-declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<(props?: ({
+declare const inputVariants: (props?: ({
     inputSize?: "default" | "xs" | "sm" | "lg" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
@@ -57,6 +57,9 @@ declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttribu
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-})) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
+})) | undefined) => string;
+type InputVariantsProps = VariantProps<typeof inputVariants>;
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & InputVariantsProps;
+declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & InputVariantsProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Input };
+export { Input, type InputProps };

package/dist/input.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { VariantProps } from 'cva';
 
-declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<(props?: ({
+declare const inputVariants: (props?: ({
     inputSize?: "default" | "xs" | "sm" | "lg" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
@@ -57,6 +57,9 @@ declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttribu
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-})) | undefined) => string> & React.RefAttributes<HTMLInputElement>>;
+})) | undefined) => string;
+type InputVariantsProps = VariantProps<typeof inputVariants>;
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & InputVariantsProps;
+declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & InputVariantsProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Input };
+export { Input, type InputProps };

package/dist/input.js

@@ -19,17 +19,19 @@ var inputVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
     inputSize: "default"
   }
 });
-var Input = React.forwardRef(({ className, inputSize, ...props }, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "input",
-    {
-      type: "text",
-      className: inputVariants({ className, inputSize }),
-      ref,
-      ...props
-    }
-  );
-});
+var Input = React.forwardRef(
+  ({ className, inputSize, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "text",
+        className: inputVariants({ className, inputSize }),
+        ref,
+        ...props
+      }
+    );
+  }
+);
 Input.displayName = "Input";
 
 

package/dist/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAiCnB;AAzBJ,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,WAAW;AAAA,EACb;AACF,CAAC;AAMD,IAAM,QAAc,iBAIlB,CAAC,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,cAAc,EAAE,WAAW,UAAU,CAAC;AAAA,MACjD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,MAAM,cAAc","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = cva({\n  base: \"border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  variants: {\n    inputSize: {\n      default: \"h-10\",\n      xs: \"h-8\",\n      sm: \"h-9\",\n      lg: \"h-11\",\n    },\n  },\n  defaultVariants: {\n    inputSize: \"default\",\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> &\n    VariantProps<typeof inputVariants>\n>(({ className, inputSize, ...props }, ref) => {\n  return (\n    <input\n      type=\"text\"\n      className={inputVariants({ className, inputSize })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input };\n"]}
+{"version":3,"sources":["../src/input.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAkCjB;AA1BN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,WAAW;AAAA,EACb;AACF,CAAC;AAUD,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,cAAc,EAAE,WAAW,UAAU,CAAC;AAAA,QACjD;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = cva({\n  base: \"border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  variants: {\n    inputSize: {\n      default: \"h-10\",\n      xs: \"h-8\",\n      sm: \"h-9\",\n      lg: \"h-11\",\n    },\n  },\n  defaultVariants: {\n    inputSize: \"default\",\n  },\n});\n\ntype InputVariantsProps = VariantProps<typeof inputVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> &\n  InputVariantsProps;\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, inputSize, ...props }, ref) => {\n    return (\n      <input\n        type=\"text\"\n        className={inputVariants({ className, inputSize })}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, type InputProps };\n"]}

package/dist/input.mjs

@@ -19,17 +19,19 @@ var inputVariants = cva({
     inputSize: "default"
   }
 });
-var Input = React.forwardRef(({ className, inputSize, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type: "text",
-      className: inputVariants({ className, inputSize }),
-      ref,
-      ...props
-    }
-  );
-});
+var Input = React.forwardRef(
+  ({ className, inputSize, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        className: inputVariants({ className, inputSize }),
+        ref,
+        ...props
+      }
+    );
+  }
+);
 Input.displayName = "Input";
 export {
   Input

package/dist/input.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = cva({\n  base: \"border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  variants: {\n    inputSize: {\n      default: \"h-10\",\n      xs: \"h-8\",\n      sm: \"h-9\",\n      lg: \"h-11\",\n    },\n  },\n  defaultVariants: {\n    inputSize: \"default\",\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> &\n    VariantProps<typeof inputVariants>\n>(({ className, inputSize, ...props }, ref) => {\n  return (\n    <input\n      type=\"text\"\n      className={inputVariants({ className, inputSize })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAiCnB;AAzBJ,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,WAAW;AAAA,EACb;AACF,CAAC;AAMD,IAAM,QAAc,iBAIlB,CAAC,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,cAAc,EAAE,WAAW,UAAU,CAAC;AAAA,MACjD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,MAAM,cAAc;","names":[]}
+{"version":3,"sources":["../src/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = cva({\n  base: \"border-input focus-visible:ring-ring focus-visible:ring-offset-background placeholder:text-muted-foreground flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  variants: {\n    inputSize: {\n      default: \"h-10\",\n      xs: \"h-8\",\n      sm: \"h-9\",\n      lg: \"h-11\",\n    },\n  },\n  defaultVariants: {\n    inputSize: \"default\",\n  },\n});\n\ntype InputVariantsProps = VariantProps<typeof inputVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\ntype InputProps = React.InputHTMLAttributes<HTMLInputElement> &\n  InputVariantsProps;\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, inputSize, ...props }, ref) => {\n    return (\n      <input\n        type=\"text\"\n        className={inputVariants({ className, inputSize })}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, type InputProps };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAkCjB;AA1BN,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,WAAW;AAAA,EACb;AACF,CAAC;AAUD,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,cAAc,EAAE,WAAW,UAAU,CAAC;AAAA,QACjD;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/kbd.d.mts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface KbdProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
+
+export { Kbd, type KbdProps };

package/dist/kbd.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface KbdProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
+
+export { Kbd, type KbdProps };

package/dist/kbd.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
+
+// src/kbd.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactslot = require('@radix-ui/react-slot');
+var _jsxruntime = require('react/jsx-runtime');
+var Kbd = React.forwardRef(
+  ({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "kbd";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Comp,
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, 
+          "bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-xs font-medium",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Kbd.displayName = "Kbd";
+
+
+exports.Kbd = Kbd;
+//# sourceMappingURL=kbd.js.map

package/dist/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/kbd.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAef;AALN,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,IAAI,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Kbd\n * -------------------------------------------------------------------------- */\n\ninterface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ asChild, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"kbd\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-xs font-medium\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nKbd.displayName = \"Kbd\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Kbd, type KbdProps };\n"]}

package/dist/kbd.mjs

@@ -0,0 +1,29 @@
+import {
+  cn
+} from "./chunk-UG3URV2Z.mjs";
+
+// src/kbd.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var Kbd = React.forwardRef(
+  ({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "kbd";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(
+          "bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-xs font-medium",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Kbd.displayName = "Kbd";
+export {
+  Kbd
+};
+//# sourceMappingURL=kbd.mjs.map

package/dist/kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/kbd.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Kbd\n * -------------------------------------------------------------------------- */\n\ninterface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ asChild, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"kbd\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-xs font-medium\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nKbd.displayName = \"Kbd\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Kbd, type KbdProps };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAef;AALN,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;","names":[]}

package/dist/label.d.mts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
+type LabelProps = LabelPrimitive.LabelProps;
 declare const Label: React.ForwardRefExoticComponent<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>>;
 
-export { Label };
+export { Label, type LabelProps };

package/dist/label.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
+type LabelProps = LabelPrimitive.LabelProps;
 declare const Label: React.ForwardRefExoticComponent<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>>;
 
-export { Label };
+export { Label, type LabelProps };

package/dist/label.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkRTKEO347js = require('./chunk-RTKEO347.js');
+var _chunkGRKABVK4js = require('./chunk-GRKABVK4.js');
 require('./chunk-G3NP7M2N.js');
 
 
-exports.Label = _chunkRTKEO347js.Label;
+exports.Label = _chunkGRKABVK4js.Label;
 //# sourceMappingURL=label.js.map

package/dist/label.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Label
-} from "./chunk-PTD4AMHI.mjs";
+} from "./chunk-PIU627A3.mjs";
 import "./chunk-UG3URV2Z.mjs";
 export {
   Label