@sakura-ui/forms 0.4.1 → 0.4.2

package/dist/index.cjs.js

@@ -1,9 +1,9 @@
-"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:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var k={exports:{}},E={};var G;function ve(){if(G)return E;G=1;var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function d(i,o,t){var a=null;if(t!==void 0&&(a=""+t),o.key!==void 0&&(a=""+o.key),"key"in o){t={};for(var u in o)u!=="key"&&(t[u]=o[u])}else t=o;return o=t.ref,{$$typeof:r,type:i,key:a,ref:o!==void 0?o:null,props:t}}return E.Fragment=n,E.jsx=d,E.jsxs=d,E}var _={};var U;function ye(){return U||(U=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 ie:return"Profiler";case ne: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 ae: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 n(e){return""+e}function d(e){try{n(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),n(e)}}function i(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 o(){var e=S.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function a(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 c(){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:c}):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} />`,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=`
+  <%s key={someKey} {...props} />`,b,x,j,x),B[x+b]=!0)}if(x=null,p!==void 0&&(d(p),x=""+p),a(l)&&(d(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,o(),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"),ae=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),ie=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(i(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(i(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(i(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
@@ -13,12 +13,12 @@ React keys must be passed directly to JSX without using spread:
   `,r.selected=`
     rounded-full
     bg-yellow-50
-  `;const i=`
+  `;const n=`
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
   `;r.focusRectCondensed=`
-    ${i}
+    ${n}
     focus-visible:-outline-offset-4
     focus-visible:ring-[calc(6/16*1rem)]
     focus-visible:ring-inset
@@ -26,7 +26,7 @@ React keys must be passed directly to JSX without using spread:
     ${r.focusRectCondensed}
     focus-visible:bg-yellow-300
   `,r.focusRect=`
-    ${i}
+    ${n}
     focus-visible:outline-offset-[calc(2/16*1rem)]
     focus-visible:ring-[calc(2/16*1rem)]
   `,r.focusRounded=`
@@ -70,12 +70,12 @@ React keys must be passed directly to JSX without using spread:
     absolute
     top-11
     left-0
-  `,(c=>{c.focus=`
+  `,(d=>{d.focus=`
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300
-    `,c.focusRect=`
-      ${c.focus}
+    `,d.focusRect=`
+      ${d.focus}
       peer-focus-visible:outline-offset-[calc(2/16*1rem)]
       peer-focus-visible:ring-[calc(2/16*1rem)]
     `})(r.Peer||(r.Peer={}))})(N||(N={}));const T=R.createContext({helperTextId:"",errorMessageId:"",isInvalid:!1,isRequired:!1}),J=`
@@ -126,7 +126,7 @@ React keys must be passed directly to JSX without using spread:
     py-2
     text-label
     leading-snug
-  `},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=`
+  `},Q={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:n,className:d,size:i="lg",children:o,...t}=r,a=R.useId(),u=n||a,c=R.useContext(T);c.isRequired&&(t.required=!0),c.groupName&&(t.name=c.groupName);const m={lg:22/24,md:18/24,sm:18/24},f=`
     peer
     sr-only
   `,g=`
@@ -141,7 +141,7 @@ React keys must be passed directly to JSX without using spread:
     peer-checked:border-none
     peer-disabled:border-solid-gray-500
     ${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=`
