@jamsrui/input 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/chunk-3MM4RQON.mjs +1 -0
  2. package/dist/chunk-3Z56DQ4V.mjs +1 -0
  3. package/dist/chunk-CPTNQLMH.mjs +1 -0
  4. package/dist/chunk-CSQOTAPR.mjs +1 -0
  5. package/dist/chunk-D4PQ7L52.mjs +1 -0
  6. package/dist/chunk-EAUBBKY5.mjs +1 -0
  7. package/dist/chunk-IJYNHO5F.mjs +1 -0
  8. package/dist/chunk-JZ5MUM6R.mjs +1 -0
  9. package/dist/chunk-LCBLRGH5.mjs +1 -0
  10. package/dist/chunk-M46PIXLU.mjs +1 -0
  11. package/dist/chunk-QA6KD5QS.mjs +1 -0
  12. package/dist/chunk-U25JGUU3.mjs +1 -0
  13. package/dist/chunk-VU73JURM.mjs +1 -0
  14. package/dist/chunk-ZNAJDFMD.mjs +1 -0
  15. package/dist/chunk-ZYOJCM2B.mjs +1 -0
  16. package/dist/index.d.mts +3 -3
  17. package/dist/index.mjs +1 -1
  18. package/dist/{input-GVjmJHy9.d.mts → input-CH01QDEa.d.mts} +5 -4
  19. package/dist/input-clear-button.mjs +1 -1
  20. package/dist/input-config.d.mts +3 -3
  21. package/dist/input-config.mjs +1 -1
  22. package/dist/input-content-wrapper.mjs +1 -1
  23. package/dist/input-content.mjs +1 -1
  24. package/dist/input-context.d.mts +3 -3
  25. package/dist/input-context.mjs +1 -1
  26. package/dist/input-description.d.mts +10 -0
  27. package/dist/input-description.mjs +1 -0
  28. package/dist/input-end-content.mjs +1 -1
  29. package/dist/input-error-message.mjs +1 -1
  30. package/dist/input-field.mjs +1 -1
  31. package/dist/input-label.mjs +1 -1
  32. package/dist/input-root.d.mts +10 -0
  33. package/dist/input-root.mjs +1 -0
  34. package/dist/input-start-content.mjs +1 -1
  35. package/dist/input-wrapper.mjs +1 -1
  36. package/dist/input.d.mts +3 -3
  37. package/dist/input.mjs +1 -1
  38. package/dist/styles.d.mts +4 -5
  39. package/dist/styles.mjs +1 -1
  40. package/dist/use-input.d.mts +3 -3
  41. package/dist/use-input.mjs +1 -1
  42. package/package.json +5 -6
  43. package/dist/input-helper-text.d.mts +0 -10
  44. package/dist/input-helper-text.mjs +0 -1
