@sakura-ui/forms 0.2.0 → 0.2.1
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/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var ne={exports:{}},L={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var ke;function Cr(){if(ke)return
|
|
9
|
+
*/var ke;function Cr(){if(ke)return L;ke=1;var b=R,h=Symbol.for("react.element"),m=Symbol.for("react.fragment"),x=Object.prototype.hasOwnProperty,p=b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function i(o,a,y){var v,d={},j=null,w=null;y!==void 0&&(j=""+y),a.key!==void 0&&(j=""+a.key),a.ref!==void 0&&(w=a.ref);for(v in a)x.call(a,v)&&!c.hasOwnProperty(v)&&(d[v]=a[v]);if(o&&o.defaultProps)for(v in a=o.defaultProps,a)d[v]===void 0&&(d[v]=a[v]);return{$$typeof:h,type:o,key:j,ref:w,props:d,_owner:p.current}}return L.Fragment=m,L.jsx=i,L.jsxs=i,L}var V={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,20 +14,20 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var Ne;function Ir(){return Ne||(Ne=1,process.env.NODE_ENV!=="production"&&function(){var
|
|
18
|
-
`+H+e}}var X=!1,
|
|
17
|
+
*/var Ne;function Ir(){return Ne||(Ne=1,process.env.NODE_ENV!=="production"&&function(){var b=R,h=Symbol.for("react.element"),m=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),o=Symbol.for("react.context"),a=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),w=Symbol.for("react.offscreen"),k=Symbol.iterator,ze="@@iterator";function Ue(e){if(e===null||typeof e!="object")return null;var r=k&&e[k]||e[ze];return typeof r=="function"?r:null}var D=b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Be("error",e,t)}}function Be(e,r,t){{var n=D.ReactDebugCurrentFrame,f=n.getStackAddendum();f!==""&&(r+="%s",t=t.concat([f]));var g=t.map(function(u){return String(u)});g.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,g)}}var Ge=!1,Je=!1,Ke=!1,He=!1,Xe=!1,oe;oe=Symbol.for("react.module.reference");function Ze(e){return!!(typeof e=="string"||typeof e=="function"||e===x||e===c||Xe||e===p||e===y||e===v||He||e===w||Ge||Je||Ke||typeof e=="object"&&e!==null&&(e.$$typeof===j||e.$$typeof===d||e.$$typeof===i||e.$$typeof===o||e.$$typeof===a||e.$$typeof===oe||e.getModuleId!==void 0))}function Qe(e,r,t){var n=e.displayName;if(n)return n;var f=r.displayName||r.name||"";return f!==""?t+"("+f+")":t}function le(e){return e.displayName||"Context"}function N(e){if(e==null)return null;if(typeof e.tag=="number"&&T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case x:return"Fragment";case m:return"Portal";case c:return"Profiler";case p:return"StrictMode";case y:return"Suspense";case v:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case o:var r=e;return le(r)+".Consumer";case i:var t=e;return le(t._context)+".Provider";case a:return Qe(e,e.render,"ForwardRef");case d:var n=e.displayName||null;return n!==null?n:N(e.type)||"Memo";case j:{var f=e,g=f._payload,u=f._init;try{return N(u(g))}catch{return null}}}return null}var F=Object.assign,M=0,ue,ce,de,fe,pe,ve,be;function me(){}me.__reactDisabledLog=!0;function er(){{if(M===0){ue=console.log,ce=console.info,de=console.warn,fe=console.error,pe=console.group,ve=console.groupCollapsed,be=console.groupEnd;var e={configurable:!0,enumerable:!0,value:me,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}M++}}function rr(){{if(M--,M===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:ue}),info:F({},e,{value:ce}),warn:F({},e,{value:de}),error:F({},e,{value:fe}),group:F({},e,{value:pe}),groupCollapsed:F({},e,{value:ve}),groupEnd:F({},e,{value:be})})}M<0&&T("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var K=D.ReactCurrentDispatcher,H;function z(e,r,t){{if(H===void 0)try{throw Error()}catch(f){var n=f.stack.trim().match(/\n( *(at )?)/);H=n&&n[1]||""}return`
|
|
18
|
+
`+H+e}}var X=!1,U;{var tr=typeof WeakMap=="function"?WeakMap:Map;U=new tr}function ge(e,r){if(!e||X)return"";{var t=U.get(e);if(t!==void 0)return t}var n;X=!0;var f=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var g;g=K.current,K.current=null,er();try{if(r){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(S){n=S}Reflect.construct(e,[],u)}else{try{u.call()}catch(S){n=S}e.call(u.prototype)}}else{try{throw Error()}catch(S){n=S}e()}}catch(S){if(S&&n&&typeof S.stack=="string"){for(var l=S.stack.split(`
|
|
19
19
|
`),I=n.stack.split(`
|
|
20
20
|
`),E=l.length-1,_=I.length-1;E>=1&&_>=0&&l[E]!==I[_];)_--;for(;E>=1&&_>=0;E--,_--)if(l[E]!==I[_]){if(E!==1||_!==1)do if(E--,_--,_<0||l[E]!==I[_]){var P=`
|
|
21
|
-
`+l[E].replace(" at new "," at ");return e.displayName&&P.includes("<anonymous>")&&(P=P.replace("<anonymous>",e.displayName)),typeof e=="function"&&
|
|
21
|
+
`+l[E].replace(" at new "," at ");return e.displayName&&P.includes("<anonymous>")&&(P=P.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,P),P}while(E>=1&&_>=0);break}}}finally{X=!1,K.current=g,rr(),Error.prepareStackTrace=f}var $=e?e.displayName||e.name:"",q=$?z($):"";return typeof e=="function"&&U.set(e,q),q}function ar(e,r,t){return ge(e,!1)}function nr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function B(e,r,t){if(e==null)return"";if(typeof e=="function")return ge(e,nr(e));if(typeof e=="string")return z(e);switch(e){case y:return z("Suspense");case v:return z("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case a:return ar(e.render);case d:return B(e.type,r,t);case j:{var n=e,f=n._payload,g=n._init;try{return B(g(f),r,t)}catch{}}}return""}var W=Object.prototype.hasOwnProperty,he={},xe=D.ReactDebugCurrentFrame;function G(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);xe.setExtraStackFrame(t)}else xe.setExtraStackFrame(null)}function sr(e,r,t,n,f){{var g=Function.call.bind(W);for(var u in e)if(g(e,u)){var l=void 0;try{if(typeof e[u]!="function"){var I=Error((n||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw I.name="Invariant Violation",I}l=e[u](r,u,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){l=E}l&&!(l instanceof Error)&&(G(f),T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,u,typeof l),G(null)),l instanceof Error&&!(l.message in he)&&(he[l.message]=!0,G(f),T("Failed %s type: %s",t,l.message),G(null))}}}var ir=Array.isArray;function Z(e){return ir(e)}function or(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function lr(e){try{return ye(e),!1}catch{return!0}}function ye(e){return""+e}function Re(e){if(lr(e))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",or(e)),ye(e)}var Y=D.ReactCurrentOwner,ur={key:!0,ref:!0,__self:!0,__source:!0},Ee,_e,Q;Q={};function cr(e){if(W.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function dr(e){if(W.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function fr(e,r){if(typeof e.ref=="string"&&Y.current&&r&&Y.current.stateNode!==r){var t=N(Y.current.type);Q[t]||(T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',N(Y.current.type),e.ref),Q[t]=!0)}}function pr(e,r){{var t=function(){Ee||(Ee=!0,T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function vr(e,r){{var t=function(){_e||(_e=!0,T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var br=function(e,r,t,n,f,g,u){var l={$$typeof:h,type:e,key:r,ref:t,props:u,_owner:g};return l._store={},Object.defineProperty(l._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(l,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(l,"_source",{configurable:!1,enumerable:!1,writable:!1,value:f}),Object.freeze&&(Object.freeze(l.props),Object.freeze(l)),l};function mr(e,r,t,n,f){{var g,u={},l=null,I=null;t!==void 0&&(Re(t),l=""+t),dr(r)&&(Re(r.key),l=""+r.key),cr(r)&&(I=r.ref,fr(r,f));for(g in r)W.call(r,g)&&!ur.hasOwnProperty(g)&&(u[g]=r[g]);if(e&&e.defaultProps){var E=e.defaultProps;for(g in E)u[g]===void 0&&(u[g]=E[g])}if(l||I){var _=typeof e=="function"?e.displayName||e.name||"Unknown":e;l&&pr(u,_),I&&vr(u,_)}return br(e,l,I,f,n,Y.current,u)}}var ee=D.ReactCurrentOwner,je=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);je.setExtraStackFrame(t)}else je.setExtraStackFrame(null)}var re;re=!1;function te(e){return typeof e=="object"&&e!==null&&e.$$typeof===h}function we(){{if(ee.current){var e=N(ee.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function gr(e){return""}var Te={};function hr(e){{var r=we();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+t+">.")}return r}}function Ce(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=
|
|
25
|
+
Check the top-level render call using <`+t+">.")}return r}}function Ce(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=hr(r);if(Te[t])return;Te[t]=!0;var n="";e&&e._owner&&e._owner!==ee.current&&(n=" It was passed a child from "+N(e._owner.type)+"."),A(e),T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),A(null)}}function Ie(e,r){{if(typeof e!="object")return;if(Z(e))for(var t=0;t<e.length;t++){var n=e[t];te(n)&&Ce(n,r)}else if(te(e))e._store&&(e._store.validated=!0);else if(e){var f=Ue(e);if(typeof f=="function"&&f!==e.entries)for(var g=f.call(e),u;!(u=g.next()).done;)te(u.value)&&Ce(u.value,r)}}}function xr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===a||r.$$typeof===d))t=r.propTypes;else return;if(t){var n=N(r);sr(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!re){re=!0;var f=N(r);T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",f||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function yr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){A(e),T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),A(null);break}}e.ref!==null&&(A(e),T("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var Se={};function Pe(e,r,t,n,f,g){{var u=Ze(e);if(!u){var l="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(l+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var I=gr();I?l+=I:l+=we();var E;e===null?E="null":Z(e)?E="array":e!==void 0&&e.$$typeof===h?(E="<"+(N(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,l)}var _=mr(e,r,t,f,g);if(_==null)return _;if(u){var P=r.children;if(P!==void 0)if(n)if(Z(P)){for(var $=0;$<P.length;$++)Ie(P[$],e);Object.freeze&&Object.freeze(P)}else T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ie(P,e)}if(W.call(r,"key")){var q=N(e),S=Object.keys(r).filter(function(Tr){return Tr!=="key"}),ae=S.length>0?"{key: someKey, "+S.join(": ..., ")+": ...}":"{key: someKey}";if(!Se[q+ae]){var wr=S.length>0?"{"+S.join(": ..., ")+": ...}":"{}";T(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,ae,q,wr,q),Se[q+ae]=!0}}return e===x?yr(_):xr(_),_}}function Rr(e,r,t){return Pe(e,r,t,!0)}function Er(e,r,t){return Pe(e,r,t,!1)}var _r=Er,jr=Rr;V.Fragment=x,V.jsx=_r,V.jsxs=jr}()),V}process.env.NODE_ENV==="production"?ne.exports=Cr():ne.exports=Ir();var s=ne.exports;const C=(...
|
|
30
|
+
<%s key={someKey} {...props} />`,ae,q,wr,q),Se[q+ae]=!0}}return e===x?yr(_):xr(_),_}}function Rr(e,r,t){return Pe(e,r,t,!0)}function Er(e,r,t){return Pe(e,r,t,!1)}var _r=Er,jr=Rr;V.Fragment=x,V.jsx=_r,V.jsxs=jr}()),V}process.env.NODE_ENV==="production"?ne.exports=Cr():ne.exports=Ir();var s=ne.exports;const C=(...b)=>b.filter(Boolean).join(" "),O=R.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),Oe=`
|
|
31
31
|
bg-white
|
|
32
32
|
border
|
|
33
33
|
border-solid
|
|
@@ -78,10 +78,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
78
78
|
py-2
|
|
79
79
|
text-label
|
|
80
80
|
leading-snug
|
|
81
|
-
`},Ae={lg:"w-[22px] h-[22px] mr-2",md:"w-[18px] h-[18px] mr-1.5",sm:"w-[18px] h-[18px] mr-1"},se=
|
|
81
|
+
`},Ae={lg:"w-[22px] h-[22px] mr-2",md:"w-[18px] h-[18px] mr-1.5",sm:"w-[18px] h-[18px] mr-1"},se=R.forwardRef((b,h)=>{const{id:m,className:x,size:p="lg",children:c,...i}=b,o=m||R.useId(),a=R.useContext(O);a.isRequired&&(i.required=!0),a.groupName&&(i.name=a.groupName);const y={lg:22/24,md:18/24,sm:18/24};return s.jsx("label",{htmlFor:o,className:C(qe,De[p],x),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:o,className:`
|
|
82
82
|
peer
|
|
83
83
|
sr-only
|
|
84
|
-
`,type:"checkbox","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,"aria-required":a.isRequired??!1,...i,ref:
|
|
84
|
+
`,type:"checkbox","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,"aria-required":a.isRequired??!1,...i,ref:h}),s.jsx("span",{className:C(`
|
|
85
85
|
bg-clip-content
|
|
86
86
|
rounded
|
|
87
87
|
border
|
|
@@ -95,10 +95,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
95
95
|
peer-focus-visible:ring-2
|
|
96
96
|
peer-focus-visible:ring-offset-2
|
|
97
97
|
peer-focus-visible:ring-wood-500
|
|
98
|
-
`,Ae[
|
|
98
|
+
`,Ae[p]),children:s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,width:"24",height:"24",viewBox:"0 0 24 24",children:[s.jsx("title",{children:"check"}),s.jsx("g",{transform:`scale(${y[p]} ${y[p]})`,children:s.jsx("path",{d:"m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z"})})]})}),s.jsx("span",{className:"peer-disabled:text-sumi-500",children:c})]})})});se.displayName="Checkbox";const ie=R.forwardRef((b,h)=>{const{id:m,className:x,size:p="lg",children:c,...i}=b,o=m||R.useId(),a=R.useContext(O);a.isRequired&&(i.required=!0),a.groupName&&(i.name=a.groupName);const y=`
|
|
99
99
|
peer
|
|
100
100
|
sr-only
|
|
101
|
-
`,
|
|
101
|
+
`,v=`
|
|
102
102
|
bg-clip-content
|
|
103
103
|
rounded-full
|
|
104
104
|
border
|
|
@@ -110,12 +110,12 @@ React keys must be passed directly to JSX without using spread:
|
|
|
110
110
|
peer-focus-visible:ring-2
|
|
111
111
|
peer-focus-visible:ring-offset-2
|
|
112
112
|
peer-focus-visible:ring-wood-500
|
|
113
|
-
`,d={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return s.jsx("label",{htmlFor:o,className:C(qe,De[
|
|
113
|
+
`,d={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return s.jsx("label",{htmlFor:o,className:C(qe,De[p],x),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:o,className:y,type:"radio","aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,"aria-required":a.isRequired??!1,...i,ref:h}),s.jsx("span",{"aria-hidden":!0,className:C(v,d[p],Ae[p])}),s.jsx("span",{className:"peer-disabled:text-sumi-500",children:c})]})})});ie.displayName="Radio";const Sr=R.forwardRef((b,h)=>{const{id:m,className:x,size:p="lg",children:c,...i}=b,o=R.useContext(O);return o.isRequired&&(i.required=!0),s.jsxs("div",{className:"inline-block relative",children:[s.jsx("select",{id:m||o.id,className:C(`
|
|
114
114
|
!pr-8
|
|
115
115
|
peer
|
|
116
116
|
cursor-pointer
|
|
117
117
|
appearance-none
|
|
118
|
-
`,Oe,Fe[
|
|
118
|
+
`,Oe,Fe[p],b.className),"aria-describedby":o.helperTextId,"aria-errormessage":o.errorMessageId,"aria-invalid":o.isInvalid??!1,"aria-required":o.isRequired??!1,...i,ref:h,children:c}),s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:`
|
|
119
119
|
pointer-events-none
|
|
120
120
|
absolute
|
|
121
121
|
right-4
|
|
@@ -123,7 +123,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
123
123
|
-translate-y-1/2
|
|
124
124
|
text-sumi-900
|
|
125
125
|
peer-disabled:text-sumi-500
|
|
126
|
-
`,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[s.jsx("title",{children:"arrow down"}),s.jsx("path",{d:"M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z",fill:"currentColor"})]})]})}),$e=
|
|
126
|
+
`,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[s.jsx("title",{children:"arrow down"}),s.jsx("path",{d:"M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z",fill:"currentColor"})]})]})}),$e=R.forwardRef((b,h)=>{const{id:m,className:x,size:p="lg",...c}=b,i=R.useContext(O);i.isRequired&&(c.required=!0);const o=`
|
|
127
127
|
file:mr-2
|
|
128
128
|
file:inline-block
|
|
129
129
|
file:text-button
|
|
@@ -134,26 +134,21 @@ React keys must be passed directly to JSX without using spread:
|
|
|
134
134
|
file:whitespace-nowrap
|
|
135
135
|
file:border
|
|
136
136
|
file:border-solid
|
|
137
|
-
file:border-
|
|
138
|
-
file:
|
|
139
|
-
file:
|
|
137
|
+
file:border-blue-900
|
|
138
|
+
file:hover:border-blue-1000
|
|
139
|
+
file:active:border-blue-1200
|
|
140
140
|
file:disabled:border-sumi-500
|
|
141
141
|
file:disabled:cursor-not-allowed
|
|
142
|
-
|
|
143
|
-
file:text-sea-
|
|
144
|
-
file:
|
|
145
|
-
file:active:bg-sea-200
|
|
146
|
-
file:hover:bg-sea-100
|
|
142
|
+
`,a=`
|
|
143
|
+
file:text-sea-900
|
|
144
|
+
file:hover:text-sea-1000
|
|
147
145
|
file:active:text-sea-1200
|
|
148
|
-
file:
|
|
146
|
+
file:bg-transparent
|
|
147
|
+
file:hover:bg-sea-200
|
|
148
|
+
file:active:bg-sea-300
|
|
149
149
|
file:disabled:text-sumi-500
|
|
150
150
|
file:disabled:bg-transparent
|
|
151
|
-
|
|
152
|
-
file:p-4
|
|
153
|
-
file:text-button
|
|
154
|
-
file:rounded-lg
|
|
155
|
-
file:leading-snug
|
|
156
|
-
`,`
|
|
151
|
+
`,y=`
|
|
157
152
|
text-label
|
|
158
153
|
text-sumi-900
|
|
159
154
|
rounded-lg
|
|
@@ -162,7 +157,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
162
157
|
focus:outline-2
|
|
163
158
|
focus:outline-wood-600
|
|
164
159
|
aria-invalid:text-sun-800
|
|
165
|
-
`,
|
|
160
|
+
`,v={lg:`
|
|
161
|
+
file:p-4
|
|
162
|
+
file:text-button
|
|
163
|
+
file:rounded-lg
|
|
164
|
+
file:leading-snug
|
|
165
|
+
`,md:`
|
|
166
|
+
file:px-4
|
|
167
|
+
file:py-3
|
|
168
|
+
file:text-button
|
|
169
|
+
file:rounded-lg
|
|
170
|
+
file:leading-snug
|
|
171
|
+
`,sm:`
|
|
172
|
+
file:px-3
|
|
173
|
+
file:py-2
|
|
174
|
+
file:text-button
|
|
175
|
+
file:rounded-md
|
|
176
|
+
file:leading-snug
|
|
177
|
+
`};return s.jsx("input",{type:"file",id:m||i.id,className:C(o,a,v[p],y,x),"aria-describedby":i.helperTextId,"aria-errormessage":i.errorMessageId,"aria-invalid":i.isInvalid??!1,"aria-required":i.isRequired??!1,ref:h,...c})});$e.displayName="FileInput";const Me=R.forwardRef((b,h)=>{const{id:m,className:x,size:p="lg",...c}=b,i=R.useContext(O);return i.isRequired&&(c.required=!0),s.jsx("input",{type:"text",id:m||i.id,className:C(Oe,Fe[p],x),"aria-describedby":i.helperTextId,"aria-errormessage":i.errorMessageId,"aria-invalid":i.isInvalid??!1,"aria-required":i.isRequired??!1,ref:h,...c})});Me.displayName="Input";const We=R.forwardRef((b,h)=>{const{id:m,className:x,children:p,onChange:c,maxLength:i,...o}=b,[a,y]=R.useState(0),v=k=>{c&&c(k),y(k.target.value.length)},d=R.useContext(O);d.isRequired&&(o.required=!0);const j=a>(i||0)?"text-sun-800":"text-sumi-700";return s.jsxs(s.Fragment,{children:[s.jsx("textarea",{id:m||d.id,className:C(`
|
|
166
178
|
p-4
|
|
167
179
|
text-label
|
|
168
180
|
rounded-lg
|
|
@@ -177,8 +189,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
177
189
|
disabled:text-sumi-500
|
|
178
190
|
disabled:border-sumi-500
|
|
179
191
|
aria-invalid:border-sun-800
|
|
180
|
-
`,x),"aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,onChange:
|
|
192
|
+
`,x),"aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,onChange:v,...o,ref:h,children:p}),i?s.jsxs("p",{className:"text-label text-sumi-700",children:[s.jsx("span",{className:j,children:a}),"/",s.jsx("span",{children:i})]}):""]})});We.displayName="Textarea";const Ye=R.forwardRef((b,h)=>{const m=R.useId(),{labelText:x,className:p,helperText:c,errorMessage:i,isInvalid:o,isRequired:a,children:y,...v}=b,d={id:b.htmlFor??`input-${m}`,helperTextId:`helper-text-${m}`,errorMessageId:`error-message-${m}`,isInvalid:o??!1,isRequired:a??!1};return s.jsx(O.Provider,{value:d,children:s.jsxs("div",{className:C("mb-4",p),children:[s.jsxs("label",{className:C("block mb-2 text-label",o&&"text-sun-800"),htmlFor:d.id,ref:h,...v,children:[x,a&&s.jsx("span",{className:"text-label text-sun-800",children:" *"})]}),c&&s.jsx("p",{id:d.helperTextId,className:C(`
|
|
181
193
|
text-label text-sumi-700
|
|
182
|
-
`,"mb-2"),children:
|
|
194
|
+
`,"mb-2"),children:c}),y,o&&s.jsx("p",{id:d.errorMessageId,className:C(`
|
|
183
195
|
text-label text-sun-800
|
|
184
|
-
`,
|
|
196
|
+
`,c?"mt-1":"mt-2"),children:i})]})})});Ye.displayName="LabelControl";const J=R.forwardRef((b,h)=>{const m=R.useId(),{labelText:x,className:p,helperText:c,errorMessage:i,isInvalid:o,isRequired:a,direction:y,children:v,...d}=b,w={groupName:d.name??`group-${m}`,helperTextId:`helper-text-${m}`,errorMessageId:`error-message-${m}`,isInvalid:o??!1,isRequired:a??!1},k=y??"flex-col";return s.jsx(O.Provider,{value:w,children:s.jsxs("fieldset",{className:C("mb-4",p),ref:h,...d,children:[s.jsx("legend",{children:s.jsxs("p",{className:C("block mb-2 text-label",o&&"text-sun-800"),children:[x,a&&s.jsx("span",{className:"text-sun-800",children:" *"})]})}),s.jsx("div",{className:C("inline-flex",k),children:v}),c&&s.jsx("p",{id:w.helperTextId,className:"text-sup text-sumi-700 mt-2",children:c}),o&&s.jsx("p",{id:w.errorMessageId,className:C("text-label text-sun-800",c?"mt-1":"mt-2"),children:i})]})})});J.displayName="FieldsetControl";const Le=R.forwardRef((b,h)=>{const{items:m,onChange:x,className:p,labelText:c,helperText:i,errorMessage:o,isInvalid:a,isRequired:y,size:v,...d}=b;return s.jsx(J,{className:p,labelText:c,helperText:i,errorMessage:o,isInvalid:a,isRequired:y,ref:h,...d,children:m.map(({label:j,value:w})=>s.jsx(se,{size:v,value:w,onChange:x,children:j},`${j}-${w}`))})});Le.displayName="CheckboxGroup";const Ve=R.forwardRef((b,h)=>{const{items:m,onChange:x,className:p,labelText:c,helperText:i,errorMessage:o,isInvalid:a,isRequired:y,defaultValue:v,size:d,...j}=b;return s.jsx(J,{className:p,labelText:c,helperText:i,errorMessage:o,isInvalid:a,isRequired:y,ref:h,...j,children:m.map(({label:w,value:k})=>s.jsx(ie,{size:d,value:k,onChange:x,defaultChecked:v===k,children:w},`${w}-${k}`))})});Ve.displayName="RadioGroup";exports.Checkbox=se;exports.CheckboxGroup=Le;exports.FieldsetControl=J;exports.FileInput=$e;exports.Input=Me;exports.LabelControl=Ye;exports.Radio=ie;exports.RadioGroup=Ve;exports.Select=Sr;exports.Textarea=We;
|
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
var ae = { exports: {} },
|
|
1
|
+
import R from "react";
|
|
2
|
+
var ae = { exports: {} }, L = {};
|
|
3
3
|
/**
|
|
4
4
|
* @license React
|
|
5
5
|
* react-jsx-runtime.production.min.js
|
|
@@ -12,20 +12,20 @@ var ae = { exports: {} }, Y = {};
|
|
|
12
12
|
var Se;
|
|
13
13
|
function Rr() {
|
|
14
14
|
if (Se)
|
|
15
|
-
return
|
|
15
|
+
return L;
|
|
16
16
|
Se = 1;
|
|
17
|
-
var
|
|
18
|
-
function i(o, a,
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
for (
|
|
22
|
-
x.call(a,
|
|
17
|
+
var b = R, h = Symbol.for("react.element"), m = Symbol.for("react.fragment"), x = Object.prototype.hasOwnProperty, p = b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
18
|
+
function i(o, a, y) {
|
|
19
|
+
var v, d = {}, j = null, w = null;
|
|
20
|
+
y !== void 0 && (j = "" + y), a.key !== void 0 && (j = "" + a.key), a.ref !== void 0 && (w = a.ref);
|
|
21
|
+
for (v in a)
|
|
22
|
+
x.call(a, v) && !c.hasOwnProperty(v) && (d[v] = a[v]);
|
|
23
23
|
if (o && o.defaultProps)
|
|
24
|
-
for (
|
|
25
|
-
d[
|
|
26
|
-
return { $$typeof:
|
|
24
|
+
for (v in a = o.defaultProps, a)
|
|
25
|
+
d[v] === void 0 && (d[v] = a[v]);
|
|
26
|
+
return { $$typeof: h, type: o, key: j, ref: w, props: d, _owner: p.current };
|
|
27
27
|
}
|
|
28
|
-
return
|
|
28
|
+
return L.Fragment = m, L.jsx = i, L.jsxs = i, L;
|
|
29
29
|
}
|
|
30
30
|
var V = {};
|
|
31
31
|
/**
|
|
@@ -40,14 +40,14 @@ var V = {};
|
|
|
40
40
|
var Pe;
|
|
41
41
|
function Er() {
|
|
42
42
|
return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
|
|
43
|
-
var
|
|
43
|
+
var b = R, h = Symbol.for("react.element"), m = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), k = Symbol.iterator, $e = "@@iterator";
|
|
44
44
|
function Me(e) {
|
|
45
45
|
if (e === null || typeof e != "object")
|
|
46
46
|
return null;
|
|
47
47
|
var r = k && e[k] || e[$e];
|
|
48
48
|
return typeof r == "function" ? r : null;
|
|
49
49
|
}
|
|
50
|
-
var D =
|
|
50
|
+
var D = b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
51
51
|
function T(e) {
|
|
52
52
|
{
|
|
53
53
|
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
|
|
@@ -57,18 +57,18 @@ function Er() {
|
|
|
57
57
|
}
|
|
58
58
|
function We(e, r, t) {
|
|
59
59
|
{
|
|
60
|
-
var n = D.ReactDebugCurrentFrame,
|
|
61
|
-
|
|
62
|
-
var
|
|
63
|
-
return String(
|
|
60
|
+
var n = D.ReactDebugCurrentFrame, f = n.getStackAddendum();
|
|
61
|
+
f !== "" && (r += "%s", t = t.concat([f]));
|
|
62
|
+
var g = t.map(function(u) {
|
|
63
|
+
return String(u);
|
|
64
64
|
});
|
|
65
|
-
|
|
65
|
+
g.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, g);
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
var
|
|
68
|
+
var Ye = !1, Le = !1, Ve = !1, ze = !1, Ue = !1, se;
|
|
69
69
|
se = Symbol.for("react.module.reference");
|
|
70
70
|
function Be(e) {
|
|
71
|
-
return !!(typeof e == "string" || typeof e == "function" || e === x || e ===
|
|
71
|
+
return !!(typeof e == "string" || typeof e == "function" || e === x || e === c || Ue || e === p || e === y || e === v || ze || e === w || Ye || Le || Ve || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === d || e.$$typeof === i || e.$$typeof === o || e.$$typeof === a || // This needs to include all possible module reference object
|
|
72
72
|
// types supported by any Flight configuration anywhere since
|
|
73
73
|
// we don't know which Flight build this will end up being used
|
|
74
74
|
// with.
|
|
@@ -78,8 +78,8 @@ function Er() {
|
|
|
78
78
|
var n = e.displayName;
|
|
79
79
|
if (n)
|
|
80
80
|
return n;
|
|
81
|
-
var
|
|
82
|
-
return
|
|
81
|
+
var f = r.displayName || r.name || "";
|
|
82
|
+
return f !== "" ? t + "(" + f + ")" : t;
|
|
83
83
|
}
|
|
84
84
|
function ie(e) {
|
|
85
85
|
return e.displayName || "Context";
|
|
@@ -94,15 +94,15 @@ function Er() {
|
|
|
94
94
|
switch (e) {
|
|
95
95
|
case x:
|
|
96
96
|
return "Fragment";
|
|
97
|
-
case
|
|
97
|
+
case m:
|
|
98
98
|
return "Portal";
|
|
99
|
-
case
|
|
99
|
+
case c:
|
|
100
100
|
return "Profiler";
|
|
101
|
-
case
|
|
101
|
+
case p:
|
|
102
102
|
return "StrictMode";
|
|
103
|
-
case
|
|
103
|
+
case y:
|
|
104
104
|
return "Suspense";
|
|
105
|
-
case
|
|
105
|
+
case v:
|
|
106
106
|
return "SuspenseList";
|
|
107
107
|
}
|
|
108
108
|
if (typeof e == "object")
|
|
@@ -119,9 +119,9 @@ function Er() {
|
|
|
119
119
|
var n = e.displayName || null;
|
|
120
120
|
return n !== null ? n : N(e.type) || "Memo";
|
|
121
121
|
case j: {
|
|
122
|
-
var
|
|
122
|
+
var f = e, g = f._payload, u = f._init;
|
|
123
123
|
try {
|
|
124
|
-
return N(
|
|
124
|
+
return N(u(g));
|
|
125
125
|
} catch {
|
|
126
126
|
return null;
|
|
127
127
|
}
|
|
@@ -192,61 +192,61 @@ function Er() {
|
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
194
|
var J = D.ReactCurrentDispatcher, K;
|
|
195
|
-
function
|
|
195
|
+
function z(e, r, t) {
|
|
196
196
|
{
|
|
197
197
|
if (K === void 0)
|
|
198
198
|
try {
|
|
199
199
|
throw Error();
|
|
200
|
-
} catch (
|
|
201
|
-
var n =
|
|
200
|
+
} catch (f) {
|
|
201
|
+
var n = f.stack.trim().match(/\n( *(at )?)/);
|
|
202
202
|
K = n && n[1] || "";
|
|
203
203
|
}
|
|
204
204
|
return `
|
|
205
205
|
` + K + e;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
|
-
var H = !1,
|
|
208
|
+
var H = !1, U;
|
|
209
209
|
{
|
|
210
210
|
var He = typeof WeakMap == "function" ? WeakMap : Map;
|
|
211
|
-
|
|
211
|
+
U = new He();
|
|
212
212
|
}
|
|
213
213
|
function be(e, r) {
|
|
214
214
|
if (!e || H)
|
|
215
215
|
return "";
|
|
216
216
|
{
|
|
217
|
-
var t =
|
|
217
|
+
var t = U.get(e);
|
|
218
218
|
if (t !== void 0)
|
|
219
219
|
return t;
|
|
220
220
|
}
|
|
221
221
|
var n;
|
|
222
222
|
H = !0;
|
|
223
|
-
var
|
|
223
|
+
var f = Error.prepareStackTrace;
|
|
224
224
|
Error.prepareStackTrace = void 0;
|
|
225
|
-
var
|
|
226
|
-
|
|
225
|
+
var g;
|
|
226
|
+
g = J.current, J.current = null, Je();
|
|
227
227
|
try {
|
|
228
228
|
if (r) {
|
|
229
|
-
var
|
|
229
|
+
var u = function() {
|
|
230
230
|
throw Error();
|
|
231
231
|
};
|
|
232
|
-
if (Object.defineProperty(
|
|
232
|
+
if (Object.defineProperty(u.prototype, "props", {
|
|
233
233
|
set: function() {
|
|
234
234
|
throw Error();
|
|
235
235
|
}
|
|
236
236
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
237
237
|
try {
|
|
238
|
-
Reflect.construct(
|
|
238
|
+
Reflect.construct(u, []);
|
|
239
239
|
} catch (S) {
|
|
240
240
|
n = S;
|
|
241
241
|
}
|
|
242
|
-
Reflect.construct(e, [],
|
|
242
|
+
Reflect.construct(e, [], u);
|
|
243
243
|
} else {
|
|
244
244
|
try {
|
|
245
|
-
|
|
245
|
+
u.call();
|
|
246
246
|
} catch (S) {
|
|
247
247
|
n = S;
|
|
248
248
|
}
|
|
249
|
-
e.call(
|
|
249
|
+
e.call(u.prototype);
|
|
250
250
|
}
|
|
251
251
|
} else {
|
|
252
252
|
try {
|
|
@@ -269,17 +269,17 @@ function Er() {
|
|
|
269
269
|
if (E--, _--, _ < 0 || l[E] !== I[_]) {
|
|
270
270
|
var P = `
|
|
271
271
|
` + l[E].replace(" at new ", " at ");
|
|
272
|
-
return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" &&
|
|
272
|
+
return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, P), P;
|
|
273
273
|
}
|
|
274
274
|
while (E >= 1 && _ >= 0);
|
|
275
275
|
break;
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
278
|
} finally {
|
|
279
|
-
H = !1, J.current =
|
|
279
|
+
H = !1, J.current = g, Ke(), Error.prepareStackTrace = f;
|
|
280
280
|
}
|
|
281
|
-
var $ = e ? e.displayName || e.name : "", q = $ ?
|
|
282
|
-
return typeof e == "function" &&
|
|
281
|
+
var $ = e ? e.displayName || e.name : "", q = $ ? z($) : "";
|
|
282
|
+
return typeof e == "function" && U.set(e, q), q;
|
|
283
283
|
}
|
|
284
284
|
function Xe(e, r, t) {
|
|
285
285
|
return be(e, !1);
|
|
@@ -294,12 +294,12 @@ function Er() {
|
|
|
294
294
|
if (typeof e == "function")
|
|
295
295
|
return be(e, Ze(e));
|
|
296
296
|
if (typeof e == "string")
|
|
297
|
-
return
|
|
297
|
+
return z(e);
|
|
298
298
|
switch (e) {
|
|
299
|
-
case
|
|
300
|
-
return
|
|
301
|
-
case
|
|
302
|
-
return
|
|
299
|
+
case y:
|
|
300
|
+
return z("Suspense");
|
|
301
|
+
case v:
|
|
302
|
+
return z("SuspenseList");
|
|
303
303
|
}
|
|
304
304
|
if (typeof e == "object")
|
|
305
305
|
switch (e.$$typeof) {
|
|
@@ -308,39 +308,39 @@ function Er() {
|
|
|
308
308
|
case d:
|
|
309
309
|
return B(e.type, r, t);
|
|
310
310
|
case j: {
|
|
311
|
-
var n = e,
|
|
311
|
+
var n = e, f = n._payload, g = n._init;
|
|
312
312
|
try {
|
|
313
|
-
return B(
|
|
313
|
+
return B(g(f), r, t);
|
|
314
314
|
} catch {
|
|
315
315
|
}
|
|
316
316
|
}
|
|
317
317
|
}
|
|
318
318
|
return "";
|
|
319
319
|
}
|
|
320
|
-
var W = Object.prototype.hasOwnProperty, me = {},
|
|
320
|
+
var W = Object.prototype.hasOwnProperty, me = {}, ge = D.ReactDebugCurrentFrame;
|
|
321
321
|
function G(e) {
|
|
322
322
|
if (e) {
|
|
323
323
|
var r = e._owner, t = B(e.type, e._source, r ? r.type : null);
|
|
324
|
-
|
|
324
|
+
ge.setExtraStackFrame(t);
|
|
325
325
|
} else
|
|
326
|
-
|
|
326
|
+
ge.setExtraStackFrame(null);
|
|
327
327
|
}
|
|
328
|
-
function Qe(e, r, t, n,
|
|
328
|
+
function Qe(e, r, t, n, f) {
|
|
329
329
|
{
|
|
330
|
-
var
|
|
331
|
-
for (var
|
|
332
|
-
if (
|
|
330
|
+
var g = Function.call.bind(W);
|
|
331
|
+
for (var u in e)
|
|
332
|
+
if (g(e, u)) {
|
|
333
333
|
var l = void 0;
|
|
334
334
|
try {
|
|
335
|
-
if (typeof e[
|
|
336
|
-
var I = Error((n || "React class") + ": " + t + " type `" +
|
|
335
|
+
if (typeof e[u] != "function") {
|
|
336
|
+
var I = Error((n || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
337
337
|
throw I.name = "Invariant Violation", I;
|
|
338
338
|
}
|
|
339
|
-
l = e[
|
|
339
|
+
l = e[u](r, u, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
340
340
|
} catch (E) {
|
|
341
341
|
l = E;
|
|
342
342
|
}
|
|
343
|
-
l && !(l instanceof Error) && (G(
|
|
343
|
+
l && !(l instanceof Error) && (G(f), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, u, typeof l), G(null)), l instanceof Error && !(l.message in me) && (me[l.message] = !0, G(f), T("Failed %s type: %s", t, l.message), G(null));
|
|
344
344
|
}
|
|
345
345
|
}
|
|
346
346
|
}
|
|
@@ -356,19 +356,19 @@ function Er() {
|
|
|
356
356
|
}
|
|
357
357
|
function tr(e) {
|
|
358
358
|
try {
|
|
359
|
-
return
|
|
359
|
+
return he(e), !1;
|
|
360
360
|
} catch {
|
|
361
361
|
return !0;
|
|
362
362
|
}
|
|
363
363
|
}
|
|
364
|
-
function
|
|
364
|
+
function he(e) {
|
|
365
365
|
return "" + e;
|
|
366
366
|
}
|
|
367
367
|
function xe(e) {
|
|
368
368
|
if (tr(e))
|
|
369
|
-
return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)),
|
|
369
|
+
return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), he(e);
|
|
370
370
|
}
|
|
371
|
-
var
|
|
371
|
+
var Y = D.ReactCurrentOwner, ar = {
|
|
372
372
|
key: !0,
|
|
373
373
|
ref: !0,
|
|
374
374
|
__self: !0,
|
|
@@ -392,9 +392,9 @@ function Er() {
|
|
|
392
392
|
return e.key !== void 0;
|
|
393
393
|
}
|
|
394
394
|
function ir(e, r) {
|
|
395
|
-
if (typeof e.ref == "string" &&
|
|
396
|
-
var t = N(
|
|
397
|
-
Z[t] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(
|
|
395
|
+
if (typeof e.ref == "string" && Y.current && r && Y.current.stateNode !== r) {
|
|
396
|
+
var t = N(Y.current.type);
|
|
397
|
+
Z[t] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(Y.current.type), e.ref), Z[t] = !0);
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
400
|
function or(e, r) {
|
|
@@ -419,17 +419,17 @@ function Er() {
|
|
|
419
419
|
});
|
|
420
420
|
}
|
|
421
421
|
}
|
|
422
|
-
var ur = function(e, r, t, n,
|
|
422
|
+
var ur = function(e, r, t, n, f, g, u) {
|
|
423
423
|
var l = {
|
|
424
424
|
// This tag allows us to uniquely identify this as a React Element
|
|
425
|
-
$$typeof:
|
|
425
|
+
$$typeof: h,
|
|
426
426
|
// Built-in properties that belong on the element
|
|
427
427
|
type: e,
|
|
428
428
|
key: r,
|
|
429
429
|
ref: t,
|
|
430
|
-
props:
|
|
430
|
+
props: u,
|
|
431
431
|
// Record the component responsible for creating this element.
|
|
432
|
-
_owner:
|
|
432
|
+
_owner: g
|
|
433
433
|
};
|
|
434
434
|
return l._store = {}, Object.defineProperty(l._store, "validated", {
|
|
435
435
|
configurable: !1,
|
|
@@ -445,25 +445,25 @@ function Er() {
|
|
|
445
445
|
configurable: !1,
|
|
446
446
|
enumerable: !1,
|
|
447
447
|
writable: !1,
|
|
448
|
-
value:
|
|
448
|
+
value: f
|
|
449
449
|
}), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
|
|
450
450
|
};
|
|
451
|
-
function cr(e, r, t, n,
|
|
451
|
+
function cr(e, r, t, n, f) {
|
|
452
452
|
{
|
|
453
|
-
var
|
|
454
|
-
t !== void 0 && (xe(t), l = "" + t), sr(r) && (xe(r.key), l = "" + r.key), nr(r) && (I = r.ref, ir(r,
|
|
455
|
-
for (
|
|
456
|
-
W.call(r,
|
|
453
|
+
var g, u = {}, l = null, I = null;
|
|
454
|
+
t !== void 0 && (xe(t), l = "" + t), sr(r) && (xe(r.key), l = "" + r.key), nr(r) && (I = r.ref, ir(r, f));
|
|
455
|
+
for (g in r)
|
|
456
|
+
W.call(r, g) && !ar.hasOwnProperty(g) && (u[g] = r[g]);
|
|
457
457
|
if (e && e.defaultProps) {
|
|
458
458
|
var E = e.defaultProps;
|
|
459
|
-
for (
|
|
460
|
-
|
|
459
|
+
for (g in E)
|
|
460
|
+
u[g] === void 0 && (u[g] = E[g]);
|
|
461
461
|
}
|
|
462
462
|
if (l || I) {
|
|
463
463
|
var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
464
|
-
l && or(
|
|
464
|
+
l && or(u, _), I && lr(u, _);
|
|
465
465
|
}
|
|
466
|
-
return ur(e, l, I,
|
|
466
|
+
return ur(e, l, I, f, n, Y.current, u);
|
|
467
467
|
}
|
|
468
468
|
}
|
|
469
469
|
var Q = D.ReactCurrentOwner, Ee = D.ReactDebugCurrentFrame;
|
|
@@ -477,7 +477,7 @@ function Er() {
|
|
|
477
477
|
var ee;
|
|
478
478
|
ee = !1;
|
|
479
479
|
function re(e) {
|
|
480
|
-
return typeof e == "object" && e !== null && e.$$typeof ===
|
|
480
|
+
return typeof e == "object" && e !== null && e.$$typeof === h;
|
|
481
481
|
}
|
|
482
482
|
function _e() {
|
|
483
483
|
{
|
|
@@ -532,10 +532,10 @@ Check the top-level render call using <` + t + ">.");
|
|
|
532
532
|
else if (re(e))
|
|
533
533
|
e._store && (e._store.validated = !0);
|
|
534
534
|
else if (e) {
|
|
535
|
-
var
|
|
536
|
-
if (typeof
|
|
537
|
-
for (var
|
|
538
|
-
re(
|
|
535
|
+
var f = Me(e);
|
|
536
|
+
if (typeof f == "function" && f !== e.entries)
|
|
537
|
+
for (var g = f.call(e), u; !(u = g.next()).done; )
|
|
538
|
+
re(u.value) && we(u.value, r);
|
|
539
539
|
}
|
|
540
540
|
}
|
|
541
541
|
}
|
|
@@ -558,8 +558,8 @@ Check the top-level render call using <` + t + ">.");
|
|
|
558
558
|
Qe(t, e.props, "prop", n, e);
|
|
559
559
|
} else if (r.PropTypes !== void 0 && !ee) {
|
|
560
560
|
ee = !0;
|
|
561
|
-
var
|
|
562
|
-
T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",
|
|
561
|
+
var f = N(r);
|
|
562
|
+
T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", f || "Unknown");
|
|
563
563
|
}
|
|
564
564
|
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
565
565
|
}
|
|
@@ -577,21 +577,21 @@ Check the top-level render call using <` + t + ">.");
|
|
|
577
577
|
}
|
|
578
578
|
}
|
|
579
579
|
var Ce = {};
|
|
580
|
-
function Ie(e, r, t, n,
|
|
580
|
+
function Ie(e, r, t, n, f, g) {
|
|
581
581
|
{
|
|
582
|
-
var
|
|
583
|
-
if (!
|
|
582
|
+
var u = Be(e);
|
|
583
|
+
if (!u) {
|
|
584
584
|
var l = "";
|
|
585
585
|
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
586
586
|
var I = dr();
|
|
587
587
|
I ? l += I : l += _e();
|
|
588
588
|
var E;
|
|
589
|
-
e === null ? E = "null" : X(e) ? E = "array" : e !== void 0 && e.$$typeof ===
|
|
589
|
+
e === null ? E = "null" : X(e) ? E = "array" : e !== void 0 && e.$$typeof === h ? (E = "<" + (N(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, l);
|
|
590
590
|
}
|
|
591
|
-
var _ = cr(e, r, t,
|
|
591
|
+
var _ = cr(e, r, t, f, g);
|
|
592
592
|
if (_ == null)
|
|
593
593
|
return _;
|
|
594
|
-
if (
|
|
594
|
+
if (u) {
|
|
595
595
|
var P = r.children;
|
|
596
596
|
if (P !== void 0)
|
|
597
597
|
if (n)
|
|
@@ -627,13 +627,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
627
627
|
function mr(e, r, t) {
|
|
628
628
|
return Ie(e, r, t, !1);
|
|
629
629
|
}
|
|
630
|
-
var
|
|
631
|
-
V.Fragment = x, V.jsx =
|
|
630
|
+
var gr = mr, hr = br;
|
|
631
|
+
V.Fragment = x, V.jsx = gr, V.jsxs = hr;
|
|
632
632
|
}()), V;
|
|
633
633
|
}
|
|
634
634
|
process.env.NODE_ENV === "production" ? ae.exports = Rr() : ae.exports = Er();
|
|
635
635
|
var s = ae.exports;
|
|
636
|
-
const C = (...
|
|
636
|
+
const C = (...b) => b.filter(Boolean).join(" "), O = R.createContext({
|
|
637
637
|
helperTextId: "",
|
|
638
638
|
errorMessageId: "",
|
|
639
639
|
isInvalid: !1,
|
|
@@ -707,11 +707,11 @@ const C = (...v) => v.filter(Boolean).join(" "), O = y.createContext({
|
|
|
707
707
|
lg: "w-[22px] h-[22px] mr-2",
|
|
708
708
|
md: "w-[18px] h-[18px] mr-1.5",
|
|
709
709
|
sm: "w-[18px] h-[18px] mr-1"
|
|
710
|
-
}, De =
|
|
711
|
-
(
|
|
712
|
-
const { id:
|
|
710
|
+
}, De = R.forwardRef(
|
|
711
|
+
(b, h) => {
|
|
712
|
+
const { id: m, className: x, size: p = "lg", children: c, ...i } = b, o = m || R.useId(), a = R.useContext(O);
|
|
713
713
|
a.isRequired && (i.required = !0), a.groupName && (i.name = a.groupName);
|
|
714
|
-
const
|
|
714
|
+
const y = {
|
|
715
715
|
lg: 22 / 24,
|
|
716
716
|
md: 18 / 24,
|
|
717
717
|
sm: 18 / 24
|
|
@@ -722,7 +722,7 @@ const C = (...v) => v.filter(Boolean).join(" "), O = y.createContext({
|
|
|
722
722
|
htmlFor: o,
|
|
723
723
|
className: C(
|
|
724
724
|
Oe,
|
|
725
|
-
Fe[
|
|
725
|
+
Fe[p],
|
|
726
726
|
x
|
|
727
727
|
),
|
|
728
728
|
children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
|
|
@@ -740,7 +740,7 @@ const C = (...v) => v.filter(Boolean).join(" "), O = y.createContext({
|
|
|
740
740
|
"aria-invalid": a.isInvalid ?? !1,
|
|
741
741
|
"aria-required": a.isRequired ?? !1,
|
|
742
742
|
...i,
|
|
743
|
-
ref:
|
|
743
|
+
ref: h
|
|
744
744
|
}
|
|
745
745
|
),
|
|
746
746
|
/* @__PURE__ */ s.jsx("span", { className: C(`
|
|
@@ -757,7 +757,7 @@ const C = (...v) => v.filter(Boolean).join(" "), O = y.createContext({
|
|
|
757
757
|
peer-focus-visible:ring-2
|
|
758
758
|
peer-focus-visible:ring-offset-2
|
|
759
759
|
peer-focus-visible:ring-wood-500
|
|
760
|
-
`, qe[
|
|
760
|
+
`, qe[p]), children: /* @__PURE__ */ s.jsxs(
|
|
761
761
|
"svg",
|
|
762
762
|
{
|
|
763
763
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -767,25 +767,25 @@ const C = (...v) => v.filter(Boolean).join(" "), O = y.createContext({
|
|
|
767
767
|
viewBox: "0 0 24 24",
|
|
768
768
|
children: [
|
|
769
769
|
/* @__PURE__ */ s.jsx("title", { children: "check" }),
|
|
770
|
-
/* @__PURE__ */ s.jsx("g", { transform: `scale(${
|
|
770
|
+
/* @__PURE__ */ s.jsx("g", { transform: `scale(${y[p]} ${y[p]})`, children: /* @__PURE__ */ s.jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) })
|
|
771
771
|
]
|
|
772
772
|
}
|
|
773
773
|
) }),
|
|
774
|
-
/* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-sumi-500", children:
|
|
774
|
+
/* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-sumi-500", children: c })
|
|
775
775
|
] })
|
|
776
776
|
}
|
|
777
777
|
);
|
|
778
778
|
}
|
|
779
779
|
);
|
|
780
780
|
De.displayName = "Checkbox";
|
|
781
|
-
const Ae =
|
|
782
|
-
(
|
|
783
|
-
const { id:
|
|
781
|
+
const Ae = R.forwardRef(
|
|
782
|
+
(b, h) => {
|
|
783
|
+
const { id: m, className: x, size: p = "lg", children: c, ...i } = b, o = m || R.useId(), a = R.useContext(O);
|
|
784
784
|
a.isRequired && (i.required = !0), a.groupName && (i.name = a.groupName);
|
|
785
|
-
const
|
|
785
|
+
const y = `
|
|
786
786
|
peer
|
|
787
787
|
sr-only
|
|
788
|
-
`,
|
|
788
|
+
`, v = `
|
|
789
789
|
bg-clip-content
|
|
790
790
|
rounded-full
|
|
791
791
|
border
|
|
@@ -808,7 +808,7 @@ const Ae = y.forwardRef(
|
|
|
808
808
|
htmlFor: o,
|
|
809
809
|
className: C(
|
|
810
810
|
Oe,
|
|
811
|
-
Fe[
|
|
811
|
+
Fe[p],
|
|
812
812
|
x
|
|
813
813
|
),
|
|
814
814
|
children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
|
|
@@ -816,38 +816,38 @@ const Ae = y.forwardRef(
|
|
|
816
816
|
"input",
|
|
817
817
|
{
|
|
818
818
|
id: o,
|
|
819
|
-
className:
|
|
819
|
+
className: y,
|
|
820
820
|
type: "radio",
|
|
821
821
|
"aria-describedby": a.helperTextId,
|
|
822
822
|
"aria-errormessage": a.errorMessageId,
|
|
823
823
|
"aria-invalid": a.isInvalid ?? !1,
|
|
824
824
|
"aria-required": a.isRequired ?? !1,
|
|
825
825
|
...i,
|
|
826
|
-
ref:
|
|
826
|
+
ref: h
|
|
827
827
|
}
|
|
828
828
|
),
|
|
829
829
|
/* @__PURE__ */ s.jsx(
|
|
830
830
|
"span",
|
|
831
831
|
{
|
|
832
832
|
"aria-hidden": !0,
|
|
833
|
-
className: C(
|
|
833
|
+
className: C(v, d[p], qe[p])
|
|
834
834
|
}
|
|
835
835
|
),
|
|
836
|
-
/* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-sumi-500", children:
|
|
836
|
+
/* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-sumi-500", children: c })
|
|
837
837
|
] })
|
|
838
838
|
}
|
|
839
839
|
);
|
|
840
840
|
}
|
|
841
841
|
);
|
|
842
842
|
Ae.displayName = "Radio";
|
|
843
|
-
const Pr =
|
|
844
|
-
(
|
|
845
|
-
const { id:
|
|
843
|
+
const Pr = R.forwardRef(
|
|
844
|
+
(b, h) => {
|
|
845
|
+
const { id: m, className: x, size: p = "lg", children: c, ...i } = b, o = R.useContext(O);
|
|
846
846
|
return o.isRequired && (i.required = !0), /* @__PURE__ */ s.jsxs("div", { className: "inline-block relative", children: [
|
|
847
847
|
/* @__PURE__ */ s.jsx(
|
|
848
848
|
"select",
|
|
849
849
|
{
|
|
850
|
-
id:
|
|
850
|
+
id: m || o.id,
|
|
851
851
|
className: C(
|
|
852
852
|
`
|
|
853
853
|
!pr-8
|
|
@@ -856,16 +856,16 @@ const Pr = y.forwardRef(
|
|
|
856
856
|
appearance-none
|
|
857
857
|
`,
|
|
858
858
|
ke,
|
|
859
|
-
Ne[
|
|
860
|
-
|
|
859
|
+
Ne[p],
|
|
860
|
+
b.className
|
|
861
861
|
),
|
|
862
862
|
"aria-describedby": o.helperTextId,
|
|
863
863
|
"aria-errormessage": o.errorMessageId,
|
|
864
864
|
"aria-invalid": o.isInvalid ?? !1,
|
|
865
865
|
"aria-required": o.isRequired ?? !1,
|
|
866
866
|
...i,
|
|
867
|
-
ref:
|
|
868
|
-
children:
|
|
867
|
+
ref: h,
|
|
868
|
+
children: c
|
|
869
869
|
}
|
|
870
870
|
),
|
|
871
871
|
/* @__PURE__ */ s.jsxs(
|
|
@@ -900,15 +900,11 @@ const Pr = y.forwardRef(
|
|
|
900
900
|
)
|
|
901
901
|
] });
|
|
902
902
|
}
|
|
903
|
-
), _r =
|
|
904
|
-
(
|
|
905
|
-
const { id:
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
{
|
|
909
|
-
type: "file",
|
|
910
|
-
id: b || u.id,
|
|
911
|
-
className: C(`
|
|
903
|
+
), _r = R.forwardRef(
|
|
904
|
+
(b, h) => {
|
|
905
|
+
const { id: m, className: x, size: p = "lg", ...c } = b, i = R.useContext(O);
|
|
906
|
+
i.isRequired && (c.required = !0);
|
|
907
|
+
const o = `
|
|
912
908
|
file:mr-2
|
|
913
909
|
file:inline-block
|
|
914
910
|
file:text-button
|
|
@@ -919,26 +915,21 @@ const Pr = y.forwardRef(
|
|
|
919
915
|
file:whitespace-nowrap
|
|
920
916
|
file:border
|
|
921
917
|
file:border-solid
|
|
922
|
-
file:border-
|
|
923
|
-
file:
|
|
924
|
-
file:
|
|
918
|
+
file:border-blue-900
|
|
919
|
+
file:hover:border-blue-1000
|
|
920
|
+
file:active:border-blue-1200
|
|
925
921
|
file:disabled:border-sumi-500
|
|
926
922
|
file:disabled:cursor-not-allowed
|
|
927
|
-
`, `
|
|
928
|
-
file:text-sea-
|
|
929
|
-
file:
|
|
930
|
-
file:active:bg-sea-200
|
|
931
|
-
file:hover:bg-sea-100
|
|
923
|
+
`, a = `
|
|
924
|
+
file:text-sea-900
|
|
925
|
+
file:hover:text-sea-1000
|
|
932
926
|
file:active:text-sea-1200
|
|
933
|
-
file:
|
|
927
|
+
file:bg-transparent
|
|
928
|
+
file:hover:bg-sea-200
|
|
929
|
+
file:active:bg-sea-300
|
|
934
930
|
file:disabled:text-sumi-500
|
|
935
931
|
file:disabled:bg-transparent
|
|
936
|
-
`, `
|
|
937
|
-
file:p-4
|
|
938
|
-
file:text-button
|
|
939
|
-
file:rounded-lg
|
|
940
|
-
file:leading-snug
|
|
941
|
-
`, `
|
|
932
|
+
`, y = `
|
|
942
933
|
text-label
|
|
943
934
|
text-sumi-900
|
|
944
935
|
rounded-lg
|
|
@@ -947,54 +938,84 @@ const Pr = y.forwardRef(
|
|
|
947
938
|
focus:outline-2
|
|
948
939
|
focus:outline-wood-600
|
|
949
940
|
aria-invalid:text-sun-800
|
|
950
|
-
`,
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
941
|
+
`, v = {
|
|
942
|
+
// 16(p-4) * 2 + 22(text-button * leading-snug) + boader * 2 = 56px
|
|
943
|
+
lg: `
|
|
944
|
+
file:p-4
|
|
945
|
+
file:text-button
|
|
946
|
+
file:rounded-lg
|
|
947
|
+
file:leading-snug
|
|
948
|
+
`,
|
|
949
|
+
// 12(py-3) * 2 + 22(text-button * leading-snug) + boader * 2 = 48px
|
|
950
|
+
md: `
|
|
951
|
+
file:px-4
|
|
952
|
+
file:py-3
|
|
953
|
+
file:text-button
|
|
954
|
+
file:rounded-lg
|
|
955
|
+
file:leading-snug
|
|
956
|
+
`,
|
|
957
|
+
// 8(py-2) * 2 + 22(text-button * leading-snug) + boader * 2 = 40px
|
|
958
|
+
sm: `
|
|
959
|
+
file:px-3
|
|
960
|
+
file:py-2
|
|
961
|
+
file:text-button
|
|
962
|
+
file:rounded-md
|
|
963
|
+
file:leading-snug
|
|
964
|
+
`
|
|
965
|
+
};
|
|
966
|
+
return /* @__PURE__ */ s.jsx(
|
|
967
|
+
"input",
|
|
968
|
+
{
|
|
969
|
+
type: "file",
|
|
970
|
+
id: m || i.id,
|
|
971
|
+
className: C(o, a, v[p], y, x),
|
|
972
|
+
"aria-describedby": i.helperTextId,
|
|
973
|
+
"aria-errormessage": i.errorMessageId,
|
|
974
|
+
"aria-invalid": i.isInvalid ?? !1,
|
|
975
|
+
"aria-required": i.isRequired ?? !1,
|
|
976
|
+
ref: h,
|
|
977
|
+
...c
|
|
957
978
|
}
|
|
958
979
|
);
|
|
959
980
|
}
|
|
960
981
|
);
|
|
961
982
|
_r.displayName = "FileInput";
|
|
962
|
-
const jr =
|
|
963
|
-
(
|
|
964
|
-
const { id:
|
|
965
|
-
return i.isRequired && (
|
|
983
|
+
const jr = R.forwardRef(
|
|
984
|
+
(b, h) => {
|
|
985
|
+
const { id: m, className: x, size: p = "lg", ...c } = b, i = R.useContext(O);
|
|
986
|
+
return i.isRequired && (c.required = !0), /* @__PURE__ */ s.jsx(
|
|
966
987
|
"input",
|
|
967
988
|
{
|
|
968
989
|
type: "text",
|
|
969
|
-
id:
|
|
990
|
+
id: m || i.id,
|
|
970
991
|
className: C(
|
|
971
992
|
ke,
|
|
972
|
-
Ne[
|
|
993
|
+
Ne[p],
|
|
973
994
|
x
|
|
974
995
|
),
|
|
975
996
|
"aria-describedby": i.helperTextId,
|
|
976
997
|
"aria-errormessage": i.errorMessageId,
|
|
977
998
|
"aria-invalid": i.isInvalid ?? !1,
|
|
978
999
|
"aria-required": i.isRequired ?? !1,
|
|
979
|
-
ref:
|
|
980
|
-
...
|
|
1000
|
+
ref: h,
|
|
1001
|
+
...c
|
|
981
1002
|
}
|
|
982
1003
|
);
|
|
983
1004
|
}
|
|
984
1005
|
);
|
|
985
1006
|
jr.displayName = "Input";
|
|
986
|
-
const wr =
|
|
987
|
-
(
|
|
988
|
-
const { id:
|
|
989
|
-
|
|
990
|
-
}, d =
|
|
1007
|
+
const wr = R.forwardRef(
|
|
1008
|
+
(b, h) => {
|
|
1009
|
+
const { id: m, className: x, children: p, onChange: c, maxLength: i, ...o } = b, [a, y] = R.useState(0), v = (k) => {
|
|
1010
|
+
c && c(k), y(k.target.value.length);
|
|
1011
|
+
}, d = R.useContext(O);
|
|
991
1012
|
d.isRequired && (o.required = !0);
|
|
992
1013
|
const j = a > (i || 0) ? "text-sun-800" : "text-sumi-700";
|
|
993
1014
|
return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
994
1015
|
/* @__PURE__ */ s.jsx(
|
|
995
1016
|
"textarea",
|
|
996
1017
|
{
|
|
997
|
-
id:
|
|
1018
|
+
id: m || d.id,
|
|
998
1019
|
className: C(`
|
|
999
1020
|
p-4
|
|
1000
1021
|
text-label
|
|
@@ -1015,10 +1036,10 @@ const wr = y.forwardRef(
|
|
|
1015
1036
|
"aria-errormessage": d.errorMessageId,
|
|
1016
1037
|
"aria-invalid": d.isInvalid ?? !1,
|
|
1017
1038
|
"aria-required": d.isRequired ?? !1,
|
|
1018
|
-
onChange:
|
|
1039
|
+
onChange: v,
|
|
1019
1040
|
...o,
|
|
1020
|
-
ref:
|
|
1021
|
-
children:
|
|
1041
|
+
ref: h,
|
|
1042
|
+
children: p
|
|
1022
1043
|
}
|
|
1023
1044
|
),
|
|
1024
1045
|
i ? /* @__PURE__ */ s.jsxs("p", { className: "text-label text-sumi-700", children: [
|
|
@@ -1030,73 +1051,73 @@ const wr = y.forwardRef(
|
|
|
1030
1051
|
}
|
|
1031
1052
|
);
|
|
1032
1053
|
wr.displayName = "Textarea";
|
|
1033
|
-
const Tr =
|
|
1034
|
-
const
|
|
1054
|
+
const Tr = R.forwardRef((b, h) => {
|
|
1055
|
+
const m = R.useId(), {
|
|
1035
1056
|
labelText: x,
|
|
1036
|
-
className:
|
|
1037
|
-
helperText:
|
|
1057
|
+
className: p,
|
|
1058
|
+
helperText: c,
|
|
1038
1059
|
errorMessage: i,
|
|
1039
1060
|
isInvalid: o,
|
|
1040
1061
|
isRequired: a,
|
|
1041
|
-
children:
|
|
1042
|
-
...
|
|
1043
|
-
} =
|
|
1044
|
-
id:
|
|
1045
|
-
helperTextId: `helper-text-${
|
|
1046
|
-
errorMessageId: `error-message-${
|
|
1062
|
+
children: y,
|
|
1063
|
+
...v
|
|
1064
|
+
} = b, d = {
|
|
1065
|
+
id: b.htmlFor ?? `input-${m}`,
|
|
1066
|
+
helperTextId: `helper-text-${m}`,
|
|
1067
|
+
errorMessageId: `error-message-${m}`,
|
|
1047
1068
|
isInvalid: o ?? !1,
|
|
1048
1069
|
isRequired: a ?? !1
|
|
1049
1070
|
};
|
|
1050
|
-
return /* @__PURE__ */ s.jsx(O.Provider, { value: d, children: /* @__PURE__ */ s.jsxs("div", { className: C("mb-4",
|
|
1071
|
+
return /* @__PURE__ */ s.jsx(O.Provider, { value: d, children: /* @__PURE__ */ s.jsxs("div", { className: C("mb-4", p), children: [
|
|
1051
1072
|
/* @__PURE__ */ s.jsxs(
|
|
1052
1073
|
"label",
|
|
1053
1074
|
{
|
|
1054
1075
|
className: C("block mb-2 text-label", o && "text-sun-800"),
|
|
1055
1076
|
htmlFor: d.id,
|
|
1056
|
-
ref:
|
|
1057
|
-
...
|
|
1077
|
+
ref: h,
|
|
1078
|
+
...v,
|
|
1058
1079
|
children: [
|
|
1059
1080
|
x,
|
|
1060
1081
|
a && /* @__PURE__ */ s.jsx("span", { className: "text-label text-sun-800", children: " *" })
|
|
1061
1082
|
]
|
|
1062
1083
|
}
|
|
1063
1084
|
),
|
|
1064
|
-
|
|
1085
|
+
c && /* @__PURE__ */ s.jsx("p", { id: d.helperTextId, className: C(`
|
|
1065
1086
|
text-label text-sumi-700
|
|
1066
|
-
`, "mb-2"), children:
|
|
1067
|
-
|
|
1087
|
+
`, "mb-2"), children: c }),
|
|
1088
|
+
y,
|
|
1068
1089
|
o && /* @__PURE__ */ s.jsx(
|
|
1069
1090
|
"p",
|
|
1070
1091
|
{
|
|
1071
1092
|
id: d.errorMessageId,
|
|
1072
1093
|
className: C(`
|
|
1073
1094
|
text-label text-sun-800
|
|
1074
|
-
`,
|
|
1095
|
+
`, c ? "mt-1" : "mt-2"),
|
|
1075
1096
|
children: i
|
|
1076
1097
|
}
|
|
1077
1098
|
)
|
|
1078
1099
|
] }) });
|
|
1079
1100
|
});
|
|
1080
1101
|
Tr.displayName = "LabelControl";
|
|
1081
|
-
const ne =
|
|
1082
|
-
const
|
|
1102
|
+
const ne = R.forwardRef((b, h) => {
|
|
1103
|
+
const m = R.useId(), {
|
|
1083
1104
|
labelText: x,
|
|
1084
|
-
className:
|
|
1085
|
-
helperText:
|
|
1105
|
+
className: p,
|
|
1106
|
+
helperText: c,
|
|
1086
1107
|
errorMessage: i,
|
|
1087
1108
|
isInvalid: o,
|
|
1088
1109
|
isRequired: a,
|
|
1089
|
-
direction:
|
|
1090
|
-
children:
|
|
1110
|
+
direction: y,
|
|
1111
|
+
children: v,
|
|
1091
1112
|
...d
|
|
1092
|
-
} =
|
|
1093
|
-
groupName: d.name ?? `group-${
|
|
1094
|
-
helperTextId: `helper-text-${
|
|
1095
|
-
errorMessageId: `error-message-${
|
|
1113
|
+
} = b, w = {
|
|
1114
|
+
groupName: d.name ?? `group-${m}`,
|
|
1115
|
+
helperTextId: `helper-text-${m}`,
|
|
1116
|
+
errorMessageId: `error-message-${m}`,
|
|
1096
1117
|
isInvalid: o ?? !1,
|
|
1097
1118
|
isRequired: a ?? !1
|
|
1098
|
-
}, k =
|
|
1099
|
-
return /* @__PURE__ */ s.jsx(O.Provider, { value: w, children: /* @__PURE__ */ s.jsxs("fieldset", { className: C("mb-4",
|
|
1119
|
+
}, k = y ?? "flex-col";
|
|
1120
|
+
return /* @__PURE__ */ s.jsx(O.Provider, { value: w, children: /* @__PURE__ */ s.jsxs("fieldset", { className: C("mb-4", p), ref: h, ...d, children: [
|
|
1100
1121
|
/* @__PURE__ */ s.jsx("legend", { children: /* @__PURE__ */ s.jsxs(
|
|
1101
1122
|
"p",
|
|
1102
1123
|
{
|
|
@@ -1107,15 +1128,15 @@ const ne = y.forwardRef((v, g) => {
|
|
|
1107
1128
|
]
|
|
1108
1129
|
}
|
|
1109
1130
|
) }),
|
|
1110
|
-
/* @__PURE__ */ s.jsx("div", { className: C("inline-flex", k), children:
|
|
1111
|
-
|
|
1131
|
+
/* @__PURE__ */ s.jsx("div", { className: C("inline-flex", k), children: v }),
|
|
1132
|
+
c && /* @__PURE__ */ s.jsx("p", { id: w.helperTextId, className: "text-sup text-sumi-700 mt-2", children: c }),
|
|
1112
1133
|
o && /* @__PURE__ */ s.jsx(
|
|
1113
1134
|
"p",
|
|
1114
1135
|
{
|
|
1115
1136
|
id: w.errorMessageId,
|
|
1116
1137
|
className: C(
|
|
1117
1138
|
"text-label text-sun-800",
|
|
1118
|
-
|
|
1139
|
+
c ? "mt-1" : "mt-2"
|
|
1119
1140
|
),
|
|
1120
1141
|
children: i
|
|
1121
1142
|
}
|
|
@@ -1123,34 +1144,34 @@ const ne = y.forwardRef((v, g) => {
|
|
|
1123
1144
|
] }) });
|
|
1124
1145
|
});
|
|
1125
1146
|
ne.displayName = "FieldsetControl";
|
|
1126
|
-
const Cr =
|
|
1147
|
+
const Cr = R.forwardRef((b, h) => {
|
|
1127
1148
|
const {
|
|
1128
|
-
items:
|
|
1149
|
+
items: m,
|
|
1129
1150
|
onChange: x,
|
|
1130
|
-
className:
|
|
1131
|
-
labelText:
|
|
1151
|
+
className: p,
|
|
1152
|
+
labelText: c,
|
|
1132
1153
|
helperText: i,
|
|
1133
1154
|
errorMessage: o,
|
|
1134
1155
|
isInvalid: a,
|
|
1135
|
-
isRequired:
|
|
1136
|
-
size:
|
|
1156
|
+
isRequired: y,
|
|
1157
|
+
size: v,
|
|
1137
1158
|
...d
|
|
1138
|
-
} =
|
|
1159
|
+
} = b;
|
|
1139
1160
|
return /* @__PURE__ */ s.jsx(
|
|
1140
1161
|
ne,
|
|
1141
1162
|
{
|
|
1142
|
-
className:
|
|
1143
|
-
labelText:
|
|
1163
|
+
className: p,
|
|
1164
|
+
labelText: c,
|
|
1144
1165
|
helperText: i,
|
|
1145
1166
|
errorMessage: o,
|
|
1146
1167
|
isInvalid: a,
|
|
1147
|
-
isRequired:
|
|
1148
|
-
ref:
|
|
1168
|
+
isRequired: y,
|
|
1169
|
+
ref: h,
|
|
1149
1170
|
...d,
|
|
1150
|
-
children:
|
|
1171
|
+
children: m.map(({ label: j, value: w }) => /* @__PURE__ */ s.jsx(
|
|
1151
1172
|
De,
|
|
1152
1173
|
{
|
|
1153
|
-
size:
|
|
1174
|
+
size: v,
|
|
1154
1175
|
value: w,
|
|
1155
1176
|
onChange: x,
|
|
1156
1177
|
children: j
|
|
@@ -1161,38 +1182,38 @@ const Cr = y.forwardRef((v, g) => {
|
|
|
1161
1182
|
);
|
|
1162
1183
|
});
|
|
1163
1184
|
Cr.displayName = "CheckboxGroup";
|
|
1164
|
-
const Ir =
|
|
1185
|
+
const Ir = R.forwardRef((b, h) => {
|
|
1165
1186
|
const {
|
|
1166
|
-
items:
|
|
1187
|
+
items: m,
|
|
1167
1188
|
onChange: x,
|
|
1168
|
-
className:
|
|
1169
|
-
labelText:
|
|
1189
|
+
className: p,
|
|
1190
|
+
labelText: c,
|
|
1170
1191
|
helperText: i,
|
|
1171
1192
|
errorMessage: o,
|
|
1172
1193
|
isInvalid: a,
|
|
1173
|
-
isRequired:
|
|
1174
|
-
defaultValue:
|
|
1194
|
+
isRequired: y,
|
|
1195
|
+
defaultValue: v,
|
|
1175
1196
|
size: d,
|
|
1176
1197
|
...j
|
|
1177
|
-
} =
|
|
1198
|
+
} = b;
|
|
1178
1199
|
return /* @__PURE__ */ s.jsx(
|
|
1179
1200
|
ne,
|
|
1180
1201
|
{
|
|
1181
|
-
className:
|
|
1182
|
-
labelText:
|
|
1202
|
+
className: p,
|
|
1203
|
+
labelText: c,
|
|
1183
1204
|
helperText: i,
|
|
1184
1205
|
errorMessage: o,
|
|
1185
1206
|
isInvalid: a,
|
|
1186
|
-
isRequired:
|
|
1187
|
-
ref:
|
|
1207
|
+
isRequired: y,
|
|
1208
|
+
ref: h,
|
|
1188
1209
|
...j,
|
|
1189
|
-
children:
|
|
1210
|
+
children: m.map(({ label: w, value: k }) => /* @__PURE__ */ s.jsx(
|
|
1190
1211
|
Ae,
|
|
1191
1212
|
{
|
|
1192
1213
|
size: d,
|
|
1193
1214
|
value: k,
|
|
1194
1215
|
onChange: x,
|
|
1195
|
-
defaultChecked:
|
|
1216
|
+
defaultChecked: v === k,
|
|
1196
1217
|
children: w
|
|
1197
1218
|
},
|
|
1198
1219
|
`${w}-${k}`
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { InputSize } from './inputStyle';
|
|
3
|
+
export interface FileInputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
|
|
4
|
+
size?: InputSize;
|
|
3
5
|
}
|
|
4
6
|
export declare const FileInput: React.ForwardRefExoticComponent<Omit<FileInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
5
7
|
//# sourceMappingURL=FileInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,SAAS,sGAwFrB,CAAA"}
|