@jamsrui/input 0.0.8 → 0.0.9

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { I as Input } from './input-GVjmJHy9.mjs';
+export { I as Input } from './input-CH01QDEa.mjs';
 export { InputConfig, useInputConfig } from './input-config.mjs';
 import 'react/jsx-runtime';
 import 'react';
@@ -6,13 +6,13 @@ import '@jamsrui/utils';
 import './input-clear-button.mjs';
 import './input-content.mjs';
 import './input-content-wrapper.mjs';
+import './input-description.mjs';
 import './input-end-content.mjs';
 import './input-error-message.mjs';
 import './input-field.mjs';
-import './input-helper-text.mjs';
 import './input-label.mjs';
+import './input-root.mjs';
 import './input-start-content.mjs';
 import './input-wrapper.mjs';
 import './styles.mjs';
-import 'tailwind-variants';
 import '@jamsrui/core';

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

@@ -4,23 +4,24 @@ import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
 import { InputClearButton } from './input-clear-button.mjs';
 import { InputContent } from './input-content.mjs';
 import { InputContentWrapper } from './input-content-wrapper.mjs';
+import { InputDescription } from './input-description.mjs';
 import { InputEndContent } from './input-end-content.mjs';
 import { InputErrorMessage } from './input-error-message.mjs';
 import { InputField } from './input-field.mjs';
-import { InputHelperText } from './input-helper-text.mjs';
 import { InputLabel } from './input-label.mjs';