@@ -0,0 +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};
@@ -0,0 +1 @@
1
+ import{b as r}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var u=t=>{let{getDescriptionProps:p,helperText:e}=r(),n=o("span",{props:[p(t),{children:e}]});return e?n:null};export{u as a};
@@ -0,0 +1 @@
1
+ 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};
@@ -0,0 +1 @@
1
+ import{b as r}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var a=t=>{let{getLabelProps:n,label:e}=r(),o=p("label",{props:[n(t),{children:e}]});return e?o:null};export{a};
@@ -0,0 +1 @@
1
+ import{createContext as e,use as n}from"react";var o=e(null),r=()=>{let t=n(o);if(!t)throw new Error("useInputContext must be used within InputContextProvider");return t};export{o as a,r as b};
@@ -0,0 +1 @@
1
+ import{b as e}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as n}from"@jamsrui/hooks";var u=s=>{let{getErrorMessageProps:o,errorMessage:r}=e(),t=n("span",{props:[o(s),{children:r}]});return r?t:null};export{u as a};
@@ -0,0 +1 @@
1
+ import{b as t}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as r}from"@jamsrui/hooks";var m=e=>{let{getRootProps:o}=t();return r("div",{props:[o(e)]})};export{m as a};
@@ -0,0 +1 @@
1
+ import{b as t}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var u=e=>{let{getEndContentProps:r,endContent:n}=t(),o=p("div",{props:[r(e),{children:n}]});return n?o:null};export{u as a};
@@ -0,0 +1 @@
1
+ import{b as e}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var i=r=>{let{getStartContentProps:n,startContent:t}=e(),o=p("div",{props:[n(r),{children:t}]});return t?o:null};export{i as a};
@@ -0,0 +1 @@
1
+ import{b as e}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var m=r=>{let{getContentWrapperProps:t}=e();return p("div",{props:[t(r)]})};export{m as a};
@@ -0,0 +1 @@
1
+ import{b as r}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var m=e=>{let{getWrapperProps:p}=r();return t("div",{props:[p(e)]})};export{m as a};
@@ -0,0 +1 @@
1
+ import{b as e}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as p}from"@jamsrui/hooks";var u=t=>{let{getInputProps:r}=e();return p("input",{props:[r(t)]})};export{u as a};
@@ -0,0 +1 @@
1
+ import{b as t}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as r}from"@jamsrui/hooks";var m=e=>{let{getContentProps:n}=t();return r("div",{props:[n(e)]})};export{m as a};
@@ -0,0 +1 @@
1
+ import{createConfigContext as o}from"@jamsrui/utils";var[t,n]=o({displayName:"InputConfig"});export{t as a,n as b};
@@ -0,0 +1 @@
1
+ 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};
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- export { I as Input } from './input-GVjmJHy9.mjs';
1
+ export { I as Input } from './input-CH01QDEa.mjs';
2
2
  export { InputConfig, useInputConfig } from './input-config.mjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -6,13 +6,13 @@ import '@jamsrui/utils';
6
6
  import './input-clear-button.mjs';
7
7
  import './input-content.mjs';
8
8
  import './input-content-wrapper.mjs';
9
+ import './input-description.mjs';
9
10
  import './input-end-content.mjs';
10
11
  import './input-error-message.mjs';
11
12
  import './input-field.mjs';
12
- import './input-helper-text.mjs';
13
13
  import './input-label.mjs';
14
+ import './input-root.mjs';
14
15
  import './input-start-content.mjs';
15
16
  import './input-wrapper.mjs';
16
17
  import './styles.mjs';
17
- import 'tailwind-variants';
18
18
  import '@jamsrui/core';
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- "use client";import{Input as t}from"./input";import{InputConfig as p,useInputConfig as u}from"./input-config";export{t as Input,p as InputConfig,u as useInputConfig};
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};
@@ -4,23 +4,24 @@ import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
4
4
  import { InputClearButton } from './input-clear-button.mjs';
5
5
  import { InputContent } from './input-content.mjs';
6
6
  import { InputContentWrapper } from './input-content-wrapper.mjs';
7
+ import { InputDescription } from './input-description.mjs';
7
8
  import { InputEndContent } from './input-end-content.mjs';
8
9
  import { InputErrorMessage } from './input-error-message.mjs';
9
10
  import { InputField } from './input-field.mjs';
10
- import { InputHelperText } from './input-helper-text.mjs';
11
11
  import { InputLabel } from './input-label.mjs';
12
+ import { InputRoot } from './input-root.mjs';
12
13
  import { InputStartContent } from './input-start-content.mjs';
13
14
  import { InputWrapper } from './input-wrapper.mjs';
14
15
  import { InputVariantProps, InputSlots } from './styles.mjs';
15
16
 
