@jamsrui/input 0.0.2
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.
- package/README.md +40 -0
- package/dist/chunk-26BELP57.js +1 -0
- package/dist/chunk-2HDC6MTM.js +1 -0
- package/dist/chunk-5HWW2MAK.js +1 -0
- package/dist/chunk-6XB7E66N.js +1 -0
- package/dist/chunk-ADQ4FRP4.js +1 -0
- package/dist/chunk-AY5A6SEG.mjs +1 -0
- package/dist/chunk-CSQOTAPR.mjs +1 -0
- package/dist/chunk-D4PQ7L52.mjs +1 -0
- package/dist/chunk-DYZSR7G3.js +1 -0
- package/dist/chunk-EAUBBKY5.mjs +1 -0
- package/dist/chunk-FXUOCCFX.mjs +1 -0
- package/dist/chunk-JZ5MUM6R.mjs +1 -0
- package/dist/chunk-JZHG75FP.js +1 -0
- package/dist/chunk-KW3LN66H.js +1 -0
- package/dist/chunk-LCBLRGH5.mjs +1 -0
- package/dist/chunk-LL6NY6FR.js +1 -0
- package/dist/chunk-M46PIXLU.mjs +1 -0
- package/dist/chunk-NCBIQHOF.js +1 -0
- package/dist/chunk-OBLA3L5I.mjs +1 -0
- package/dist/chunk-Q6MNSM2Z.js +1 -0
- package/dist/chunk-QA6KD5QS.mjs +1 -0
- package/dist/chunk-R3WJDFEH.mjs +1 -0
- package/dist/chunk-T4ZYDTHM.js +1 -0
- package/dist/chunk-U25JGUU3.mjs +1 -0
- package/dist/chunk-VU73JURM.mjs +1 -0
- package/dist/chunk-YKIYDLSM.js +1 -0
- package/dist/chunk-ZM6O7RSQ.js +1 -0
- package/dist/chunk-ZNAJDFMD.mjs +1 -0
- package/dist/index.d.mts +17 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/dist/input-CCxcCU7G.d.ts +69 -0
- package/dist/input-DG-nGssY.d.mts +69 -0
- package/dist/input-clear-button.d.mts +10 -0
- package/dist/input-clear-button.d.ts +10 -0
- package/dist/input-clear-button.js +1 -0
- package/dist/input-clear-button.mjs +1 -0
- package/dist/input-config.d.mts +31 -0
- package/dist/input-config.d.ts +31 -0
- package/dist/input-config.js +1 -0
- package/dist/input-config.mjs +1 -0
- package/dist/input-content-wrapper.d.mts +10 -0
- package/dist/input-content-wrapper.d.ts +10 -0
- package/dist/input-content-wrapper.js +1 -0
- package/dist/input-content-wrapper.mjs +1 -0
- package/dist/input-content.d.mts +10 -0
- package/dist/input-content.d.ts +10 -0
- package/dist/input-content.js +1 -0
- package/dist/input-content.mjs +1 -0
- package/dist/input-context.d.mts +24 -0
- package/dist/input-context.d.ts +24 -0
- package/dist/input-context.js +1 -0
- package/dist/input-context.mjs +1 -0
- package/dist/input-end-content.d.mts +10 -0
- package/dist/input-end-content.d.ts +10 -0
- package/dist/input-end-content.js +1 -0
- package/dist/input-end-content.mjs +1 -0
- package/dist/input-error-message.d.mts +10 -0
- package/dist/input-error-message.d.ts +10 -0
- package/dist/input-error-message.js +1 -0
- package/dist/input-error-message.mjs +1 -0
- package/dist/input-field.d.mts +10 -0
- package/dist/input-field.d.ts +10 -0
- package/dist/input-field.js +1 -0
- package/dist/input-field.mjs +1 -0
- package/dist/input-helper-text.d.mts +10 -0
- package/dist/input-helper-text.d.ts +10 -0
- package/dist/input-helper-text.js +1 -0
- package/dist/input-helper-text.mjs +1 -0
- package/dist/input-label.d.mts +10 -0
- package/dist/input-label.d.ts +10 -0
- package/dist/input-label.js +1 -0
- package/dist/input-label.mjs +1 -0
- package/dist/input-start-content.d.mts +10 -0
- package/dist/input-start-content.d.ts +10 -0
- package/dist/input-start-content.js +1 -0
- package/dist/input-start-content.mjs +1 -0
- package/dist/input-wrapper.d.mts +10 -0
- package/dist/input-wrapper.d.ts +10 -0
- package/dist/input-wrapper.js +1 -0
- package/dist/input-wrapper.mjs +1 -0
- package/dist/input.d.mts +15 -0
- package/dist/input.d.ts +15 -0
- package/dist/input.js +1 -0
- package/dist/input.mjs +1 -0
- package/dist/styles.d.mts +144 -0
- package/dist/styles.d.ts +144 -0
- package/dist/styles.js +1 -0
- package/dist/styles.mjs +1 -0
- package/dist/use-input.d.mts +15 -0
- package/dist/use-input.d.ts +15 -0
- package/dist/use-input.js +1 -0
- package/dist/use-input.mjs +1 -0
- package/package.json +48 -0
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# 🚀 **JamsrUI**
|
|
2
|
+
|
|
3
|
+
**A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## 📖 **Overview**
|
|
7
|
+
|
|
8
|
+
[JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
|
|
9
|
+
|
|
10
|
+
## 🚀 Getting Started
|
|
11
|
+
|
|
12
|
+
Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
|
|
13
|
+
|
|
14
|
+
## ✨ Features
|
|
15
|
+
|
|
16
|
+
- 🚀 **Production-Ready**: Optimized for modern React projects.
|
|
17
|
+
- 🎨 **Customizable**: Easily override styles and themes.
|
|
18
|
+
- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
|
|
19
|
+
- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
|
|
20
|
+
- 📦 **Lightweight**: Minimal dependencies for fast performance.
|
|
21
|
+
- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
|
|
22
|
+
|
|
23
|
+
## 🌱 Community
|
|
24
|
+
|
|
25
|
+
We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
|
|
26
|
+
|
|
27
|
+
### How to Engage
|
|
28
|
+
|
|
29
|
+
- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
|
|
30
|
+
- 🚀 **Request Features**: Share ideas for new components.
|
|
31
|
+
- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
|
|
32
|
+
|
|
33
|
+
## Contributing
|
|
34
|
+
|
|
35
|
+
We welcome contributions from developers of all skill levels!
|
|
36
|
+
|
|
37
|
+
## ⭐ Support the Project
|
|
38
|
+
|
|
39
|
+
If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
|
|
40
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var i=r=>{let{getStartContentProps:n,startContent:t}=_chunkLL6NY6FRjs.b.call(void 0, ),o=_hooks.useRenderElement.call(void 0, "div",{props:[n(r),{children:t}]});return t?o:null};exports.a = i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var u=t=>{let{getInputProps:r}=_chunkLL6NY6FRjs.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "input",{props:[r(t)]})};exports.a = u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var u=t=>{let{getHelperTextProps:p,helperText:e}=_chunkLL6NY6FRjs.b.call(void 0, ),n=_hooks.useRenderElement.call(void 0, "span",{props:[p(t),{children:e}]});return e?n:null};exports.a = u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[t,n]=_utils.createConfigContext.call(void 0, {displayName:"InputConfig"});exports.a = t; exports.b = n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkDYZSR7G3js = require('./chunk-DYZSR7G3.js');var _react = require('react');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var lt=F=>{let[D,i]=_utils.mapPropsVariants.call(void 0, F,_chunkDYZSR7G3js.b.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:g,ref:K,slotProps:e,...f}=D,[b="",u]=_hooks.useControlledState.call(void 0, {defaultProp:k,onChange:A,prop:j}),r=_chunkDYZSR7G3js.b.call(void 0, i),c=i.isInvalid,{isDisabled:l,ref:O}=_hooks.useIsDisabled.call(void 0, {isDisabled:U,isFormControl:!1}),{isFocused:M,ref:$}=_hooks.useFocus.call(void 0, {isDisabled:l}),{isFocusVisible:v,ref:q}=_hooks.useFocusVisible.call(void 0, {isDisabled:l}),{isHovered:T,ref:z}=_hooks.useHover.call(void 0, {isDisabled:l}),h=_hooks.useMergeRefs.call(void 0, [K,O,$,q,z]),rt=_react.useCallback.call(void 0, t=>{_optionalChain([g, 'optionalCall', _2 => _2(t)]),u("")},[g,u]),x=_react.useCallback.call(void 0, t=>{u(t.target.value)},[u]),E=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _3 => _3.root]),t),"data-component":_utils.dataAttrDev.call(void 0, "input"),"data-slot":_utils.dataAttrDev.call(void 0, "root"),"data-focused":M,"data-focus-visible":v,"data-hovered":T,"data-disabled":l,"aria-disabled":l,"data-invalid":c,className:r.root({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _4 => _4.root, 'optionalAccess', _5 => _5.className]),_optionalChain([a, 'optionalAccess', _6 => _6.root]),t.className)})}),[_optionalChain([a, 'optionalAccess', _7 => _7.root]),l,v,M,T,c,_optionalChain([e, 'optionalAccess', _8 => _8.root]),r]),W=_react.useCallback.call(void 0, t=>({...f,...t,ref:h,disabled:l,"data-slot":_utils.dataAttrDev.call(void 0, "input"),className:r.input({className:_utils.cn.call(void 0, _optionalChain([a, 'optionalAccess', _9 => _9.input]),t.className)}),value:b,onChange:x}),[_optionalChain([a, 'optionalAccess', _10 => _10.input]),f,x,h,l,r,b]),y=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _11 => _11.wrapper]),t),"data-slot":_utils.dataAttrDev.call(void 0, "inputWrapper"),className:r.wrapper({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _12 => _12.wrapper, 'optionalAccess', _13 => _13.className]),_optionalChain([a, 'optionalAccess', _14 => _14.wrapper]),t.className)})}),[_optionalChain([a, 'optionalAccess', _15 => _15.wrapper]),_optionalChain([e, 'optionalAccess', _16 => _16.wrapper]),r]),B=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _17 => _17.content]),t),"data-slot":_utils.dataAttrDev.call(void 0, "content"),className:r.content({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _18 => _18.content, 'optionalAccess', _19 => _19.className]),_optionalChain([a, 'optionalAccess', _20 => _20.content]),t.className)})}),[_optionalChain([a, 'optionalAccess', _21 => _21.content]),_optionalChain([e, 'optionalAccess', _22 => _22.content]),r]),R=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _23 => _23.contentWrapper]),t),"data-slot":_utils.dataAttrDev.call(void 0, "contentWrapper"),className:r.contentWrapper({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _24 => _24.contentWrapper, 'optionalAccess', _25 => _25.className]),_optionalChain([a, 'optionalAccess', _26 => _26.contentWrapper]),t.className)})}),[_optionalChain([a, 'optionalAccess', _27 => _27.contentWrapper]),_optionalChain([e, 'optionalAccess', _28 => _28.contentWrapper]),r]),H=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _29 => _29.startContent]),t),"data-slot":_utils.dataAttrDev.call(void 0, "startContent"),className:r.startContent({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _30 => _30.startContent, 'optionalAccess', _31 => _31.className]),_optionalChain([a, 'optionalAccess', _32 => _32.startContent]),t.className)})}),[_optionalChain([a, 'optionalAccess', _33 => _33.startContent]),_optionalChain([e, 'optionalAccess', _34 => _34.startContent]),r]),G=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _35 => _35.endContent]),t),"data-slot":_utils.dataAttrDev.call(void 0, "endContent"),className:r.endContent({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _36 => _36.endContent, 'optionalAccess', _37 => _37.className]),_optionalChain([a, 'optionalAccess', _38 => _38.endContent]),t.className)})}),[_optionalChain([a, 'optionalAccess', _39 => _39.endContent]),_optionalChain([e, 'optionalAccess', _40 => _40.endContent]),r]),V=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _41 => _41.helperText]),t),"data-slot":_utils.dataAttrDev.call(void 0, "helperText"),className:r.helperText({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _42 => _42.helperText, 'optionalAccess', _43 => _43.className]),_optionalChain([a, 'optionalAccess', _44 => _44.helperText]),t.className)})}),[_optionalChain([a, 'optionalAccess', _45 => _45.helperText]),_optionalChain([e, 'optionalAccess', _46 => _46.helperText]),r]),L=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _47 => _47.errorMessage]),t),"data-slot":_utils.dataAttrDev.call(void 0, "errorMessage"),className:r.errorMessage({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _48 => _48.errorMessage, 'optionalAccess', _49 => _49.className]),_optionalChain([a, 'optionalAccess', _50 => _50.errorMessage]),t.className)})}),[_optionalChain([a, 'optionalAccess', _51 => _51.errorMessage]),_optionalChain([e, 'optionalAccess', _52 => _52.errorMessage]),r]),w=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _53 => _53.clearButton]),t),"data-slot":_utils.dataAttrDev.call(void 0, "clearButton"),className:r.clearButton({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _54 => _54.clearButton, 'optionalAccess', _55 => _55.className]),_optionalChain([a, 'optionalAccess', _56 => _56.clearButton]),t.className)})}),[_optionalChain([a, 'optionalAccess', _57 => _57.clearButton]),_optionalChain([e, 'optionalAccess', _58 => _58.clearButton]),r]),S=_react.useCallback.call(void 0, t=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _59 => _59.label]),t),"data-slot":_utils.dataAttrDev.call(void 0, "label"),className:r.label({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _60 => _60.label, 'optionalAccess', _61 => _61.className]),_optionalChain([a, 'optionalAccess', _62 => _62.label]),t.className)})}),[_optionalChain([a, 'optionalAccess', _63 => _63.label]),_optionalChain([e, 'optionalAccess', _64 => _64.label]),r]);return _react.useMemo.call(void 0, ()=>({getRootProps:E,getClearButtonProps:w,getStartContentProps:H,getEndContentProps:G,getInputProps:W,getLabelProps:S,getHelperTextProps:V,getErrorMessageProps:L,label:C,helperText:I,errorMessage:N,isInvalid:c,getWrapperProps:y,getContentProps:B,getContentWrapperProps:R,startContent:d,endContent:P}),[E,w,H,G,W,S,V,L,C,I,N,c,y,B,R,d,P])};exports.a = lt;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as m}from"./chunk-R3WJDFEH.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 n,mapPropsVariants as et,mergeProps as p}from"@jamsrui/utils";var lt=F=>{let[D,i]=et(F,m.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:g,ref:K,slotProps:e,...f}=D,[b="",u]=Q({defaultProp:k,onChange:A,prop:j}),r=m(i),c=i.isInvalid,{isDisabled:l,ref:O}=_({isDisabled:U,isFormControl:!1}),{isFocused:M,ref:$}=X({isDisabled:l}),{isFocusVisible:v,ref:q}=Y({isDisabled:l}),{isHovered:T,ref:z}=Z({isDisabled:l}),h=tt([K,O,$,q,z]),rt=s(t=>{g?.(t),u("")},[g,u]),x=s(t=>{u(t.target.value)},[u]),E=s(t=>({...p(e?.root,t),"data-component":n("input"),"data-slot":n("root"),"data-focused":M,"data-focus-visible":v,"data-hovered":T,"data-disabled":l,"aria-disabled":l,"data-invalid":c,className:r.root({className:o(e?.root?.className,a?.root,t.className)})}),[a?.root,l,v,M,T,c,e?.root,r]),W=s(t=>({...f,...t,ref:h,disabled:l,"data-slot":n("input"),className:r.input({className:o(a?.input,t.className)}),value:b,onChange:x}),[a?.input,f,x,h,l,r,b]),y=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]),B=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]),R=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]),H=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]),G=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]),V=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]),L=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]),w=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]),S=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:E,getClearButtonProps:w,getStartContentProps:H,getEndContentProps:G,getInputProps:W,getLabelProps:S,getHelperTextProps:V,getErrorMessageProps:L,label:C,helperText:I,errorMessage:N,isInvalid:c,getWrapperProps:y,getContentProps:B,getContentWrapperProps:R,startContent:d,endContent:P}),[E,w,H,G,W,S,V,L,C,I,N,c,y,B,R,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
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var o="",a= exports.b =_utils.tv.call(void 0, {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:_utils.radiusVariant.call(void 0, "contentWrapper")},defaultVariants:{fullWidth:!1,isInvalid:!1,radius:"md",size:"md"}});exports.a = o; exports.b = a;
|
|
@@ -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 r}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var u=t=>{let{getHelperTextProps: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{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
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var m=e=>{let{getContentProps:n}=_chunkLL6NY6FRjs.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "div",{props:[n(e)]})};exports.a = m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var m=e=>{let{getWrapperProps:p}=_chunkLL6NY6FRjs.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "div",{props:[p(e)]})};exports.a = m;
|
|
@@ -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
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');var o=_react.createContext.call(void 0, null),r= exports.b =()=>{let t=_react.use.call(void 0, o);if(!t)throw new Error("useInputContext must be used within InputContextProvider");return t};exports.a = o; exports.b = r;
|
|
@@ -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
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var u=e=>{let{getEndContentProps:r,endContent:n}=_chunkLL6NY6FRjs.b.call(void 0, ),o=_hooks.useRenderElement.call(void 0, "div",{props:[r(e),{children:n}]});return n?o:null};exports.a = u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as s}from"./chunk-U25JGUU3.mjs";import{a as i}from"./chunk-FXUOCCFX.mjs";import{a as I}from"./chunk-CSQOTAPR.mjs";import{a as f}from"./chunk-LCBLRGH5.mjs";import{a as c}from"./chunk-QA6KD5QS.mjs";import{a}from"./chunk-AY5A6SEG.mjs";import{b as r}from"./chunk-ZNAJDFMD.mjs";import{a as e}from"./chunk-M46PIXLU.mjs";import{a as n}from"./chunk-VU73JURM.mjs";import{a as m}from"./chunk-JZ5MUM6R.mjs";import{a as u}from"./chunk-EAUBBKY5.mjs";import{a as p}from"./chunk-D4PQ7L52.mjs";import{useRenderElement as P}from"@jamsrui/hooks";import{mergeConfigProps as E}from"@jamsrui/utils";var w=C=>{let t=r(),d=E(t,t,C),o=a(d),{getRootProps:l}=o,x=React.createElement(React.Fragment,null,React.createElement(c,null,React.createElement(I,null),React.createElement(e,null,React.createElement(f,null),React.createElement(n,null,React.createElement(s,null)),React.createElement(m,null))),React.createElement(i,null),React.createElement(u,null)),g=P("div",{props:[l({}),{children:x}]});return React.createElement(p,{value:o},g)};export{w as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var u=s=>{let{getErrorMessageProps:o,errorMessage:r}=_chunkLL6NY6FRjs.b.call(void 0, ),t=_hooks.useRenderElement.call(void 0, "span",{props:[o(s),{children:r}]});return r?t:null};exports.a = u;
|
|
@@ -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{radiusVariant as t,tv as e}from"@jamsrui/utils";var 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{o as a,a as b};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var m=r=>{let{getContentWrapperProps:t}=_chunkLL6NY6FRjs.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "div",{props:[t(r)]})};exports.a = m;
|
|
@@ -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
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var a=t=>{let{getLabelProps:n,label:e}=_chunkLL6NY6FRjs.b.call(void 0, ),o=_hooks.useRenderElement.call(void 0, "label",{props:[n(t),{children:e}]});return e?o:null};exports.a = a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2HDC6MTMjs = require('./chunk-2HDC6MTM.js');var _chunk5HWW2MAKjs = require('./chunk-5HWW2MAK.js');var _chunkYKIYDLSMjs = require('./chunk-YKIYDLSM.js');var _chunk26BELP57js = require('./chunk-26BELP57.js');var _chunkKW3LN66Hjs = require('./chunk-KW3LN66H.js');var _chunkADQ4FRP4js = require('./chunk-ADQ4FRP4.js');var _chunk6XB7E66Njs = require('./chunk-6XB7E66N.js');var _chunkT4ZYDTHMjs = require('./chunk-T4ZYDTHM.js');var _chunkJZHG75FPjs = require('./chunk-JZHG75FP.js');var _chunkNCBIQHOFjs = require('./chunk-NCBIQHOF.js');var _chunkQ6MNSM2Zjs = require('./chunk-Q6MNSM2Z.js');var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var w=C=>{let t=_chunk6XB7E66Njs.b.call(void 0, ),d=_utils.mergeConfigProps.call(void 0, t,t,C),o=_chunkADQ4FRP4js.a.call(void 0, d),{getRootProps:l}=o,x=React.createElement(React.Fragment,null,React.createElement(_chunkKW3LN66Hjs.a,null,React.createElement(_chunkYKIYDLSMjs.a,null),React.createElement(_chunkT4ZYDTHMjs.a,null,React.createElement(_chunk26BELP57js.a,null),React.createElement(_chunkJZHG75FPjs.a,null,React.createElement(_chunk2HDC6MTMjs.a,null)),React.createElement(_chunkNCBIQHOFjs.a,null))),React.createElement(_chunk5HWW2MAKjs.a,null),React.createElement(_chunkQ6MNSM2Zjs.a,null)),g=_hooks.useRenderElement.call(void 0, "div",{props:[l({}),{children:x}]});return React.createElement(_chunkLL6NY6FRjs.a,{value:o},g)};exports.a = w;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createConfigContext as o}from"@jamsrui/utils";var[t,n]=o({displayName:"InputConfig"});export{t as a,n as b};
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { I as Input } from './input-DG-nGssY.mjs';
|
|
2
|
+
export { InputConfig, useInputConfig } from './input-config.mjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
import '@jamsrui/utils';
|
|
5
|
+
import './input-clear-button.mjs';
|
|
6
|
+
import './input-content.mjs';
|
|
7
|
+
import './input-content-wrapper.mjs';
|
|
8
|
+
import './input-end-content.mjs';
|
|
9
|
+
import './input-error-message.mjs';
|
|
10
|
+
import './input-field.mjs';
|
|
11
|
+
import './input-helper-text.mjs';
|
|
12
|
+
import './input-label.mjs';
|
|
13
|
+
import './input-start-content.mjs';
|
|
14
|
+
import './input-wrapper.mjs';
|
|
15
|
+
import './styles.mjs';
|
|
16
|
+
import 'tailwind-variants';
|
|
17
|
+
import '@jamsrui/core';
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { I as Input } from './input-CCxcCU7G.js';
|
|
2
|
+
export { InputConfig, useInputConfig } from './input-config.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import '@jamsrui/utils';
|
|
5
|
+
import './input-clear-button.js';
|
|
6
|
+
import './input-content.js';
|
|
7
|
+
import './input-content-wrapper.js';
|
|
8
|
+
import './input-end-content.js';
|
|
9
|
+
import './input-error-message.js';
|
|
10
|
+
import './input-field.js';
|
|
11
|
+
import './input-helper-text.js';
|
|
12
|
+
import './input-label.js';
|
|
13
|
+
import './input-start-content.js';
|
|
14
|
+
import './input-wrapper.js';
|
|
15
|
+
import './styles.js';
|
|
16
|
+
import 'tailwind-variants';
|
|
17
|
+
import '@jamsrui/core';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkZM6O7RSQjs = require('./chunk-ZM6O7RSQ.js');require('./chunk-2HDC6MTM.js');require('./chunk-5HWW2MAK.js');require('./chunk-YKIYDLSM.js');require('./chunk-26BELP57.js');require('./chunk-KW3LN66H.js');require('./chunk-ADQ4FRP4.js');require('./chunk-DYZSR7G3.js');var _chunk6XB7E66Njs = require('./chunk-6XB7E66N.js');require('./chunk-T4ZYDTHM.js');require('./chunk-JZHG75FP.js');require('./chunk-NCBIQHOF.js');require('./chunk-Q6MNSM2Z.js');require('./chunk-LL6NY6FR.js');exports.Input = _chunkZM6O7RSQjs.a; exports.InputConfig = _chunk6XB7E66Njs.a; exports.useInputConfig = _chunk6XB7E66Njs.b;
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{a as t}from"./chunk-OBLA3L5I.mjs";import"./chunk-U25JGUU3.mjs";import"./chunk-FXUOCCFX.mjs";import"./chunk-CSQOTAPR.mjs";import"./chunk-LCBLRGH5.mjs";import"./chunk-QA6KD5QS.mjs";import"./chunk-AY5A6SEG.mjs";import"./chunk-R3WJDFEH.mjs";import{a as n,b as o}from"./chunk-ZNAJDFMD.mjs";import"./chunk-M46PIXLU.mjs";import"./chunk-VU73JURM.mjs";import"./chunk-JZ5MUM6R.mjs";import"./chunk-EAUBBKY5.mjs";import"./chunk-D4PQ7L52.mjs";export{t as Input,n as InputConfig,o as useInputConfig};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
|
|
3
|
+
import { InputClearButton } from './input-clear-button.js';
|
|
4
|
+
import { InputContent } from './input-content.js';
|
|
5
|
+
import { InputContentWrapper } from './input-content-wrapper.js';
|
|
6
|
+
import { InputEndContent } from './input-end-content.js';
|
|
7
|
+
import { InputErrorMessage } from './input-error-message.js';
|
|
8
|
+
import { InputField } from './input-field.js';
|
|
9
|
+
import { InputHelperText } from './input-helper-text.js';
|
|
10
|
+
import { InputLabel } from './input-label.js';
|
|
11
|
+
import { InputStartContent } from './input-start-content.js';
|
|
12
|
+
import { InputWrapper } from './input-wrapper.js';
|
|
13
|
+
import { InputVariantProps, InputSlots } from './styles.js';
|
|
14
|
+
|
|
15
|
+
declare const useInput: (props: useInput.Props) => {
|
|
16
|
+
getRootProps: PropGetter<Input.Props>;
|
|
17
|
+
getClearButtonProps: PropGetter<InputClearButton.Props>;
|
|
18
|
+
getStartContentProps: PropGetter<InputStartContent.Props>;
|
|
19
|
+
getEndContentProps: PropGetter<InputEndContent.Props>;
|
|
20
|
+
getInputProps: PropGetter<InputField.Props>;
|
|
21
|
+
getLabelProps: PropGetter<InputLabel.Props>;
|
|
22
|
+
getHelperTextProps: PropGetter<InputHelperText.Props>;
|
|
23
|
+
getErrorMessageProps: PropGetter<InputErrorMessage.Props>;
|
|
24
|
+
label: string | undefined;
|
|
25
|
+
helperText: string | undefined;
|
|
26
|
+
errorMessage: string | undefined;
|
|
27
|
+
isInvalid: boolean | undefined;
|
|
28
|
+
getWrapperProps: PropGetter<InputWrapper.Props>;
|
|
29
|
+
getContentProps: PropGetter<InputContent.Props>;
|
|
30
|
+
getContentWrapperProps: PropGetter<InputContentWrapper.Props>;
|
|
31
|
+
startContent: react.ReactNode;
|
|
32
|
+
endContent: react.ReactNode;
|
|
33
|
+
};
|
|
34
|
+
declare namespace useInput {
|
|
35
|
+
interface Props extends UIProps<"input">, InputVariantProps {
|
|
36
|
+
startContent?: React.ReactNode;
|
|
37
|
+
endContent?: React.ReactNode;
|
|
38
|
+
classNames?: SlotsToClassNames<InputSlots>;
|
|
39
|
+
label?: string;
|
|
40
|
+
isClearable?: boolean;
|
|
41
|
+
helperText?: string;
|
|
42
|
+
errorMessage?: string;
|
|
43
|
+
isInvalid?: boolean;
|
|
44
|
+
value?: string;
|
|
45
|
+
defaultValue?: string;
|
|
46
|
+
onValueChange?: (value: string) => void;
|
|
47
|
+
onClearInput?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
48
|
+
slotProps?: {
|
|
49
|
+
root?: Omit<Input.Props, "classNames" | "slotProps">;
|
|
50
|
+
wrapper?: InputWrapper.Props;
|
|
51
|
+
content?: InputContent.Props;
|
|
52
|
+
contentWrapper?: InputContentWrapper.Props;
|
|
53
|
+
startContent?: InputStartContent.Props;
|
|
54
|
+
endContent?: InputEndContent.Props;
|
|
55
|
+
label?: InputLabel.Props;
|
|
56
|
+
helperText?: InputHelperText.Props;
|
|
57
|
+
errorMessage?: InputErrorMessage.Props;
|
|
58
|
+
clearButton?: InputClearButton.Props;
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
declare const Input: (props: Input.Props) => react.JSX.Element;
|
|
64
|
+
declare namespace Input {
|
|
65
|
+
interface Props extends useInput.Props {
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export { Input as I, useInput as u };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
|
|
3
|
+
import { InputClearButton } from './input-clear-button.mjs';
|
|
4
|
+
import { InputContent } from './input-content.mjs';
|
|
5
|
+
import { InputContentWrapper } from './input-content-wrapper.mjs';
|
|
6
|
+
import { InputEndContent } from './input-end-content.mjs';
|
|
7
|
+
import { InputErrorMessage } from './input-error-message.mjs';
|
|
8
|
+
import { InputField } from './input-field.mjs';
|
|
9
|
+
import { InputHelperText } from './input-helper-text.mjs';
|
|
10
|
+
import { InputLabel } from './input-label.mjs';
|
|
11
|
+
import { InputStartContent } from './input-start-content.mjs';
|
|
12
|
+
import { InputWrapper } from './input-wrapper.mjs';
|
|
13
|
+
import { InputVariantProps, InputSlots } from './styles.mjs';
|
|
14
|
+
|
|
15
|
+
declare const useInput: (props: useInput.Props) => {
|
|
16
|
+
getRootProps: PropGetter<Input.Props>;
|
|
17
|
+
getClearButtonProps: PropGetter<InputClearButton.Props>;
|
|
18
|
+
getStartContentProps: PropGetter<InputStartContent.Props>;
|
|
19
|
+
getEndContentProps: PropGetter<InputEndContent.Props>;
|
|
20
|
+
getInputProps: PropGetter<InputField.Props>;
|
|
21
|
+
getLabelProps: PropGetter<InputLabel.Props>;
|
|
22
|
+
getHelperTextProps: PropGetter<InputHelperText.Props>;
|
|
23
|
+
getErrorMessageProps: PropGetter<InputErrorMessage.Props>;
|
|
24
|
+
label: string | undefined;
|
|
25
|
+
helperText: string | undefined;
|
|
26
|
+
errorMessage: string | undefined;
|
|
27
|
+
isInvalid: boolean | undefined;
|
|
28
|
+
getWrapperProps: PropGetter<InputWrapper.Props>;
|
|
29
|
+
getContentProps: PropGetter<InputContent.Props>;
|
|
30
|
+
getContentWrapperProps: PropGetter<InputContentWrapper.Props>;
|
|
31
|
+
startContent: react.ReactNode;
|
|
32
|
+
endContent: react.ReactNode;
|
|
33
|
+
};
|
|
34
|
+
declare namespace useInput {
|
|
35
|
+
interface Props extends UIProps<"input">, InputVariantProps {
|
|
36
|
+
startContent?: React.ReactNode;
|
|
37
|
+
endContent?: React.ReactNode;
|
|
38
|
+
classNames?: SlotsToClassNames<InputSlots>;
|
|
39
|
+
label?: string;
|
|
40
|
+
isClearable?: boolean;
|
|
41
|
+
helperText?: string;
|
|
42
|
+
errorMessage?: string;
|
|
43
|
+
isInvalid?: boolean;
|
|
44
|
+
value?: string;
|
|
45
|
+
defaultValue?: string;
|
|
46
|
+
onValueChange?: (value: string) => void;
|
|
47
|
+
onClearInput?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
48
|
+
slotProps?: {
|
|
49
|
+
root?: Omit<Input.Props, "classNames" | "slotProps">;
|
|
50
|
+
wrapper?: InputWrapper.Props;
|
|
51
|
+
content?: InputContent.Props;
|
|
52
|
+
contentWrapper?: InputContentWrapper.Props;
|
|
53
|
+
startContent?: InputStartContent.Props;
|
|
54
|
+
endContent?: InputEndContent.Props;
|
|
55
|
+
label?: InputLabel.Props;
|
|
56
|
+
helperText?: InputHelperText.Props;
|
|
57
|
+
errorMessage?: InputErrorMessage.Props;
|
|
58
|
+
clearButton?: InputClearButton.Props;
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
declare const Input: (props: Input.Props) => react.JSX.Element;
|
|
64
|
+
declare namespace Input {
|
|
65
|
+
interface Props extends useInput.Props {
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export { Input as I, useInput as u };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const InputClearButton: (props: InputClearButton.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace InputClearButton {
|
|
6
|
+
interface Props extends UIProps<"button"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputClearButton };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const InputClearButton: (props: InputClearButton.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace InputClearButton {
|
|
6
|
+
interface Props extends UIProps<"button"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputClearButton };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');var _hooks = require('@jamsrui/hooks');var u=e=>{let{getClearButtonProps:r}=_chunkLL6NY6FRjs.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "button",{props:[r(e)]})};exports.InputClearButton = u;
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { I as Input } from './input-DG-nGssY.mjs';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import { GlobalConfigProps } from '@jamsrui/core';
|
|
4
|
+
import '@jamsrui/utils';
|
|
5
|
+
import './input-clear-button.mjs';
|
|
6
|
+
import './input-content.mjs';
|
|
7
|
+
import './input-content-wrapper.mjs';
|
|
8
|
+
import './input-end-content.mjs';
|
|
9
|
+
import './input-error-message.mjs';
|
|
10
|
+
import './input-field.mjs';
|
|
11
|
+
import './input-helper-text.mjs';
|
|
12
|
+
import './input-label.mjs';
|
|
13
|
+
import './input-start-content.mjs';
|
|
14
|
+
import './input-wrapper.mjs';
|
|
15
|
+
import './styles.mjs';
|
|
16
|
+
import 'tailwind-variants';
|
|
17
|
+
|
|
18
|
+
declare const useInputConfig: () => {
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
};
|
|
21
|
+
declare const InputConfig: (props: {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
} & {
|
|
24
|
+
merge?: boolean;
|
|
25
|
+
}) => react.JSX.Element;
|
|
26
|
+
declare namespace InputConfig {
|
|
27
|
+
interface Props extends Input.Props, GlobalConfigProps<Input.Props> {
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { InputConfig, useInputConfig };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { I as Input } from './input-CCxcCU7G.js';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import { GlobalConfigProps } from '@jamsrui/core';
|
|
4
|
+
import '@jamsrui/utils';
|
|
5
|
+
import './input-clear-button.js';
|
|
6
|
+
import './input-content.js';
|
|
7
|
+
import './input-content-wrapper.js';
|
|
8
|
+
import './input-end-content.js';
|
|
9
|
+
import './input-error-message.js';
|
|
10
|
+
import './input-field.js';
|
|
11
|
+
import './input-helper-text.js';
|
|
12
|
+
import './input-label.js';
|
|
13
|
+
import './input-start-content.js';
|
|
14
|
+
import './input-wrapper.js';
|
|
15
|
+
import './styles.js';
|
|
16
|
+
import 'tailwind-variants';
|
|
17
|
+
|
|
18
|
+
declare const useInputConfig: () => {
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
};
|
|
21
|
+
declare const InputConfig: (props: {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
} & {
|
|
24
|
+
merge?: boolean;
|
|
25
|
+
}) => react.JSX.Element;
|
|
26
|
+
declare namespace InputConfig {
|
|
27
|
+
interface Props extends Input.Props, GlobalConfigProps<Input.Props> {
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { InputConfig, useInputConfig };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6XB7E66Njs = require('./chunk-6XB7E66N.js');exports.InputConfig = _chunk6XB7E66Njs.a; exports.useInputConfig = _chunk6XB7E66Njs.b;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a,b}from"./chunk-ZNAJDFMD.mjs";export{a as InputConfig,b as useInputConfig};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const InputContentWrapper: (props: InputContentWrapper.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace InputContentWrapper {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputContentWrapper };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const InputContentWrapper: (props: InputContentWrapper.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace InputContentWrapper {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputContentWrapper };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkT4ZYDTHMjs = require('./chunk-T4ZYDTHM.js');require('./chunk-LL6NY6FR.js');exports.InputContentWrapper = _chunkT4ZYDTHMjs.a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"./chunk-M46PIXLU.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputContentWrapper};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const InputContent: (props: InputContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace InputContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputContent };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const InputContent: (props: InputContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
5
|
+
declare namespace InputContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputContent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJZHG75FPjs = require('./chunk-JZHG75FP.js');require('./chunk-LL6NY6FR.js');exports.InputContent = _chunkJZHG75FPjs.a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"./chunk-VU73JURM.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputContent};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { u as useInput } from './input-DG-nGssY.mjs';
|
|
3
|
+
import '@jamsrui/utils';
|
|
4
|
+
import './input-clear-button.mjs';
|
|
5
|
+
import './input-content.mjs';
|
|
6
|
+
import './input-content-wrapper.mjs';
|
|
7
|
+
import './input-end-content.mjs';
|
|
8
|
+
import './input-error-message.mjs';
|
|
9
|
+
import './input-field.mjs';
|
|
10
|
+
import './input-helper-text.mjs';
|
|
11
|
+
import './input-label.mjs';
|
|
12
|
+
import './input-start-content.mjs';
|
|
13
|
+
import './input-wrapper.mjs';
|
|
14
|
+
import './styles.mjs';
|
|
15
|
+
import 'tailwind-variants';
|
|
16
|
+
|
|
17
|
+
declare const useInputContext: () => InputContext.Props;
|
|
18
|
+
declare const InputContext: react.Context<InputContext.Props | null>;
|
|
19
|
+
declare namespace InputContext {
|
|
20
|
+
interface Props extends ReturnType<typeof useInput> {
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { InputContext, useInputContext };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { u as useInput } from './input-CCxcCU7G.js';
|
|
3
|
+
import '@jamsrui/utils';
|
|
4
|
+
import './input-clear-button.js';
|
|
5
|
+
import './input-content.js';
|
|
6
|
+
import './input-content-wrapper.js';
|
|
7
|
+
import './input-end-content.js';
|
|
8
|
+
import './input-error-message.js';
|
|
9
|
+
import './input-field.js';
|
|
10
|
+
import './input-helper-text.js';
|
|
11
|
+
import './input-label.js';
|
|
12
|
+
import './input-start-content.js';
|
|
13
|
+
import './input-wrapper.js';
|
|
14
|
+
import './styles.js';
|
|
15
|
+
import 'tailwind-variants';
|
|
16
|
+
|
|
17
|
+
declare const useInputContext: () => InputContext.Props;
|
|
18
|
+
declare const InputContext: react.Context<InputContext.Props | null>;
|
|
19
|
+
declare namespace InputContext {
|
|
20
|
+
interface Props extends ReturnType<typeof useInput> {
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { InputContext, useInputContext };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLL6NY6FRjs = require('./chunk-LL6NY6FR.js');exports.InputContext = _chunkLL6NY6FRjs.a; exports.useInputContext = _chunkLL6NY6FRjs.b;
|
|
@@ -0,0 +1 @@
|
|
|
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 InputEndContent: (props: InputEndContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
|
|
5
|
+
declare namespace InputEndContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputEndContent };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { UIProps } from '@jamsrui/utils';
|
|
3
|
+
|
|
4
|
+
declare const InputEndContent: (props: InputEndContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
|
|
5
|
+
declare namespace InputEndContent {
|
|
6
|
+
interface Props extends UIProps<"div"> {
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { InputEndContent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNCBIQHOFjs = require('./chunk-NCBIQHOF.js');require('./chunk-LL6NY6FR.js');exports.InputEndContent = _chunkNCBIQHOFjs.a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"./chunk-JZ5MUM6R.mjs";import"./chunk-D4PQ7L52.mjs";export{a as InputEndContent};
|