@sakura-ui/forms 0.3.0 → 0.4.0
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 +51 -76
- package/dist/index.es.js +472 -653
- package/package.json +8 -4
package/dist/index.cjs.js
CHANGED
|
@@ -1,84 +1,59 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
* @license React
|
|
3
|
-
* react-jsx-runtime.production.js
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var Re;function Ge(){if(Re)return q;Re=1;var s=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function f(b,i,o){var n=null;if(o!==void 0&&(n=""+o),i.key!==void 0&&(n=""+i.key),"key"in i){o={};for(var g in i)g!=="key"&&(o[g]=i[g])}else o=i;return i=o.ref,{$$typeof:s,type:b,key:n,ref:i!==void 0?i:null,props:o}}return q.Fragment=d,q.jsx=f,q.jsxs=f,q}var M={};/**
|
|
10
|
-
* @license React
|
|
11
|
-
* react-jsx-runtime.development.js
|
|
12
|
-
*
|
|
13
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the MIT license found in the
|
|
16
|
-
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var Ne;function He(){return Ne||(Ne=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Be?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case U:return"Fragment";case ze:return"Portal";case le:return"Profiler";case oe:return"StrictMode";case H:return"Suspense";case J:return"SuspenseList"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case ie:return(e.displayName||"Context")+".Provider";case ae:return(e._context.displayName||"Context")+".Consumer";case G:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case V:return r=e.displayName||null,r!==null?r:s(e.type)||"Memo";case L:r=e._payload,e=e._init;try{return s(e(r))}catch{}}return null}function d(e){return""+e}function f(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),d(e)}}function b(){}function i(){if(O===0){de=console.log,ue=console.info,fe=console.warn,be=console.error,ge=console.group,pe=console.groupCollapsed,xe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:b,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}O++}function o(){if(O--,O===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:_({},e,{value:de}),info:_({},e,{value:ue}),warn:_({},e,{value:fe}),error:_({},e,{value:be}),group:_({},e,{value:ge}),groupCollapsed:_({},e,{value:pe}),groupEnd:_({},e,{value:xe})})}0>O&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function n(e){if(Z===void 0)try{throw Error()}catch(t){var r=t.stack.trim().match(/\n( *(at )?)/);Z=r&&r[1]||"",me=-1<t.stack.indexOf(`
|
|
18
|
-
at`)?" (<anonymous>)":-1<t.stack.indexOf("@")?"@unknown:0:0":""}return`
|
|
19
|
-
`+Z+e+me}function g(e,r){if(!e||Q)return"";var t=K.get(e);if(t!==void 0)return t;Q=!0,t=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var u=null;u=S.H,S.H=null,i();try{var v={DetermineComponentFrameRoot:function(){try{if(r){var T=function(){throw Error()};if(Object.defineProperty(T.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(T,[])}catch(C){var Y=C}Reflect.construct(e,[],T)}else{try{T.call()}catch(C){Y=C}e.call(T.prototype)}}else{try{throw Error()}catch(C){Y=C}(T=e())&&typeof T.catch=="function"&&T.catch(function(){})}}catch(C){if(C&&Y&&typeof C.stack=="string")return[C.stack,Y.stack]}return[null,null]}};v.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var x=Object.getOwnPropertyDescriptor(v.DetermineComponentFrameRoot,"name");x&&x.configurable&&Object.defineProperty(v.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var a=v.DetermineComponentFrameRoot(),w=a[0],A=a[1];if(w&&A){var h=w.split(`
|
|
20
|
-
`),P=A.split(`
|
|
21
|
-
`);for(a=x=0;x<h.length&&!h[x].includes("DetermineComponentFrameRoot");)x++;for(;a<P.length&&!P[a].includes("DetermineComponentFrameRoot");)a++;if(x===h.length||a===P.length)for(x=h.length-1,a=P.length-1;1<=x&&0<=a&&h[x]!==P[a];)a--;for(;1<=x&&0<=a;x--,a--)if(h[x]!==P[a]){if(x!==1||a!==1)do if(x--,a--,0>a||h[x]!==P[a]){var $=`
|
|
22
|
-
`+h[x].replace(" at new "," at ");return e.displayName&&$.includes("<anonymous>")&&($=$.replace("<anonymous>",e.displayName)),typeof e=="function"&&K.set(e,$),$}while(1<=x&&0<=a);break}}}finally{Q=!1,S.H=u,o(),Error.prepareStackTrace=t}return h=(h=e?e.displayName||e.name:"")?n(h):"",typeof e=="function"&&K.set(e,h),h}function c(e){if(e==null)return"";if(typeof e=="function"){var r=e.prototype;return g(e,!(!r||!r.isReactComponent))}if(typeof e=="string")return n(e);switch(e){case H:return n("Suspense");case J:return n("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case G:return e=g(e.render,!1),e;case V:return c(e.type);case L:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return""}function m(){var e=S.A;return e===null?null:e.getOwner()}function p(e){if(ce.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function y(e,r){function t(){ve||(ve=!0,console.error("%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://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function E(){var e=s(this.type);return he[e]||(he[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function j(e,r,t,u,v,x){return t=x.ref,e={$$typeof:F,type:e,key:r,props:x,_owner:v},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function re(e,r,t,u,v,x){if(typeof e=="string"||typeof e=="function"||e===U||e===le||e===oe||e===H||e===J||e===We||typeof e=="object"&&e!==null&&(e.$$typeof===L||e.$$typeof===V||e.$$typeof===ie||e.$$typeof===ae||e.$$typeof===G||e.$$typeof===Fe||e.getModuleId!==void 0)){var a=r.children;if(a!==void 0)if(u)if(X(a)){for(u=0;u<a.length;u++)te(a[u],e);Object.freeze&&Object.freeze(a)}else console.error("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 te(a,e)}else a="",(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),e===null?u="null":X(e)?u="array":e!==void 0&&e.$$typeof===F?(u="<"+(s(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):u=typeof e,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",u,a);if(ce.call(r,"key")){a=s(e);var w=Object.keys(r).filter(function(h){return h!=="key"});u=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",ye[a+u]||(w=0<w.length?"{"+w.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var k={exports:{}},E={};var U;function ve(){if(U)return E;U=1;var r=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function c(n,a,t){var o=null;if(t!==void 0&&(o=""+t),a.key!==void 0&&(o=""+a.key),"key"in a){t={};for(var u in a)u!=="key"&&(t[u]=a[u])}else t=a;return a=t.ref,{$$typeof:r,type:n,key:o,ref:a!==void 0?a:null,props:t}}return E.Fragment=i,E.jsx=c,E.jsxs=c,E}var _={};var G;function ye(){return G||(G=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===me?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case ne:return"Profiler";case ie:return"StrictMode";case fe:return"Suspense";case pe:return"SuspenseList";case xe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case oe:return"Portal";case ce:return e.displayName||"Context";case de:return(e._context.displayName||"Context")+".Consumer";case ue:var l=e.render;return e=e.displayName,e||(e=l.displayName||l.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case be:return l=e.displayName||null,l!==null?l:r(e.type)||"Memo";case P:l=e._payload,e=e._init;try{return r(e(l))}catch{}}return null}function i(e){return""+e}function c(e){try{i(e);var l=!1}catch{l=!0}if(l){l=console;var p=l.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return p.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),i(e)}}function n(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var l=r(e);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function a(){var e=S.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function o(e){if(Y.call(e,"key")){var l=Object.getOwnPropertyDescriptor(e,"key").get;if(l&&l.isReactWarning)return!1}return e.key!==void 0}function u(e,l){function p(){z||(z=!0,console.error("%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://react.dev/link/special-props)",l))}p.isReactWarning=!0,Object.defineProperty(e,"key",{get:p,configurable:!0})}function d(){var e=r(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function m(e,l,p,b,I,A){var x=p.ref;return e={$$typeof:F,type:e,key:l,props:p,_owner:b},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:d}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function f(e,l,p,b,I,A){var x=l.children;if(x!==void 0)if(b)if(ge(x)){for(b=0;b<x.length;b++)g(x[b]);Object.freeze&&Object.freeze(x)}else console.error("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 g(x);if(Y.call(l,"key")){x=r(e);var j=Object.keys(l).filter(function(he){return he!=="key"});b=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",B[x+b]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
23
2
|
let props = %s;
|
|
24
3
|
<%s {...props} />
|
|
25
4
|
React keys must be passed directly to JSX without using spread:
|
|
26
5
|
let props = %s;
|
|
27
|
-
<%s key={someKey} {...props} />`,
|
|
28
|
-
|
|
29
|
-
Check the render method of \``+t+"`."),r||(e=s(e))&&(r=`
|
|
30
|
-
|
|
31
|
-
Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.transitional.element"),ze=Symbol.for("react.portal"),U=Symbol.for("react.fragment"),oe=Symbol.for("react.strict_mode"),le=Symbol.for("react.profiler"),ae=Symbol.for("react.consumer"),ie=Symbol.for("react.context"),G=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),We=Symbol.for("react.offscreen"),ne=Symbol.iterator,Be=Symbol.for("react.client.reference"),S=Ye.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ce=Object.prototype.hasOwnProperty,_=Object.assign,Fe=Symbol.for("react.client.reference"),X=Array.isArray,O=0,de,ue,fe,be,ge,pe,xe;b.__reactDisabledLog=!0;var Z,me,Q=!1,K=new(typeof WeakMap=="function"?WeakMap:Map),Ue=Symbol.for("react.client.reference"),ve,he={},ye={},Ee={};M.Fragment=U,M.jsx=function(e,r,t,u,v){return re(e,r,t,!1,u,v)},M.jsxs=function(e,r,t,u,v){return re(e,r,t,!0,u,v)}}()),M}var je;function Je(){return je||(je=1,process.env.NODE_ENV==="production"?z.exports=Ge():z.exports=He()),z.exports}var l=Je();const R=(...s)=>s.filter(Boolean).join(" ");var k;(s=>{s.clickable=`
|
|
6
|
+
<%s key={someKey} {...props} />`,b,x,j,x),B[x+b]=!0)}if(x=null,p!==void 0&&(c(p),x=""+p),o(l)&&(c(l.key),x=""+l.key),"key"in l){p={};for(var $ in l)$!=="key"&&(p[$]=l[$])}else p=l;return x&&u(p,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,x,p,a(),I,A)}function g(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var v=R,F=Symbol.for("react.transitional.element"),oe=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),ie=Symbol.for("react.strict_mode"),ne=Symbol.for("react.profiler"),de=Symbol.for("react.consumer"),ce=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),fe=Symbol.for("react.suspense"),pe=Symbol.for("react.suspense_list"),be=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),xe=Symbol.for("react.activity"),me=Symbol.for("react.client.reference"),S=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,ge=Array.isArray,O=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var z,L={},D=v.react_stack_bottom_frame.bind(v,t)(),W=O(n(t)),B={};_.Fragment=C,_.jsx=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!1,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)},_.jsxs=function(e,l,p){var b=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,p,!0,b?Error("react-stack-top-frame"):D,b?O(n(e)):W)}}()),_}var V;function Re(){return V||(V=1,process.env.NODE_ENV==="production"?k.exports=ve():k.exports=ye()),k.exports}var s=Re();const y=(...r)=>r.filter(Boolean).join(" ");var N;(r=>{r.clickable=`
|
|
32
7
|
px-2
|
|
33
8
|
min-h-[calc(44/16*1rem)]
|
|
34
9
|
border
|
|
35
10
|
border-transparent
|
|
36
11
|
rounded-lg
|
|
37
12
|
hover:bg-solid-grey-50
|
|
38
|
-
`,
|
|
13
|
+
`,r.selected=`
|
|
39
14
|
rounded-full
|
|
40
15
|
bg-yellow-50
|
|
41
|
-
`;const
|
|
16
|
+
`;const i=`
|
|
42
17
|
focus-visible:outline
|
|
43
18
|
focus-visible:outline-4
|
|
44
19
|
focus-visible:outline-black
|
|
45
20
|
focus-visible:ring-yellow-300
|
|
46
|
-
`;
|
|
47
|
-
${
|
|
21
|
+
`;r.focusRectCondensed=`
|
|
22
|
+
${i}
|
|
48
23
|
focus-visible:-outline-offset-4
|
|
49
24
|
focus-visible:ring-[calc(6/16*1rem)]
|
|
50
25
|
focus-visible:ring-inset
|
|
51
|
-
`,
|
|
52
|
-
${
|
|
26
|
+
`,r.focusRectCondensedWithBg=`
|
|
27
|
+
${r.focusRectCondensed}
|
|
53
28
|
focus-visible:bg-yellow-300
|
|
54
|
-
`,
|
|
55
|
-
${
|
|
29
|
+
`,r.focusRect=`
|
|
30
|
+
${i}
|
|
56
31
|
focus-visible:outline-offset-[calc(2/16*1rem)]
|
|
57
32
|
focus-visible:ring-[calc(2/16*1rem)]
|
|
58
|
-
`,
|
|
59
|
-
${
|
|
33
|
+
`,r.focusRounded=`
|
|
34
|
+
${r.focusRect}
|
|
60
35
|
focus-visible:rounded
|
|
61
|
-
`,
|
|
62
|
-
${
|
|
36
|
+
`,r.focusCard=`
|
|
37
|
+
${r.focusRect}
|
|
63
38
|
focus-visible:rounded-2xl
|
|
64
39
|
sm:focus-visible:rounded-3xl
|
|
65
|
-
`,
|
|
66
|
-
${
|
|
40
|
+
`,r.focusRectWithBg=`
|
|
41
|
+
${r.focusRect}
|
|
67
42
|
focus-visible:bg-yellow-300
|
|
68
|
-
`,
|
|
69
|
-
${
|
|
43
|
+
`,r.focusRoundedWithBg=`
|
|
44
|
+
${r.focusRectWithBg}
|
|
70
45
|
focus-visible:rounded
|
|
71
|
-
`,
|
|
46
|
+
`,r.hoverUnderline=`
|
|
72
47
|
hover:underline
|
|
73
48
|
hover:underline-offset-[calc(3/16*1rem)]
|
|
74
|
-
`,
|
|
49
|
+
`,r.underline=`
|
|
75
50
|
underline
|
|
76
51
|
underline-offset-[calc(3/16*1rem)]
|
|
77
52
|
hover:decoration-[calc(3/16*1rem)]
|
|
78
|
-
`,
|
|
53
|
+
`,r.underlineNoDeco=`
|
|
79
54
|
underline
|
|
80
55
|
underline-offset-[calc(3/16*1rem)]
|
|
81
|
-
`,
|
|
56
|
+
`,r.popover=`
|
|
82
57
|
min-w-fit
|
|
83
58
|
w-auto
|
|
84
59
|
py-2
|
|
@@ -88,24 +63,24 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
88
63
|
border
|
|
89
64
|
border-solid-grey-420
|
|
90
65
|
has-[>:nth-child(7)]:rounded-r-none
|
|
91
|
-
`,
|
|
66
|
+
`,r.popoverPositionBottomRight=`
|
|
92
67
|
absolute
|
|
93
68
|
top-11
|
|
94
69
|
right-0
|
|
95
|
-
`,
|
|
70
|
+
`,r.popoverPositionBottomLeft=`
|
|
96
71
|
absolute
|
|
97
72
|
top-11
|
|
98
73
|
left-0
|
|
99
|
-
`,(
|
|
74
|
+
`,(c=>{c.focus=`
|
|
100
75
|
peer-focus-visible:outline
|
|
101
76
|
peer-focus-visible:outline-4
|
|
102
77
|
peer-focus-visible:outline-black
|
|
103
78
|
peer-focus-visible:ring-yellow-300
|
|
104
|
-
`,
|
|
105
|
-
${
|
|
79
|
+
`,c.focusRect=`
|
|
80
|
+
${c.focus}
|
|
106
81
|
peer-focus-visible:outline-offset-[calc(2/16*1rem)]
|
|
107
82
|
peer-focus-visible:ring-[calc(2/16*1rem)]
|
|
108
|
-
`})(
|
|
83
|
+
`})(r.Peer||(r.Peer={}))})(N||(N={}));const T=R.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),J=`
|
|
109
84
|
bg-white
|
|
110
85
|
border
|
|
111
86
|
border-solid
|
|
@@ -114,8 +89,8 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
114
89
|
disabled:text-solid-gray-500
|
|
115
90
|
disabled:border-solid-gray-500
|
|
116
91
|
aria-invalid:border-red-800
|
|
117
|
-
${
|
|
118
|
-
`,
|
|
92
|
+
${N.focusRect}
|
|
93
|
+
`,H={lg:`
|
|
119
94
|
p-4
|
|
120
95
|
text-label
|
|
121
96
|
rounded-lg
|
|
@@ -132,13 +107,13 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
132
107
|
text-label
|
|
133
108
|
rounded-md
|
|
134
109
|
leading-snug
|
|
135
|
-
`},
|
|
110
|
+
`},X=`
|
|
136
111
|
inline-block
|
|
137
112
|
cursor-pointer
|
|
138
113
|
border
|
|
139
114
|
border-solid
|
|
140
115
|
border-transparent
|
|
141
|
-
`,
|
|
116
|
+
`,Z={lg:`
|
|
142
117
|
pr-8
|
|
143
118
|
py-4
|
|
144
119
|
text-label
|
|
@@ -153,12 +128,12 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
153
128
|
py-2
|
|
154
129
|
text-label
|
|
155
130
|
leading-snug
|
|
156
|
-
`},
|
|
131
|
+
`},Q={lg:"w-[22px] h-[22px] mr-2",md:"w-[18px] h-[18px] mr-1.5",sm:"w-[18px] h-[18px] mr-1"},q=r=>{const{id:i,className:c,size:n="lg",children:a,...t}=r,o=R.useId(),u=i||o,d=R.useContext(T);d.isRequired&&(t.required=!0),d.groupName&&(t.name=d.groupName);const m={lg:22/24,md:18/24,sm:18/24},f=`
|
|
157
132
|
peer
|
|
158
133
|
sr-only
|
|
159
|
-
`,
|
|
134
|
+
`,g=`
|
|
160
135
|
bg-clip-content
|
|
161
|
-
rounded
|
|
136
|
+
rounded-sm
|
|
162
137
|
border
|
|
163
138
|
border-solid
|
|
164
139
|
border-solid-gray-900
|
|
@@ -167,11 +142,11 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
167
142
|
peer-checked:bg-blue-600
|
|
168
143
|
peer-checked:border-none
|
|
169
144
|
peer-disabled:border-solid-gray-500
|
|
170
|
-
${
|
|
171
|
-
`;return
|
|
145
|
+
${N.Peer.focusRect}
|
|
146
|
+
`;return s.jsx("label",{htmlFor:u,className:y(X,Z[n],c),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:u,className:f,type:"checkbox","aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,...t}),s.jsx("span",{className:y(g,Q[n]),children:s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,width:"24",height:"24",viewBox:"0 0 24 24",children:s.jsx("g",{transform:`scale(${m[n]} ${m[n]})`,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-solid-gray-500",children:a})]})})};q.displayName="Checkbox";const M=r=>{const{id:i,className:c,size:n="lg",children:a,...t}=r,o=R.useId(),u=i||o,d=R.useContext(T);d.isRequired&&(t.required=!0),d.groupName&&(t.name=d.groupName);const m=`
|
|
172
147
|
peer
|
|
173
148
|
sr-only
|
|
174
|
-
`,
|
|
149
|
+
`,f=`
|
|
175
150
|
bg-clip-content
|
|
176
151
|
rounded-full
|
|
177
152
|
border
|
|
@@ -180,13 +155,13 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
180
155
|
peer-checked:bg-blue-600
|
|
181
156
|
peer-checked:border-blue-600
|
|
182
157
|
peer-disabled:border-solid-gray-500
|
|
183
|
-
${
|
|
184
|
-
`,
|
|
158
|
+
${N.Peer.focusRect}
|
|
159
|
+
`,g={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return s.jsx("label",{htmlFor:u,className:y(X,Z[n],c),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:u,className:m,type:"radio","aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,...t}),s.jsx("span",{"aria-hidden":!0,className:y(f,g[n],Q[n])}),s.jsx("span",{className:"peer-disabled:text-solid-gray-500",children:a})]})})};M.displayName="Radio";const K=r=>{const{id:i,className:c,size:n="lg",children:a,...t}=r,o=R.useContext(T);return o.isRequired&&(t.required=!0),s.jsxs("div",{className:"inline-block relative",children:[s.jsx("select",{id:i||o.id,className:y(`
|
|
185
160
|
!pr-8
|
|
186
161
|
peer
|
|
187
162
|
cursor-pointer
|
|
188
163
|
appearance-none
|
|
189
|
-
`,
|
|
164
|
+
`,J,H[n],c),"aria-describedby":o.helperTextId,"aria-errormessage":o.errorMessageId,"aria-invalid":o.isInvalid??!1,"aria-required":o.isRequired??!1,...t,children:a}),s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:`
|
|
190
165
|
pointer-events-none
|
|
191
166
|
absolute
|
|
192
167
|
right-4
|
|
@@ -194,7 +169,7 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
194
169
|
-translate-y-1/2
|
|
195
170
|
text-solid-gray-900
|
|
196
171
|
peer-disabled:text-solid-gray-500
|
|
197
|
-
`,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[
|
|
172
|
+
`,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"})]})]})};K.displayName="Select";const ee=r=>{const{id:i,className:c,size:n="lg",...a}=r,t=R.useContext(T);t.isRequired&&(a.required=!0);const o=`
|
|
198
173
|
file:mr-2
|
|
199
174
|
file:inline-block
|
|
200
175
|
file:text-button
|
|
@@ -210,7 +185,7 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
210
185
|
file:active:border-blue-1200
|
|
211
186
|
file:disabled:border-solid-gray-500
|
|
212
187
|
file:disabled:cursor-not-allowed
|
|
213
|
-
`,
|
|
188
|
+
`,u=`
|
|
214
189
|
file:text-blue-900
|
|
215
190
|
file:hover:text-blue-1000
|
|
216
191
|
file:active:text-blue-1200
|
|
@@ -219,14 +194,14 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
219
194
|
file:active:bg-blue-300
|
|
220
195
|
file:disabled:text-solid-gray-500
|
|
221
196
|
file:disabled:bg-transparent
|
|
222
|
-
`,
|
|
197
|
+
`,d=`
|
|
223
198
|
text-label
|
|
224
199
|
text-solid-gray-900
|
|
225
200
|
rounded-lg
|
|
226
201
|
outline-offset-2
|
|
227
202
|
aria-invalid:text-red-800
|
|
228
|
-
${
|
|
229
|
-
${
|
|
203
|
+
${N.hoverUnderline}
|
|
204
|
+
${N.focusRounded}
|
|
230
205
|
`,m={lg:`
|
|
231
206
|
file:p-4
|
|
232
207
|
file:text-button
|
|
@@ -244,7 +219,7 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
244
219
|
file:text-button
|
|
245
220
|
file:rounded-md
|
|
246
221
|
file:leading-snug
|
|
247
|
-
`};return
|
|
222
|
+
`};return s.jsx("input",{type:"file",id:i||t.id,className:y(o,u,m[n],d,c),"aria-describedby":t.helperTextId,"aria-errormessage":t.errorMessageId,"aria-invalid":t.isInvalid??!1,"aria-required":t.isRequired??!1,role:"button","aria-label":"File Upload",...a})};ee.displayName="FileInput";const re=r=>{const{id:i,className:c,size:n="lg",...a}=r,t=R.useContext(T);return t.isRequired&&(a.required=!0),s.jsx("input",{type:"text",id:i||t.id,className:y(J,H[n],c),"aria-describedby":t.helperTextId,"aria-errormessage":t.errorMessageId,"aria-invalid":t.isInvalid??!1,"aria-required":t.isRequired??!1,...a})};re.displayName="Input";const te=r=>{const{id:i,className:c,children:n,onChange:a,maxLength:t,...o}=r,[u,d]=R.useState(0),m=v=>{a&&a(v),d(v.target.value.length)},f=R.useContext(T);f.isRequired&&(o.required=!0);const g=u>(t||0)?"text-red-800":"text-solid-gray-700",h=`
|
|
248
223
|
p-4
|
|
249
224
|
text-label
|
|
250
225
|
rounded-lg
|
|
@@ -255,9 +230,9 @@ Check the top-level render call using <`+e+">."),r}var Ye=N,F=Symbol.for("react.
|
|
|
255
230
|
disabled:text-solid-gray-500
|
|
256
231
|
disabled:border-solid-gray-500
|
|
257
232
|
aria-invalid:border-red-800
|
|
258
|
-
${
|
|
259
|
-
`;return
|
|
233
|
+
${N.focusRect}
|
|
234
|
+
`;return s.jsxs(s.Fragment,{children:[s.jsx("textarea",{id:i||f.id,className:y(h,c),"aria-describedby":f.helperTextId,"aria-errormessage":f.errorMessageId,"aria-invalid":f.isInvalid??!1,"aria-required":f.isRequired??!1,onChange:m,...o,children:n}),t?s.jsxs("p",{className:"text-label text-solid-gray-700",children:[s.jsx("span",{className:g,children:u}),"/",s.jsx("span",{children:t})]}):""]})};te.displayName="Textarea";const se=r=>{const i=R.useId(),{labelText:c,className:n,helperText:a,errorMessage:t,isInvalid:o,isRequired:u,children:d,...m}=r,f={id:r.htmlFor??`input-${i}`,helperTextId:`helper-text-${i}`,errorMessageId:`error-message-${i}`,isInvalid:o??!1,isRequired:u??!1};return s.jsx(T.Provider,{value:f,children:s.jsxs("div",{className:y("flex flex-col items-start gap-2",n),children:[s.jsxs("label",{className:y("block text-label",o&&"text-red-800"),htmlFor:f.id,...m,children:[c,u&&s.jsx("span",{className:"text-label text-red-800",children:" *"})]}),a&&s.jsx("p",{id:f.helperTextId,className:`
|
|
260
235
|
text-label text-solid-gray-700
|
|
261
|
-
`,children:
|
|
236
|
+
`,children:a}),d,o&&s.jsx("p",{id:f.errorMessageId,className:`
|
|
262
237
|
text-label text-red-800
|
|
263
|
-
`,children:
|
|
238
|
+
`,children:t})]})})};se.displayName="LabelControl";const w=r=>{const i=R.useId(),{labelText:c,className:n,helperText:a,errorMessage:t,isInvalid:o,isRequired:u,direction:d,children:m,...f}=r,h={groupName:f.name??`group-${i}`,helperTextId:`helper-text-${i}`,errorMessageId:`error-message-${i}`,isInvalid:o??!1,isRequired:u??!1},v=d??"flex-col";return s.jsx(T.Provider,{value:h,children:s.jsxs("fieldset",{className:y("flex flex-col items-start gap-2",n),...f,children:[s.jsx("legend",{children:s.jsxs("p",{className:y("block text-label",o&&"text-red-800"),children:[c,u&&s.jsx("span",{className:"text-red-800",children:" *"})]})}),s.jsx("div",{className:y("inline-flex",v),children:m}),a&&s.jsx("p",{id:h.helperTextId,className:"text-sup text-solid-gray-700",children:a}),o&&s.jsx("p",{id:h.errorMessageId,className:"text-label text-red-800",children:t})]})})};w.displayName="FieldsetControl";const le=r=>{const{items:i,onChange:c,className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,size:m,...f}=r;return s.jsx(w,{className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,...f,children:i.map(({label:g,value:h})=>s.jsx(q,{size:m,value:h,onChange:c,children:g},`${g}-${h}`))})};le.displayName="CheckboxGroup";const ae=r=>{const{items:i,onChange:c,className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,defaultValue:m,size:f,...g}=r;return s.jsx(w,{className:n,labelText:a,helperText:t,errorMessage:o,isInvalid:u,isRequired:d,...g,children:i.map(({label:h,value:v})=>s.jsx(M,{size:f,value:v,onChange:c,defaultChecked:m===v,children:h},`${h}-${v}`))})};ae.displayName="RadioGroup";exports.Checkbox=q;exports.CheckboxGroup=le;exports.FieldsetControl=w;exports.FileInput=ee;exports.Input=re;exports.LabelControl=se;exports.Radio=M;exports.RadioGroup=ae;exports.Select=K;exports.Textarea=te;
|