@jamsrui/input 0.0.10 → 0.0.11

package/dist/chunk-4LKT64RP.mjs

@@ -0,0 +1 @@
+import{radiusVariant as t,tv as e}from"@jamsrui/utils";var o=e({slots:{root:"flex flex-col gap-1.5 group",label:"shrink-0 text-sm font-normal text-foreground",description:"text-xs text-foreground-tertiary",errorMessage:"text-xs text-danger",input:["grow bg-transparent font-normal","placeholder:text-foreground-secondary read-only:cursor-not-allowed focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"],wrapper:"",content:"grow flex",contentWrapper:["border flex items-center border-divider","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","not-uig-invalid:uig-focus:border-primary uig-focus:ring-primary","not-uig-invalid:uig-hover:border-divider-dark"],startContent:"pl-2 text-sm text-foreground-secondary",endContent:"pr-2 text-sm text-foreground-secondary",clearButton:""},variants:{fullWidth:{true:{root:"w-full"}},size:{sm:{input:"px-3 py-1.5 text-sm placeholder:text-sm"},md:{input:"px-3 py-2 text-sm placeholder:text-sm"},lg:{input:"px-3 py-2 text-base placeholder:text-base"}},isInvalid:{true:{contentWrapper:"border-danger",label:"text-danger"}},radius:t("contentWrapper")},defaultVariants:{fullWidth:!1,isInvalid:!1,radius:"md",size:"md"}});export{o as a};

package/dist/{chunk-3MM4RQON.mjs → chunk-5HFZKP5Z.mjs}

@@ -1 +1 @@
-import{a as g}from"./chunk-CPTNQLMH.mjs";import{a as i}from"./chunk-EAUBBKY5.mjs";import{a as f}from"./chunk-U25JGUU3.mjs";import{a as s}from"./chunk-CSQOTAPR.mjs";import{a}from"./chunk-IJYNHO5F.mjs";import{a as C}from"./chunk-LCBLRGH5.mjs";import{a as c}from"./chunk-QA6KD5QS.mjs";import{b as r}from"./chunk-ZNAJDFMD.mjs";import{a as m}from"./chunk-M46PIXLU.mjs";import{a as e}from"./chunk-VU73JURM.mjs";import{a as u}from"./chunk-3Z56DQ4V.mjs";import{a as I}from"./chunk-JZ5MUM6R.mjs";import{a as n}from"./chunk-D4PQ7L52.mjs";import{mergeConfigProps as W}from"@jamsrui/utils";import{jsx as t,jsxs as o}from"react/jsx-runtime";var y=x=>{let p=r(),P=W(p,p,x),d=g(P);return t(n,{value:d,children:o(a,{children:[o(c,{children:[t(s,{}),o(m,{children:[t(C,{}),t(e,{children:t(f,{})}),t(I,{})]})]}),t(u,{}),t(i,{})]})})};export{y as a};
+import{a as g}from"./chunk-AYL2YJ7L.mjs";import{a as i}from"./chunk-EAUBBKY5.mjs";import{a as f}from"./chunk-U25JGUU3.mjs";import{a as s}from"./chunk-CSQOTAPR.mjs";import{a}from"./chunk-IJYNHO5F.mjs";import{a as C}from"./chunk-LCBLRGH5.mjs";import{a as c}from"./chunk-QA6KD5QS.mjs";import{b as r}from"./chunk-ZNAJDFMD.mjs";import{a as m}from"./chunk-M46PIXLU.mjs";import{a as e}from"./chunk-VU73JURM.mjs";import{a as u}from"./chunk-3Z56DQ4V.mjs";import{a as I}from"./chunk-JZ5MUM6R.mjs";import{a as n}from"./chunk-D4PQ7L52.mjs";import{mergeConfigProps as W}from"@jamsrui/utils";import{jsx as t,jsxs as o}from"react/jsx-runtime";var y=x=>{let p=r(),P=W(p,p,x),d=g(P);return t(n,{value:d,children:o(a,{children:[o(c,{children:[t(s,{}),o(m,{children:[t(C,{}),t(e,{children:t(f,{})}),t(I,{})]})]}),t(u,{}),t(i,{})]})})};export{y as a};

package/dist/chunk-AYL2YJ7L.mjs

