@sakura-ui/forms 0.2.1 → 0.2.2-beta.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 +148 -44
- package/dist/index.es.js +2244 -708
- package/dist/types/components/Checkbox.d.ts +5 -3
- package/dist/types/components/Checkbox.d.ts.map +1 -1
- package/dist/types/components/FieldsetControl.d.ts +10 -8
- package/dist/types/components/FieldsetControl.d.ts.map +1 -1
- package/dist/types/components/FileInput.d.ts +5 -3
- package/dist/types/components/FileInput.d.ts.map +1 -1
- package/dist/types/components/Input.d.ts +5 -3
- package/dist/types/components/Input.d.ts.map +1 -1
- package/dist/types/components/LabelControl.d.ts +9 -7
- package/dist/types/components/LabelControl.d.ts.map +1 -1
- package/dist/types/components/Radio.d.ts +5 -3
- package/dist/types/components/Radio.d.ts.map +1 -1
- package/dist/types/components/Select.d.ts +5 -3
- package/dist/types/components/Select.d.ts.map +1 -1
- package/dist/types/components/Textarea.d.ts +4 -2
- package/dist/types/components/Textarea.d.ts.map +1 -1
- package/dist/types/components/controlled/CheckboxGroup.d.ts +12 -10
- package/dist/types/components/controlled/CheckboxGroup.d.ts.map +1 -1
- package/dist/types/components/controlled/RadioGroup.d.ts +13 -11
- package/dist/types/components/controlled/RadioGroup.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +8 -8
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/inputStyle.d.ts +1 -1
- package/dist/types/components/inputStyle.d.ts.map +1 -1
- package/dist/types/index.d.ts +0 -1
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +12 -9
- package/dist/types/utils/class.d.ts +0 -2
- package/dist/types/utils/class.d.ts.map +0 -1
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 B=require("react");var Rr={exports:{}},er={};/**
|
|
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
|
|
9
|
+
*/var xt;function an(){if(xt)return er;xt=1;var d=B,c=Symbol.for("react.element"),k=Symbol.for("react.fragment"),I=Object.prototype.hasOwnProperty,P=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,C={key:!0,ref:!0,__self:!0,__source:!0};function v(g,p,D){var E,x={},J=null,L=null;D!==void 0&&(J=""+D),p.key!==void 0&&(J=""+p.key),p.ref!==void 0&&(L=p.ref);for(E in p)I.call(p,E)&&!C.hasOwnProperty(E)&&(x[E]=p[E]);if(g&&g.defaultProps)for(E in p=g.defaultProps,p)x[E]===void 0&&(x[E]=p[E]);return{$$typeof:c,type:g,key:J,ref:L,props:x,_owner:P.current}}return er.Fragment=k,er.jsx=v,er.jsxs=v,er}var rr={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,33 +14,145 @@
|
|
|
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
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var Rt;function sn(){return Rt||(Rt=1,process.env.NODE_ENV!=="production"&&function(){var d=B,c=Symbol.for("react.element"),k=Symbol.for("react.portal"),I=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),v=Symbol.for("react.provider"),g=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),ee=Symbol.iterator,qe="@@iterator";function ce(t){if(t===null||typeof t!="object")return null;var i=ee&&t[ee]||t[qe];return typeof i=="function"?i:null}var fe=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function Y(t){{for(var i=arguments.length,u=new Array(i>1?i-1:0),m=1;m<i;m++)u[m-1]=arguments[m];xe("error",t,u)}}function xe(t,i,u){{var m=fe.ReactDebugCurrentFrame,N=m.getStackAddendum();N!==""&&(i+="%s",u=u.concat([N]));var A=u.map(function(j){return String(j)});A.unshift("Warning: "+i),Function.prototype.apply.call(console[t],console,A)}}var de=!1,X=!1,ie=!1,ye=!1,he=!1,Oe;Oe=Symbol.for("react.module.reference");function Pe(t){return!!(typeof t=="string"||typeof t=="function"||t===I||t===C||he||t===P||t===D||t===E||ye||t===L||de||X||ie||typeof t=="object"&&t!==null&&(t.$$typeof===J||t.$$typeof===x||t.$$typeof===v||t.$$typeof===g||t.$$typeof===p||t.$$typeof===Oe||t.getModuleId!==void 0))}function Ge(t,i,u){var m=t.displayName;if(m)return m;var N=i.displayName||i.name||"";return N!==""?u+"("+N+")":u}function Te(t){return t.displayName||"Context"}function oe(t){if(t==null)return null;if(typeof t.tag=="number"&&Y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case I:return"Fragment";case k:return"Portal";case C:return"Profiler";case P:return"StrictMode";case D:return"Suspense";case E:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case g:var i=t;return Te(i)+".Consumer";case v:var u=t;return Te(u._context)+".Provider";case p:return Ge(t,t.render,"ForwardRef");case x:var m=t.displayName||null;return m!==null?m:oe(t.type)||"Memo";case J:{var N=t,A=N._payload,j=N._init;try{return oe(j(A))}catch{return null}}}return null}var se=Object.assign,re=0,pe,y,ve,Ie,be,n,s;function S(){}S.__reactDisabledLog=!0;function O(){{if(re===0){pe=console.log,y=console.info,ve=console.warn,Ie=console.error,be=console.group,n=console.groupCollapsed,s=console.groupEnd;var t={configurable:!0,enumerable:!0,value:S,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}re++}}function $(){{if(re--,re===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:se({},t,{value:pe}),info:se({},t,{value:y}),warn:se({},t,{value:ve}),error:se({},t,{value:Ie}),group:se({},t,{value:be}),groupCollapsed:se({},t,{value:n}),groupEnd:se({},t,{value:s})})}re<0&&Y("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var U=fe.ReactCurrentDispatcher,q;function M(t,i,u){{if(q===void 0)try{throw Error()}catch(N){var m=N.stack.trim().match(/\n( *(at )?)/);q=m&&m[1]||""}return`
|
|
18
|
+
`+q+t}}var F=!1,Z;{var Sr=typeof WeakMap=="function"?WeakMap:Map;Z=new Sr}function tr(t,i){if(!t||F)return"";{var u=Z.get(t);if(u!==void 0)return u}var m;F=!0;var N=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var A;A=U.current,U.current=null,O();try{if(i){var j=function(){throw Error()};if(Object.defineProperty(j.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(j,[])}catch(ae){m=ae}Reflect.construct(t,[],j)}else{try{j.call()}catch(ae){m=ae}t.call(j.prototype)}}else{try{throw Error()}catch(ae){m=ae}t()}}catch(ae){if(ae&&m&&typeof ae.stack=="string"){for(var R=ae.stack.split(`
|
|
19
|
+
`),te=m.stack.split(`
|
|
20
|
+
`),H=R.length-1,K=te.length-1;H>=1&&K>=0&&R[H]!==te[K];)K--;for(;H>=1&&K>=0;H--,K--)if(R[H]!==te[K]){if(H!==1||K!==1)do if(H--,K--,K<0||R[H]!==te[K]){var ue=`
|
|
21
|
+
`+R[H].replace(" at new "," at ");return t.displayName&&ue.includes("<anonymous>")&&(ue=ue.replace("<anonymous>",t.displayName)),typeof t=="function"&&Z.set(t,ue),ue}while(H>=1&&K>=0);break}}}finally{F=!1,U.current=A,$(),Error.prepareStackTrace=N}var Ce=t?t.displayName||t.name:"",_e=Ce?M(Ce):"";return typeof t=="function"&&Z.set(t,_e),_e}function Ve(t,i,u){return tr(t,!1)}function Cr(t){var i=t.prototype;return!!(i&&i.isReactComponent)}function Ue(t,i,u){if(t==null)return"";if(typeof t=="function")return tr(t,Cr(t));if(typeof t=="string")return M(t);switch(t){case D:return M("Suspense");case E:return M("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case p:return Ve(t.render);case x:return Ue(t.type,i,u);case J:{var m=t,N=m._payload,A=m._init;try{return Ue(A(N),i,u)}catch{}}}return""}var Re=Object.prototype.hasOwnProperty,$e={},nr=fe.ReactDebugCurrentFrame;function Ne(t){if(t){var i=t._owner,u=Ue(t.type,t._source,i?i.type:null);nr.setExtraStackFrame(u)}else nr.setExtraStackFrame(null)}function me(t,i,u,m,N){{var A=Function.call.bind(Re);for(var j in t)if(A(t,j)){var R=void 0;try{if(typeof t[j]!="function"){var te=Error((m||"React class")+": "+u+" type `"+j+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[j]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw te.name="Invariant Violation",te}R=t[j](i,j,m,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(H){R=H}R&&!(R instanceof Error)&&(Ne(N),Y("%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).",m||"React class",u,j,typeof R),Ne(null)),R instanceof Error&&!(R.message in $e)&&($e[R.message]=!0,Ne(N),Y("Failed %s type: %s",u,R.message),Ne(null))}}}var De=Array.isArray;function We(t){return De(t)}function or(t){{var i=typeof Symbol=="function"&&Symbol.toStringTag,u=i&&t[Symbol.toStringTag]||t.constructor.name||"Object";return u}}function ar(t){try{return ze(t),!1}catch{return!0}}function ze(t){return""+t}function Je(t){if(ar(t))return Y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",or(t)),ze(t)}var we=fe.ReactCurrentOwner,jr={key:!0,ref:!0,__self:!0,__source:!0},ir,sr,Fe;Fe={};function kr(t){if(Re.call(t,"ref")){var i=Object.getOwnPropertyDescriptor(t,"ref").get;if(i&&i.isReactWarning)return!1}return t.ref!==void 0}function Or(t){if(Re.call(t,"key")){var i=Object.getOwnPropertyDescriptor(t,"key").get;if(i&&i.isReactWarning)return!1}return t.key!==void 0}function Pr(t,i){if(typeof t.ref=="string"&&we.current&&i&&we.current.stateNode!==i){var u=oe(we.current.type);Fe[u]||(Y('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',oe(we.current.type),t.ref),Fe[u]=!0)}}function Ee(t,i){{var u=function(){ir||(ir=!0,Y("%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)",i))};u.isReactWarning=!0,Object.defineProperty(t,"key",{get:u,configurable:!0})}}function ur(t,i){{var u=function(){sr||(sr=!0,Y("%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)",i))};u.isReactWarning=!0,Object.defineProperty(t,"ref",{get:u,configurable:!0})}}var Tr=function(t,i,u,m,N,A,j){var R={$$typeof:c,type:t,key:i,ref:u,props:j,_owner:A};return R._store={},Object.defineProperty(R._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(R,"_self",{configurable:!1,enumerable:!1,writable:!1,value:m}),Object.defineProperty(R,"_source",{configurable:!1,enumerable:!1,writable:!1,value:N}),Object.freeze&&(Object.freeze(R.props),Object.freeze(R)),R};function Ir(t,i,u,m,N){{var A,j={},R=null,te=null;u!==void 0&&(Je(u),R=""+u),Or(i)&&(Je(i.key),R=""+i.key),kr(i)&&(te=i.ref,Pr(i,N));for(A in i)Re.call(i,A)&&!jr.hasOwnProperty(A)&&(j[A]=i[A]);if(t&&t.defaultProps){var H=t.defaultProps;for(A in H)j[A]===void 0&&(j[A]=H[A])}if(R||te){var K=typeof t=="function"?t.displayName||t.name||"Unknown":t;R&&Ee(j,K),te&&ur(j,K)}return Tr(t,R,te,N,m,we.current,j)}}var Be=fe.ReactCurrentOwner,lr=fe.ReactDebugCurrentFrame;function ge(t){if(t){var i=t._owner,u=Ue(t.type,t._source,i?i.type:null);lr.setExtraStackFrame(u)}else lr.setExtraStackFrame(null)}var Ae;Ae=!1;function Se(t){return typeof t=="object"&&t!==null&&t.$$typeof===c}function Me(){{if(Be.current){var t=oe(Be.current.type);if(t)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+
|
|
23
|
+
Check the render method of \``+t+"`."}return""}}function $r(t){return""}var cr={};function Nr(t){{var i=Me();if(!i){var u=typeof t=="string"?t:t.displayName||t.name;u&&(i=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
25
|
+
Check the top-level render call using <`+u+">.")}return i}}function fr(t,i){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var u=Nr(i);if(cr[u])return;cr[u]=!0;var m="";t&&t._owner&&t._owner!==Be.current&&(m=" It was passed a child from "+oe(t._owner.type)+"."),ge(t),Y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,m),ge(null)}}function dr(t,i){{if(typeof t!="object")return;if(We(t))for(var u=0;u<t.length;u++){var m=t[u];Se(m)&&fr(m,i)}else if(Se(t))t._store&&(t._store.validated=!0);else if(t){var N=ce(t);if(typeof N=="function"&&N!==t.entries)for(var A=N.call(t),j;!(j=A.next()).done;)Se(j.value)&&fr(j.value,i)}}}function Le(t){{var i=t.type;if(i==null||typeof i=="string")return;var u;if(typeof i=="function")u=i.propTypes;else if(typeof i=="object"&&(i.$$typeof===p||i.$$typeof===x))u=i.propTypes;else return;if(u){var m=oe(i);me(u,t.props,"prop",m,t)}else if(i.PropTypes!==void 0&&!Ae){Ae=!0;var N=oe(i);Y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",N||"Unknown")}typeof i.getDefaultProps=="function"&&!i.getDefaultProps.isReactClassApproved&&Y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ke(t){{for(var i=Object.keys(t.props),u=0;u<i.length;u++){var m=i[u];if(m!=="children"&&m!=="key"){ge(t),Y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",m),ge(null);break}}t.ref!==null&&(ge(t),Y("Invalid attribute `ref` supplied to `React.Fragment`."),ge(null))}}var Xe={};function pr(t,i,u,m,N,A){{var j=Pe(t);if(!j){var R="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(R+=" 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 te=$r();te?R+=te:R+=Me();var H;t===null?H="null":We(t)?H="array":t!==void 0&&t.$$typeof===c?(H="<"+(oe(t.type)||"Unknown")+" />",R=" Did you accidentally export a JSX literal instead of a component?"):H=typeof t,Y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",H,R)}var K=Ir(t,i,u,N,A);if(K==null)return K;if(j){var ue=i.children;if(ue!==void 0)if(m)if(We(ue)){for(var Ce=0;Ce<ue.length;Ce++)dr(ue[Ce],t);Object.freeze&&Object.freeze(ue)}else Y("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 dr(ue,t)}if(Re.call(i,"key")){var _e=oe(t),ae=Object.keys(i).filter(function(Lr){return Lr!=="key"}),Ze=ae.length>0?"{key: someKey, "+ae.join(": ..., ")+": ...}":"{key: someKey}";if(!Xe[_e+Ze]){var Mr=ae.length>0?"{"+ae.join(": ..., ")+": ...}":"{}";Y(`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} />`,
|
|
30
|
+
<%s key={someKey} {...props} />`,Ze,_e,Mr,_e),Xe[_e+Ze]=!0}}return t===I?Ke(K):Le(K),K}}function Dr(t,i,u){return pr(t,i,u,!0)}function Fr(t,i,u){return pr(t,i,u,!1)}var Ar=Fr,yr=Dr;rr.Fragment=I,rr.jsx=Ar,rr.jsxs=yr}()),rr}var wt;function un(){return wt||(wt=1,process.env.NODE_ENV==="production"?Rr.exports=an():Rr.exports=sn()),Rr.exports}var b=un();const le=(...d)=>d.filter(Boolean).join(" ");var je;(d=>{d.clickable=`
|
|
31
|
+
px-2
|
|
32
|
+
min-h-[calc(44/16*1rem)]
|
|
33
|
+
border
|
|
34
|
+
border-transparent
|
|
35
|
+
rounded-lg
|
|
36
|
+
hover:bg-solid-grey-50
|
|
37
|
+
`,d.selected=`
|
|
38
|
+
rounded-full
|
|
39
|
+
bg-yellow-50
|
|
40
|
+
`;const c=`
|
|
41
|
+
focus-visible:outline
|
|
42
|
+
focus-visible:outline-4
|
|
43
|
+
focus-visible:outline-black
|
|
44
|
+
focus-visible:ring-yellow-300
|
|
45
|
+
`;d.focusRectCondensed=`
|
|
46
|
+
${c}
|
|
47
|
+
focus-visible:-outline-offset-4
|
|
48
|
+
focus-visible:ring-[calc(6/16*1rem)]
|
|
49
|
+
focus-visible:ring-inset
|
|
50
|
+
`,d.focusRectCondensedWithBg=`
|
|
51
|
+
${d.focusRectCondensed}
|
|
52
|
+
focus-visible:bg-yellow-300
|
|
53
|
+
`,d.focusRect=`
|
|
54
|
+
${c}
|
|
55
|
+
focus-visible:outline-offset-[calc(2/16*1rem)]
|
|
56
|
+
focus-visible:ring-[calc(2/16*1rem)]
|
|
57
|
+
`,d.focusRounded=`
|
|
58
|
+
${d.focusRect}
|
|
59
|
+
focus-visible:rounded
|
|
60
|
+
`,d.focusCard=`
|
|
61
|
+
${d.focusRect}
|
|
62
|
+
focus-visible:rounded-2xl
|
|
63
|
+
sm:focus-visible:rounded-3xl
|
|
64
|
+
`,d.focusRectWithBg=`
|
|
65
|
+
${d.focusRect}
|
|
66
|
+
focus-visible:bg-yellow-300
|
|
67
|
+
`,d.focusRoundedWithBg=`
|
|
68
|
+
${d.focusRectWithBg}
|
|
69
|
+
focus-visible:rounded
|
|
70
|
+
`,d.hoverUnderline=`
|
|
71
|
+
hover:underline
|
|
72
|
+
hover:underline-offset-[calc(3/16*1rem)]
|
|
73
|
+
`,d.underline=`
|
|
74
|
+
underline
|
|
75
|
+
underline-offset-[calc(3/16*1rem)]
|
|
76
|
+
hover:decoration-[calc(3/16*1rem)]
|
|
77
|
+
`,d.underlineNoDeco=`
|
|
78
|
+
underline
|
|
79
|
+
underline-offset-[calc(3/16*1rem)]
|
|
80
|
+
`,d.popover=`
|
|
81
|
+
min-w-fit
|
|
82
|
+
w-auto
|
|
83
|
+
py-2
|
|
84
|
+
bg-white
|
|
85
|
+
shadow-1
|
|
86
|
+
rounded-lg
|
|
87
|
+
border
|
|
88
|
+
border-solid-grey-420
|
|
89
|
+
has-[>:nth-child(7)]:rounded-r-none
|
|
90
|
+
`,d.popoverPositionBottomRight=`
|
|
91
|
+
absolute
|
|
92
|
+
top-11
|
|
93
|
+
right-0
|
|
94
|
+
`,d.popoverPositionBottomLeft=`
|
|
95
|
+
absolute
|
|
96
|
+
top-11
|
|
97
|
+
left-0
|
|
98
|
+
`,(k=>{k.focus=`
|
|
99
|
+
peer-focus-visible:outline
|
|
100
|
+
peer-focus-visible:outline-4
|
|
101
|
+
peer-focus-visible:outline-black
|
|
102
|
+
peer-focus-visible:ring-yellow-300
|
|
103
|
+
`,k.focusRect=`
|
|
104
|
+
${k.focus}
|
|
105
|
+
peer-focus-visible:outline-offset-[calc(2/16*1rem)]
|
|
106
|
+
peer-focus-visible:ring-[calc(2/16*1rem)]
|
|
107
|
+
`})(d.Peer||(d.Peer={}))})(je||(je={}));var Gr={exports:{}},w={};/**
|
|
108
|
+
* @license React
|
|
109
|
+
* react.production.min.js
|
|
110
|
+
*
|
|
111
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
112
|
+
*
|
|
113
|
+
* This source code is licensed under the MIT license found in the
|
|
114
|
+
* LICENSE file in the root directory of this source tree.
|
|
115
|
+
*/var Et;function ln(){if(Et)return w;Et=1;var d=Symbol.for("react.element"),c=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),v=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),D=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),x=Symbol.iterator;function J(n){return n===null||typeof n!="object"?null:(n=x&&n[x]||n["@@iterator"],typeof n=="function"?n:null)}var L={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ee=Object.assign,qe={};function ce(n,s,S){this.props=n,this.context=s,this.refs=qe,this.updater=S||L}ce.prototype.isReactComponent={},ce.prototype.setState=function(n,s){if(typeof n!="object"&&typeof n!="function"&&n!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,n,s,"setState")},ce.prototype.forceUpdate=function(n){this.updater.enqueueForceUpdate(this,n,"forceUpdate")};function fe(){}fe.prototype=ce.prototype;function Y(n,s,S){this.props=n,this.context=s,this.refs=qe,this.updater=S||L}var xe=Y.prototype=new fe;xe.constructor=Y,ee(xe,ce.prototype),xe.isPureReactComponent=!0;var de=Array.isArray,X=Object.prototype.hasOwnProperty,ie={current:null},ye={key:!0,ref:!0,__self:!0,__source:!0};function he(n,s,S){var O,$={},U=null,q=null;if(s!=null)for(O in s.ref!==void 0&&(q=s.ref),s.key!==void 0&&(U=""+s.key),s)X.call(s,O)&&!ye.hasOwnProperty(O)&&($[O]=s[O]);var M=arguments.length-2;if(M===1)$.children=S;else if(1<M){for(var F=Array(M),Z=0;Z<M;Z++)F[Z]=arguments[Z+2];$.children=F}if(n&&n.defaultProps)for(O in M=n.defaultProps,M)$[O]===void 0&&($[O]=M[O]);return{$$typeof:d,type:n,key:U,ref:q,props:$,_owner:ie.current}}function Oe(n,s){return{$$typeof:d,type:n.type,key:s,ref:n.ref,props:n.props,_owner:n._owner}}function Pe(n){return typeof n=="object"&&n!==null&&n.$$typeof===d}function Ge(n){var s={"=":"=0",":":"=2"};return"$"+n.replace(/[=:]/g,function(S){return s[S]})}var Te=/\/+/g;function oe(n,s){return typeof n=="object"&&n!==null&&n.key!=null?Ge(""+n.key):s.toString(36)}function se(n,s,S,O,$){var U=typeof n;(U==="undefined"||U==="boolean")&&(n=null);var q=!1;if(n===null)q=!0;else switch(U){case"string":case"number":q=!0;break;case"object":switch(n.$$typeof){case d:case c:q=!0}}if(q)return q=n,$=$(q),n=O===""?"."+oe(q,0):O,de($)?(S="",n!=null&&(S=n.replace(Te,"$&/")+"/"),se($,s,S,"",function(Z){return Z})):$!=null&&(Pe($)&&($=Oe($,S+(!$.key||q&&q.key===$.key?"":(""+$.key).replace(Te,"$&/")+"/")+n)),s.push($)),1;if(q=0,O=O===""?".":O+":",de(n))for(var M=0;M<n.length;M++){U=n[M];var F=O+oe(U,M);q+=se(U,s,S,F,$)}else if(F=J(n),typeof F=="function")for(n=F.call(n),M=0;!(U=n.next()).done;)U=U.value,F=O+oe(U,M++),q+=se(U,s,S,F,$);else if(U==="object")throw s=String(n),Error("Objects are not valid as a React child (found: "+(s==="[object Object]"?"object with keys {"+Object.keys(n).join(", ")+"}":s)+"). If you meant to render a collection of children, use an array instead.");return q}function re(n,s,S){if(n==null)return n;var O=[],$=0;return se(n,O,"","",function(U){return s.call(S,U,$++)}),O}function pe(n){if(n._status===-1){var s=n._result;s=s(),s.then(function(S){(n._status===0||n._status===-1)&&(n._status=1,n._result=S)},function(S){(n._status===0||n._status===-1)&&(n._status=2,n._result=S)}),n._status===-1&&(n._status=0,n._result=s)}if(n._status===1)return n._result.default;throw n._result}var y={current:null},ve={transition:null},Ie={ReactCurrentDispatcher:y,ReactCurrentBatchConfig:ve,ReactCurrentOwner:ie};function be(){throw Error("act(...) is not supported in production builds of React.")}return w.Children={map:re,forEach:function(n,s,S){re(n,function(){s.apply(this,arguments)},S)},count:function(n){var s=0;return re(n,function(){s++}),s},toArray:function(n){return re(n,function(s){return s})||[]},only:function(n){if(!Pe(n))throw Error("React.Children.only expected to receive a single React element child.");return n}},w.Component=ce,w.Fragment=k,w.Profiler=P,w.PureComponent=Y,w.StrictMode=I,w.Suspense=p,w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Ie,w.act=be,w.cloneElement=function(n,s,S){if(n==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+n+".");var O=ee({},n.props),$=n.key,U=n.ref,q=n._owner;if(s!=null){if(s.ref!==void 0&&(U=s.ref,q=ie.current),s.key!==void 0&&($=""+s.key),n.type&&n.type.defaultProps)var M=n.type.defaultProps;for(F in s)X.call(s,F)&&!ye.hasOwnProperty(F)&&(O[F]=s[F]===void 0&&M!==void 0?M[F]:s[F])}var F=arguments.length-2;if(F===1)O.children=S;else if(1<F){M=Array(F);for(var Z=0;Z<F;Z++)M[Z]=arguments[Z+2];O.children=M}return{$$typeof:d,type:n.type,key:$,ref:U,props:O,_owner:q}},w.createContext=function(n){return n={$$typeof:v,_currentValue:n,_currentValue2:n,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},n.Provider={$$typeof:C,_context:n},n.Consumer=n},w.createElement=he,w.createFactory=function(n){var s=he.bind(null,n);return s.type=n,s},w.createRef=function(){return{current:null}},w.forwardRef=function(n){return{$$typeof:g,render:n}},w.isValidElement=Pe,w.lazy=function(n){return{$$typeof:E,_payload:{_status:-1,_result:n},_init:pe}},w.memo=function(n,s){return{$$typeof:D,type:n,compare:s===void 0?null:s}},w.startTransition=function(n){var s=ve.transition;ve.transition={};try{n()}finally{ve.transition=s}},w.unstable_act=be,w.useCallback=function(n,s){return y.current.useCallback(n,s)},w.useContext=function(n){return y.current.useContext(n)},w.useDebugValue=function(){},w.useDeferredValue=function(n){return y.current.useDeferredValue(n)},w.useEffect=function(n,s){return y.current.useEffect(n,s)},w.useId=function(){return y.current.useId()},w.useImperativeHandle=function(n,s,S){return y.current.useImperativeHandle(n,s,S)},w.useInsertionEffect=function(n,s){return y.current.useInsertionEffect(n,s)},w.useLayoutEffect=function(n,s){return y.current.useLayoutEffect(n,s)},w.useMemo=function(n,s){return y.current.useMemo(n,s)},w.useReducer=function(n,s,S){return y.current.useReducer(n,s,S)},w.useRef=function(n){return y.current.useRef(n)},w.useState=function(n){return y.current.useState(n)},w.useSyncExternalStore=function(n,s,S){return y.current.useSyncExternalStore(n,s,S)},w.useTransition=function(){return y.current.useTransition()},w.version="18.3.1",w}var wr={exports:{}};/**
|
|
116
|
+
* @license React
|
|
117
|
+
* react.development.js
|
|
118
|
+
*
|
|
119
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
120
|
+
*
|
|
121
|
+
* This source code is licensed under the MIT license found in the
|
|
122
|
+
* LICENSE file in the root directory of this source tree.
|
|
123
|
+
*/wr.exports;var St;function cn(){return St||(St=1,function(d,c){process.env.NODE_ENV!=="production"&&function(){typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var k="18.3.1",I=Symbol.for("react.element"),P=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),D=Symbol.for("react.context"),E=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),ee=Symbol.for("react.lazy"),qe=Symbol.for("react.offscreen"),ce=Symbol.iterator,fe="@@iterator";function Y(e){if(e===null||typeof e!="object")return null;var r=ce&&e[ce]||e[fe];return typeof r=="function"?r:null}var xe={current:null},de={transition:null},X={current:null,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1},ie={current:null},ye={},he=null;function Oe(e){he=e}ye.setExtraStackFrame=function(e){he=e},ye.getCurrentStack=null,ye.getStackAddendum=function(){var e="";he&&(e+=he);var r=ye.getCurrentStack;return r&&(e+=r()||""),e};var Pe=!1,Ge=!1,Te=!1,oe=!1,se=!1,re={ReactCurrentDispatcher:xe,ReactCurrentBatchConfig:de,ReactCurrentOwner:ie};re.ReactDebugCurrentFrame=ye,re.ReactCurrentActQueue=X;function pe(e){{for(var r=arguments.length,o=new Array(r>1?r-1:0),a=1;a<r;a++)o[a-1]=arguments[a];ve("warn",e,o)}}function y(e){{for(var r=arguments.length,o=new Array(r>1?r-1:0),a=1;a<r;a++)o[a-1]=arguments[a];ve("error",e,o)}}function ve(e,r,o){{var a=re.ReactDebugCurrentFrame,l=a.getStackAddendum();l!==""&&(r+="%s",o=o.concat([l]));var h=o.map(function(f){return String(f)});h.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,h)}}var Ie={};function be(e,r){{var o=e.constructor,a=o&&(o.displayName||o.name)||"ReactClass",l=a+"."+r;if(Ie[l])return;y("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",r,a),Ie[l]=!0}}var n={isMounted:function(e){return!1},enqueueForceUpdate:function(e,r,o){be(e,"forceUpdate")},enqueueReplaceState:function(e,r,o,a){be(e,"replaceState")},enqueueSetState:function(e,r,o,a){be(e,"setState")}},s=Object.assign,S={};Object.freeze(S);function O(e,r,o){this.props=e,this.context=r,this.refs=S,this.updater=o||n}O.prototype.isReactComponent={},O.prototype.setState=function(e,r){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,r,"setState")},O.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};{var $={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},U=function(e,r){Object.defineProperty(O.prototype,e,{get:function(){pe("%s(...) is deprecated in plain JavaScript React classes. %s",r[0],r[1])}})};for(var q in $)$.hasOwnProperty(q)&&U(q,$[q])}function M(){}M.prototype=O.prototype;function F(e,r,o){this.props=e,this.context=r,this.refs=S,this.updater=o||n}var Z=F.prototype=new M;Z.constructor=F,s(Z,O.prototype),Z.isPureReactComponent=!0;function Sr(){var e={current:null};return Object.seal(e),e}var tr=Array.isArray;function Ve(e){return tr(e)}function Cr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,o=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o}}function Ue(e){try{return Re(e),!1}catch{return!0}}function Re(e){return""+e}function $e(e){if(Ue(e))return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Cr(e)),Re(e)}function nr(e,r,o){var a=e.displayName;if(a)return a;var l=r.displayName||r.name||"";return l!==""?o+"("+l+")":o}function Ne(e){return e.displayName||"Context"}function me(e){if(e==null)return null;if(typeof e.tag=="number"&&y("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 C:return"Fragment";case P:return"Portal";case g:return"Profiler";case v:return"StrictMode";case x:return"Suspense";case J:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case D:var r=e;return Ne(r)+".Consumer";case p:var o=e;return Ne(o._context)+".Provider";case E:return nr(e,e.render,"ForwardRef");case L:var a=e.displayName||null;return a!==null?a:me(e.type)||"Memo";case ee:{var l=e,h=l._payload,f=l._init;try{return me(f(h))}catch{return null}}}return null}var De=Object.prototype.hasOwnProperty,We={key:!0,ref:!0,__self:!0,__source:!0},or,ar,ze;ze={};function Je(e){if(De.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function we(e){if(De.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function jr(e,r){var o=function(){or||(or=!0,y("%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))};o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function ir(e,r){var o=function(){ar||(ar=!0,y("%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))};o.isReactWarning=!0,Object.defineProperty(e,"ref",{get:o,configurable:!0})}function sr(e){if(typeof e.ref=="string"&&ie.current&&e.__self&&ie.current.stateNode!==e.__self){var r=me(ie.current.type);ze[r]||(y('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',r,e.ref),ze[r]=!0)}}var Fe=function(e,r,o,a,l,h,f){var _={$$typeof:I,type:e,key:r,ref:o,props:f,_owner:h};return _._store={},Object.defineProperty(_._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(_,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(_,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(_.props),Object.freeze(_)),_};function kr(e,r,o){var a,l={},h=null,f=null,_=null,T=null;if(r!=null){Je(r)&&(f=r.ref,sr(r)),we(r)&&($e(r.key),h=""+r.key),_=r.__self===void 0?null:r.__self,T=r.__source===void 0?null:r.__source;for(a in r)De.call(r,a)&&!We.hasOwnProperty(a)&&(l[a]=r[a])}var V=arguments.length-2;if(V===1)l.children=o;else if(V>1){for(var W=Array(V),z=0;z<V;z++)W[z]=arguments[z+2];Object.freeze&&Object.freeze(W),l.children=W}if(e&&e.defaultProps){var G=e.defaultProps;for(a in G)l[a]===void 0&&(l[a]=G[a])}if(h||f){var Q=typeof e=="function"?e.displayName||e.name||"Unknown":e;h&&jr(l,Q),f&&ir(l,Q)}return Fe(e,h,f,_,T,ie.current,l)}function Or(e,r){var o=Fe(e.type,r,e.ref,e._self,e._source,e._owner,e.props);return o}function Pr(e,r,o){if(e==null)throw new Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var a,l=s({},e.props),h=e.key,f=e.ref,_=e._self,T=e._source,V=e._owner;if(r!=null){Je(r)&&(f=r.ref,V=ie.current),we(r)&&($e(r.key),h=""+r.key);var W;e.type&&e.type.defaultProps&&(W=e.type.defaultProps);for(a in r)De.call(r,a)&&!We.hasOwnProperty(a)&&(r[a]===void 0&&W!==void 0?l[a]=W[a]:l[a]=r[a])}var z=arguments.length-2;if(z===1)l.children=o;else if(z>1){for(var G=Array(z),Q=0;Q<z;Q++)G[Q]=arguments[Q+2];l.children=G}return Fe(e.type,h,f,_,T,V,l)}function Ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===I}var ur=".",Tr=":";function Ir(e){var r=/[=:]/g,o={"=":"=0",":":"=2"},a=e.replace(r,function(l){return o[l]});return"$"+a}var Be=!1,lr=/\/+/g;function ge(e){return e.replace(lr,"$&/")}function Ae(e,r){return typeof e=="object"&&e!==null&&e.key!=null?($e(e.key),Ir(""+e.key)):r.toString(36)}function Se(e,r,o,a,l){var h=typeof e;(h==="undefined"||h==="boolean")&&(e=null);var f=!1;if(e===null)f=!0;else switch(h){case"string":case"number":f=!0;break;case"object":switch(e.$$typeof){case I:case P:f=!0}}if(f){var _=e,T=l(_),V=a===""?ur+Ae(_,0):a;if(Ve(T)){var W="";V!=null&&(W=ge(V)+"/"),Se(T,r,W,"",function(on){return on})}else T!=null&&(Ee(T)&&(T.key&&(!_||_.key!==T.key)&&$e(T.key),T=Or(T,o+(T.key&&(!_||_.key!==T.key)?ge(""+T.key)+"/":"")+V)),r.push(T));return 1}var z,G,Q=0,ne=a===""?ur:a+Tr;if(Ve(e))for(var xr=0;xr<e.length;xr++)z=e[xr],G=ne+Ae(z,xr),Q+=Se(z,r,o,G,l);else{var Hr=Y(e);if(typeof Hr=="function"){var bt=e;Hr===bt.entries&&(Be||pe("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),Be=!0);for(var tn=Hr.call(bt),gt,nn=0;!(gt=tn.next()).done;)z=gt.value,G=ne+Ae(z,nn++),Q+=Se(z,r,o,G,l)}else if(h==="object"){var _t=String(e);throw new Error("Objects are not valid as a React child (found: "+(_t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":_t)+"). If you meant to render a collection of children, use an array instead.")}}return Q}function Me(e,r,o){if(e==null)return e;var a=[],l=0;return Se(e,a,"","",function(h){return r.call(o,h,l++)}),a}function $r(e){var r=0;return Me(e,function(){r++}),r}function cr(e,r,o){Me(e,function(){r.apply(this,arguments)},o)}function Nr(e){return Me(e,function(r){return r})||[]}function fr(e){if(!Ee(e))throw new Error("React.Children.only expected to receive a single React element child.");return e}function dr(e){var r={$$typeof:D,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};r.Provider={$$typeof:p,_context:r};var o=!1,a=!1,l=!1;{var h={$$typeof:D,_context:r};Object.defineProperties(h,{Provider:{get:function(){return a||(a=!0,y("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")),r.Provider},set:function(f){r.Provider=f}},_currentValue:{get:function(){return r._currentValue},set:function(f){r._currentValue=f}},_currentValue2:{get:function(){return r._currentValue2},set:function(f){r._currentValue2=f}},_threadCount:{get:function(){return r._threadCount},set:function(f){r._threadCount=f}},Consumer:{get:function(){return o||(o=!0,y("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")),r.Consumer}},displayName:{get:function(){return r.displayName},set:function(f){l||(pe("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.",f),l=!0)}}}),r.Consumer=h}return r._currentRenderer=null,r._currentRenderer2=null,r}var Le=-1,Ke=0,Xe=1,pr=2;function Dr(e){if(e._status===Le){var r=e._result,o=r();if(o.then(function(h){if(e._status===Ke||e._status===Le){var f=e;f._status=Xe,f._result=h}},function(h){if(e._status===Ke||e._status===Le){var f=e;f._status=pr,f._result=h}}),e._status===Le){var a=e;a._status=Ke,a._result=o}}if(e._status===Xe){var l=e._result;return l===void 0&&y(`lazy: Expected the result of a dynamic import() call. Instead received: %s
|
|
124
|
+
|
|
125
|
+
Your code should look like:
|
|
126
|
+
const MyComponent = lazy(() => import('./MyComponent'))
|
|
127
|
+
|
|
128
|
+
Did you accidentally put curly braces around the import?`,l),"default"in l||y(`lazy: Expected the result of a dynamic import() call. Instead received: %s
|
|
129
|
+
|
|
130
|
+
Your code should look like:
|
|
131
|
+
const MyComponent = lazy(() => import('./MyComponent'))`,l),l.default}else throw e._result}function Fr(e){var r={_status:Le,_result:e},o={$$typeof:ee,_payload:r,_init:Dr};{var a,l;Object.defineProperties(o,{defaultProps:{configurable:!0,get:function(){return a},set:function(h){y("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),a=h,Object.defineProperty(o,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return l},set:function(h){y("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),l=h,Object.defineProperty(o,"propTypes",{enumerable:!0})}}})}return o}function Ar(e){e!=null&&e.$$typeof===L?y("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof e!="function"?y("forwardRef requires a render function but was given %s.",e===null?"null":typeof e):e.length!==0&&e.length!==2&&y("forwardRef render functions accept exactly two parameters: props and ref. %s",e.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),e!=null&&(e.defaultProps!=null||e.propTypes!=null)&&y("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");var r={$$typeof:E,render:e};{var o;Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return o},set:function(a){o=a,!e.name&&!e.displayName&&(e.displayName=a)}})}return r}var yr;yr=Symbol.for("react.module.reference");function t(e){return!!(typeof e=="string"||typeof e=="function"||e===C||e===g||se||e===v||e===x||e===J||oe||e===qe||Pe||Ge||Te||typeof e=="object"&&e!==null&&(e.$$typeof===ee||e.$$typeof===L||e.$$typeof===p||e.$$typeof===D||e.$$typeof===E||e.$$typeof===yr||e.getModuleId!==void 0))}function i(e,r){t(e)||y("memo: The first argument must be a component. Instead received: %s",e===null?"null":typeof e);var o={$$typeof:L,type:e,compare:r===void 0?null:r};{var a;Object.defineProperty(o,"displayName",{enumerable:!1,configurable:!0,get:function(){return a},set:function(l){a=l,!e.name&&!e.displayName&&(e.displayName=l)}})}return o}function u(){var e=xe.current;return e===null&&y(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
|
|
132
|
+
1. You might have mismatching versions of React and the renderer (such as React DOM)
|
|
133
|
+
2. You might be breaking the Rules of Hooks
|
|
134
|
+
3. You might have more than one copy of React in the same app
|
|
135
|
+
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`),e}function m(e){var r=u();if(e._context!==void 0){var o=e._context;o.Consumer===e?y("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):o.Provider===e&&y("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return r.useContext(e)}function N(e){var r=u();return r.useState(e)}function A(e,r,o){var a=u();return a.useReducer(e,r,o)}function j(e){var r=u();return r.useRef(e)}function R(e,r){var o=u();return o.useEffect(e,r)}function te(e,r){var o=u();return o.useInsertionEffect(e,r)}function H(e,r){var o=u();return o.useLayoutEffect(e,r)}function K(e,r){var o=u();return o.useCallback(e,r)}function ue(e,r){var o=u();return o.useMemo(e,r)}function Ce(e,r,o){var a=u();return a.useImperativeHandle(e,r,o)}function _e(e,r){{var o=u();return o.useDebugValue(e,r)}}function ae(){var e=u();return e.useTransition()}function Ze(e){var r=u();return r.useDeferredValue(e)}function Mr(){var e=u();return e.useId()}function Lr(e,r,o){var a=u();return a.useSyncExternalStore(e,r,o)}var Qe=0,Xr,Zr,Qr,et,rt,tt,nt;function ot(){}ot.__reactDisabledLog=!0;function Mt(){{if(Qe===0){Xr=console.log,Zr=console.info,Qr=console.warn,et=console.error,rt=console.group,tt=console.groupCollapsed,nt=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ot,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Qe++}}function Lt(){{if(Qe--,Qe===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:s({},e,{value:Xr}),info:s({},e,{value:Zr}),warn:s({},e,{value:Qr}),error:s({},e,{value:et}),group:s({},e,{value:rt}),groupCollapsed:s({},e,{value:tt}),groupEnd:s({},e,{value:nt})})}Qe<0&&y("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var qr=re.ReactCurrentDispatcher,Vr;function vr(e,r,o){{if(Vr===void 0)try{throw Error()}catch(l){var a=l.stack.trim().match(/\n( *(at )?)/);Vr=a&&a[1]||""}return`
|
|
136
|
+
`+Vr+e}}var Ur=!1,mr;{var qt=typeof WeakMap=="function"?WeakMap:Map;mr=new qt}function at(e,r){if(!e||Ur)return"";{var o=mr.get(e);if(o!==void 0)return o}var a;Ur=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var h;h=qr.current,qr.current=null,Mt();try{if(r){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(ne){a=ne}Reflect.construct(e,[],f)}else{try{f.call()}catch(ne){a=ne}e.call(f.prototype)}}else{try{throw Error()}catch(ne){a=ne}e()}}catch(ne){if(ne&&a&&typeof ne.stack=="string"){for(var _=ne.stack.split(`
|
|
137
|
+
`),T=a.stack.split(`
|
|
138
|
+
`),V=_.length-1,W=T.length-1;V>=1&&W>=0&&_[V]!==T[W];)W--;for(;V>=1&&W>=0;V--,W--)if(_[V]!==T[W]){if(V!==1||W!==1)do if(V--,W--,W<0||_[V]!==T[W]){var z=`
|
|
139
|
+
`+_[V].replace(" at new "," at ");return e.displayName&&z.includes("<anonymous>")&&(z=z.replace("<anonymous>",e.displayName)),typeof e=="function"&&mr.set(e,z),z}while(V>=1&&W>=0);break}}}finally{Ur=!1,qr.current=h,Lt(),Error.prepareStackTrace=l}var G=e?e.displayName||e.name:"",Q=G?vr(G):"";return typeof e=="function"&&mr.set(e,Q),Q}function Vt(e,r,o){return at(e,!1)}function Ut(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function hr(e,r,o){if(e==null)return"";if(typeof e=="function")return at(e,Ut(e));if(typeof e=="string")return vr(e);switch(e){case x:return vr("Suspense");case J:return vr("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case E:return Vt(e.render);case L:return hr(e.type,r,o);case ee:{var a=e,l=a._payload,h=a._init;try{return hr(h(l),r,o)}catch{}}}return""}var it={},st=re.ReactDebugCurrentFrame;function br(e){if(e){var r=e._owner,o=hr(e.type,e._source,r?r.type:null);st.setExtraStackFrame(o)}else st.setExtraStackFrame(null)}function Wt(e,r,o,a,l){{var h=Function.call.bind(De);for(var f in e)if(h(e,f)){var _=void 0;try{if(typeof e[f]!="function"){var T=Error((a||"React class")+": "+o+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw T.name="Invariant Violation",T}_=e[f](r,f,a,o,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(V){_=V}_&&!(_ instanceof Error)&&(br(l),y("%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).",a||"React class",o,f,typeof _),br(null)),_ instanceof Error&&!(_.message in it)&&(it[_.message]=!0,br(l),y("Failed %s type: %s",o,_.message),br(null))}}}function Ye(e){if(e){var r=e._owner,o=hr(e.type,e._source,r?r.type:null);Oe(o)}else Oe(null)}var Wr;Wr=!1;function ut(){if(ie.current){var e=me(ie.current.type);if(e)return`
|
|
140
|
+
|
|
141
|
+
Check the render method of \``+e+"`."}return""}function zt(e){if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),o=e.lineNumber;return`
|
|
142
|
+
|
|
143
|
+
Check your code at `+r+":"+o+"."}return""}function Bt(e){return e!=null?zt(e.__source):""}var lt={};function Yt(e){var r=ut();if(!r){var o=typeof e=="string"?e:e.displayName||e.name;o&&(r=`
|
|
144
|
+
|
|
145
|
+
Check the top-level render call using <`+o+">.")}return r}function ct(e,r){if(!(!e._store||e._store.validated||e.key!=null)){e._store.validated=!0;var o=Yt(r);if(!lt[o]){lt[o]=!0;var a="";e&&e._owner&&e._owner!==ie.current&&(a=" It was passed a child from "+me(e._owner.type)+"."),Ye(e),y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',o,a),Ye(null)}}}function ft(e,r){if(typeof e=="object"){if(Ve(e))for(var o=0;o<e.length;o++){var a=e[o];Ee(a)&&ct(a,r)}else if(Ee(e))e._store&&(e._store.validated=!0);else if(e){var l=Y(e);if(typeof l=="function"&&l!==e.entries)for(var h=l.call(e),f;!(f=h.next()).done;)Ee(f.value)&&ct(f.value,r)}}}function dt(e){{var r=e.type;if(r==null||typeof r=="string")return;var o;if(typeof r=="function")o=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===E||r.$$typeof===L))o=r.propTypes;else return;if(o){var a=me(r);Wt(o,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!Wr){Wr=!0;var l=me(r);y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ht(e){{for(var r=Object.keys(e.props),o=0;o<r.length;o++){var a=r[o];if(a!=="children"&&a!=="key"){Ye(e),y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),Ye(null);break}}e.ref!==null&&(Ye(e),y("Invalid attribute `ref` supplied to `React.Fragment`."),Ye(null))}}function pt(e,r,o){var a=t(e);if(!a){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 h=Bt(r);h?l+=h:l+=ut();var f;e===null?f="null":Ve(e)?f="array":e!==void 0&&e.$$typeof===I?(f="<"+(me(e.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):f=typeof e,y("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",f,l)}var _=kr.apply(this,arguments);if(_==null)return _;if(a)for(var T=2;T<arguments.length;T++)ft(arguments[T],e);return e===C?Ht(_):dt(_),_}var yt=!1;function Gt(e){var r=pt.bind(null,e);return r.type=e,yt||(yt=!0,pe("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")),Object.defineProperty(r,"type",{enumerable:!1,get:function(){return pe("Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),r}function Jt(e,r,o){for(var a=Pr.apply(this,arguments),l=2;l<arguments.length;l++)ft(arguments[l],a.type);return dt(a),a}function Kt(e,r){var o=de.transition;de.transition={};var a=de.transition;de.transition._updatedFibers=new Set;try{e()}finally{if(de.transition=o,o===null&&a._updatedFibers){var l=a._updatedFibers.size;l>10&&pe("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."),a._updatedFibers.clear()}}}var vt=!1,gr=null;function Xt(e){if(gr===null)try{var r=("require"+Math.random()).slice(0,7),o=d&&d[r];gr=o.call(d,"timers").setImmediate}catch{gr=function(a){vt===!1&&(vt=!0,typeof MessageChannel>"u"&&y("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var l=new MessageChannel;l.port1.onmessage=a,l.port2.postMessage(void 0)}}return gr(e)}var He=0,mt=!1;function ht(e){{var r=He;He++,X.current===null&&(X.current=[]);var o=X.isBatchingLegacy,a;try{if(X.isBatchingLegacy=!0,a=e(),!o&&X.didScheduleLegacyUpdate){var l=X.current;l!==null&&(X.didScheduleLegacyUpdate=!1,Yr(l))}}catch(G){throw _r(r),G}finally{X.isBatchingLegacy=o}if(a!==null&&typeof a=="object"&&typeof a.then=="function"){var h=a,f=!1,_={then:function(G,Q){f=!0,h.then(function(ne){_r(r),He===0?zr(ne,G,Q):G(ne)},function(ne){_r(r),Q(ne)})}};return!mt&&typeof Promise<"u"&&Promise.resolve().then(function(){}).then(function(){f||(mt=!0,y("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),_}else{var T=a;if(_r(r),He===0){var V=X.current;V!==null&&(Yr(V),X.current=null);var W={then:function(G,Q){X.current===null?(X.current=[],zr(T,G,Q)):G(T)}};return W}else{var z={then:function(G,Q){G(T)}};return z}}}}function _r(e){e!==He-1&&y("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),He=e}function zr(e,r,o){{var a=X.current;if(a!==null)try{Yr(a),Xt(function(){a.length===0?(X.current=null,r(e)):zr(e,r,o)})}catch(l){o(l)}else r(e)}}var Br=!1;function Yr(e){if(!Br){Br=!0;var r=0;try{for(;r<e.length;r++){var o=e[r];do o=o(!0);while(o!==null)}e.length=0}catch(a){throw e=e.slice(r+1),a}finally{Br=!1}}}var Zt=pt,Qt=Jt,en=Gt,rn={map:Me,forEach:cr,count:$r,toArray:Nr,only:fr};c.Children=rn,c.Component=O,c.Fragment=C,c.Profiler=g,c.PureComponent=F,c.StrictMode=v,c.Suspense=x,c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=re,c.act=ht,c.cloneElement=Qt,c.createContext=dr,c.createElement=Zt,c.createFactory=en,c.createRef=Sr,c.forwardRef=Ar,c.isValidElement=Ee,c.lazy=Fr,c.memo=i,c.startTransition=Kt,c.unstable_act=ht,c.useCallback=K,c.useContext=m,c.useDebugValue=_e,c.useDeferredValue=Ze,c.useEffect=R,c.useId=Mr,c.useImperativeHandle=Ce,c.useInsertionEffect=te,c.useLayoutEffect=H,c.useMemo=ue,c.useReducer=A,c.useRef=j,c.useState=N,c.useSyncExternalStore=Lr,c.useTransition=ae,c.version=k,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}()}(wr,wr.exports)),wr.exports}var Ct;function fn(){return Ct||(Ct=1,process.env.NODE_ENV==="production"?Gr.exports=ln():Gr.exports=cn()),Gr.exports}fn();const ke=B.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),jt=`
|
|
31
146
|
bg-white
|
|
32
147
|
border
|
|
33
148
|
border-solid
|
|
34
149
|
border-sumi-900
|
|
35
|
-
outline-offset-2
|
|
36
|
-
focus:outline
|
|
37
|
-
focus:outline-2
|
|
38
|
-
focus:outline-wood-500
|
|
39
150
|
disabled:bg-transparent
|
|
40
151
|
disabled:text-sumi-500
|
|
41
152
|
disabled:border-sumi-500
|
|
42
153
|
aria-invalid:border-sun-800
|
|
43
|
-
|
|
154
|
+
${je.focusRect}
|
|
155
|
+
`,kt={lg:`
|
|
44
156
|
p-4
|
|
45
157
|
text-label
|
|
46
158
|
rounded-lg
|
|
@@ -57,13 +169,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
57
169
|
text-label
|
|
58
170
|
rounded-md
|
|
59
171
|
leading-snug
|
|
60
|
-
`},
|
|
172
|
+
`},Ot=`
|
|
61
173
|
inline-block
|
|
62
174
|
cursor-pointer
|
|
63
175
|
border
|
|
64
176
|
border-solid
|
|
65
177
|
border-transparent
|
|
66
|
-
`,
|
|
178
|
+
`,Pt={lg:`
|
|
67
179
|
pr-8
|
|
68
180
|
py-4
|
|
69
181
|
text-label
|
|
@@ -78,10 +190,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
78
190
|
py-2
|
|
79
191
|
text-label
|
|
80
192
|
leading-snug
|
|
81
|
-
`},
|
|
193
|
+
`},Tt={lg:"w-[22px] h-[22px] mr-2",md:"w-[18px] h-[18px] mr-1.5",sm:"w-[18px] h-[18px] mr-1"},Jr=B.forwardRef((d,c)=>{const{id:k,className:I,size:P="lg",children:C,...v}=d,g=k||B.useId(),p=B.useContext(ke);p.isRequired&&(v.required=!0),p.groupName&&(v.name=p.groupName);const D={lg:22/24,md:18/24,sm:18/24},E=`
|
|
82
194
|
peer
|
|
83
195
|
sr-only
|
|
84
|
-
`,
|
|
196
|
+
`,x=`
|
|
85
197
|
bg-clip-content
|
|
86
198
|
rounded
|
|
87
199
|
border
|
|
@@ -92,13 +204,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
92
204
|
peer-checked:bg-sea-600
|
|
93
205
|
peer-checked:border-none
|
|
94
206
|
peer-disabled:border-sumi-500
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
peer-focus-visible:ring-wood-500
|
|
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=`
|
|
207
|
+
${je.Peer.focusRect}
|
|
208
|
+
`;return b.jsx("label",{htmlFor:g,className:le(Ot,Pt[P],I),children:b.jsxs("span",{className:"flex items-center",children:[b.jsx("input",{id:g,className:E,type:"checkbox","aria-describedby":p.helperTextId,"aria-errormessage":p.errorMessageId,"aria-invalid":p.isInvalid??!1,"aria-required":p.isRequired??!1,...v,ref:c}),b.jsx("span",{className:le(x,Tt[P]),children:b.jsx("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,width:"24",height:"24",viewBox:"0 0 24 24",children:b.jsx("g",{transform:`scale(${D[P]} ${D[P]})`,children:b.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"})})})}),b.jsx("span",{className:"peer-disabled:text-sumi-500",children:C})]})})});Jr.displayName="Checkbox";const Kr=B.forwardRef((d,c)=>{const{id:k,className:I,size:P="lg",children:C,...v}=d,g=k||B.useId(),p=B.useContext(ke);p.isRequired&&(v.required=!0),p.groupName&&(v.name=p.groupName);const D=`
|
|
99
209
|
peer
|
|
100
210
|
sr-only
|
|
101
|
-
`,
|
|
211
|
+
`,E=`
|
|
102
212
|
bg-clip-content
|
|
103
213
|
rounded-full
|
|
104
214
|
border
|
|
@@ -107,15 +217,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
107
217
|
peer-checked:bg-sea-600
|
|
108
218
|
peer-checked:border-sea-600
|
|
109
219
|
peer-disabled:border-sumi-500
|
|
110
|
-
|
|
111
|
-
|
|
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[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(`
|
|
220
|
+
${je.Peer.focusRect}
|
|
221
|
+
`,x={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return b.jsx("label",{htmlFor:g,className:le(Ot,Pt[P],I),children:b.jsxs("span",{className:"flex items-center",children:[b.jsx("input",{id:g,className:D,type:"radio","aria-describedby":p.helperTextId,"aria-errormessage":p.errorMessageId,"aria-invalid":p.isInvalid??!1,"aria-required":p.isRequired??!1,...v,ref:c}),b.jsx("span",{"aria-hidden":!0,className:le(E,x[P],Tt[P])}),b.jsx("span",{className:"peer-disabled:text-sumi-500",children:C})]})})});Kr.displayName="Radio";const dn=B.forwardRef((d,c)=>{const{id:k,className:I,size:P="lg",children:C,...v}=d,g=B.useContext(ke);return g.isRequired&&(v.required=!0),b.jsxs("div",{className:"inline-block relative",children:[b.jsx("select",{id:k||g.id,className:le(`
|
|
114
222
|
!pr-8
|
|
115
223
|
peer
|
|
116
224
|
cursor-pointer
|
|
117
225
|
appearance-none
|
|
118
|
-
`,
|
|
226
|
+
`,jt,kt[P],I),"aria-describedby":g.helperTextId,"aria-errormessage":g.errorMessageId,"aria-invalid":g.isInvalid??!1,"aria-required":g.isRequired??!1,...v,ref:c,children:C}),b.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:`
|
|
119
227
|
pointer-events-none
|
|
120
228
|
absolute
|
|
121
229
|
right-4
|
|
@@ -123,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
123
231
|
-translate-y-1/2
|
|
124
232
|
text-sumi-900
|
|
125
233
|
peer-disabled:text-sumi-500
|
|
126
|
-
`,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[
|
|
234
|
+
`,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[b.jsx("title",{children:"arrow down"}),b.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"})]})]})}),It=B.forwardRef((d,c)=>{const{id:k,className:I,size:P="lg",...C}=d,v=B.useContext(ke);v.isRequired&&(C.required=!0);const g=`
|
|
127
235
|
file:mr-2
|
|
128
236
|
file:inline-block
|
|
129
237
|
file:text-button
|
|
@@ -139,7 +247,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
139
247
|
file:active:border-blue-1200
|
|
140
248
|
file:disabled:border-sumi-500
|
|
141
249
|
file:disabled:cursor-not-allowed
|
|
142
|
-
`,
|
|
250
|
+
`,p=`
|
|
143
251
|
file:text-sea-900
|
|
144
252
|
file:hover:text-sea-1000
|
|
145
253
|
file:active:text-sea-1200
|
|
@@ -148,16 +256,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
148
256
|
file:active:bg-sea-300
|
|
149
257
|
file:disabled:text-sumi-500
|
|
150
258
|
file:disabled:bg-transparent
|
|
151
|
-
`,
|
|
259
|
+
`,D=`
|
|
152
260
|
text-label
|
|
153
261
|
text-sumi-900
|
|
154
262
|
rounded-lg
|
|
155
263
|
outline-offset-2
|
|
156
|
-
focus:outline
|
|
157
|
-
focus:outline-2
|
|
158
|
-
focus:outline-wood-600
|
|
159
264
|
aria-invalid:text-sun-800
|
|
160
|
-
|
|
265
|
+
${je.hoverUnderline}
|
|
266
|
+
${je.focusRounded}
|
|
267
|
+
`,E={lg:`
|
|
161
268
|
file:p-4
|
|
162
269
|
file:text-button
|
|
163
270
|
file:rounded-lg
|
|
@@ -174,23 +281,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
174
281
|
file:text-button
|
|
175
282
|
file:rounded-md
|
|
176
283
|
file:leading-snug
|
|
177
|
-
`};return
|
|
284
|
+
`};return b.jsx("input",{type:"file",id:k||v.id,className:le(g,p,E[P],D,I),"aria-describedby":v.helperTextId,"aria-errormessage":v.errorMessageId,"aria-invalid":v.isInvalid??!1,"aria-required":v.isRequired??!1,ref:c,...C})});It.displayName="FileInput";const $t=B.forwardRef((d,c)=>{const{id:k,className:I,size:P="lg",...C}=d,v=B.useContext(ke);return v.isRequired&&(C.required=!0),b.jsx("input",{type:"text",id:k||v.id,className:le(jt,kt[P],I),"aria-describedby":v.helperTextId,"aria-errormessage":v.errorMessageId,"aria-invalid":v.isInvalid??!1,"aria-required":v.isRequired??!1,ref:c,...C})});$t.displayName="Input";const Nt=B.forwardRef((d,c)=>{const{id:k,className:I,children:P,onChange:C,maxLength:v,...g}=d,[p,D]=B.useState(0),E=ee=>{C&&C(ee),D(ee.target.value.length)},x=B.useContext(ke);x.isRequired&&(g.required=!0);const J=p>(v||0)?"text-sun-800":"text-sumi-700",L=`
|
|
178
285
|
p-4
|
|
179
286
|
text-label
|
|
180
287
|
rounded-lg
|
|
181
288
|
border
|
|
182
289
|
border-solid
|
|
183
290
|
border-sumi-900
|
|
184
|
-
outline-offset-2
|
|
185
|
-
focus:outline
|
|
186
|
-
focus:outline-2
|
|
187
|
-
focus:outline-wood-500
|
|
188
291
|
disabled:bg-transparent
|
|
189
292
|
disabled:text-sumi-500
|
|
190
293
|
disabled:border-sumi-500
|
|
191
294
|
aria-invalid:border-sun-800
|
|
192
|
-
|
|
295
|
+
${je.focusRect}
|
|
296
|
+
`;return b.jsxs(b.Fragment,{children:[b.jsx("textarea",{id:k||x.id,className:le(L,I),"aria-describedby":x.helperTextId,"aria-errormessage":x.errorMessageId,"aria-invalid":x.isInvalid??!1,"aria-required":x.isRequired??!1,onChange:E,...g,ref:c,children:P}),v?b.jsxs("p",{className:"text-label text-sumi-700",children:[b.jsx("span",{className:J,children:p}),"/",b.jsx("span",{children:v})]}):""]})});Nt.displayName="Textarea";const Dt=B.forwardRef((d,c)=>{const k=B.useId(),{labelText:I,className:P,helperText:C,errorMessage:v,isInvalid:g,isRequired:p,children:D,...E}=d,x={id:d.htmlFor??`input-${k}`,helperTextId:`helper-text-${k}`,errorMessageId:`error-message-${k}`,isInvalid:g??!1,isRequired:p??!1};return b.jsx(ke.Provider,{value:x,children:b.jsxs("div",{className:le("flex flex-col items-start gap-2",P),children:[b.jsxs("label",{className:le("block text-label",g&&"text-sun-800"),htmlFor:x.id,ref:c,...E,children:[I,p&&b.jsx("span",{className:"text-label text-sun-800",children:" *"})]}),C&&b.jsx("p",{id:x.helperTextId,className:`
|
|
193
297
|
text-label text-sumi-700
|
|
194
|
-
`,
|
|
298
|
+
`,children:C}),D,g&&b.jsx("p",{id:x.errorMessageId,className:`
|
|
195
299
|
text-label text-sun-800
|
|
196
|
-
`,
|
|
300
|
+
`,children:v})]})})});Dt.displayName="LabelControl";const Er=B.forwardRef((d,c)=>{const k=B.useId(),{labelText:I,className:P,helperText:C,errorMessage:v,isInvalid:g,isRequired:p,direction:D,children:E,...x}=d,L={groupName:x.name??`group-${k}`,helperTextId:`helper-text-${k}`,errorMessageId:`error-message-${k}`,isInvalid:g??!1,isRequired:p??!1},ee=D??"flex-col";return b.jsx(ke.Provider,{value:L,children:b.jsxs("fieldset",{className:le("flex flex-col items-start gap-2",P),ref:c,...x,children:[b.jsx("legend",{children:b.jsxs("p",{className:le("block text-label",g&&"text-sun-800"),children:[I,p&&b.jsx("span",{className:"text-sun-800",children:" *"})]})}),b.jsx("div",{className:le("inline-flex",ee),children:E}),C&&b.jsx("p",{id:L.helperTextId,className:"text-sup text-sumi-700",children:C}),g&&b.jsx("p",{id:L.errorMessageId,className:"text-label text-sun-800",children:v})]})})});Er.displayName="FieldsetControl";const Ft=B.forwardRef((d,c)=>{const{items:k,onChange:I,className:P,labelText:C,helperText:v,errorMessage:g,isInvalid:p,isRequired:D,size:E,...x}=d;return b.jsx(Er,{className:P,labelText:C,helperText:v,errorMessage:g,isInvalid:p,isRequired:D,ref:c,...x,children:k.map(({label:J,value:L})=>b.jsx(Jr,{size:E,value:L,onChange:I,children:J},`${J}-${L}`))})});Ft.displayName="CheckboxGroup";const At=B.forwardRef((d,c)=>{const{items:k,onChange:I,className:P,labelText:C,helperText:v,errorMessage:g,isInvalid:p,isRequired:D,defaultValue:E,size:x,...J}=d;return b.jsx(Er,{className:P,labelText:C,helperText:v,errorMessage:g,isInvalid:p,isRequired:D,ref:c,...J,children:k.map(({label:L,value:ee})=>b.jsx(Kr,{size:x,value:ee,onChange:I,defaultChecked:E===ee,children:L},`${L}-${ee}`))})});At.displayName="RadioGroup";exports.Checkbox=Jr;exports.CheckboxGroup=Ft;exports.FieldsetControl=Er;exports.FileInput=It;exports.Input=$t;exports.LabelControl=Dt;exports.Radio=Kr;exports.RadioGroup=At;exports.Select=dn;exports.Textarea=Nt;
|