+  `;return s.jsx("label",{htmlFor:u,className:y(X,Z[i],d),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:u,className:f,type:"checkbox","aria-describedby":c.helperTextId,"aria-errormessage":c.errorMessageId,"aria-invalid":c.isInvalid??!1,...t}),s.jsx("span",{className:y(g,Q[i]),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[i]} ${m[i]})`,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:o})]})})};M.displayName="Checkbox";const q=r=>{const{id:n,className:d,size:i="lg",children:o,...t}=r,a=R.useId(),u=n||a,c=R.useContext(T);c.isRequired&&(t.required=!0),c.groupName&&(t.name=c.groupName);const m=`
     peer
     sr-only
   `,f=`
@@ -154,12 +154,12 @@ React keys must be passed directly to JSX without using spread:
     peer-checked:border-blue-600
     peer-disabled:border-solid-gray-500
     ${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(`
+  `,g={lg:"p-1",md:"p-[3px]",sm:"p-[3px]"};return s.jsx("label",{htmlFor:u,className:y(X,Z[i],d),children:s.jsxs("span",{className:"flex items-center",children:[s.jsx("input",{id:u,className:m,type:"radio","aria-describedby":c.helperTextId,"aria-errormessage":c.errorMessageId,"aria-invalid":c.isInvalid??!1,...t}),s.jsx("span",{"aria-hidden":!0,className:y(f,g[i],Q[i])}),s.jsx("span",{className:"peer-disabled:text-solid-gray-500",children:o})]})})};q.displayName="Radio";const K=r=>{const{id:n,className:d,size:i="lg",children:o,...t}=r,a=R.useContext(T);return a.isRequired&&(t.required=!0),s.jsxs("div",{className:"inline-block relative",children:[s.jsx("select",{id:n||a.id,className:y(`
     !pr-8
     peer
     cursor-pointer
     appearance-none
-  `,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:`
+  `,J,H[i],d),"aria-describedby":a.helperTextId,"aria-errormessage":a.errorMessageId,"aria-invalid":a.isInvalid??!1,...t,children:o}),s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:`
     pointer-events-none
     absolute
     right-4
@@ -167,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:[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=`
+  `,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:n,className:d,size:i="lg",...o}=r,t=R.useContext(T);t.isRequired&&(o.required=!0);const a=`
     file:mr-2
     file:inline-block
     file:text-button
@@ -192,7 +192,7 @@ React keys must be passed directly to JSX without using spread:
     file:active:bg-blue-300
     file:disabled:text-solid-gray-500
     file:disabled:bg-transparent
-  `,d=`
+  `,c=`
     text-label
     text-solid-gray-900
     rounded-lg
@@ -217,7 +217,7 @@ React keys must be passed directly to JSX without using spread:
       file:text-button
       file:rounded-md
       file:leading-snug
-    `};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=`
+    `};return s.jsx("input",{type:"file",id:n||t.id,className:y(a,u,m[i],c,d),"aria-describedby":t.helperTextId,"aria-errormessage":t.errorMessageId,"aria-invalid":t.isInvalid??!1,...o})};ee.displayName="FileInput";const re=r=>{const{id:n,className:d,size:i="lg",...o}=r,t=R.useContext(T);return t.isRequired&&(o.required=!0),s.jsx("input",{type:"text",id:n||t.id,className:y(J,H[i],d),"aria-describedby":t.helperTextId,"aria-errormessage":t.errorMessageId,"aria-invalid":t.isInvalid??!1,...o})};re.displayName="Input";const te=r=>{const{id:n,className:d,children:i,onChange:o,maxLength:t,...a}=r,[u,c]=R.useState(0),m=v=>{o&&o(v),c(v.target.value.length)},f=R.useContext(T);f.isRequired&&(a.required=!0);const g=u>(t||0)?"text-red-800":"text-solid-gray-700",h=`
       p-4
       text-label
       rounded-lg
@@ -229,8 +229,8 @@ React keys must be passed directly to JSX without using spread:
       disabled:border-solid-gray-500
       aria-invalid:border-red-800
       ${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:`
+    `;return s.jsxs(s.Fragment,{children:[s.jsx("textarea",{id:n||f.id,className:y(h,d),"aria-describedby":f.helperTextId,"aria-errormessage":f.errorMessageId,"aria-invalid":f.isInvalid??!1,onChange:m,...a,children:i}),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 n=R.useId(),{labelText:d,className:i,helperText:o,errorMessage:t,isInvalid:a,isRequired:u,children:c,...m}=r,f={id:r.htmlFor??`input-${n}`,helperTextId:`helper-text-${n}`,errorMessageId:`error-message-${n}`,isInvalid:a??!1,isRequired:u??!1};return s.jsx(T.Provider,{value:f,children:s.jsxs("div",{className:y("flex flex-col items-start gap-2",i),children:[s.jsxs("label",{className:y("block text-label",a&&"text-red-800"),htmlFor:f.id,...m,children:[d,u&&s.jsx("span",{className:"text-label text-red-800",children:" *"})]}),o&&s.jsx("p",{id:f.helperTextId,className:`
     text-label text-solid-gray-700
-  `,children:a}),d,o&&s.jsx("p",{id:f.errorMessageId,className:`
+  `,children:o}),c,a&&s.jsx("p",{id:f.errorMessageId,className:`
     text-label text-red-800
-  `,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;
+  `,children:t})]})})};se.displayName="LabelControl";const w=r=>{const n=R.useId(),{labelText:d,className:i,helperText:o,errorMessage:t,isInvalid:a,isRequired:u,direction:c,children:m,...f}=r,h={groupName:f.name??`group-${n}`,helperTextId:`helper-text-${n}`,errorMessageId:`error-message-${n}`,isInvalid:a??!1,isRequired:u??!1},v=c??"flex-col";return s.jsx(T.Provider,{value:h,children:s.jsxs("fieldset",{className:y("flex flex-col items-start gap-2",i),...f,children:[s.jsx("legend",{children:s.jsxs("p",{className:y("block text-label",a&&"text-red-800"),children:[d,u&&s.jsx("span",{className:"text-red-800",children:" *"})]})}),s.jsx("div",{className:y("inline-flex",v),children:m}),o&&s.jsx("p",{id:h.helperTextId,className:"text-sup text-solid-gray-700",children:o}),a&&s.jsx("p",{id:h.errorMessageId,className:"text-label text-red-800",children:t})]})})};w.displayName="FieldsetControl";const le=r=>{const{items:n,onChange:d,className:i,labelText:o,helperText:t,errorMessage:a,isInvalid:u,isRequired:c,size:m,...f}=r;return s.jsx(w,{className:i,labelText:o,helperText:t,errorMessage:a,isInvalid:u,isRequired:c,...f,children:n.map(({label:g,value:h})=>s.jsx(M,{size:m,value:h,onChange:d,children:g},`${g}-${h}`))})};le.displayName="CheckboxGroup";const oe=r=>{const{items:n,onChange:d,className:i,labelText:o,helperText:t,errorMessage:a,isInvalid:u,isRequired:c,defaultValue:m,size:f,...g}=r;return s.jsx(w,{className:i,labelText:o,helperText:t,errorMessage:a,isInvalid:u,isRequired:c,...g,children:n.map(({label:h,value:v})=>s.jsx(q,{size:f,value:v,onChange:d,defaultChecked:m===v,children:h},`${h}-${v}`))})};oe.displayName="RadioGroup";exports.Checkbox=M;exports.CheckboxGroup=le;exports.FieldsetControl=w;exports.FileInput=ee;exports.Input=re;exports.LabelControl=se;exports.Radio=q;exports.RadioGroup=oe;exports.Select=K;exports.Textarea=te;