+import { InputRoot } from './input-root.mjs';
 import { InputStartContent } from './input-start-content.mjs';
 import { InputWrapper } from './input-wrapper.mjs';
 import { InputVariantProps, InputSlots } from './styles.mjs';
 
 declare const useInput: (props: useInput.Props) => {
-    getRootProps: PropGetter<Input.Props>;
+    getRootProps: PropGetter<InputRoot.Props>;
     getClearButtonProps: PropGetter<InputClearButton.Props>;
     getStartContentProps: PropGetter<InputStartContent.Props>;
     getEndContentProps: PropGetter<InputEndContent.Props>;
     getInputProps: PropGetter<InputField.Props>;
     getLabelProps: PropGetter<InputLabel.Props>;
-    getHelperTextProps: PropGetter<InputHelperText.Props>;
+    getDescriptionProps: PropGetter<InputDescription.Props>;
     getErrorMessageProps: PropGetter<InputErrorMessage.Props>;
     label: string | undefined;
     helperText: string | undefined;
@@ -54,7 +55,7 @@ declare namespace useInput {
             startContent?: InputStartContent.Props;
             endContent?: InputEndContent.Props;
             label?: InputLabel.Props;
-            helperText?: InputHelperText.Props;
+            helperText?: InputDescription.Props;
             errorMessage?: InputErrorMessage.Props;
             clearButton?: InputClearButton.Props;
         };

package/dist/input-config.d.mts

@@ -1,4 +1,4 @@
-import { I as Input } from './input-GVjmJHy9.mjs';
+import { I as Input } from './input-CH01QDEa.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
 import 'react';
@@ -6,15 +6,15 @@ import '@jamsrui/utils';
 import './input-clear-button.mjs';
 import './input-content.mjs';
 import './input-content-wrapper.mjs';
+import './input-description.mjs';
 import './input-end-content.mjs';
 import './input-error-message.mjs';
 import './input-field.mjs';
-import './input-helper-text.mjs';
 import './input-label.mjs';
+import './input-root.mjs';
 import './input-start-content.mjs';
 import './input-wrapper.mjs';
 import './styles.mjs';
-import 'tailwind-variants';
 
 declare const useInputConfig: () => Record<string, any>;
 declare const InputConfig: (props: Omit<Partial<Record<string, any>>, "children"> & {

package/dist/input-context.d.mts

@@ -1,19 +1,19 @@
 import * as react from 'react';
-import { u as useInput } from './input-GVjmJHy9.mjs';
+import { u as useInput } from './input-CH01QDEa.mjs';
 import 'react/jsx-runtime';
 import '@jamsrui/utils';
 import './input-clear-button.mjs';
 import './input-content.mjs';
 import './input-content-wrapper.mjs';
+import './input-description.mjs';
 import './input-end-content.mjs';
 import './input-error-message.mjs';
 import './input-field.mjs';
-import './input-helper-text.mjs';
 import './input-label.mjs';
+import './input-root.mjs';
 import './input-start-content.mjs';
 import './input-wrapper.mjs';
 import './styles.mjs';
-import 'tailwind-variants';
 
 declare const useInputContext: () => InputContext.Props;
 declare const InputContext: react.Context<InputContext.Props | null>;

package/dist/input-description.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const InputDescription: (props: InputDescription.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+declare namespace InputDescription {
+    interface Props extends UIProps<"span"> {
+    }
+}
+
+export { InputDescription };

package/dist/input-description.mjs

@@ -0,0 +1 @@
+import{useRenderElement as n}from"@jamsrui/hooks";import{useInputContext as o}from"./input-context";const u=r=>{const{getDescriptionProps:t,helperText:e}=o(),p=n("span",{props:[t(r),{children:e}]});return e?p:null};export{u as InputDescription};

package/dist/input-root.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const InputRoot: (props: InputRoot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace InputRoot {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { InputRoot };

package/dist/input-root.mjs

@@ -0,0 +1 @@
+import{useRenderElement as o}from"@jamsrui/hooks";import{useInputContext as r}from"./input-context";const m=t=>{const{getRootProps:e}=r();return o("div",{props:[e(t)]})};export{m as InputRoot};

package/dist/input.d.mts

@@ -1,16 +1,16 @@
 import 'react/jsx-runtime';
-export { I as Input } from './input-GVjmJHy9.mjs';
+export { I as Input } from './input-CH01QDEa.mjs';
 import 'react';
 import '@jamsrui/utils';
 import './input-clear-button.mjs';
 import './input-content.mjs';
 import './input-content-wrapper.mjs';
+import './input-description.mjs';
 import './input-end-content.mjs';
 import './input-error-message.mjs';
 import './input-field.mjs';
-import './input-helper-text.mjs';
 import './input-label.mjs';
+import './input-root.mjs';
 import './input-start-content.mjs';
 import './input-wrapper.mjs';
 import './styles.mjs';
-import 'tailwind-variants';

package/dist/input.mjs

@@ -1 +1 @@
-import{Fragment as v,jsx as t,jsxs as o}from"react/jsx-runtime";import{useRenderElement as i}from"@jamsrui/hooks";import{mergeConfigProps as I}from"@jamsrui/utils";import{useInputConfig as f}from"./input-config";import{InputContent as c}from"./input-content";import{InputContentWrapper as C}from"./input-content-wrapper";import{InputContext as a}from"./input-context";import{InputEndContent as d}from"./input-end-content";import{InputErrorMessage as l}from"./input-error-message";import{InputField as g}from"./input-field";import{InputHelperText as x}from"./input-helper-text";import{InputLabel as P}from"./input-label";import{InputStartContent as E}from"./input-start-content";import{InputWrapper as W}from"./input-wrapper";import{useInput as h}from"./use-input";const B=n=>{const r=f(),e=I(r,r,n),p=h(e),{getRootProps:m}=p,u=o(v,{children:[o(W,{children:[t(P,{}),o(C,{children:[t(E,{}),t(c,{children:t(g,{})}),t(d,{})]})]}),t(x,{}),t(l,{})]}),s=i("div",{props:[m({}),{children:u}]});return t(a,{value:p,children:s})};export{B as Input};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{mergeConfigProps as m}from"@jamsrui/utils";import{useInputConfig as u}from"./input-config";import{InputContent as I}from"./input-content";import{InputContentWrapper as i}from"./input-content-wrapper";import{InputContext as f}from"./input-context";import{InputDescription as s}from"./input-description";import{InputEndContent as a}from"./input-end-content";import{InputErrorMessage as C}from"./input-error-message";import{InputField as c}from"./input-field";import{InputLabel as g}from"./input-label";import{InputRoot as x}from"./input-root";import{InputStartContent as P}from"./input-start-content";import{InputWrapper as d}from"./input-wrapper";import{useInput as W}from"./use-input";const y=r=>{const p=u(),n=m(p,p,r),e=W(n);return t(f,{value:e,children:o(x,{children:[o(d,{children:[t(g,{}),o(i,{children:[t(P,{}),t(I,{children:t(c,{})}),t(a,{})]})]}),t(s,{}),t(C,{})]})})};export{y as Input};

package/dist/styles.d.mts

@@ -1,8 +1,7 @@
-import * as tailwind_variants from 'tailwind-variants';
+import * as _jamsrui_utils from '@jamsrui/utils';
 import { VariantProps } from '@jamsrui/utils';
 
-declare const test = "";
-declare const inputVariants: tailwind_variants.TVReturnType<{
+declare const inputVariants: _jamsrui_utils.TVReturnType<{
     fullWidth: {
         true: {
             root: string;
@@ -92,7 +91,7 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     startContent: string;
     endContent: string;
     clearButton: string;
-}, tailwind_variants.TVReturnType<{
+}, _jamsrui_utils.TVReturnType<{
     fullWidth: {
         true: {
             root: string;
@@ -141,4 +140,4 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
 type InputVariantProps = VariantProps<typeof inputVariants>;
 type InputSlots = keyof ReturnType<typeof inputVariants>;
 
-export { type InputSlots, type InputVariantProps, inputVariants, test };
+export { type InputSlots, type InputVariantProps, inputVariants };

package/dist/styles.mjs

@@ -1 +1 @@
-import{radiusVariant as t,tv as e}from"@jamsrui/utils";const o="",a=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{a as inputVariants,o as test};
+import{radiusVariant as t,tv as e}from"@jamsrui/utils";const 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 inputVariants};

package/dist/use-input.d.mts

@@ -1,16 +1,16 @@
 import 'react';
 import '@jamsrui/utils';
-export { u as useInput } from './input-GVjmJHy9.mjs';
+export { u as useInput } from './input-CH01QDEa.mjs';
 import './input-clear-button.mjs';
 import './input-content.mjs';
 import './input-content-wrapper.mjs';
+import './input-description.mjs';
 import './input-end-content.mjs';
 import './input-error-message.mjs';
 import './input-field.mjs';
-import './input-helper-text.mjs';
 import './input-label.mjs';
+import './input-root.mjs';
 import './input-start-content.mjs';
 import './input-wrapper.mjs';
 import './styles.mjs';
 import 'react/jsx-runtime';
-import 'tailwind-variants';

package/dist/use-input.mjs

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

package/package.json

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

package/dist/input-helper-text.d.mts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { UIProps } from '@jamsrui/utils';
-
-declare const InputHelperText: (props: InputHelperText.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
-declare namespace InputHelperText {
-    interface Props extends UIProps<"span"> {
-    }
-}
-
-export { InputHelperText };

package/dist/input-helper-text.mjs

@@ -1 +0,0 @@
-import{useRenderElement as n}from"@jamsrui/hooks";import{useInputContext as o}from"./input-context";const u=r=>{const{getHelperTextProps:t,helperText:e}=o(),p=n("span",{props:[t(r),{children:e}]});return e?p:null};export{u as InputHelperText};