16
17
  declare const useInput: (props: useInput.Props) => {
17
- getRootProps: PropGetter<Input.Props>;
18
+ getRootProps: PropGetter<InputRoot.Props>;
18
19
  getClearButtonProps: PropGetter<InputClearButton.Props>;
19
20
  getStartContentProps: PropGetter<InputStartContent.Props>;
20
21
  getEndContentProps: PropGetter<InputEndContent.Props>;
21
22
  getInputProps: PropGetter<InputField.Props>;
22
23
  getLabelProps: PropGetter<InputLabel.Props>;
23
- getHelperTextProps: PropGetter<InputHelperText.Props>;
24
+ getDescriptionProps: PropGetter<InputDescription.Props>;
24
25
  getErrorMessageProps: PropGetter<InputErrorMessage.Props>;
25
26
  label: string | undefined;
26
27
  helperText: string | undefined;
@@ -54,7 +55,7 @@ declare namespace useInput {
54
55
  startContent?: InputStartContent.Props;
55
56
  endContent?: InputEndContent.Props;
56
57
  label?: InputLabel.Props;
57
- helperText?: InputHelperText.Props;
58
+ helperText?: InputDescription.Props;
58
59
  errorMessage?: InputErrorMessage.Props;
59
60
  clearButton?: InputClearButton.Props;
60
61
  };
@@ -1 +1 @@
1
- import{useRenderElement as r}from"@jamsrui/hooks";import{useInputContext as o}from"./input-context";const u=t=>{const{getClearButtonProps:e}=o();return r("button",{props:[e(t)]})};export{u as InputClearButton};
1
+ import{b as t}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var u=e=>{let{getClearButtonProps:r}=t();return o("button",{props:[r(e)]})};export{u as InputClearButton};
@@ -1,4 +1,4 @@
1
- import { I as Input } from './input-GVjmJHy9.mjs';
1
+ import { I as Input } from './input-CH01QDEa.mjs';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { GlobalConfigProps } from '@jamsrui/core';
4
4
  import 'react';
@@ -6,15 +6,15 @@ import '@jamsrui/utils';
6
6
  import './input-clear-button.mjs';
7
7
  import './input-content.mjs';
8
8
  import './input-content-wrapper.mjs';
9
+ import './input-description.mjs';
9
10
  import './input-end-content.mjs';
10
11
  import './input-error-message.mjs';
11
12
  import './input-field.mjs';
12
- import './input-helper-text.mjs';
13
13
  import './input-label.mjs';
14
+ import './input-root.mjs';
14
15
  import './input-start-content.mjs';
15
16
  import './input-wrapper.mjs';
16
17
  import './styles.mjs';
17
- import 'tailwind-variants';
18
18
 
19
19
  declare const useInputConfig: () => Record<string, any>;
20
20
  declare const InputConfig: (props: Omit<Partial<Record<string, any>>, "children"> & {
@@ -1 +1 @@
1
- import{createConfigContext as o}from"@jamsrui/utils";const[t,n]=o({displayName:"InputConfig"});export{t as InputConfig,n as useInputConfig};
1
+ import{a,b}from"./chunk-ZNAJDFMD.mjs";export{a as InputConfig,b as useInputConfig};
@@ -1 +1 @@
1
- import{useRenderElement as t}from"@jamsrui/hooks";import{useInputContext as p}from"./input-context";const m=e=>{const{getContentWrapperProps:r}=p();return t("div",{props:[r(e)]})};export{m as InputContentWrapper};
1
+ import{a}from"./chunk-M46PIXLU.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputContentWrapper};
@@ -1 +1 @@
1
- import{useRenderElement as n}from"@jamsrui/hooks";import{useInputContext as r}from"./input-context";const m=t=>{const{getContentProps:e}=r();return n("div",{props:[e(t)]})};export{m as InputContent};
1
+ import{a}from"./chunk-VU73JURM.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputContent};
@@ -1,19 +1,19 @@
1
1
  import * as react from 'react';
2
- import { u as useInput } from './input-GVjmJHy9.mjs';
2
+ import { u as useInput } from './input-CH01QDEa.mjs';
3
3
  import 'react/jsx-runtime';
4
4
  import '@jamsrui/utils';
5
5
  import './input-clear-button.mjs';
6
6
  import './input-content.mjs';
7
7
  import './input-content-wrapper.mjs';
8
+ import './input-description.mjs';
8
9
  import './input-end-content.mjs';
9
10
  import './input-error-message.mjs';
10
11
  import './input-field.mjs';
11
- import './input-helper-text.mjs';
12
12
  import './input-label.mjs';
13
+ import './input-root.mjs';
13
14
  import './input-start-content.mjs';
14
15
  import './input-wrapper.mjs';
15
16
  import './styles.mjs';
16
- import 'tailwind-variants';
17
17
 
18
18
  declare const useInputContext: () => InputContext.Props;
19
19
  declare const InputContext: react.Context<InputContext.Props | null>;
@@ -1 +1 @@
1
- import{createContext as e,use as n}from"react";const o=e(null),r=()=>{const t=n(o);if(!t)throw new Error("useInputContext must be used within InputContextProvider");return t};export{o as InputContext,r as useInputContext};
1
+ import{a,b}from"./chunk-D4PQ7L52.mjs";export{a as InputContext,b as useInputContext};
@@ -0,0 +1,10 @@
1
+ import * as react from 'react';
2
+ import { UIProps } from '@jamsrui/utils';
3
+
4
+ declare const InputDescription: (props: InputDescription.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
5
+ declare namespace InputDescription {
6
+ interface Props extends UIProps<"span"> {
7
+ }
8
+ }
9
+
10
+ export { InputDescription };
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-3Z56DQ4V.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputDescription};
@@ -1 +1 @@
1
- import{useRenderElement as o}from"@jamsrui/hooks";import{useInputContext as p}from"./input-context";const u=t=>{const{getEndContentProps:e,endContent:n}=p(),r=o("div",{props:[e(t),{children:n}]});return n?r:null};export{u as InputEndContent};
1
+ import{a}from"./chunk-JZ5MUM6R.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputEndContent};
@@ -1 +1 @@
1
- import{useRenderElement as t}from"@jamsrui/hooks";import{useInputContext as n}from"./input-context";const u=e=>{const{getErrorMessageProps:s,errorMessage:r}=n(),o=t("span",{props:[s(e),{children:r}]});return r?o:null};export{u as InputErrorMessage};
1
+ import{a}from"./chunk-EAUBBKY5.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputErrorMessage};
@@ -1 +1 @@
1
- import{useRenderElement as r}from"@jamsrui/hooks";import{useInputContext as p}from"./input-context";const u=e=>{const{getInputProps:t}=p();return r("input",{props:[t(e)]})};export{u as InputField};
1
+ import{a}from"./chunk-U25JGUU3.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputField};
@@ -1 +1 @@
1
- import{useRenderElement as o}from"@jamsrui/hooks";import{useInputContext as p}from"./input-context";const a=r=>{const{getLabelProps:t,label:e}=p(),n=o("label",{props:[t(r),{children:e}]});return e?n:null};export{a as InputLabel};
1
+ import{a}from"./chunk-CSQOTAPR.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputLabel};
@@ -0,0 +1,10 @@
1
+ import * as react from 'react';
2
+ import { UIProps } from '@jamsrui/utils';
3
+
4
+ declare const InputRoot: (props: InputRoot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
5
+ declare namespace InputRoot {
6
+ interface Props extends UIProps<"div"> {
7
+ }
8
+ }
9
+
10
+ export { InputRoot };
@@ -0,0 +1 @@
1
+ import{a}from"./chunk-IJYNHO5F.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputRoot};
@@ -1 +1 @@
1
- import{useRenderElement as o}from"@jamsrui/hooks";import{useInputContext as p}from"./input-context";const i=e=>{const{getStartContentProps:r,startContent:t}=p(),n=o("div",{props:[r(e),{children:t}]});return t?n:null};export{i as InputStartContent};
1
+ import{a}from"./chunk-LCBLRGH5.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputStartContent};
@@ -1 +1 @@
1
- import{useRenderElement as p}from"@jamsrui/hooks";import{useInputContext as t}from"./input-context";const m=r=>{const{getWrapperProps:e}=t();return p("div",{props:[e(r)]})};export{m as InputWrapper};
1
+ import{a}from"./chunk-QA6KD5QS.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputWrapper};
package/dist/input.d.mts CHANGED
@@ -1,16 +1,16 @@
1
1
  import 'react/jsx-runtime';
2
- export { I as Input } from './input-GVjmJHy9.mjs';
2
+ export { I as Input } from './input-CH01QDEa.mjs';
3
3
  import 'react';
4
4
  import '@jamsrui/utils';
5
5
  import './input-clear-button.mjs';
6
6
  import './input-content.mjs';
7
7
  import './input-content-wrapper.mjs';
8
+ import './input-description.mjs';
8
9
  import './input-end-content.mjs';
9
10
  import './input-error-message.mjs';
10
11
  import './input-field.mjs';
11
- import './input-helper-text.mjs';
12
12
  import './input-label.mjs';
13
+ import './input-root.mjs';
13
14
  import './input-start-content.mjs';
14
15
  import './input-wrapper.mjs';
15
16
  import './styles.mjs';
16
- import 'tailwind-variants';
package/dist/input.mjs CHANGED
@@ -1 +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};
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};
package/dist/styles.d.mts CHANGED
@@ -1,8 +1,7 @@
1
- import * as tailwind_variants from 'tailwind-variants';
1
+ import * as _jamsrui_utils from '@jamsrui/utils';
2
2
  import { VariantProps } from '@jamsrui/utils';
3
3
 
4
- declare const test = "";
5
- declare const inputVariants: tailwind_variants.TVReturnType<{
4
+ declare const inputVariants: _jamsrui_utils.TVReturnType<{
6
5
  fullWidth: {
7
6
  true: {
8
7
  root: string;
@@ -92,7 +91,7 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
92
91
  startContent: string;
93
92
  endContent: string;
94
93
  clearButton: string;
95
- }, tailwind_variants.TVReturnType<{
94
+ }, _jamsrui_utils.TVReturnType<{
96
95
  fullWidth: {
97
96
  true: {
98
97
  root: string;
@@ -141,4 +140,4 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
141
140
  type InputVariantProps = VariantProps<typeof inputVariants>;
142
141
  type InputSlots = keyof ReturnType<typeof inputVariants>;
143
142
 
144
- export { type InputSlots, type InputVariantProps, inputVariants, test };
143
+ export { type InputSlots, type InputVariantProps, inputVariants };
package/dist/styles.mjs CHANGED
@@ -1 +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};
1
+ import{a}from"./chunk-ZYOJCM2B.mjs";export{a as inputVariants};
@@ -1,16 +1,16 @@
1
1
  import 'react';
2
2
  import '@jamsrui/utils';
3
- export { u as useInput } from './input-GVjmJHy9.mjs';
3
+ export { u as useInput } from './input-CH01QDEa.mjs';
4
4
  import './input-clear-button.mjs';
5
5
  import './input-content.mjs';
6
6
  import './input-content-wrapper.mjs';
7
+ import './input-description.mjs';
7
8
  import './input-end-content.mjs';
8
9
  import './input-error-message.mjs';
9
10
  import './input-field.mjs';
10
- import './input-helper-text.mjs';
11
11
  import './input-label.mjs';
12
+ import './input-root.mjs';
12
13
  import './input-start-content.mjs';
13
14
  import './input-wrapper.mjs';
14
15
  import './styles.mjs';
15
16
  import 'react/jsx-runtime';
16
- import 'tailwind-variants';
@@ -1 +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};
1
+ import{a}from"./chunk-CPTNQLMH.mjs";import"./chunk-ZYOJCM2B.mjs";export{a as useInput};
package/package.json CHANGED
@@ -1,19 +1,18 @@
1
1
  {
2
2
  "name": "@jamsrui/input",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "peerDependencies": {
5
5
  "react": ">=19"
6
6
  },
7
7
  "dependencies": {
8
- "@jamsrui/core": "^0.0.7",
9
- "@jamsrui/utils": "^0.0.8",
10
- "@jamsrui/hooks": "^0.0.8"
8
+ "@jamsrui/hooks": "^0.0.10",
9
+ "@jamsrui/core": "^0.0.9",
10
+ "@jamsrui/utils": "^0.0.10"
11
11
  },
12
12
  "exports": {
13
13
  ".": {
14
14
  "types": "./dist/index.d.ts",
15
- "import": "./dist/index.mjs",
16
- "require": "./dist/index.js"
15
+ "import": "./dist/index.mjs"
17
16
  }
18
17
  },
19
18
  "description": "A modern and beautiful Next.js UI components library.",
@@ -1,10 +0,0 @@
1
- import * as react from 'react';
2
- import { UIProps } from '@jamsrui/utils';
3
-
4
- declare const InputHelperText: (props: InputHelperText.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
5
- declare namespace InputHelperText {
6
- interface Props extends UIProps<"span"> {
7
- }
8
- }
9
-
10
- export { InputHelperText };
@@ -1 +0,0 @@
1
- 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};