@@ -0,0 +1 @@
+import{a as u}from"./chunk-4LKT64RP.mjs";import{useCallback as o,useMemo as J}from"react";import{useControlledState as Q,useFocus as X,useFocusVisible as Y,useHover as Z,useIsDisabled as _,useMergeRefs as tt}from"@jamsrui/hooks";import{cn as r,dataAttrDev as a,mapPropsVariants as et,mergeProps as p}from"@jamsrui/utils";var ct=F=>{let[x,m]=et(F,u.variantKeys),{startContent:d,endContent:P,classNames:s,label:C,isClearable:st,isDisabled:U=!1,isReadonly:nt,description:I,errorMessage:N,value:j,defaultValue:k,onValueChange:A,onClearInput:f,ref:K,slotProps:e,...g}=x,[b="",c]=Q({defaultProp:k,onChange:A,prop:j}),n=u(m),i=m.isInvalid,{isDisabled:l,ref:O}=_({isDisabled:U,isFormControl:!1}),{isFocused:M,ref:$}=X({isDisabled:l}),{isFocusVisible:v,ref:q}=Y({isDisabled:l}),{isHovered:R,ref:z}=Z({isDisabled:l}),y=tt([K,O,$,q,z]),ot=o(t=>{f?.(t),c("")},[f,c]),E=o(t=>{c(t.target.value)},[c]),W=o(t=>({...p(e?.root,t),"data-component":a("input"),"data-slot":a("root"),"data-focused":M,"data-focus-visible":v,"data-hovered":R,"data-disabled":l,"aria-disabled":l,"data-invalid":i,className:n.root({className:r(e?.root?.className,s?.root,t.className)})}),[s?.root,l,v,M,R,i,e?.root,n]),B=o(t=>({...g,...t,ref:y,disabled:l,"data-slot":a("input"),className:n.input({className:r(s?.input,t.className)}),value:b,onChange:E}),[s?.input,g,E,y,l,n,b]),D=o(t=>({...p(e?.wrapper,t),"data-slot":a("inputWrapper"),className:n.wrapper({className:r(e?.wrapper?.className,s?.wrapper,t.className)})}),[s?.wrapper,e?.wrapper,n]),G=o(t=>({...p(e?.content,t),"data-slot":a("content"),className:n.content({className:r(e?.content?.className,s?.content,t.className)})}),[s?.content,e?.content,n]),V=o(t=>({...p(e?.contentWrapper,t),"data-slot":a("contentWrapper"),className:n.contentWrapper({className:r(e?.contentWrapper?.className,s?.contentWrapper,t.className)})}),[s?.contentWrapper,e?.contentWrapper,n]),h=o(t=>({...p(e?.startContent,t),"data-slot":a("startContent"),className:n.startContent({className:r(e?.startContent?.className,s?.startContent,t.className)})}),[s?.startContent,e?.startContent,n]),L=o(t=>({...p(e?.endContent,t),"data-slot":a("endContent"),className:n.endContent({className:r(e?.endContent?.className,s?.endContent,t.className)})}),[s?.endContent,e?.endContent,n]),T=o(t=>({...p(e?.description,t),"data-slot":a("description"),className:n.description({className:r(e?.description?.className,s?.description,t.className)})}),[s?.description,e?.description,n]),w=o(t=>({...p(e?.errorMessage,t),"data-slot":a("errorMessage"),className:n.errorMessage({className:r(e?.errorMessage?.className,s?.errorMessage,t.className)})}),[s?.errorMessage,e?.errorMessage,n]),H=o(t=>({...p(e?.clearButton,t),"data-slot":a("clearButton"),className:n.clearButton({className:r(e?.clearButton?.className,s?.clearButton,t.className)})}),[s?.clearButton,e?.clearButton,n]),S=o(t=>({...p(e?.label,t),"data-slot":a("label"),className:n.label({className:r(e?.label?.className,s?.label,t.className)})}),[s?.label,e?.label,n]);return J(()=>({getRootProps:W,getClearButtonProps:H,getStartContentProps:h,getEndContentProps:L,getInputProps:B,getLabelProps:S,getDescriptionProps:T,getErrorMessageProps:w,label:C,helperText:I,errorMessage:N,isInvalid:i,getWrapperProps:D,getContentProps:G,getContentWrapperProps:V,startContent:d,endContent:P}),[W,H,h,L,B,S,T,w,C,I,N,i,D,G,V,d,P])};export{ct as a};

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { I as Input } from './input-CH01QDEa.mjs';
+export { I as Input } from './input-Ulbg7ZdJ.mjs';
 export { InputConfig, useInputConfig } from './input-config.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as t}from"./chunk-3MM4RQON.mjs";import"./chunk-CPTNQLMH.mjs";import"./chunk-EAUBBKY5.mjs";import"./chunk-U25JGUU3.mjs";import"./chunk-CSQOTAPR.mjs";import"./chunk-IJYNHO5F.mjs";import"./chunk-LCBLRGH5.mjs";import"./chunk-QA6KD5QS.mjs";import"./chunk-ZYOJCM2B.mjs";import{a as n,b as o}from"./chunk-ZNAJDFMD.mjs";import"./chunk-M46PIXLU.mjs";import"./chunk-VU73JURM.mjs";import"./chunk-3Z56DQ4V.mjs";import"./chunk-JZ5MUM6R.mjs";import"./chunk-D4PQ7L52.mjs";export{t as Input,n as InputConfig,o as useInputConfig};