package/dist/index.es.js

@@ -4,23 +4,23 @@ var W;
 function fe() {
   if (W) return E;
   W = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
-  function c(n, a, s) {
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function d(i, a, t) {
     var o = null;
-    if (s !== void 0 && (o = "" + s), a.key !== void 0 && (o = "" + a.key), "key" in a) {
-      s = {};
+    if (t !== void 0 && (o = "" + t), a.key !== void 0 && (o = "" + a.key), "key" in a) {
+      t = {};
       for (var u in a)
-        u !== "key" && (s[u] = a[u]);
-    } else s = a;
-    return a = s.ref, {
+        u !== "key" && (t[u] = a[u]);
+    } else t = a;
+    return a = t.ref, {
       $$typeof: r,
-      type: n,
+      type: i,
       key: o,
       ref: a !== void 0 ? a : null,
-      props: s
+      props: t
     };
   }
-  return E.Fragment = i, E.jsx = c, E.jsxs = c, E;
+  return E.Fragment = n, E.jsx = d, E.jsxs = d, E;
 }
 var _ = {};
 var B;
@@ -42,7 +42,7 @@ function pe() {
           return "Suspense";
         case oe:
           return "SuspenseList";
-        case ne:
+        case ie:
           return "Activity";
       }
       if (typeof e == "object")
@@ -51,14 +51,14 @@ function pe() {
         ), e.$$typeof) {
           case K:
             return "Portal";
-          case te:
-            return e.displayName || "Context";
           case se:
+            return e.displayName || "Context";
+          case te:
             return (e._context.displayName || "Context") + ".Consumer";
           case le:
             var l = e.render;
             return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ie:
+          case ne:
             return l = e.displayName || null, l !== null ? l : r(e.type) || "Memo";
           case P:
             l = e._payload, e = e._init;
@@ -69,12 +69,12 @@ function pe() {
         }
       return null;
     }
-    function i(e) {
+    function n(e) {
       return "" + e;
     }
-    function c(e) {
+    function d(e) {
       try {
-        i(e);
+        n(e);
         var l = !1;
       } catch {
         l = !0;
@@ -86,10 +86,10 @@ function pe() {
           l,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           b
-        ), i(e);
+        ), n(e);
       }
     }
-    function n(e) {
+    function i(e) {
       if (e === k) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === P)
         return "<...>";
@@ -104,11 +104,11 @@ function pe() {
       var e = C.A;
       return e === null ? null : e.getOwner();
     }
-    function s() {
+    function t() {
       return Error("react-stack-top-frame");
     }
     function o(e) {
-      if (M.call(e, "key")) {
+      if (q.call(e, "key")) {
         var l = Object.getOwnPropertyDescriptor(e, "key").get;
         if (l && l.isReactWarning) return !1;
       }
@@ -126,7 +126,7 @@ function pe() {
         configurable: !0
       });
     }
-    function d() {
+    function c() {
       var e = r(this.type);
       return Y[e] || (Y[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."
@@ -135,14 +135,14 @@ function pe() {
     function x(e, l, p, b, w, A) {
       var m = p.ref;
       return e = {
-        $$typeof: q,
+        $$typeof: M,
         type: e,
         key: l,
         props: p,
         _owner: b
       }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: d
+        get: c
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -178,7 +178,7 @@ function pe() {
               "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(m);
-      if (M.call(l, "key")) {
+      if (q.call(l, "key")) {
         m = r(e);
         var j = Object.keys(l).filter(function(ue) {
           return ue !== "key";
@@ -196,7 +196,7 @@ React keys must be passed directly to JSX without using spread:
           m
         ), L[m + b] = !0);
       }
-      if (m = null, p !== void 0 && (c(p), m = "" + p), o(l) && (c(l.key), m = "" + l.key), "key" in l) {
+      if (m = null, p !== void 0 && (d(p), m = "" + p), o(l) && (d(l.key), m = "" + l.key), "key" in l) {
         p = {};
         for (var O in l)
           O !== "key" && (p[O] = l[O]);
@@ -217,9 +217,9 @@ React keys must be passed directly to JSX without using spread:
       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 === q;
+      return typeof e == "object" && e !== null && e.$$typeof === M;
     }
-    var v = R, q = /* @__PURE__ */ Symbol.for("react.transitional.element"), K = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), ee = /* @__PURE__ */ Symbol.for("react.strict_mode"), re = /* @__PURE__ */ Symbol.for("react.profiler"), se = /* @__PURE__ */ Symbol.for("react.consumer"), te = /* @__PURE__ */ Symbol.for("react.context"), le = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), oe = /* @__PURE__ */ Symbol.for("react.suspense_list"), ie = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), C = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, ce = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var v = R, M = /* @__PURE__ */ Symbol.for("react.transitional.element"), K = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), ee = /* @__PURE__ */ Symbol.for("react.strict_mode"), re = /* @__PURE__ */ Symbol.for("react.profiler"), te = /* @__PURE__ */ Symbol.for("react.consumer"), se = /* @__PURE__ */ Symbol.for("react.context"), le = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), oe = /* @__PURE__ */ Symbol.for("react.suspense_list"), ne = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), C = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, ce = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -229,8 +229,8 @@ React keys must be passed directly to JSX without using spread:
     };
     var F, Y = {}, z = v.react_stack_bottom_frame.bind(
       v,
-      s
-    )(), D = S(n(s)), L = {};
+      t
+    )(), D = S(i(t)), L = {};
     _.Fragment = k, _.jsx = function(e, l, p) {
       var b = 1e4 > C.recentlyCreatedOwnerStacks++;
       return f(
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
         p,
         !1,
         b ? Error("react-stack-top-frame") : z,
-        b ? S(n(e)) : D
+        b ? S(i(e)) : D
       );
     }, _.jsxs = function(e, l, p) {
       var b = 1e4 > C.recentlyCreatedOwnerStacks++;
@@ -249,7 +249,7 @@ React keys must be passed directly to JSX without using spread:
         p,
         !0,
         b ? Error("react-stack-top-frame") : z,
-        b ? S(n(e)) : D
+        b ? S(i(e)) : D
       );
     };
   })()), _;
@@ -258,7 +258,7 @@ var U;
 function be() {
   return U || (U = 1, process.env.NODE_ENV === "production" ? I.exports = fe() : I.exports = pe()), I.exports;
 }
-var t = be();
+var s = be();
 const y = (...r) => r.filter(Boolean).join(" ");
 var N;
 ((r) => {
@@ -273,13 +273,13 @@ var N;
     rounded-full
     bg-yellow-50
   `;
-  const i = `
+  const n = `
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
   `;
   r.focusRectCondensed = `
-    ${i}
+    ${n}
     focus-visible:-outline-offset-4
     focus-visible:ring-[calc(6/16*1rem)]
     focus-visible:ring-inset
@@ -287,7 +287,7 @@ var N;
     ${r.focusRectCondensed}
     focus-visible:bg-yellow-300
   `, r.focusRect = `
-    ${i}
+    ${n}
     focus-visible:outline-offset-[calc(2/16*1rem)]
     focus-visible:ring-[calc(2/16*1rem)]
   `, r.focusRounded = `
@@ -331,13 +331,13 @@ var N;
     absolute
     top-11
     left-0
-  `, ((c) => {
-    c.focus = `
+  `, ((d) => {
+    d.focus = `
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300
-    `, c.focusRect = `
-      ${c.focus}
+    `, d.focusRect = `
+      ${d.focus}
       peer-focus-visible:outline-offset-[calc(2/16*1rem)]
       peer-focus-visible:ring-[calc(2/16*1rem)]
     `;
@@ -415,8 +415,8 @@ const T = R.createContext({
   md: "w-[18px] h-[18px] mr-1.5",
   sm: "w-[18px] h-[18px] mr-1"
 }, Z = (r) => {
-  const { id: i, className: c, size: n = "lg", children: a, ...s } = r, o = R.useId(), u = i || o, d = R.useContext(T);
-  d.isRequired && (s.required = !0), d.groupName && (s.name = d.groupName);
+  const { id: n, className: d, size: i = "lg", children: a, ...t } = r, o = R.useId(), u = n || o, c = R.useContext(T);
+  c.isRequired && (t.required = !0), c.groupName && (t.name = c.groupName);
   const x = {
     lg: 22 / 24,
     md: 18 / 24,
@@ -437,30 +437,29 @@ const T = R.createContext({
     peer-disabled:border-solid-gray-500
     ${N.Peer.focusRect}
   `;
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ s.jsx(
     "label",
     {
       htmlFor: u,
       className: y(
         J,
-        H[n],
-        c
+        H[i],
+        d
       ),
-      children: /* @__PURE__ */ t.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ t.jsx(
+      children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ 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,
-            ...s
+            "aria-describedby": c.helperTextId,
+            "aria-errormessage": c.errorMessageId,
+            "aria-invalid": c.isInvalid ?? !1,
+            ...t
           }
         ),
-        /* @__PURE__ */ t.jsx("span", { className: y(g, X[n]), children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ s.jsx("span", { className: y(g, X[i]), children: /* @__PURE__ */ s.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -468,18 +467,18 @@ const T = R.createContext({
             width: "24",
             height: "24",
             viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ t.jsx("g", { transform: `scale(${x[n]} ${x[n]})`, children: /* @__PURE__ */ 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" }) })
+            children: /* @__PURE__ */ s.jsx("g", { transform: `scale(${x[i]} ${x[i]})`, children: /* @__PURE__ */ s.jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) })
           }
         ) }),
-        /* @__PURE__ */ t.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
+        /* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
       ] })
     }
   );
 };
 Z.displayName = "Checkbox";
 const Q = (r) => {
-  const { id: i, className: c, size: n = "lg", children: a, ...s } = r, o = R.useId(), u = i || o, d = R.useContext(T);
-  d.isRequired && (s.required = !0), d.groupName && (s.name = d.groupName);
+  const { id: n, className: d, size: i = "lg", children: a, ...t } = r, o = R.useId(), u = n || o, c = R.useContext(T);
+  c.isRequired && (t.required = !0), c.groupName && (t.name = c.groupName);
   const x = `
     peer
     sr-only
@@ -498,49 +497,48 @@ const Q = (r) => {
     md: "p-[3px]",
     sm: "p-[3px]"
   };
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ s.jsx(
     "label",
     {
       htmlFor: u,
       className: y(
         J,
-        H[n],
-        c
+        H[i],
+        d
       ),
-      children: /* @__PURE__ */ t.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ t.jsx(
+      children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ s.jsx(
           "input",
           {
             id: u,
             className: x,
             type: "radio",
-            "aria-describedby": d.helperTextId,
-            "aria-errormessage": d.errorMessageId,
-            "aria-invalid": d.isInvalid ?? !1,
-            "aria-required": d.isRequired ?? !1,
-            ...s
+            "aria-describedby": c.helperTextId,
+            "aria-errormessage": c.errorMessageId,
+            "aria-invalid": c.isInvalid ?? !1,
+            ...t
           }
         ),
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ s.jsx(
           "span",
           {
             "aria-hidden": !0,
-            className: y(f, g[n], X[n])
+            className: y(f, g[i], X[i])
           }
         ),
-        /* @__PURE__ */ t.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
+        /* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
       ] })
     }
   );
 };
 Q.displayName = "Radio";
 const me = (r) => {
-  const { id: i, className: c, size: n = "lg", children: a, ...s } = r, o = R.useContext(T);
-  return o.isRequired && (s.required = !0), /* @__PURE__ */ t.jsxs("div", { className: "inline-block relative", children: [
-    /* @__PURE__ */ t.jsx(
+  const { id: n, className: d, size: i = "lg", children: a, ...t } = r, o = R.useContext(T);
+  return o.isRequired && (t.required = !0), /* @__PURE__ */ s.jsxs("div", { className: "inline-block relative", children: [
+    /* @__PURE__ */ s.jsx(
       "select",
       {
-        id: i || o.id,
+        id: n || o.id,
         className: y(
           `
     !pr-8
@@ -549,18 +547,17 @@ const me = (r) => {
     appearance-none
   `,
           G,
-          V[n],
-          c
+          V[i],
+          d
         ),
         "aria-describedby": o.helperTextId,
         "aria-errormessage": o.errorMessageId,
         "aria-invalid": o.isInvalid ?? !1,
-        "aria-required": o.isRequired ?? !1,
-        ...s,
+        ...t,
         children: a
       }
     ),
-    /* @__PURE__ */ t.jsxs(
+    /* @__PURE__ */ s.jsxs(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -579,8 +576,8 @@ const me = (r) => {
         height: "16",
         viewBox: "0 0 16 16",
         children: [
-          /* @__PURE__ */ t.jsx("title", { children: "arrow down" }),
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ s.jsx("title", { children: "arrow down" }),
+          /* @__PURE__ */ 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",
@@ -594,8 +591,8 @@ const me = (r) => {
 };
 me.displayName = "Select";
 const xe = (r) => {
-  const { id: i, className: c, size: n = "lg", ...a } = r, s = R.useContext(T);
-  s.isRequired && (a.required = !0);
+  const { id: n, className: d, size: i = "lg", ...a } = r, t = R.useContext(T);
+  t.isRequired && (a.required = !0);
   const o = `
     file:mr-2
     file:inline-block
@@ -621,7 +618,7 @@ const xe = (r) => {
     file:active:bg-blue-300
     file:disabled:text-solid-gray-500
     file:disabled:bg-transparent
-  `, d = `
+  `, c = `
     text-label
     text-solid-gray-900
     rounded-lg
@@ -654,54 +651,46 @@ const xe = (r) => {
       file:leading-snug
     `
   };
-  return (
-    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: see the TODO above
-    // biome-ignore lint/a11y/useSemanticElements: see the TODO above
-    /* @__PURE__ */ t.jsx(
-      "input",
-      {
-        type: "file",
-        id: i || s.id,
-        className: y(o, u, x[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",
-        ...a
-      }
-    )
+  return /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      type: "file",
+      id: n || t.id,
+      className: y(o, u, x[i], c, d),
+      "aria-describedby": t.helperTextId,
+      "aria-errormessage": t.errorMessageId,
+      "aria-invalid": t.isInvalid ?? !1,
+      ...a
+    }
   );
 };
 xe.displayName = "FileInput";
 const ge = (r) => {
-  const { id: i, className: c, size: n = "lg", ...a } = r, s = R.useContext(T);
-  return s.isRequired && (a.required = !0), /* @__PURE__ */ t.jsx(
+  const { id: n, className: d, size: i = "lg", ...a } = r, t = R.useContext(T);
+  return t.isRequired && (a.required = !0), /* @__PURE__ */ s.jsx(
     "input",
     {
       type: "text",
-      id: i || s.id,
+      id: n || t.id,
       className: y(
         G,
-        V[n],
-        c
+        V[i],
+        d
       ),
-      "aria-describedby": s.helperTextId,
-      "aria-errormessage": s.errorMessageId,
-      "aria-invalid": s.isInvalid ?? !1,
-      "aria-required": s.isRequired ?? !1,
+      "aria-describedby": t.helperTextId,
+      "aria-errormessage": t.errorMessageId,
+      "aria-invalid": t.isInvalid ?? !1,
       ...a
     }
   );
 };
 ge.displayName = "Input";
 const he = (r) => {
-  const { id: i, className: c, children: n, onChange: a, maxLength: s, ...o } = r, [u, d] = R.useState(0), x = (v) => {
-    a && a(v), d(v.target.value.length);
+  const { id: n, className: d, children: i, onChange: a, maxLength: t, ...o } = r, [u, c] = R.useState(0), x = (v) => {
+    a && a(v), c(v.target.value.length);
   }, f = R.useContext(T);
   f.isRequired && (o.required = !0);
-  const g = u > (s || 0) ? "text-red-800" : "text-solid-gray-700", h = `
+  const g = u > (t || 0) ? "text-red-800" : "text-solid-gray-700", h = `
       p-4
       text-label
       rounded-lg
@@ -714,100 +703,99 @@ const he = (r) => {
       aria-invalid:border-red-800
       ${N.focusRect}
     `;
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
       "textarea",
       {
-        id: i || f.id,
-        className: y(h, c),
+        id: n || f.id,
+        className: y(h, d),
         "aria-describedby": f.helperTextId,
         "aria-errormessage": f.errorMessageId,
         "aria-invalid": f.isInvalid ?? !1,
-        "aria-required": f.isRequired ?? !1,
         onChange: x,
         ...o,
-        children: n
+        children: i
       }
     ),
-    s ? /* @__PURE__ */ t.jsxs("p", { className: "text-label text-solid-gray-700", children: [
-      /* @__PURE__ */ t.jsx("span", { className: g, children: u }),
+    t ? /* @__PURE__ */ s.jsxs("p", { className: "text-label text-solid-gray-700", children: [
+      /* @__PURE__ */ s.jsx("span", { className: g, children: u }),
       "/",
-      /* @__PURE__ */ t.jsx("span", { children: s })
+      /* @__PURE__ */ s.jsx("span", { children: t })
     ] }) : ""
   ] });
 };
 he.displayName = "Textarea";
 const ve = (r) => {
-  const i = R.useId(), {
-    labelText: c,
-    className: n,
+  const n = R.useId(), {
+    labelText: d,
+    className: i,
     helperText: a,
-    errorMessage: s,
+    errorMessage: t,
     isInvalid: o,
     isRequired: u,
-    children: d,
+    children: c,
     ...x
   } = r, f = {
-    id: r.htmlFor ?? `input-${i}`,
-    helperTextId: `helper-text-${i}`,
-    errorMessageId: `error-message-${i}`,
+    id: r.htmlFor ?? `input-${n}`,
+    helperTextId: `helper-text-${n}`,
+    errorMessageId: `error-message-${n}`,
     isInvalid: o ?? !1,
     isRequired: u ?? !1
   };
-  return /* @__PURE__ */ t.jsx(T.Provider, { value: f, children: /* @__PURE__ */ t.jsxs("div", { className: y("flex flex-col items-start gap-2", n), children: [
-    /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ s.jsx(T.Provider, { value: f, children: /* @__PURE__ */ s.jsxs("div", { className: y("flex flex-col items-start gap-2", i), children: [
+    /* @__PURE__ */ s.jsxs(
       "label",
       {
         className: y("block text-label", o && "text-red-800"),
         htmlFor: f.id,
         ...x,
         children: [
-          c,
-          u && /* @__PURE__ */ t.jsx("span", { className: "text-label text-red-800", children: " *" })
+          d,
+          u && /* @__PURE__ */ s.jsx("span", { className: "text-label text-red-800", children: " *" })
         ]
       }
     ),
-    a && /* @__PURE__ */ t.jsx("p", { id: f.helperTextId, className: `
+    a && /* @__PURE__ */ s.jsx("p", { id: f.helperTextId, className: `
     text-label text-solid-gray-700
   `, children: a }),
-    d,
-    o && /* @__PURE__ */ t.jsx("p", { id: f.errorMessageId, className: `
+    c,
+    o && /* @__PURE__ */ s.jsx("p", { id: f.errorMessageId, className: `
     text-label text-red-800
-  `, children: s })
+  `, children: t })
   ] }) });
 };
 ve.displayName = "LabelControl";
 const $ = (r) => {
-  const i = R.useId(), {
-    labelText: c,
-    className: n,
+  const n = R.useId(), {
+    labelText: d,
+    className: i,
     helperText: a,
-    errorMessage: s,
+    errorMessage: t,
     isInvalid: o,
     isRequired: u,
-    direction: d,
+    direction: c,
     children: x,
     ...f
   } = r, h = {
-    groupName: f.name ?? `group-${i}`,
-    helperTextId: `helper-text-${i}`,
-    errorMessageId: `error-message-${i}`,
+    groupName: f.name ?? `group-${n}`,
+    helperTextId: `helper-text-${n}`,
+    errorMessageId: `error-message-${n}`,
     isInvalid: o ?? !1,
     isRequired: u ?? !1
-  }, v = d ?? "flex-col";
-  return /* @__PURE__ */ t.jsx(T.Provider, { value: h, children: /* @__PURE__ */ t.jsxs(
+  }, v = c ?? "flex-col";
+  return /* @__PURE__ */ s.jsx(T.Provider, { value: h, children: /* @__PURE__ */ s.jsxs(
     "fieldset",
     {
-      className: y("flex flex-col items-start gap-2", n),
+      className: y("flex flex-col items-start gap-2", i),
       ...f,
       children: [
-        /* @__PURE__ */ t.jsx("legend", { children: /* @__PURE__ */ t.jsxs("p", { className: y("block text-label", o && "text-red-800"), children: [
-          c,
-          u && /* @__PURE__ */ t.jsx("span", { className: "text-red-800", children: " *" })
+        /* @__PURE__ */ s.jsx("legend", { children: /* @__PURE__ */ s.jsxs("p", { className: y("block text-label", o && "text-red-800"), children: [
+          d,
+          u && /* @__PURE__ */ s.jsx("span", { className: "text-red-800", children: " *" })
         ] }) }),
-        /* @__PURE__ */ t.jsx("div", { className: y("inline-flex", v), children: x }),
-        a && /* @__PURE__ */ t.jsx("p", { id: h.helperTextId, className: "text-sup text-solid-gray-700", children: a }),
-        o && /* @__PURE__ */ t.jsx("p", { id: h.errorMessageId, className: "text-label text-red-800", children: s })
+        /* @__PURE__ */ s.jsx("div", { className: y("inline-flex", v), children: x }),
+        a && /* @__PURE__ */ s.jsx("p", { id: h.helperTextId, className: "text-sup text-solid-gray-700", children: a }),
+        o && /* @__PURE__ */ s.jsx("p", { id: h.errorMessageId, className: "text-label text-red-800", children: t })
       ]
     }
   ) });
@@ -815,33 +803,33 @@ const $ = (r) => {
 $.displayName = "FieldsetControl";
 const ye = (r) => {
   const {
-    items: i,
-    onChange: c,
-    className: n,
+    items: n,
+    onChange: d,
+    className: i,
     labelText: a,
-    helperText: s,
+    helperText: t,
     errorMessage: o,
     isInvalid: u,
-    isRequired: d,
+    isRequired: c,
     size: x,
     ...f
   } = r;
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ s.jsx(
     $,
     {
-      className: n,
+      className: i,
       labelText: a,
-      helperText: s,
+      helperText: t,
       errorMessage: o,
       isInvalid: u,
-      isRequired: d,
+      isRequired: c,
       ...f,
-      children: i.map(({ label: g, value: h }) => /* @__PURE__ */ t.jsx(
+      children: n.map(({ label: g, value: h }) => /* @__PURE__ */ s.jsx(
         Z,
         {
           size: x,
           value: h,
-          onChange: c,
+          onChange: d,
           children: g
         },
         `${g}-${h}`
@@ -852,34 +840,34 @@ const ye = (r) => {
 ye.displayName = "CheckboxGroup";
 const Re = (r) => {
   const {
-    items: i,
-    onChange: c,
-    className: n,
+    items: n,
+    onChange: d,
+    className: i,
     labelText: a,
-    helperText: s,
+    helperText: t,
     errorMessage: o,
     isInvalid: u,
-    isRequired: d,
+    isRequired: c,
     defaultValue: x,
     size: f,
     ...g
   } = r;
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ s.jsx(
     $,
     {
-      className: n,
+      className: i,
       labelText: a,
-      helperText: s,
+      helperText: t,
       errorMessage: o,
       isInvalid: u,
-      isRequired: d,
+      isRequired: c,
       ...g,
-      children: i.map(({ label: h, value: v }) => /* @__PURE__ */ t.jsx(
+      children: n.map(({ label: h, value: v }) => /* @__PURE__ */ s.jsx(
         Q,
         {
           size: f,
           value: v,
-          onChange: c,
+          onChange: d,
           defaultChecked: x === v,
           children: h
         },

package/dist/types/components/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CA0E7C,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CAyE7C,CAAA"}

package/dist/types/components/FileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,yBAAiB,SAAS,CAAC;IACzB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,SAAS;YAAW,SAAS,CAAC,KAAK;;CA2F/C,CAAA"}
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,yBAAiB,SAAS,CAAC;IACzB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,SAAS;YAAW,SAAS,CAAC,KAAK;;CAsF/C,CAAA"}

package/dist/types/components/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CAuBvC,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CAsBvC,CAAA"}

package/dist/types/components/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CAiEvC,CAAA"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,cAAc,CAAA;AAErB,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QACzE,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,KAAK;YAAW,KAAK,CAAC,KAAK;;CA8DvC,CAAA"}

package/dist/types/components/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,MAAM,CAAC;IACtB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAC1E,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,MAAM;YAAW,MAAM,CAAC,KAAK;;CA2DzC,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,yBAAiB,MAAM,CAAC;IACtB,UAAiB,KAAM,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAC1E,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED,eAAO,MAAM,MAAM;YAAW,MAAM,CAAC,KAAK;;CA0DzC,CAAA"}

package/dist/types/components/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,UAAU,CAAC;KAAG;CACpE;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CAyD7C,CAAA"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAIzD,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,UAAU,CAAC;KAAG;CACpE;AAED,eAAO,MAAM,QAAQ;YAAW,QAAQ,CAAC,KAAK;;CAwD7C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/forms",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "",
   "keywords": [],
   "author": "glassonion1",