@sakura-ui/forms 0.4.0-beta.0 → 0.4.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Taisuke Fujita
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs.js

@@ -1,25 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");var _={exports:{}},k={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var G;function ye(){if(G)return k;G=1;var r=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function c(n,o,s){var a=null;if(s!==void 0&&(a=""+s),o.key!==void 0&&(a=""+o.key),"key"in o){s={};for(var u in o)u!=="key"&&(s[u]=o[u])}else s=o;return o=s.ref,{$$typeof:r,type:n,key:a,ref:o!==void 0?o:null,props:s}}return k.Fragment=i,k.jsx=c,k.jsxs=c,k}var w={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var J;function Re(){return J||(J=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ge?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case P:return"Fragment";case de:return"Profiler";case ne:return"StrictMode";case be:return"Suspense";case pe:return"SuspenseList";case me: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 ie:return"Portal";case ue:return(e.displayName||"Context")+".Provider";case ce:return(e._context.displayName||"Context")+".Consumer";case fe:var l=e.render;return e=e.displayName,e||(e=l.displayName||l.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case xe:return l=e.displayName||null,l!==null?l:r(e.type)||"Memo";case Y: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 b=l.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return b.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),i(e)}}function n(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Y)return"<...>";try{var l=r(e);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function o(){var e=S.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function a(e){if(z.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 b(){L||(L=!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))}b.isReactWarning=!0,Object.defineProperty(e,"key",{get:b,configurable:!0})}function d(){var e=r(this.type);return D[e]||(D[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 p(e,l,b,m,T,N,A,$){return b=N.ref,e={$$typeof:R,type:e,key:l,props:N,_owner:T},(b!==void 0?b: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:A}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function f(e,l,b,m,T,N,A,$){var g=l.children;if(g!==void 0)if(m)if(he(g)){for(m=0;m<g.length;m++)h(g[m]);Object.freeze&&Object.freeze(g)}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 h(g);if(z.call(l,"key")){g=r(e);var I=Object.keys(l).filter(function(ve){return ve!=="key"});m=0<I.length?"{key: someKey, "+I.join(": ..., ")+": ...}":"{key: someKey}",U[g+m]||(I=0<I.length?"{"+I.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"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:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,m,g,I,g),U[g+m]=!0)}if(g=null,b!==void 0&&(c(b),g=""+b),a(l)&&(c(l.key),g=""+l.key),"key"in l){b={};for(var q in l)q!=="key"&&(b[q]=l[q])}else b=l;return g&&u(b,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,g,N,T,o(),b,A,$)}function h(e){typeof e=="object"&&e!==null&&e.$$typeof===R&&e._store&&(e._store.validated=1)}var x=y,R=Symbol.for("react.transitional.element"),ie=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),de=Symbol.for("react.profiler"),ce=Symbol.for("react.consumer"),ue=Symbol.for("react.context"),fe=Symbol.for("react.forward_ref"),be=Symbol.for("react.suspense"),pe=Symbol.for("react.suspense_list"),xe=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),me=Symbol.for("react.activity"),ge=Symbol.for("react.client.reference"),S=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,z=Object.prototype.hasOwnProperty,he=Array.isArray,O=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(e){return e()}};var L,D={},W=x.react_stack_bottom_frame.bind(x,s)(),B=O(n(s)),U={};w.Fragment=P,w.jsx=function(e,l,b,m,T){var N=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,b,!1,m,T,N?Error("react-stack-top-frame"):W,N?O(n(e)):B)},w.jsxs=function(e,l,b,m,T){var N=1e4>S.recentlyCreatedOwnerStacks++;return f(e,l,b,!0,m,T,N?Error("react-stack-top-frame"):W,N?O(n(e)):B)}}()),w}var V;function Ne(){return V||(V=1,process.env.NODE_ENV==="production"?_.exports=ye():_.exports=Re()),_.exports}var t=Ne();const v=(...r)=>r.filter(Boolean).join(" ");var j;(r=>{r.clickable=`
+  <%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=`
     px-2
     min-h-[calc(44/16*1rem)]
     border
@@ -30,7 +14,6 @@ React keys must be passed directly to JSX without using spread:
     rounded-full
     bg-yellow-50
   `;const i=`
-    focus-visible:outline
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
@@ -48,7 +31,7 @@ React keys must be passed directly to JSX without using spread:
     focus-visible:ring-[calc(2/16*1rem)]
   `,r.focusRounded=`
     ${r.focusRect}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `,r.focusCard=`
     ${r.focusRect}
     focus-visible:rounded-2xl
@@ -58,7 +41,7 @@ React keys must be passed directly to JSX without using spread:
     focus-visible:bg-yellow-300
   `,r.focusRoundedWithBg=`
     ${r.focusRectWithBg}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `,r.hoverUnderline=`
     hover:underline
     hover:underline-offset-[calc(3/16*1rem)]
@@ -88,7 +71,6 @@ React keys must be passed directly to JSX without using spread:
     top-11
     left-0
   `,(c=>{c.focus=`
-      peer-focus-visible:outline
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300
@@ -96,7 +78,7 @@ React keys must be passed directly to JSX without using spread:
       ${c.focus}
       peer-focus-visible:outline-offset-[calc(2/16*1rem)]
       peer-focus-visible:ring-[calc(2/16*1rem)]
-    `})(r.Peer||(r.Peer={}))})(j||(j={}));const E=y.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),H=`
+    `})(r.Peer||(r.Peer={}))})(N||(N={}));const T=R.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),J=`
   bg-white
   border
   border-solid
@@ -105,8 +87,8 @@ React keys must be passed directly to JSX without using spread:
   disabled:text-solid-gray-500
   disabled:border-solid-gray-500
   aria-invalid:border-red-800
-  ${j.focusRect}
-`,X={lg:`
+  ${N.focusRect}
+`,H={lg:`
     p-4
     text-label
     rounded-lg
@@ -123,13 +105,13 @@ React keys must be passed directly to JSX without using spread:
     text-label
     rounded-md
     leading-snug
-  `},Z=`
+  `},X=`
   inline-block
   cursor-pointer
   border
   border-solid
   border-transparent
-`,Q={lg:`
+`,Z={lg:`
     pr-8
     py-4
     text-label
@@ -144,10 +126,10 @@ React keys must be passed directly to JSX without using spread:
     py-2
     text-label
     leading-snug
-  `},K={lg:"w-[22px] h-[22px] mr-2",md:"w-[18px] h-[18px] mr-1.5",sm:"w-[18px] h-[18px] mr-1"},M=r=>{const{id:i,className:c,size:n="lg",children:o,...s}=r,a=y.useId(),u=i||a,d=y.useContext(E);d.isRequired&&(s.required=!0),d.groupName&&(s.name=d.groupName);const p={lg:22/24,md:18/24,sm:18/24},f=`
+  `},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=`
     peer
     sr-only
-  `,h=`
+  `,g=`
     bg-clip-content
     rounded-sm
     border
@@ -158,8 +140,8 @@ React keys must be passed directly to JSX without using spread:
     peer-checked:bg-blue-600
     peer-checked:border-none
     peer-disabled:border-solid-gray-500
-    ${j.Peer.focusRect}
-  `;return t.jsx("label",{htmlFor:u,className:v(Z,Q[n],c),children:t.jsxs("span",{className:"flex items-center",children:[t.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,...s}),t.jsx("span",{className:v(h,K[n]),children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,width:"24",height:"24",viewBox:"0 0 24 24",children:t.jsx("g",{transform:`scale(${p[n]} ${p[n]})`,children:t.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"})})})}),t.jsx("span",{className:"peer-disabled:text-solid-gray-500",children:o})]})})};M.displayName="Checkbox";const F=r=>{const{id:i,className:c,size:n="lg",children:o,...s}=r,a=y.useId(),u=i||a,d=y.useContext(E);d.isRequired&&(s.required=!0),d.groupName&&(s.name=d.groupName);const p=`
+    ${N.Peer.focusRect}
+  `;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=`
     peer
     sr-only
   `,f=`
@@ -171,13 +153,13 @@ React keys must be passed directly to JSX without using spread:
     peer-checked:bg-blue-600
     peer-checked:border-blue-600
     peer-disabled:border-solid-gray-500
-    ${j.Peer.focusRect}
-  `,h={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return t.jsx("label",{htmlFor:u,className:v(Z,Q[n],c),children:t.jsxs("span",{className:"flex items-center",children:[t.jsx("input",{id:u,className:p,type:"radio","aria-describedby":d.helperTextId,"aria-errormessage":d.errorMessageId,"aria-invalid":d.isInvalid??!1,"aria-required":d.isRequired??!1,...s}),t.jsx("span",{"aria-hidden":!0,className:v(f,h[n],K[n])}),t.jsx("span",{className:"peer-disabled:text-solid-gray-500",children:o})]})})};F.displayName="Radio";const ee=r=>{const{id:i,className:c,size:n="lg",children:o,...s}=r,a=y.useContext(E);return a.isRequired&&(s.required=!0),t.jsxs("div",{className:"inline-block relative",children:[t.jsx("select",{id:i||a.id,className:v(`
+    ${N.Peer.focusRect}
+  `,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(`
     !pr-8
     peer
     cursor-pointer
     appearance-none
-  `,H,X[n],c),"aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,"aria-required":a.isRequired??!1,...s,children:o}),t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:`
+  `,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:`
     pointer-events-none
     absolute
     right-4
@@ -185,7 +167,7 @@ React keys must be passed directly to JSX without using spread:
     -translate-y-1/2
     text-solid-gray-900
     peer-disabled:text-solid-gray-500
-  `,fill:"none",width:"16",height:"16",viewBox:"0 0 16 16",children:[t.jsx("title",{children:"arrow down"}),t.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"})]})]})};ee.displayName="Select";const re=r=>{const{id:i,className:c,size:n="lg",...o}=r,s=y.useContext(E);s.isRequired&&(o.required=!0);const a=`
+  `,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=`
     file:mr-2
     file:inline-block
     file:text-button
@@ -216,9 +198,9 @@ React keys must be passed directly to JSX without using spread:
     rounded-lg
     outline-offset-2
     aria-invalid:text-red-800
-    ${j.hoverUnderline}
-    ${j.focusRounded}
-  `,p={lg:`
+    ${N.hoverUnderline}
+    ${N.focusRounded}
+  `,m={lg:`
       file:p-4
       file:text-button
       file:rounded-lg
@@ -235,7 +217,7 @@ React keys must be passed directly to JSX without using spread:
       file:text-button
       file:rounded-md
       file:leading-snug
-    `};return t.jsx("input",{type:"file",id:i||s.id,className:v(a,u,p[n],d,c),"aria-describedby":s.helperTextId,"aria-errormessage":s.errorMessageId,"aria-invalid":s.isInvalid??!1,"aria-required":s.isRequired??!1,role:"button","aria-label":"File Upload",...o})};re.displayName="FileInput";const se=r=>{const{id:i,className:c,size:n="lg",...o}=r,s=y.useContext(E);return s.isRequired&&(o.required=!0),t.jsx("input",{type:"text",id:i||s.id,className:v(H,X[n],c),"aria-describedby":s.helperTextId,"aria-errormessage":s.errorMessageId,"aria-invalid":s.isInvalid??!1,"aria-required":s.isRequired??!1,...o})};se.displayName="Input";const te=r=>{const{id:i,className:c,children:n,onChange:o,maxLength:s,...a}=r,[u,d]=y.useState(0),p=R=>{o&&o(R),d(R.target.value.length)},f=y.useContext(E);f.isRequired&&(a.required=!0);const h=u>(s||0)?"text-red-800":"text-solid-gray-700",x=`
+    `};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=`
       p-4
       text-label
       rounded-lg
@@ -246,9 +228,9 @@ React keys must be passed directly to JSX without using spread:
       disabled:text-solid-gray-500
       disabled:border-solid-gray-500
       aria-invalid:border-red-800
-      ${j.focusRect}
-    `;return t.jsxs(t.Fragment,{children:[t.jsx("textarea",{id:i||f.id,className:v(x,c),"aria-describedby":f.helperTextId,"aria-errormessage":f.errorMessageId,"aria-invalid":f.isInvalid??!1,"aria-required":f.isRequired??!1,onChange:p,...a,children:n}),s?t.jsxs("p",{className:"text-label text-solid-gray-700",children:[t.jsx("span",{className:h,children:u}),"/",t.jsx("span",{children:s})]}):""]})};te.displayName="Textarea";const le=r=>{const i=y.useId(),{labelText:c,className:n,helperText:o,errorMessage:s,isInvalid:a,isRequired:u,children:d,...p}=r,f={id:r.htmlFor??`input-${i}`,helperTextId:`helper-text-${i}`,errorMessageId:`error-message-${i}`,isInvalid:a??!1,isRequired:u??!1};return t.jsx(E.Provider,{value:f,children:t.jsxs("div",{className:v("flex flex-col items-start gap-2",n),children:[t.jsxs("label",{className:v("block text-label",a&&"text-red-800"),htmlFor:f.id,...p,children:[c,u&&t.jsx("span",{className:"text-label text-red-800",children:" *"})]}),o&&t.jsx("p",{id:f.helperTextId,className:`
+      ${N.focusRect}
+    `;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:`
     text-label text-solid-gray-700
-  `,children:o}),d,a&&t.jsx("p",{id:f.errorMessageId,className:`
+  `,children:a}),d,o&&s.jsx("p",{id:f.errorMessageId,className:`
     text-label text-red-800
-  `,children:s})]})})};le.displayName="LabelControl";const C=r=>{const i=y.useId(),{labelText:c,className:n,helperText:o,errorMessage:s,isInvalid:a,isRequired:u,direction:d,children:p,...f}=r,x={groupName:f.name??`group-${i}`,helperTextId:`helper-text-${i}`,errorMessageId:`error-message-${i}`,isInvalid:a??!1,isRequired:u??!1},R=d??"flex-col";return t.jsx(E.Provider,{value:x,children:t.jsxs("fieldset",{className:v("flex flex-col items-start gap-2",n),...f,children:[t.jsx("legend",{children:t.jsxs("p",{className:v("block text-label",a&&"text-red-800"),children:[c,u&&t.jsx("span",{className:"text-red-800",children:" *"})]})}),t.jsx("div",{className:v("inline-flex",R),children:p}),o&&t.jsx("p",{id:x.helperTextId,className:"text-sup text-solid-gray-700",children:o}),a&&t.jsx("p",{id:x.errorMessageId,className:"text-label text-red-800",children:s})]})})};C.displayName="FieldsetControl";const oe=r=>{const{items:i,onChange:c,className:n,labelText:o,helperText:s,errorMessage:a,isInvalid:u,isRequired:d,size:p,...f}=r;return t.jsx(C,{className:n,labelText:o,helperText:s,errorMessage:a,isInvalid:u,isRequired:d,...f,children:i.map(({label:h,value:x})=>t.jsx(M,{size:p,value:x,onChange:c,children:h},`${h}-${x}`))})};oe.displayName="CheckboxGroup";const ae=r=>{const{items:i,onChange:c,className:n,labelText:o,helperText:s,errorMessage:a,isInvalid:u,isRequired:d,defaultValue:p,size:f,...h}=r;return t.jsx(C,{className:n,labelText:o,helperText:s,errorMessage:a,isInvalid:u,isRequired:d,...h,children:i.map(({label:x,value:R})=>t.jsx(F,{size:f,value:R,onChange:c,defaultChecked:p===R,children:x},`${x}-${R}`))})};ae.displayName="RadioGroup";exports.Checkbox=M;exports.CheckboxGroup=oe;exports.FieldsetControl=C;exports.FileInput=re;exports.Input=se;exports.LabelControl=le;exports.Radio=F;exports.RadioGroup=ae;exports.Select=ee;exports.Textarea=te;
+  `,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;