@sakura-ui/sakura-ui 0.1.17 → 0.1.20

package/packages/forms/dist/index.es.js

@@ -9,23 +9,23 @@ var re = { exports: {} }, W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ie;
+var Ne;
 function vr() {
-  if (Ie)
+  if (Ne)
     return W;
-  Ie = 1;
-  var f = g, b = Symbol.for("react.element"), m = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(c, o, _) {
-    var h, y = {}, j = null, T = null;
-    _ !== void 0 && (j = "" + _), o.key !== void 0 && (j = "" + o.key), o.ref !== void 0 && (T = o.ref);
+  Ne = 1;
+  var f = g, m = Symbol.for("react.element"), v = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function b(c, o, T) {
+    var h, y = {}, j = null, _ = null;
+    T !== void 0 && (j = "" + T), o.key !== void 0 && (j = "" + o.key), o.ref !== void 0 && (_ = o.ref);
     for (h in o)
       u.call(o, h) && !a.hasOwnProperty(h) && (y[h] = o[h]);
     if (c && c.defaultProps)
       for (h in o = c.defaultProps, o)
         y[h] === void 0 && (y[h] = o[h]);
-    return { $$typeof: b, type: c, key: j, ref: T, props: y, _owner: n.current };
+    return { $$typeof: m, type: c, key: j, ref: _, props: y, _owner: n.current };
   }
-  return W.Fragment = m, W.jsx = p, W.jsxs = p, W;
+  return W.Fragment = v, W.jsx = b, W.jsxs = b, W;
 }
 var Y = {};
 /**
@@ -37,38 +37,38 @@ var Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ne;
+var Pe;
 function mr() {
-  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && function() {
-    var f = g, b = Symbol.for("react.element"), m = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), P = Symbol.iterator, ke = "@@iterator";
+  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
+    var f = g, m = Symbol.for("react.element"), v = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), F = Symbol.iterator, ke = "@@iterator";
     function Fe(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = P && e[P] || e[ke];
+      var r = F && e[F] || e[ke];
       return typeof r == "function" ? r : null;
     }
-    var D = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var q = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function w(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
           t[i - 1] = arguments[i];
-        De("error", e, t);
+        qe("error", e, t);
       }
     }
-    function De(e, r, t) {
+    function qe(e, r, t) {
       {
-        var i = D.ReactDebugCurrentFrame, v = i.getStackAddendum();
-        v !== "" && (r += "%s", t = t.concat([v]));
+        var i = q.ReactDebugCurrentFrame, p = i.getStackAddendum();
+        p !== "" && (r += "%s", t = t.concat([p]));
         var x = t.map(function(d) {
           return String(d);
         });
         x.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, x);
       }
     }
-    var Ae = !1, Me = !1, $e = !1, qe = !1, We = !1, ne;
+    var De = !1, Ae = !1, Me = !1, $e = !1, We = !1, ne;
     ne = Symbol.for("react.module.reference");
     function Ye(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === a || We || e === n || e === _ || e === h || qe || e === T || Ae || Me || $e || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === y || e.$$typeof === p || e.$$typeof === c || e.$$typeof === o || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === u || e === a || We || e === n || e === T || e === h || $e || e === _ || De || Ae || Me || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === y || e.$$typeof === b || e.$$typeof === c || e.$$typeof === o || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -78,13 +78,13 @@ function mr() {
       var i = e.displayName;
       if (i)
         return i;
-      var v = r.displayName || r.name || "";
-      return v !== "" ? t + "(" + v + ")" : t;
+      var p = r.displayName || r.name || "";
+      return p !== "" ? t + "(" + p + ")" : t;
     }
     function se(e) {
       return e.displayName || "Context";
     }
-    function S(e) {
+    function I(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -94,13 +94,13 @@ function mr() {
       switch (e) {
         case u:
           return "Fragment";
-        case m:
+        case v:
           return "Portal";
         case a:
           return "Profiler";
         case n:
           return "StrictMode";
-        case _:
+        case T:
           return "Suspense";
         case h:
           return "SuspenseList";
@@ -110,18 +110,18 @@ function mr() {
           case c:
             var r = e;
             return se(r) + ".Consumer";
-          case p:
+          case b:
             var t = e;
             return se(t._context) + ".Provider";
           case o:
             return Le(e, e.render, "ForwardRef");
           case y:
             var i = e.displayName || null;
-            return i !== null ? i : S(e.type) || "Memo";
+            return i !== null ? i : I(e.type) || "Memo";
           case j: {
-            var v = e, x = v._payload, d = v._init;
+            var p = e, x = p._payload, d = p._init;
             try {
-              return S(d(x));
+              return I(d(x));
             } catch {
               return null;
             }
@@ -129,13 +129,13 @@ function mr() {
         }
       return null;
     }
-    var F = Object.assign, $ = 0, ie, oe, le, ue, ce, de, fe;
+    var k = Object.assign, M = 0, ie, oe, le, ue, ce, de, fe;
     function pe() {
     }
     pe.__reactDisabledLog = !0;
     function Ve() {
       {
-        if ($ === 0) {
+        if (M === 0) {
           ie = console.log, oe = console.info, le = console.warn, ue = console.error, ce = console.group, de = console.groupCollapsed, fe = console.groupEnd;
           var e = {
             configurable: !0,
@@ -153,52 +153,52 @@ function mr() {
             groupEnd: e
           });
         }
-        $++;
+        M++;
       }
     }
     function Ue() {
       {
-        if ($--, $ === 0) {
+        if (M--, M === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: F({}, e, {
+            log: k({}, e, {
               value: ie
             }),
-            info: F({}, e, {
+            info: k({}, e, {
               value: oe
             }),
-            warn: F({}, e, {
+            warn: k({}, e, {
               value: le
             }),
-            error: F({}, e, {
+            error: k({}, e, {
               value: ue
             }),
-            group: F({}, e, {
+            group: k({}, e, {
               value: ce
             }),
-            groupCollapsed: F({}, e, {
+            groupCollapsed: k({}, e, {
               value: de
             }),
-            groupEnd: F({}, e, {
+            groupEnd: k({}, e, {
               value: fe
             })
           });
         }
-        $ < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        M < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var J = D.ReactCurrentDispatcher, z;
+    var J = q.ReactCurrentDispatcher, z;
     function L(e, r, t) {
       {
         if (z === void 0)
           try {
             throw Error();
-          } catch (v) {
-            var i = v.stack.trim().match(/\n( *(at )?)/);
+          } catch (p) {
+            var i = p.stack.trim().match(/\n( *(at )?)/);
             z = i && i[1] || "";
           }
         return `
@@ -220,7 +220,7 @@ function mr() {
       }
       var i;
       H = !0;
-      var v = Error.prepareStackTrace;
+      var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var x;
       x = J.current, J.current = null, Ve();
@@ -236,29 +236,29 @@ function mr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(d, []);
-            } catch (O) {
-              i = O;
+            } catch (S) {
+              i = S;
             }
             Reflect.construct(e, [], d);
           } else {
             try {
               d.call();
-            } catch (O) {
-              i = O;
+            } catch (S) {
+              i = S;
             }
             e.call(d.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (O) {
-            i = O;
+          } catch (S) {
+            i = S;
           }
           e();
         }
-      } catch (O) {
-        if (O && i && typeof O.stack == "string") {
-          for (var l = O.stack.split(`
+      } catch (S) {
+        if (S && i && typeof S.stack == "string") {
+          for (var l = S.stack.split(`
 `), C = i.stack.split(`
 `), R = l.length - 1, E = C.length - 1; R >= 1 && E >= 0 && l[R] !== C[E]; )
             E--;
@@ -267,18 +267,18 @@ function mr() {
               if (R !== 1 || E !== 1)
                 do
                   if (R--, E--, E < 0 || l[R] !== C[E]) {
-                    var N = `
+                    var P = `
 ` + l[R].replace(" at new ", " at ");
-                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, N), N;
+                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, P), P;
                   }
                 while (R >= 1 && E >= 0);
               break;
             }
         }
       } finally {
-        H = !1, J.current = x, Ue(), Error.prepareStackTrace = v;
+        H = !1, J.current = x, Ue(), Error.prepareStackTrace = p;
       }
-      var M = e ? e.displayName || e.name : "", Ce = M ? L(M) : "";
+      var A = e ? e.displayName || e.name : "", Ce = A ? L(A) : "";
       return typeof e == "function" && V.set(e, Ce), Ce;
     }
     function Ge(e, r, t) {
@@ -296,7 +296,7 @@ function mr() {
       if (typeof e == "string")
         return L(e);
       switch (e) {
-        case _:
+        case T:
           return L("Suspense");
         case h:
           return L("SuspenseList");
@@ -308,16 +308,16 @@ function mr() {
           case y:
             return U(e.type, r, t);
           case j: {
-            var i = e, v = i._payload, x = i._init;
+            var i = e, p = i._payload, x = i._init;
             try {
-              return U(x(v), r, t);
+              return U(x(p), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var B = Object.prototype.hasOwnProperty, me = {}, be = D.ReactDebugCurrentFrame;
+    var B = Object.prototype.hasOwnProperty, me = {}, be = q.ReactDebugCurrentFrame;
     function G(e) {
       if (e) {
         var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
@@ -325,7 +325,7 @@ function mr() {
       } else
         be.setExtraStackFrame(null);
     }
-    function ze(e, r, t, i, v) {
+    function ze(e, r, t, i, p) {
       {
         var x = Function.call.bind(B);
         for (var d in e)
@@ -340,7 +340,7 @@ function mr() {
             } catch (R) {
               l = R;
             }
-            l && !(l instanceof Error) && (G(v), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", t, d, typeof l), G(null)), l instanceof Error && !(l.message in me) && (me[l.message] = !0, G(v), w("Failed %s type: %s", t, l.message), G(null));
+            l && !(l instanceof Error) && (G(p), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", t, d, typeof l), G(null)), l instanceof Error && !(l.message in me) && (me[l.message] = !0, G(p), w("Failed %s type: %s", t, l.message), G(null));
           }
       }
     }
@@ -368,7 +368,7 @@ function mr() {
       if (Xe(e))
         return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), he(e);
     }
-    var q = D.ReactCurrentOwner, Ze = {
+    var $ = q.ReactCurrentOwner, Ze = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -392,9 +392,9 @@ function mr() {
       return e.key !== void 0;
     }
     function rr(e, r) {
-      if (typeof e.ref == "string" && q.current && r && q.current.stateNode !== r) {
-        var t = S(q.current.type);
-        X[t] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', S(q.current.type), e.ref), X[t] = !0);
+      if (typeof e.ref == "string" && $.current && r && $.current.stateNode !== r) {
+        var t = I($.current.type);
+        X[t] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', I($.current.type), e.ref), X[t] = !0);
       }
     }
     function tr(e, r) {
@@ -419,10 +419,10 @@ function mr() {
         });
       }
     }
-    var nr = function(e, r, t, i, v, x, d) {
+    var nr = function(e, r, t, i, p, x, d) {
       var l = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: b,
+        $$typeof: m,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -445,13 +445,13 @@ function mr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: p
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     };
-    function sr(e, r, t, i, v) {
+    function sr(e, r, t, i, p) {
       {
         var x, d = {}, l = null, C = null;
-        t !== void 0 && (xe(t), l = "" + t), er(r) && (xe(r.key), l = "" + r.key), Qe(r) && (C = r.ref, rr(r, v));
+        t !== void 0 && (xe(t), l = "" + t), er(r) && (xe(r.key), l = "" + r.key), Qe(r) && (C = r.ref, rr(r, p));
         for (x in r)
           B.call(r, x) && !Ze.hasOwnProperty(x) && (d[x] = r[x]);
         if (e && e.defaultProps) {
@@ -463,11 +463,11 @@ function mr() {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           l && tr(d, E), C && ar(d, E);
         }
-        return nr(e, l, C, v, i, q.current, d);
+        return nr(e, l, C, p, i, $.current, d);
       }
     }
-    var Z = D.ReactCurrentOwner, Re = D.ReactDebugCurrentFrame;
-    function A(e) {
+    var Z = q.ReactCurrentOwner, Re = q.ReactDebugCurrentFrame;
+    function D(e) {
       if (e) {
         var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
         Re.setExtraStackFrame(t);
@@ -477,12 +477,12 @@ function mr() {
     var Q;
     Q = !1;
     function ee(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === b;
+      return typeof e == "object" && e !== null && e.$$typeof === m;
     }
     function Ee() {
       {
         if (Z.current) {
-          var e = S(Z.current.type);
+          var e = I(Z.current.type);
           if (e)
             return `
 
@@ -525,7 +525,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         _e[t] = !0;
         var i = "";
-        e && e._owner && e._owner !== Z.current && (i = " It was passed a child from " + S(e._owner.type) + "."), A(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), A(null);
+        e && e._owner && e._owner !== Z.current && (i = " It was passed a child from " + I(e._owner.type) + "."), D(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), D(null);
       }
     }
     function je(e, r) {
@@ -540,9 +540,9 @@ Check the top-level render call using <` + t + ">.");
         else if (ee(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var v = Fe(e);
-          if (typeof v == "function" && v !== e.entries)
-            for (var x = v.call(e), d; !(d = x.next()).done; )
+          var p = Fe(e);
+          if (typeof p == "function" && p !== e.entries)
+            for (var x = p.call(e), d; !(d = x.next()).done; )
               ee(d.value) && Te(d.value, r);
         }
       }
@@ -562,12 +562,12 @@ Check the top-level render call using <` + t + ">.");
         else
           return;
         if (t) {
-          var i = S(r);
+          var i = I(r);
           ze(t, e.props, "prop", i, e);
         } else if (r.PropTypes !== void 0 && !Q) {
           Q = !0;
-          var v = S(r);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+          var p = I(r);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -577,39 +577,39 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var i = r[t];
           if (i !== "children" && i !== "key") {
-            A(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), A(null);
+            D(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), D(null);
             break;
           }
         }
-        e.ref !== null && (A(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
+        e.ref !== null && (D(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
       }
     }
-    function we(e, r, t, i, v, x) {
+    function we(e, r, t, i, p, x) {
       {
         var d = Ye(e);
         if (!d) {
           var l = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var C = ir(v);
+          var C = ir(p);
           C ? l += C : l += Ee();
           var R;
-          e === null ? R = "null" : K(e) ? R = "array" : e !== void 0 && e.$$typeof === b ? (R = "<" + (S(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : R = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, l);
+          e === null ? R = "null" : K(e) ? R = "array" : e !== void 0 && e.$$typeof === m ? (R = "<" + (I(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : R = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, l);
         }
-        var E = sr(e, r, t, v, x);
+        var E = sr(e, r, t, p, x);
         if (E == null)
           return E;
         if (d) {
-          var N = r.children;
-          if (N !== void 0)
+          var P = r.children;
+          if (P !== void 0)
             if (i)
-              if (K(N)) {
-                for (var M = 0; M < N.length; M++)
-                  je(N[M], e);
-                Object.freeze && Object.freeze(N);
+              if (K(P)) {
+                for (var A = 0; A < P.length; A++)
+                  je(P[A], e);
+                Object.freeze && Object.freeze(P);
               } else
                 w("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
-              je(N, e);
+              je(P, e);
         }
         return e === u ? ur(E) : lr(E), E;
       }
@@ -626,16 +626,16 @@ Check the top-level render call using <` + t + ">.");
 }
 process.env.NODE_ENV === "production" ? re.exports = vr() : re.exports = mr();
 var s = re.exports;
-const I = (...f) => f.filter(Boolean).join(" "), k = g.createContext({
+const N = (...f) => f.filter(Boolean).join(" "), O = g.createContext({
   helperTextId: "",
   errorMessageId: "",
   isInvalid: !1,
   isRequired: !1
-}), Pe = g.forwardRef(
-  (f, b) => {
-    const { className: m, children: u, ...n } = f, a = g.useContext(k);
+}), Ie = g.forwardRef(
+  (f, m) => {
+    const { className: v, children: u, ...n } = f, a = g.useContext(O);
     a.isRequired && (n.required = !0), a.groupName && (n.name = a.groupName);
-    const p = `
+    const b = `
       inline-block
       text-base
       cursor-pointer
@@ -662,7 +662,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = g.createContext({
       peer-focus-visible:ring-offset-2
       peer-focus-visible:ring-wood-500
     `;
-    return /* @__PURE__ */ s.jsx("label", { htmlFor: n.id, className: I(p, m), children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
+    return /* @__PURE__ */ s.jsx("label", { htmlFor: n.id, className: N(b, v), children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
       /* @__PURE__ */ s.jsx(
         "input",
         {
@@ -671,8 +671,9 @@ const I = (...f) => f.filter(Boolean).join(" "), k = g.createContext({
           "aria-describedby": a.helperTextId,
           "aria-errormessage": a.errorMessageId,
           "aria-invalid": a.isInvalid ?? !1,
+          "aria-required": a.isRequired ?? !1,
           ...n,
-          ref: b
+          ref: m
         }
       ),
       /* @__PURE__ */ s.jsx("span", { className: o, children: /* @__PURE__ */ s.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", 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" }) }) }),
@@ -680,12 +681,12 @@ const I = (...f) => f.filter(Boolean).join(" "), k = g.createContext({
     ] }) });
   }
 );
