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

package/dist/index.es.js

@@ -1,19 +1,10 @@
-import y from "react";
-var k = { exports: {} }, I = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var B;
-function pe() {
-  if (B) return I;
-  B = 1;
-  var r = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+import R from "react";
+var I = { exports: {} }, E = {};
+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 o = null;
     if (s !== void 0 && (o = "" + s), a.key !== void 0 && (o = "" + a.key), "key" in a) {
@@ -29,56 +20,47 @@ function pe() {
       props: s
     };
   }
-  return I.Fragment = i, I.jsx = c, I.jsxs = c, I;
+  return E.Fragment = i, E.jsx = c, E.jsxs = c, E;
 }
 var _ = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var U;
-function be() {
-  return U || (U = 1, process.env.NODE_ENV !== "production" && function() {
+var B;
+function pe() {
+  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ce ? null : e.displayName || e.name || null;
+        return e.$$typeof === de ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case P:
+        case k:
           return "Fragment";
-        case se:
-          return "Profiler";
         case re:
+          return "Profiler";
+        case ee:
           return "StrictMode";
-        case oe:
+        case ae:
           return "Suspense";
-        case ie:
+        case oe:
           return "SuspenseList";
-        case de:
+        case ne:
           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 ee:
+          case K:
             return "Portal";
-          case le:
-            return (e.displayName || "Context") + ".Provider";
           case te:
+            return e.displayName || "Context";
+          case se:
             return (e._context.displayName || "Context") + ".Consumer";
-          case ae:
+          case le:
             var l = e.render;
             return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ne:
+          case ie:
             return l = e.displayName || null, l !== null ? l : r(e.type) || "Memo";
-          case M:
+          case P:
             l = e._payload, e = e._init;
             try {
               return r(e(l));
@@ -99,17 +81,17 @@ function be() {
       }
       if (l) {
         l = console;
-        var p = l.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        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.",
-          m
+          b
         ), i(e);
       }
     }
     function n(e) {
-      if (e === P) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === M)
+      if (e === k) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === P)
         return "<...>";
       try {
         var l = r(e);
@@ -126,7 +108,7 @@ function be() {
       return Error("react-stack-top-frame");
     }
     function o(e) {
-      if (F.call(e, "key")) {
+      if (M.call(e, "key")) {
         var l = Object.getOwnPropertyDescriptor(e, "key").get;
         if (l && l.isReactWarning) return !1;
       }
@@ -134,7 +116,7 @@ function be() {
     }
     function u(e, l) {
       function p() {
-        Y || (Y = !0, console.error(
+        F || (F = !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
         ));
@@ -146,18 +128,19 @@ function be() {
     }
     function d() {
       var e = r(this.type);
-      return z[e] || (z[e] = !0, console.error(
+      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."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function b(e, l, p, m, j, N, A, O) {
-      return p = N.ref, e = {
-        $$typeof: R,
+    function x(e, l, p, b, w, A) {
+      var m = p.ref;
+      return e = {
+        $$typeof: q,
         type: e,
         key: l,
-        props: N,
-        _owner: j
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
+        props: p,
+        _owner: b
+      }, (m !== void 0 ? m : 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", {
@@ -174,113 +157,110 @@ function be() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: w
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function f(e, l, p, m, j, N, A, O) {
-      var g = l.children;
-      if (g !== void 0)
-        if (m)
-          if (ue(g)) {
-            for (m = 0; m < g.length; m++)
-              h(g[m]);
-            Object.freeze && Object.freeze(g);
+    function f(e, l, p, b, w, A) {
+      var m = l.children;
+      if (m !== void 0)
+        if (b)
+          if (ce(m)) {
+            for (b = 0; b < m.length; b++)
+              g(m[b]);
+            Object.freeze && Object.freeze(m);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(g);
-      if (F.call(l, "key")) {
-        g = r(e);
-        var w = Object.keys(l).filter(function(fe) {
-          return fe !== "key";
+        else g(m);
+      if (M.call(l, "key")) {
+        m = r(e);
+        var j = Object.keys(l).filter(function(ue) {
+          return ue !== "key";
         });
-        m = 0 < w.length ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}", W[g + m] || (w = 0 < w.length ? "{" + w.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", L[m + 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,
           m,
-          g,
-          w,
-          g
-        ), W[g + m] = !0);
+          j,
+          m
+        ), L[m + b] = !0);
       }
-      if (g = null, p !== void 0 && (c(p), g = "" + p), o(l) && (c(l.key), g = "" + l.key), "key" in l) {
+      if (m = null, p !== void 0 && (c(p), m = "" + p), o(l) && (c(l.key), m = "" + l.key), "key" in l) {
         p = {};
-        for (var $ in l)
-          $ !== "key" && (p[$] = l[$]);
+        for (var O in l)
+          O !== "key" && (p[O] = l[O]);
       } else p = l;
-      return g && u(
+      return m && u(
         p,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), b(
+      ), x(
         e,
-        g,
-        N,
-        j,
-        a(),
+        m,
         p,
-        A,
-        O
+        a(),
+        w,
+        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) {
-      typeof e == "object" && e !== null && e.$$typeof === R && e._store && (e._store.validated = 1);
+      return typeof e == "object" && e !== null && e.$$typeof === q;
     }
-    var x = y, R = Symbol.for("react.transitional.element"), ee = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), se = Symbol.for("react.profiler"), te = Symbol.for("react.consumer"), le = Symbol.for("react.context"), ae = Symbol.for("react.forward_ref"), oe = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), ne = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), de = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), C = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, ue = Array.isArray, S = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    x = {
+    v = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var Y, z = {}, D = x.react_stack_bottom_frame.bind(
-      x,
+    var F, Y = {}, z = v.react_stack_bottom_frame.bind(
+      v,
       s
-    )(), L = S(n(s)), W = {};
-    _.Fragment = P, _.jsx = function(e, l, p, m, j) {
-      var N = 1e4 > C.recentlyCreatedOwnerStacks++;
+    )(), D = S(n(s)), L = {};
+    _.Fragment = k, _.jsx = function(e, l, p) {
+      var b = 1e4 > C.recentlyCreatedOwnerStacks++;
       return f(
         e,
         l,
         p,
         !1,
-        m,
-        j,
-        N ? Error("react-stack-top-frame") : D,
-        N ? S(n(e)) : L
+        b ? Error("react-stack-top-frame") : z,
+        b ? S(n(e)) : D
       );
-    }, _.jsxs = function(e, l, p, m, j) {
-      var N = 1e4 > C.recentlyCreatedOwnerStacks++;
+    }, _.jsxs = function(e, l, p) {
+      var b = 1e4 > C.recentlyCreatedOwnerStacks++;
       return f(
         e,
         l,
         p,
         !0,
-        m,
-        j,
-        N ? Error("react-stack-top-frame") : D,
-        N ? S(n(e)) : L
+        b ? Error("react-stack-top-frame") : z,
+        b ? S(n(e)) : D
       );
     };
-  }()), _;
+  })()), _;
 }
-var G;
-function xe() {
-  return G || (G = 1, process.env.NODE_ENV === "production" ? k.exports = pe() : k.exports = be()), k.exports;
+var U;
+function be() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? I.exports = fe() : I.exports = pe()), I.exports;
 }
-var t = xe();
-const v = (...r) => r.filter(Boolean).join(" ");
-var T;
+var t = be();
+const y = (...r) => r.filter(Boolean).join(" ");
+var N;
 ((r) => {
   r.clickable = `
     px-2
@@ -294,7 +274,6 @@ var T;
     bg-yellow-50
   `;
   const i = `
-    focus-visible:outline
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
@@ -313,7 +292,7 @@ var T;
     focus-visible:ring-[calc(2/16*1rem)]
   `, r.focusRounded = `
     ${r.focusRect}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `, r.focusCard = `
     ${r.focusRect}
     focus-visible:rounded-2xl
@@ -323,7 +302,7 @@ var T;
     focus-visible:bg-yellow-300
   `, r.focusRoundedWithBg = `
     ${r.focusRectWithBg}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `, r.hoverUnderline = `
     hover:underline
     hover:underline-offset-[calc(3/16*1rem)]
@@ -354,7 +333,6 @@ var T;
     left-0
   `, ((c) => {
     c.focus = `
-      peer-focus-visible:outline
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300
@@ -364,13 +342,13 @@ var T;
       peer-focus-visible:ring-[calc(2/16*1rem)]
     `;
   })(r.Peer || (r.Peer = {}));
-})(T || (T = {}));
-const E = y.createContext({
+})(N || (N = {}));
+const T = R.createContext({
   helperTextId: "",
   errorMessageId: "",
   isInvalid: !1,
   isRequired: !1
-}), J = `
+}), G = `
   bg-white
   border
   border-solid
@@ -379,7 +357,7 @@ const E = y.createContext({
   disabled:text-solid-gray-500
   disabled:border-solid-gray-500
   aria-invalid:border-red-800
-  ${T.focusRect}
+  ${N.focusRect}
 `, V = {
   // 16(p-4) * 2 + 22(text-label * leading-snug) + boader * 2 = 56px
   lg: `
@@ -404,13 +382,13 @@ const E = y.createContext({
     rounded-md
     leading-snug
   `
-}, H = `
+}, J = `
   inline-block
   cursor-pointer
   border
   border-solid
   border-transparent
-`, X = {
+`, H = {
   // 16(p-4) * 2 + 22(text-label * leading-snug) + boader(transparent) * 2 = 56px
   lg: `
     pr-8
@@ -432,21 +410,21 @@ const E = y.createContext({
     text-label
     leading-snug
   `
-}, Z = {
+}, X = {
   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, ...s } = r, o = y.useId(), u = i || o, d = y.useContext(E);
+}, 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 b = {
+  const x = {
     lg: 22 / 24,
     md: 18 / 24,
     sm: 18 / 24
   }, f = `
     peer
     sr-only
-  `, h = `
+  `, g = `
     bg-clip-content
     rounded-sm
     border
@@ -457,15 +435,15 @@ const E = y.createContext({
     peer-checked:bg-blue-600
     peer-checked:border-none
     peer-disabled:border-solid-gray-500
-    ${T.Peer.focusRect}
+    ${N.Peer.focusRect}
   `;
   return /* @__PURE__ */ t.jsx(
     "label",
     {
       htmlFor: u,
-      className: v(
-        H,
-        X[n],
+      className: y(
+        J,
+        H[n],
         c
       ),
       children: /* @__PURE__ */ t.jsxs("span", { className: "flex items-center", children: [
@@ -482,7 +460,7 @@ const E = y.createContext({
             ...s
           }
         ),
-        /* @__PURE__ */ t.jsx("span", { className: v(h, Z[n]), children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx("span", { className: y(g, X[n]), children: /* @__PURE__ */ t.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -490,7 +468,7 @@ const E = y.createContext({
             width: "24",
             height: "24",
             viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ t.jsx("g", { transform: `scale(${b[n]} ${b[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__ */ 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" }) })
           }
         ) }),
         /* @__PURE__ */ t.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
@@ -498,11 +476,11 @@ const E = y.createContext({
     }
   );
 };
-Q.displayName = "Checkbox";
-const K = (r) => {
-  const { id: i, className: c, size: n = "lg", children: a, ...s } = r, o = y.useId(), u = i || o, d = y.useContext(E);
+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 b = `
+  const x = `
     peer
     sr-only
   `, f = `
@@ -514,8 +492,8 @@ const K = (r) => {
     peer-checked:bg-blue-600
     peer-checked:border-blue-600
     peer-disabled:border-solid-gray-500
-    ${T.Peer.focusRect}
-  `, h = {
+    ${N.Peer.focusRect}
+  `, g = {
     lg: "p-1",
     md: "p-[3px]",
     sm: "p-[3px]"
@@ -524,9 +502,9 @@ const K = (r) => {
     "label",
     {
       htmlFor: u,
-      className: v(
-        H,
-        X[n],
+      className: y(
+        J,
+        H[n],
         c
       ),
       children: /* @__PURE__ */ t.jsxs("span", { className: "flex items-center", children: [
@@ -534,7 +512,7 @@ const K = (r) => {
           "input",
           {
             id: u,
-            className: b,
+            className: x,
             type: "radio",
             "aria-describedby": d.helperTextId,
             "aria-errormessage": d.errorMessageId,
@@ -547,7 +525,7 @@ const K = (r) => {
           "span",
           {
             "aria-hidden": !0,
-            className: v(f, h[n], Z[n])
+            className: y(f, g[n], X[n])
           }
         ),
         /* @__PURE__ */ t.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
@@ -555,22 +533,22 @@ const K = (r) => {
     }
   );
 };
-K.displayName = "Radio";
+Q.displayName = "Radio";
 const me = (r) => {
-  const { id: i, className: c, size: n = "lg", children: a, ...s } = r, o = y.useContext(E);
+  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(
       "select",
       {
         id: i || o.id,
-        className: v(
+        className: y(
           `
     !pr-8
     peer
     cursor-pointer
     appearance-none
   `,
-          J,
+          G,
           V[n],
           c
         ),
@@ -615,8 +593,8 @@ const me = (r) => {
   ] });
 };
 me.displayName = "Select";
-const ge = (r) => {
-  const { id: i, className: c, size: n = "lg", ...a } = r, s = y.useContext(E);
+const xe = (r) => {
+  const { id: i, className: c, size: n = "lg", ...a } = r, s = R.useContext(T);
   s.isRequired && (a.required = !0);
   const o = `
     file:mr-2
@@ -649,9 +627,9 @@ const ge = (r) => {
     rounded-lg
     outline-offset-2
     aria-invalid:text-red-800
-    ${T.hoverUnderline}
-    ${T.focusRounded}
-  `, b = {
+    ${N.hoverUnderline}
+    ${N.focusRounded}
+  `, x = {
     // 16(p-4) * 2 + 22(text-button * leading-snug) + boader * 2 = 56px
     lg: `
       file:p-4
@@ -676,32 +654,36 @@ const ge = (r) => {
       file:leading-snug
     `
   };
-  return /* @__PURE__ */ t.jsx(
-    "input",
-    {
-      type: "file",
-      id: i || s.id,
-      className: v(o, u, b[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 (
+    // 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
+      }
+    )
   );
 };
-ge.displayName = "FileInput";
-const he = (r) => {
-  const { id: i, className: c, size: n = "lg", ...a } = r, s = y.useContext(E);
+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(
     "input",
     {
       type: "text",
       id: i || s.id,
-      className: v(
-        J,
+      className: y(
+        G,
         V[n],
         c
       ),
@@ -713,13 +695,13 @@ const he = (r) => {
     }
   );
 };
-he.displayName = "Input";
-const ve = (r) => {
-  const { id: i, className: c, children: n, onChange: a, maxLength: s, ...o } = r, [u, d] = y.useState(0), b = (R) => {
-    a && a(R), d(R.target.value.length);
-  }, f = y.useContext(E);
+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);
+  }, f = R.useContext(T);
   f.isRequired && (o.required = !0);
-  const h = u > (s || 0) ? "text-red-800" : "text-solid-gray-700", x = `
+  const g = u > (s || 0) ? "text-red-800" : "text-solid-gray-700", h = `
       p-4
       text-label
       rounded-lg
@@ -730,33 +712,33 @@ const ve = (r) => {
       disabled:text-solid-gray-500
       disabled:border-solid-gray-500
       aria-invalid:border-red-800
-      ${T.focusRect}
+      ${N.focusRect}
     `;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       "textarea",
       {
         id: i || f.id,
-        className: v(x, c),
+        className: y(h, c),
         "aria-describedby": f.helperTextId,
         "aria-errormessage": f.errorMessageId,
         "aria-invalid": f.isInvalid ?? !1,
         "aria-required": f.isRequired ?? !1,
-        onChange: b,
+        onChange: x,
         ...o,
         children: n
       }
     ),
     s ? /* @__PURE__ */ t.jsxs("p", { className: "text-label text-solid-gray-700", children: [
-      /* @__PURE__ */ t.jsx("span", { className: h, children: u }),
+      /* @__PURE__ */ t.jsx("span", { className: g, children: u }),
       "/",
       /* @__PURE__ */ t.jsx("span", { children: s })
     ] }) : ""
   ] });
 };
-ve.displayName = "Textarea";
-const ye = (r) => {
-  const i = y.useId(), {
+he.displayName = "Textarea";
+const ve = (r) => {
+  const i = R.useId(), {
     labelText: c,
     className: n,
     helperText: a,
@@ -764,7 +746,7 @@ const ye = (r) => {
     isInvalid: o,
     isRequired: u,
     children: d,
-    ...b
+    ...x
   } = r, f = {
     id: r.htmlFor ?? `input-${i}`,
     helperTextId: `helper-text-${i}`,
@@ -772,13 +754,13 @@ const ye = (r) => {
     isInvalid: o ?? !1,
     isRequired: u ?? !1
   };
-  return /* @__PURE__ */ t.jsx(E.Provider, { value: f, children: /* @__PURE__ */ t.jsxs("div", { className: v("flex flex-col items-start gap-2", n), children: [
+  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(
       "label",
       {
-        className: v("block text-label", o && "text-red-800"),
+        className: y("block text-label", o && "text-red-800"),
         htmlFor: f.id,
-        ...b,
+        ...x,
         children: [
           c,
           u && /* @__PURE__ */ t.jsx("span", { className: "text-label text-red-800", children: " *" })
@@ -794,9 +776,9 @@ const ye = (r) => {
   `, children: s })
   ] }) });
 };
-ye.displayName = "LabelControl";
-const q = (r) => {
-  const i = y.useId(), {
+ve.displayName = "LabelControl";
+const $ = (r) => {
+  const i = R.useId(), {
     labelText: c,
     className: n,
     helperText: a,
@@ -804,34 +786,34 @@ const q = (r) => {
     isInvalid: o,
     isRequired: u,
     direction: d,
-    children: b,
+    children: x,
     ...f
-  } = r, x = {
+  } = r, h = {
     groupName: f.name ?? `group-${i}`,
     helperTextId: `helper-text-${i}`,
     errorMessageId: `error-message-${i}`,
     isInvalid: o ?? !1,
     isRequired: u ?? !1
-  }, R = d ?? "flex-col";
-  return /* @__PURE__ */ t.jsx(E.Provider, { value: x, children: /* @__PURE__ */ t.jsxs(
+  }, v = d ?? "flex-col";
+  return /* @__PURE__ */ t.jsx(T.Provider, { value: h, children: /* @__PURE__ */ t.jsxs(
     "fieldset",
     {
-      className: v("flex flex-col items-start gap-2", n),
+      className: y("flex flex-col items-start gap-2", n),
       ...f,
       children: [
-        /* @__PURE__ */ t.jsx("legend", { children: /* @__PURE__ */ t.jsxs("p", { className: v("block text-label", o && "text-red-800"), 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__ */ t.jsx("div", { className: v("inline-flex", R), children: b }),
-        a && /* @__PURE__ */ t.jsx("p", { id: x.helperTextId, className: "text-sup text-solid-gray-700", children: a }),
-        o && /* @__PURE__ */ t.jsx("p", { id: x.errorMessageId, className: "text-label text-red-800", children: s })
+        /* @__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 })
       ]
     }
   ) });
 };
-q.displayName = "FieldsetControl";
-const Re = (r) => {
+$.displayName = "FieldsetControl";
+const ye = (r) => {
   const {
     items: i,
     onChange: c,
@@ -841,11 +823,11 @@ const Re = (r) => {
     errorMessage: o,
     isInvalid: u,
     isRequired: d,
-    size: b,
+    size: x,
     ...f
   } = r;
   return /* @__PURE__ */ t.jsx(
-    q,
+    $,
     {
       className: n,
       labelText: a,
@@ -854,21 +836,21 @@ const Re = (r) => {
       isInvalid: u,
       isRequired: d,
       ...f,
-      children: i.map(({ label: h, value: x }) => /* @__PURE__ */ t.jsx(
-        Q,
+      children: i.map(({ label: g, value: h }) => /* @__PURE__ */ t.jsx(
+        Z,
         {
-          size: b,
-          value: x,
+          size: x,
+          value: h,
           onChange: c,
-          children: h
+          children: g
         },
-        `${h}-${x}`
+        `${g}-${h}`
       ))
     }
   );
 };
-Re.displayName = "CheckboxGroup";
-const Ne = (r) => {
+ye.displayName = "CheckboxGroup";
+const Re = (r) => {
   const {
     items: i,
     onChange: c,
@@ -878,12 +860,12 @@ const Ne = (r) => {
     errorMessage: o,
     isInvalid: u,
     isRequired: d,
-    defaultValue: b,
+    defaultValue: x,
     size: f,
-    ...h
+    ...g
   } = r;
   return /* @__PURE__ */ t.jsx(
-    q,
+    $,
     {
       className: n,
       labelText: a,
@@ -891,31 +873,31 @@ const Ne = (r) => {
       errorMessage: o,
       isInvalid: u,
       isRequired: d,
-      ...h,
-      children: i.map(({ label: x, value: R }) => /* @__PURE__ */ t.jsx(
-        K,
+      ...g,
+      children: i.map(({ label: h, value: v }) => /* @__PURE__ */ t.jsx(
+        Q,
         {
           size: f,
-          value: R,
+          value: v,
           onChange: c,
-          defaultChecked: b === R,
-          children: x
+          defaultChecked: x === v,
+          children: h
         },
-        `${x}-${R}`
+        `${h}-${v}`
       ))
     }
   );
 };
-Ne.displayName = "RadioGroup";
+Re.displayName = "RadioGroup";
 export {
-  Q as Checkbox,
-  Re as CheckboxGroup,
-  q as FieldsetControl,
-  ge as FileInput,
-  he as Input,
-  ye as LabelControl,
-  K as Radio,
-  Ne as RadioGroup,
+  Z as Checkbox,
+  ye as CheckboxGroup,
+  $ as FieldsetControl,
+  xe as FileInput,
+  ge as Input,
+  ve as LabelControl,
+  Q as Radio,
+  Re as RadioGroup,
   me as Select,
-  ve as Textarea
+  he as Textarea
 };