@jamsrui/otp-input 0.0.15 → 0.0.17

package/dist/index.d.mts

@@ -20,5 +20,15 @@ declare const OtpInput: ((props: OtpInput$1.Props) => react_jsx_runtime.JSX.Elem
     Separator: (props: OtpInputSeparator.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
     Group: (props: OtpInputGroup.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 };
+declare namespace OtpInput {
+    interface Props extends OtpInput$1.Props {
+    }
+    interface Group extends OtpInputGroup.Props {
+    }
+    interface Separator extends OtpInputSeparator.Props {
+    }
+    interface Slot extends OtpInputSlot.Props {
+    }
+}
 
 export { OtpInput };

package/dist/index.mjs

@@ -1 +1 @@
-import{OtpInput as t}from"./otp-input.mjs";import{OtpInputGroup as p}from"./otp-input-group.mjs";import{OtpInputSeparator as o}from"./otp-input-separator.mjs";import{OtpInputSlot as r}from"./otp-input-slot.mjs";import{OtpInputConfig as _,useOtpInputConfig as e}from"./otp-input-config.mjs";import{REGEXP_ONLY_CHARS as G,REGEXP_ONLY_DIGITS as R,REGEXP_ONLY_DIGITS_AND_CHARS as a}from"./regexp.mjs";const m=Object.assign(t,{Root:t,Slot:r,Separator:o,Group:p});export{m as OtpInput,_ as OtpInputConfig,G as REGEXP_ONLY_CHARS,R as REGEXP_ONLY_DIGITS,a as REGEXP_ONLY_DIGITS_AND_CHARS,e as useOtpInputConfig};
+import{OtpInput as t}from"./otp-input.mjs";import{OtpInputGroup as p}from"./otp-input-group.mjs";import{OtpInputSeparator as o}from"./otp-input-separator.mjs";import{OtpInputSlot as r}from"./otp-input-slot.mjs";import{OtpInputConfig as f,useOtpInputConfig as x}from"./otp-input-config.mjs";import{REGEXP_ONLY_CHARS as i,REGEXP_ONLY_DIGITS as m,REGEXP_ONLY_DIGITS_AND_CHARS as G}from"./regexp.mjs";const O=Object.assign(t,{Root:t,Slot:r,Separator:o,Group:p});export{O as OtpInput,f as OtpInputConfig,i as REGEXP_ONLY_CHARS,m as REGEXP_ONLY_DIGITS,G as REGEXP_ONLY_DIGITS_AND_CHARS,x as useOtpInputConfig};

package/dist/styles.d.mts

@@ -26,6 +26,9 @@ declare const otpInputVariants: _jamsrui_utils.TVReturnType<{
             caret: string;
         };
     };
+    isInvalid: {
+        true: {};
+    };
 }, {
     root: string;
     group: string;
@@ -58,6 +61,9 @@ declare const otpInputVariants: _jamsrui_utils.TVReturnType<{
             caret: string;
         };
     };
+    isInvalid: {
+        true: {};
+    };
 }, {
     root: string;
     group: string;
@@ -90,6 +96,9 @@ declare const otpInputVariants: _jamsrui_utils.TVReturnType<{
             caret: string;
         };
     };
+    isInvalid: {
+        true: {};
+    };
 }, {
     root: string;
     group: string;

package/dist/styles.mjs

@@ -1 +1 @@
-import{radiusVariant as t,tv as r}from"@jamsrui/utils";const o=r({slots:{root:"otp-input otp-input__root relative flex gap-2 items-center group data-disabled:opacity-50 data-disabled:cursor-not-allowed",group:"otp-input__group flex",slot:"otp-input__slot border-divider relative flex items-center justify-center border-y border-r first:border-l first:rounded-l-md last:rounded-r-md transition-all duration-300 ease-in-out outline-solid outline-0 outline-accent-foreground/20 group-data-hover:border-primary-foreground/20 group-focus-within:border-primary-foreground/30  data-active:outline-primary-foreground",separator:"otp-input__separator w-4 h-1 bg-divider",input:["otp-input__input absolute bg-transparent inset-0 size-full outline-none outline-0 border-none border-0","z-10 text-transparent selection:text-transparent selection:bg-transparent"],caret:"otp-input__caret absolute pointer-events-none flex w-[1.5px] bg-primary-foreground animate-caret-blink z-1"},variants:{radius:t(["group","separator"],"otp-input"),size:{sm:{slot:"w-8 h-8 data-active:outline-2",caret:"h-4"},md:{slot:"w-10 h-10 data-active:outline-3",caret:"h-5"},lg:{slot:"w-12 h-12 data-active:outline-4",caret:"h-6"}}},defaultVariants:{radius:"md",size:"md"}});export{o as otpInputVariants};
+import{radiusVariant as t,tv as r}from"@jamsrui/utils";const o=r({slots:{root:"otp-input otp-input__root relative flex gap-2 items-center group data-disabled:opacity-50 data-disabled:cursor-not-allowed",group:"otp-input__group flex",slot:"otp-input__slot border-divider relative flex items-center justify-center border-y border-r first:border-l first:rounded-l-md last:rounded-r-md transition-all duration-300 ease-in-out outline-solid outline-0 outline-accent-foreground/20 group-data-hover:border-primary-foreground/20 group-focus-within:border-primary-foreground/30  data-active:outline-primary-foreground",separator:"otp-input__separator w-4 h-1 bg-divider",input:["otp-input__input absolute bg-transparent inset-0 size-full outline-none outline-0 border-none border-0","z-10 text-transparent selection:text-transparent selection:bg-transparent"],caret:"otp-input__caret absolute pointer-events-none flex w-[1.5px] bg-primary-foreground animate-caret-blink z-1"},variants:{radius:t(["group","separator"],"otp-input"),size:{sm:{slot:"w-8 h-8 data-active:outline-2",caret:"h-4"},md:{slot:"w-10 h-10 data-active:outline-3",caret:"h-5"},lg:{slot:"w-12 h-12 data-active:outline-4",caret:"h-6"}},isInvalid:{true:{}}},defaultVariants:{radius:"md",size:"md"}});export{o as otpInputVariants};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@jamsrui/otp-input",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
     "@jamsrui/core": "^0.0.13",
-    "@jamsrui/hooks": "^0.0.15",
-    "@jamsrui/utils": "^0.0.15"
+    "@jamsrui/hooks": "^0.0.16",
+    "@jamsrui/utils": "^0.0.16"
   },
   "exports": {
     ".": {