+"use client";import{a as t}from"./chunk-5HFZKP5Z.mjs";import"./chunk-AYL2YJ7L.mjs";import"./chunk-EAUBBKY5.mjs";import"./chunk-U25JGUU3.mjs";import"./chunk-CSQOTAPR.mjs";import"./chunk-IJYNHO5F.mjs";import"./chunk-LCBLRGH5.mjs";import"./chunk-QA6KD5QS.mjs";import"./chunk-4LKT64RP.mjs";import{a as n,b as o}from"./chunk-ZNAJDFMD.mjs";import"./chunk-M46PIXLU.mjs";import"./chunk-VU73JURM.mjs";import"./chunk-3Z56DQ4V.mjs";import"./chunk-JZ5MUM6R.mjs";import"./chunk-D4PQ7L52.mjs";export{t as Input,n as InputConfig,o as useInputConfig};

package/dist/{input-CH01QDEa.d.mts → input-Ulbg7ZdJ.d.mts}

@@ -24,8 +24,8 @@ declare const useInput: (props: useInput.Props) => {
     getDescriptionProps: PropGetter<InputDescription.Props>;
     getErrorMessageProps: PropGetter<InputErrorMessage.Props>;
     label: string | undefined;
-    helperText: string | undefined;
-    errorMessage: string | undefined;
+    helperText: react.ReactNode;
+    errorMessage: react.ReactNode;
     isInvalid: boolean | undefined;
     getWrapperProps: PropGetter<InputWrapper.Props>;
     getContentProps: PropGetter<InputContent.Props>;
@@ -40,13 +40,15 @@ declare namespace useInput {
         classNames?: SlotsToClassNames<InputSlots>;
         label?: string;
         isClearable?: boolean;
-        helperText?: string;
-        errorMessage?: string;
+        description?: React.ReactNode;
+        errorMessage?: React.ReactNode;
         isInvalid?: boolean;
         value?: string;
         defaultValue?: string;
         onValueChange?: (value: string) => void;
         onClearInput?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+        isDisabled?: boolean;
+        isReadonly?: boolean;
         slotProps?: {
             root?: Omit<Input.Props, "classNames" | "slotProps">;
             wrapper?: InputWrapper.Props;
@@ -55,7 +57,7 @@ declare namespace useInput {
             startContent?: InputStartContent.Props;
             endContent?: InputEndContent.Props;
             label?: InputLabel.Props;
-            helperText?: InputDescription.Props;
+            description?: InputDescription.Props;
             errorMessage?: InputErrorMessage.Props;
             clearButton?: InputClearButton.Props;
         };

package/dist/input-config.d.mts

@@ -1,4 +1,4 @@
-import { I as Input } from './input-CH01QDEa.mjs';
+import { I as Input } from './input-Ulbg7ZdJ.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
 import 'react';

package/dist/input-context.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { u as useInput } from './input-CH01QDEa.mjs';
+import { u as useInput } from './input-Ulbg7ZdJ.mjs';
 import 'react/jsx-runtime';
 import '@jamsrui/utils';
 import './input-clear-button.mjs';

package/dist/input.d.mts

@@ -1,5 +1,5 @@
 import 'react/jsx-runtime';
-export { I as Input } from './input-CH01QDEa.mjs';
+export { I as Input } from './input-Ulbg7ZdJ.mjs';
 import 'react';
 import '@jamsrui/utils';
 import './input-clear-button.mjs';

package/dist/input.mjs

@@ -1 +1 @@
-import{a}from"./chunk-3MM4RQON.mjs";import"./chunk-CPTNQLMH.mjs";import"./chunk-EAUBBKY5.mjs";import"./chunk-U25JGUU3.mjs";import"./chunk-CSQOTAPR.mjs";import"./chunk-IJYNHO5F.mjs";import"./chunk-LCBLRGH5.mjs";import"./chunk-QA6KD5QS.mjs";import"./chunk-ZYOJCM2B.mjs";import"./chunk-ZNAJDFMD.mjs";import"./chunk-M46PIXLU.mjs";import"./chunk-VU73JURM.mjs";import"./chunk-3Z56DQ4V.mjs";import"./chunk-JZ5MUM6R.mjs";import"./chunk-D4PQ7L52.mjs";export{a as Input};
+import{a}from"./chunk-5HFZKP5Z.mjs";import"./chunk-AYL2YJ7L.mjs";import"./chunk-EAUBBKY5.mjs";import"./chunk-U25JGUU3.mjs";import"./chunk-CSQOTAPR.mjs";import"./chunk-IJYNHO5F.mjs";import"./chunk-LCBLRGH5.mjs";import"./chunk-QA6KD5QS.mjs";import"./chunk-4LKT64RP.mjs";import"./chunk-ZNAJDFMD.mjs";import"./chunk-M46PIXLU.mjs";import"./chunk-VU73JURM.mjs";import"./chunk-3Z56DQ4V.mjs";import"./chunk-JZ5MUM6R.mjs";import"./chunk-D4PQ7L52.mjs";export{a as Input};

package/dist/styles.d.mts

@@ -37,7 +37,7 @@ declare const inputVariants: _jamsrui_utils.TVReturnType<{
 }, {
     root: string;
     label: string;
-    helperText: string;
+    description: string;
     errorMessage: string;
     input: string[];
     wrapper: string;
@@ -82,7 +82,7 @@ declare const inputVariants: _jamsrui_utils.TVReturnType<{
 }, {
     root: string;
     label: string;
-    helperText: string;
+    description: string;
     errorMessage: string;
     input: string[];
     wrapper: string;
@@ -127,7 +127,7 @@ declare const inputVariants: _jamsrui_utils.TVReturnType<{
 }, {
     root: string;
     label: string;
-    helperText: string;
+    description: string;
     errorMessage: string;
     input: string[];
     wrapper: string;

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ZYOJCM2B.mjs";export{a as inputVariants};
+import{a}from"./chunk-4LKT64RP.mjs";export{a as inputVariants};

package/dist/use-input.d.mts

@@ -1,6 +1,6 @@
 import 'react';
 import '@jamsrui/utils';
-export { u as useInput } from './input-CH01QDEa.mjs';
+export { u as useInput } from './input-Ulbg7ZdJ.mjs';
 import './input-clear-button.mjs';
 import './input-content.mjs';
 import './input-content-wrapper.mjs';

package/dist/use-input.mjs

@@ -1 +1 @@
-import{a}from"./chunk-CPTNQLMH.mjs";import"./chunk-ZYOJCM2B.mjs";export{a as useInput};
+import{a}from"./chunk-AYL2YJ7L.mjs";import"./chunk-4LKT64RP.mjs";export{a as useInput};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@jamsrui/input",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.10",
-    "@jamsrui/core": "^0.0.9",
-    "@jamsrui/utils": "^0.0.10"
+    "@jamsrui/hooks": "^0.0.11",
+    "@jamsrui/core": "^0.0.10",
+    "@jamsrui/utils": "^0.0.11"
   },
   "exports": {
     ".": {

package/dist/chunk-CPTNQLMH.mjs

@@ -1 +0,0 @@
-import{a as i}from"./chunk-ZYOJCM2B.mjs";import{useCallback as s,useMemo as J}from"react";import{useControlledState as Q,useFocus as X,useFocusVisible as Y,useHover as Z,useIsDisabled as _,useMergeRefs as tt}from"@jamsrui/hooks";import{cn as o,dataAttrDev as r,mapPropsVariants as et,mergeProps as p}from"@jamsrui/utils";var lt=S=>{let[F,m]=et(S,i.variantKeys),{startContent:d,endContent:P,classNames:a,label:C,isClearable:at,helperText:I,errorMessage:N,disabled:U=!1,value:j,defaultValue:k,onValueChange:A,onClearInput:f,ref:K,slotProps:e,...g}=F,[b="",c]=Q({defaultProp:k,onChange:A,prop:j}),n=i(m),u=m.isInvalid,{isDisabled:l,ref:O}=_({isDisabled:U,isFormControl:!1}),{isFocused:M,ref:$}=X({isDisabled:l}),{isFocusVisible:v,ref:q}=Y({isDisabled:l}),{isHovered:h,ref:z}=Z({isDisabled:l}),T=tt([K,O,$,q,z]),nt=s(t=>{f?.(t),c("")},[f,c]),E=s(t=>{c(t.target.value)},[c]),W=s(t=>({...p(e?.root,t),"data-component":r("input"),"data-slot":r("root"),"data-focused":M,"data-focus-visible":v,"data-hovered":h,"data-disabled":l,"aria-disabled":l,"data-invalid":u,className:n.root({className:o(e?.root?.className,a?.root,t.className)})}),[a?.root,l,v,M,h,u,e?.root,n]),y=s(t=>({...g,...t,ref:T,disabled:l,"data-slot":r("input"),className:n.input({className:o(a?.input,t.className)}),value:b,onChange:E}),[a?.input,g,E,T,l,n,b]),R=s(t=>({...p(e?.wrapper,t),"data-slot":r("inputWrapper"),className:n.wrapper({className:o(e?.wrapper?.className,a?.wrapper,t.className)})}),[a?.wrapper,e?.wrapper,n]),x=s(t=>({...p(e?.content,t),"data-slot":r("content"),className:n.content({className:o(e?.content?.className,a?.content,t.className)})}),[a?.content,e?.content,n]),B=s(t=>({...p(e?.contentWrapper,t),"data-slot":r("contentWrapper"),className:n.contentWrapper({className:o(e?.contentWrapper?.className,a?.contentWrapper,t.className)})}),[a?.contentWrapper,e?.contentWrapper,n]),G=s(t=>({...p(e?.startContent,t),"data-slot":r("startContent"),className:n.startContent({className:o(e?.startContent?.className,a?.startContent,t.className)})}),[a?.startContent,e?.startContent,n]),V=s(t=>({...p(e?.endContent,t),"data-slot":r("endContent"),className:n.endContent({className:o(e?.endContent?.className,a?.endContent,t.className)})}),[a?.endContent,e?.endContent,n]),L=s(t=>({...p(e?.helperText,t),"data-slot":r("helperText"),className:n.helperText({className:o(e?.helperText?.className,a?.helperText,t.className)})}),[a?.helperText,e?.helperText,n]),w=s(t=>({...p(e?.errorMessage,t),"data-slot":r("errorMessage"),className:n.errorMessage({className:o(e?.errorMessage?.className,a?.errorMessage,t.className)})}),[a?.errorMessage,e?.errorMessage,n]),D=s(t=>({...p(e?.clearButton,t),"data-slot":r("clearButton"),className:n.clearButton({className:o(e?.clearButton?.className,a?.clearButton,t.className)})}),[a?.clearButton,e?.clearButton,n]),H=s(t=>({...p(e?.label,t),"data-slot":r("label"),className:n.label({className:o(e?.label?.className,a?.label,t.className)})}),[a?.label,e?.label,n]);return J(()=>({getRootProps:W,getClearButtonProps:D,getStartContentProps:G,getEndContentProps:V,getInputProps:y,getLabelProps:H,getDescriptionProps:L,getErrorMessageProps:w,label:C,helperText:I,errorMessage:N,isInvalid:u,getWrapperProps:R,getContentProps:x,getContentWrapperProps:B,startContent:d,endContent:P}),[W,D,G,V,y,H,L,w,C,I,N,u,R,x,B,d,P])};export{lt as a};

package/dist/chunk-ZYOJCM2B.mjs

@@ -1 +0,0 @@
-import{radiusVariant as t,tv as e}from"@jamsrui/utils";var o=e({slots:{root:"flex flex-col gap-1 group",label:"shrink-0 text-sm font-medium text-foreground",helperText:"text-xs text-foreground-tertiary",errorMessage:"text-xs text-danger",input:["grow bg-transparent font-normal","placeholder:text-foreground-secondary read-only:cursor-not-allowed focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"],wrapper:"",content:"grow flex",contentWrapper:["border-2 flex items-center border-divider","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","not-uig-invalid:uig-focus:border-primary uig-focus:ring-primary","not-uig-invalid:uig-hover:border-divider-dark"],startContent:"pl-2 text-sm text-foreground-secondary",endContent:"pr-2 text-sm text-foreground-secondary",clearButton:""},variants:{fullWidth:{true:{root:"w-full"}},size:{sm:{input:"px-3 py-1.5 text-sm placeholder:text-sm"},md:{input:"px-3 py-2 text-sm placeholder:text-sm"},lg:{input:"p-3 text-base placeholder:text-base"}},isInvalid:{true:{contentWrapper:"border-danger",label:"text-danger"}},radius:t("contentWrapper")},defaultVariants:{fullWidth:!1,isInvalid:!1,radius:"md",size:"md"}});export{o as a};