-Pe.displayName = "Checkbox";
+Ie.displayName = "Checkbox";
 const Se = g.forwardRef(
-  (f, b) => {
-    const { className: m, children: u, ...n } = f, a = g.useContext(k);
+  (f, m) => {
+    const { className: v, children: u, ...n } = f, a = g.useContext(O);
     a.isRequired && (n.required = !0), a.groupName && (n.name = a.groupName);
-    const p = `
+    const b = `
       inline-block
       text-base
       cursor-pointer
@@ -711,7 +712,7 @@ const Se = g.forwardRef(
       peer-focus-visible:ring-offset-2
       peer-focus-visible:ring-wood-500
     `;
-    return /* @__PURE__ */ s.jsx("label", { htmlFor: n.id, className: I(p, m), children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
+    return /* @__PURE__ */ s.jsx("label", { htmlFor: n.id, className: N(b, v), children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
       /* @__PURE__ */ s.jsx(
         "input",
         {
@@ -720,8 +721,9 @@ const Se = g.forwardRef(
           "aria-describedby": a.helperTextId,
           "aria-errormessage": a.errorMessageId,
           "aria-invalid": a.isInvalid ?? !1,
+          "aria-required": a.isRequired ?? !1,
           ...n,
-          ref: b
+          ref: m
         }
       ),
       /* @__PURE__ */ s.jsx("span", { className: o }),
@@ -731,60 +733,66 @@ const Se = g.forwardRef(
 );
 Se.displayName = "Radio";
 const br = g.forwardRef(
-  (f, b) => {
-    const { className: m, children: u, ...n } = f, a = g.useContext(k);
+  (f, m) => {
+    const { className: v, children: u, ...n } = f, a = g.useContext(O);
     a.isRequired && (n.required = !0);
-    const p = a.isInvalid ? "border-sun-800" : "border-sumi-900", c = `
-    peer
-    cursor-pointer
-    appearance-none
-    text-base
-    w-full
-    bg-white-100
-    border
-    border-solid
-    py-4 px-4 pr-8
-    rounded-[8px]
-    outline-offset-2
-    focus:outline
-    focus:outline-2
-    focus:outline-wood-500
-    disabled:bg-transparent
-    disabled:text-sumi-500
-    disabled:border-sumi-500
-  `, o = `
-    flex items-center
-    absolute inset-y-0 right-0
-    px-2
-    pointer-events-none
-    peer-disabled:fill-sumi-500
-  `;
+    const b = `
+      peer
+      cursor-pointer
+      appearance-none
+      text-base
+      w-full
+      bg-white-100
+      border
+      border-solid
+      border-sumi-900
+      py-4 px-4 pr-8
+      rounded-[8px]
+      outline-offset-2
+      focus:outline
+      focus:outline-2
+      focus:outline-wood-500
+      disabled:bg-transparent
+      disabled:text-sumi-500
+      disabled:border-sumi-500
+      aria-invalid:border-sun-800
+    `, c = `
+      flex items-center
+      absolute inset-y-0 right-0
+      px-2
+      pointer-events-none
+      peer-disabled:fill-sumi-500
+    `;
     return /* @__PURE__ */ s.jsxs("label", { className: "inline-block relative", children: [
       /* @__PURE__ */ s.jsx(
         "select",
         {
           id: n.id ?? a.id,
-          className: I(c, p, f.className),
+          className: N(b, f.className),
           "aria-describedby": a.helperTextId,
           "aria-errormessage": a.errorMessageId,
           "aria-invalid": a.isInvalid ?? !1,
+          "aria-required": a.isRequired ?? !1,
           ...n,
-          ref: b,
+          ref: m,
           children: u
         }
       ),
-      /* @__PURE__ */ s.jsx("span", { className: o, children: /* @__PURE__ */ s.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", children: /* @__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" }) }) })
+      /* @__PURE__ */ s.jsx("span", { className: c, children: /* @__PURE__ */ s.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", children: /* @__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" }) }) })
     ] });
   }
 ), hr = g.forwardRef(
-  (f, b) => {
-    const { className: m, ...u } = f, n = g.useContext(k);
+  (f, m) => {
+    const { className: v, ...u } = f, n = g.useContext(O);
     n.isRequired && (u.required = !0);
-    const a = n.isInvalid ? "text-sun-800" : "text-sumi-900", p = `
+    const a = `
+      file:mr-2
       file:inline-block
       file:text-button
       file:text-center
       file:cursor-pointer
+      file:select-none
+      file:touch-manipulation
       file:whitespace-nowrap
       file:border
       file:border-solid
@@ -793,7 +801,7 @@ const br = g.forwardRef(
       file:hover:border-sea-900
       file:disabled:border-sumi-500
       file:disabled:cursor-not-allowed
-    `, c = `
+    `, b = `
       file:text-sea-800
       file:bg-transparent
       file:active:bg-sea-200
@@ -802,34 +810,30 @@ const br = g.forwardRef(
       file:hover:text-sea-900
       file:disabled:text-sumi-500
       file:disabled:bg-transparent
-    `, o = `
+    `, c = `
       file:p-4
       file:text-button
       file:rounded-lg
-    `, _ = `
+    `, o = `
       rounded-lg
       outline-offset-2
+      text-sumi-900
       focus:outline
       focus:outline-2
       focus:outline-wood-600
+      aria-invalid:text-sun-800
     `;
     return /* @__PURE__ */ s.jsx(
       "input",
       {
         type: "file",
         id: u.id ?? n.id,
-        className: I(
-          p,
-          c,
-          o,
-          _,
-          a,
-          m
-        ),
+        className: N(a, b, c, o, v),
         "aria-describedby": n.helperTextId,
         "aria-errormessage": n.errorMessageId,
         "aria-invalid": n.isInvalid ?? !1,
-        ref: b,
+        "aria-required": n.isRequired ?? !1,
+        ref: m,
         ...u
       }
     );
@@ -837,32 +841,35 @@ const br = g.forwardRef(
 );
 hr.displayName = "FileInput";
 const xr = g.forwardRef(
-  (f, b) => {
-    const { className: m, ...u } = f, n = g.useContext(k);
+  (f, m) => {
+    const { className: v, ...u } = f, n = g.useContext(O);
     n.isRequired && (u.required = !0);
-    const a = n.isInvalid ? "border-sun-800" : "border-sumi-900", p = `
-    p-4
-    rounded-lg
-    border
-    border-solid
-    outline-offset-2
-    focus:outline
-    focus:outline-2
-    focus:outline-wood-500
-    disabled:bg-transparent
-    disabled:text-sumi-500
-    disabled:border-sumi-500
-  `;
+    const a = `
+      p-4
+      rounded-lg
+      border
+      border-solid
+      border-sumi-900
+      outline-offset-2
+      focus:outline
+      focus:outline-2
+      focus:outline-wood-500
+      disabled:bg-transparent
+      disabled:text-sumi-500
+      disabled:border-sumi-500
+      aria-invalid:border-sun-800
+    `;
     return /* @__PURE__ */ s.jsx(
       "input",
       {
         type: "text",
         id: u.id ?? n.id,
-        className: I(p, a, m),
+        className: N(a, v),
         "aria-describedby": n.helperTextId,
         "aria-errormessage": n.errorMessageId,
         "aria-invalid": n.isInvalid ?? !1,
-        ref: b,
+        "aria-required": n.isRequired ?? !1,
+        ref: m,
         ...u
       }
     );
@@ -870,41 +877,44 @@ const xr = g.forwardRef(
 );
 xr.displayName = "Input";
 const Oe = g.forwardRef(
-  (f, b) => {
-    const { className: m, children: u, onChange: n, maxLength: a, ...p } = f, [c, o] = g.useState(0), _ = (P) => {
-      n && n(P), o(P.target.value.length);
-    }, h = g.useContext(k);
-    h.isRequired && (p.required = !0);
-    const y = h.isInvalid ? "border-sun-800" : "border-sumi-900", j = c > (a || 0) ? "text-sun-800" : "text-sumi-700", T = `
-    p-4
-    rounded-lg
-    border
-    border-solid
-    outline-offset-2
-    focus:outline
-    focus:outline-2
-    focus:outline-wood-500
-    disabled:bg-transparent
-    disabled:text-sumi-500
-    disabled:border-sumi-500
-  `;
+  (f, m) => {
+    const { className: v, children: u, onChange: n, maxLength: a, ...b } = f, [c, o] = g.useState(0), T = (_) => {
+      n && n(_), o(_.target.value.length);
+    }, h = g.useContext(O);
+    h.isRequired && (b.required = !0);
+    const y = c > (a || 0) ? "text-sun-800" : "text-sumi-700", j = `
+      p-4
+      rounded-lg
+      border
+      border-solid
+      border-sumi-900
+      outline-offset-2
+      focus:outline
+      focus:outline-2
+      focus:outline-wood-500
+      disabled:bg-transparent
+      disabled:text-sumi-500
+      disabled:border-sumi-500
+      aria-invalid:border-sun-800
+    `;
     return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
         "textarea",
         {
-          id: p.id ?? h.id,
-          className: I(T, y, m),
+          id: b.id ?? h.id,
+          className: N(j, v),
           "aria-describedby": h.helperTextId,
           "aria-errormessage": h.errorMessageId,
           "aria-invalid": h.isInvalid ?? !1,
-          onChange: _,
-          ...p,
-          ref: b,
+          "aria-required": h.isRequired ?? !1,
+          onChange: T,
+          ...b,
+          ref: m,
           children: u
         }
       ),
       a ? /* @__PURE__ */ s.jsxs("p", { className: "text-sup text-sumi-700", children: [
-        /* @__PURE__ */ s.jsx("span", { className: j, children: c }),
+        /* @__PURE__ */ s.jsx("span", { className: y, children: c }),
         "/",
         /* @__PURE__ */ s.jsx("span", { children: a })
       ] }) : ""
@@ -912,34 +922,34 @@ const Oe = g.forwardRef(
   }
 );
 Oe.displayName = "Textarea";
-const te = g.forwardRef((f, b) => {
-  const m = g.useId(), {
+const te = g.forwardRef((f, m) => {
+  const v = g.useId(), {
     labelText: u,
     className: n,
     helperText: a,
-    errorMessage: p,
+    errorMessage: b,
     isInvalid: c,
     isRequired: o,
-    children: _,
+    children: T,
     ...h
   } = f, y = {
-    id: f.htmlFor ?? `input-${m}`,
-    helperTextId: `helper-text-${m}`,
-    errorMessageId: `error-message-${m}`,
+    id: f.htmlFor ?? `input-${v}`,
+    helperTextId: `helper-text-${v}`,
+    errorMessageId: `error-message-${v}`,
     isInvalid: c ?? !1,
     isRequired: o ?? !1
   }, j = `
     text-sup text-sumi-700
-  `, T = `
+  `, _ = `
     text-sup text-sun-800
   `;
-  return /* @__PURE__ */ s.jsx(k.Provider, { value: y, children: /* @__PURE__ */ s.jsxs("div", { className: I("mb-4", n), children: [
+  return /* @__PURE__ */ s.jsx(O.Provider, { value: y, children: /* @__PURE__ */ s.jsxs("div", { className: N("mb-4", n), children: [
     /* @__PURE__ */ s.jsxs(
       "label",
       {
-        className: I("block mb-2 text-label", c && "text-sun-800"),
+        className: N("block mb-2 text-label", c && "text-sun-800"),
         htmlFor: y.id,
-        ref: b,
+        ref: m,
         ...h,
         children: [
           u,
@@ -947,74 +957,74 @@ const te = g.forwardRef((f, b) => {
         ]
       }
     ),
-    a && /* @__PURE__ */ s.jsx("p", { id: y.helperTextId, className: I(j, "mb-2"), children: a }),
-    _,
+    a && /* @__PURE__ */ s.jsx("p", { id: y.helperTextId, className: N(j, "mb-2"), children: a }),
+    T,
     c && /* @__PURE__ */ s.jsx(
       "p",
       {
         id: y.errorMessageId,
-        className: I(T, a ? "mt-1" : "mt-2"),
-        children: p
+        className: N(_, a ? "mt-1" : "mt-2"),
+        children: b
       }
     )
   ] }) });
 });
 te.displayName = "LabelControl";
-const ae = g.forwardRef((f, b) => {
-  const m = g.useId(), {
+const ae = g.forwardRef((f, m) => {
+  const v = g.useId(), {
     labelText: u,
     className: n,
     helperText: a,
-    errorMessage: p,
+    errorMessage: b,
     isInvalid: c,
     isRequired: o,
-    direction: _,
+    direction: T,
     children: h,
     ...y
-  } = f, T = {
-    groupName: y.name ?? `group-${m}`,
-    helperTextId: `helper-text-${m}`,
-    errorMessageId: `error-message-${m}`,
+  } = f, _ = {
+    groupName: y.name ?? `group-${v}`,
+    helperTextId: `helper-text-${v}`,
+    errorMessageId: `error-message-${v}`,
     isInvalid: c ?? !1,
     isRequired: o ?? !1
-  }, P = _ ?? "flex-col";
-  return /* @__PURE__ */ s.jsx(k.Provider, { value: T, children: /* @__PURE__ */ s.jsxs("fieldset", { className: I("mb-4", n), ref: b, ...y, children: [
+  }, F = T ?? "flex-col";
+  return /* @__PURE__ */ s.jsx(O.Provider, { value: _, children: /* @__PURE__ */ s.jsxs("fieldset", { className: N("mb-4", n), ref: m, ...y, children: [
     /* @__PURE__ */ s.jsx("legend", { children: /* @__PURE__ */ s.jsxs(
       "p",
       {
-        className: I("block mb-2 text-label", c && "text-sun-800"),
+        className: N("block mb-2 text-label", c && "text-sun-800"),
         children: [
           u,
           o && /* @__PURE__ */ s.jsx("span", { className: "text-sun-800", children: " *" })
         ]
       }
     ) }),
-    /* @__PURE__ */ s.jsx("div", { className: I("inline-flex", P), children: h }),
-    a && /* @__PURE__ */ s.jsx("p", { id: T.helperTextId, className: "text-sup text-sumi-700 mt-2", children: a }),
+    /* @__PURE__ */ s.jsx("div", { className: N("inline-flex", F), children: h }),
+    a && /* @__PURE__ */ s.jsx("p", { id: _.helperTextId, className: "text-sup text-sumi-700 mt-2", children: a }),
     c && /* @__PURE__ */ s.jsx(
       "p",
       {
-        id: T.errorMessageId,
-        className: I(
+        id: _.errorMessageId,
+        className: N(
           "text-sup text-sun-800",
           a ? "mt-1" : "mt-2"
         ),
-        children: p
+        children: b
       }
     )
   ] }) });
 });
 ae.displayName = "FieldsetControl";
-const gr = g.forwardRef((f, b) => {
+const gr = g.forwardRef((f, m) => {
   const {
-    items: m,
+    items: v,
     onChange: u,
     className: n,
     labelText: a,
-    helperText: p,
+    helperText: b,
     errorMessage: c,
     isInvalid: o,
-    isRequired: _,
+    isRequired: T,
     ...h
   } = f;
   return /* @__PURE__ */ s.jsx(
@@ -1022,27 +1032,27 @@ const gr = g.forwardRef((f, b) => {
     {
       className: n,
       labelText: a,
-      helperText: p,
+      helperText: b,
       errorMessage: c,
       isInvalid: o,
-      isRequired: _,
-      ref: b,
+      isRequired: T,
+      ref: m,
       ...h,
-      children: m.map(({ label: y, value: j }, T) => /* @__PURE__ */ s.jsx(Pe, { value: j, onChange: u, children: y }, T))
+      children: v.map(({ label: y, value: j }, _) => /* @__PURE__ */ s.jsx(Ie, { value: j, onChange: u, children: y }, _))
     }
   );
 });
 gr.displayName = "CheckboxGroup";
-const yr = g.forwardRef((f, b) => {
+const yr = g.forwardRef((f, m) => {
   const {
-    items: m,
+    items: v,
     onChange: u,
     className: n,
     labelText: a,
-    helperText: p,
+    helperText: b,
     errorMessage: c,
     isInvalid: o,
-    isRequired: _,
+    isRequired: T,
     defaultValue: h,
     ...y
   } = f;
@@ -1051,76 +1061,76 @@ const yr = g.forwardRef((f, b) => {
     {
       className: n,
       labelText: a,
-      helperText: p,
+      helperText: b,
       errorMessage: c,
       isInvalid: o,
-      isRequired: _,
-      ref: b,
+      isRequired: T,
+      ref: m,
       ...y,
-      children: m.map(({ label: j, value: T }, P) => /* @__PURE__ */ s.jsx(
+      children: v.map(({ label: j, value: _ }, F) => /* @__PURE__ */ s.jsx(
         Se,
         {
-          value: T,
+          value: _,
           onChange: u,
-          defaultChecked: h === T,
+          defaultChecked: h === _,
           children: j
         },
-        P
+        F
       ))
     }
   );
 });
 yr.displayName = "RadioGroup";
-const Rr = g.forwardRef((f, b) => {
+const Rr = g.forwardRef((f, m) => {
   const {
-    className: m,
+    className: v,
     labelText: u,
     helperText: n,
     errorMessage: a,
-    isInvalid: p,
+    isInvalid: b,
     isRequired: c,
     ...o
   } = f;
   return /* @__PURE__ */ s.jsx(
     te,
     {
-      className: m,
+      className: v,
       labelText: u,
       helperText: n,
       errorMessage: a,
-      isInvalid: p,
+      isInvalid: b,
       isRequired: c,
-      children: /* @__PURE__ */ s.jsx(br, { ref: b, ...o })
+      children: /* @__PURE__ */ s.jsx(br, { ref: m, ...o })
     }
   );
 });
 Rr.displayName = "SelectControl";
-const Er = g.forwardRef((f, b) => {
+const Er = g.forwardRef((f, m) => {
   const {
-    className: m,
+    className: v,
     labelText: u,
     helperText: n,
     errorMessage: a,
-    isInvalid: p,
+    isInvalid: b,
     isRequired: c,
     ...o
   } = f;
   return /* @__PURE__ */ s.jsx(
     te,
     {
-      className: m,
+      className: v,
       labelText: u,
       helperText: n,
       errorMessage: a,
-      isInvalid: p,
+      isInvalid: b,
       isRequired: c,
-      children: /* @__PURE__ */ s.jsx(Oe, { ref: b, ...o })
+      children: /* @__PURE__ */ s.jsx(Oe, { ref: m, ...o })
     }
   );
 });
 Er.displayName = "TextareaControl";
 export {
-  Pe as Checkbox,
+  Ie as Checkbox,
   gr as CheckboxGroup,
   ae as FieldsetControl,
   hr as FileInput,
@@ -1133,4 +1143,3 @@ export {
   Oe as Textarea,
   Er as TextareaControl
 };
-//# sourceMappingURL=index.es.js.map