@sakura-ui/forms 0.0.7 → 0.1.0

package/dist/index.es.js

@@ -15,7 +15,7 @@ function dr() {
     return W;
   Ce = 1;
   var f = x, m = Symbol.for("react.element"), v = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, s = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(c, o, j) {
+  function b(c, o, j) {
     var g, R = {}, C = null, w = null;
     j !== void 0 && (C = "" + j), o.key !== void 0 && (C = "" + o.key), o.ref !== void 0 && (w = o.ref);
     for (g in o)
@@ -25,7 +25,7 @@ function dr() {
         R[g] === void 0 && (R[g] = o[g]);
     return { $$typeof: m, type: c, key: C, ref: w, props: R, _owner: s.current };
   }
-  return W.Fragment = v, W.jsx = h, W.jsxs = h, W;
+  return W.Fragment = v, W.jsx = b, W.jsxs = b, W;
 }
 var Y = {};
 /**
@@ -40,7 +40,7 @@ var Y = {};
 var Pe;
 function fr() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
-    var f = x, m = Symbol.for("react.element"), v = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), c = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), F = Symbol.iterator, Se = "@@iterator";
+    var f = x, m = Symbol.for("react.element"), v = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), s = 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"), j = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), F = Symbol.iterator, Se = "@@iterator";
     function Oe(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -59,16 +59,16 @@ function fr() {
       {
         var n = D.ReactDebugCurrentFrame, p = n.getStackAddendum();
         p !== "" && (r += "%s", t = t.concat([p]));
-        var b = t.map(function(u) {
+        var h = t.map(function(u) {
           return String(u);
         });
-        b.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, b);
+        h.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, h);
       }
     }
     var ke = !1, Fe = !1, De = !1, Ae = !1, Me = !1, ae;
     ae = Symbol.for("react.module.reference");
     function $e(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === a || Me || e === s || e === j || e === g || Ae || e === w || ke || Fe || De || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === R || e.$$typeof === h || e.$$typeof === c || e.$$typeof === o || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === a || Me || e === s || e === j || e === g || Ae || e === w || ke || Fe || De || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === R || 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.
@@ -110,7 +110,7 @@ function fr() {
           case c:
             var r = e;
             return ne(r) + ".Consumer";
-          case h:
+          case b:
             var t = e;
             return ne(t._context) + ".Provider";
           case o:
@@ -119,9 +119,9 @@ function fr() {
             var n = e.displayName || null;
             return n !== null ? n : S(e.type) || "Memo";
           case C: {
-            var p = e, b = p._payload, u = p._init;
+            var p = e, h = p._payload, u = p._init;
             try {
-              return S(u(b));
+              return S(u(h));
             } catch {
               return null;
             }
@@ -222,8 +222,8 @@ function fr() {
       K = !0;
       var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var b;
-      b = J.current, J.current = null, We();
+      var h;
+      h = J.current, J.current = null, We();
       try {
         if (r) {
           var u = function() {
@@ -276,7 +276,7 @@ function fr() {
             }
         }
       } finally {
-        K = !1, J.current = b, Ye(), Error.prepareStackTrace = p;
+        K = !1, J.current = h, Ye(), Error.prepareStackTrace = p;
       }
       var M = e ? e.displayName || e.name : "", we = M ? L(M) : "";
       return typeof e == "function" && V.set(e, we), we;
@@ -308,9 +308,9 @@ function fr() {
           case R:
             return U(e.type, r, t);
           case C: {
-            var n = e, p = n._payload, b = n._init;
+            var n = e, p = n._payload, h = n._init;
             try {
-              return U(b(p), r, t);
+              return U(h(p), r, t);
             } catch {
             }
           }
@@ -327,9 +327,9 @@ function fr() {
     }
     function Be(e, r, t, n, p) {
       {
-        var b = Function.call.bind(B);
+        var h = Function.call.bind(B);
         for (var u in e)
-          if (b(e, u)) {
+          if (h(e, u)) {
             var l = void 0;
             try {
               if (typeof e[u] != "function") {
@@ -356,17 +356,17 @@ function fr() {
     }
     function ze(e) {
       try {
-        return he(e), !1;
+        return be(e), !1;
       } catch {
         return !0;
       }
     }
-    function he(e) {
+    function be(e) {
       return "" + e;
     }
-    function be(e) {
+    function he(e) {
       if (ze(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e)), he(e);
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e)), be(e);
     }
     var q = D.ReactCurrentOwner, Ke = {
       key: !0,
@@ -419,7 +419,7 @@ function fr() {
         });
       }
     }
-    var rr = function(e, r, t, n, p, b, u) {
+    var rr = function(e, r, t, n, p, h, u) {
       var l = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: m,
@@ -429,7 +429,7 @@ function fr() {
         ref: t,
         props: u,
         // Record the component responsible for creating this element.
-        _owner: b
+        _owner: h
       };
       return l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
@@ -450,14 +450,14 @@ function fr() {
     };
     function tr(e, r, t, n, p) {
       {
-        var b, u = {}, l = null, T = null;
-        t !== void 0 && (be(t), l = "" + t), Xe(r) && (be(r.key), l = "" + r.key), He(r) && (T = r.ref, Ze(r, p));
-        for (b in r)
-          B.call(r, b) && !Ke.hasOwnProperty(b) && (u[b] = r[b]);
+        var h, u = {}, l = null, T = null;
+        t !== void 0 && (he(t), l = "" + t), Xe(r) && (he(r.key), l = "" + r.key), He(r) && (T = r.ref, Ze(r, p));
+        for (h in r)
+          B.call(r, h) && !Ke.hasOwnProperty(h) && (u[h] = r[h]);
         if (e && e.defaultProps) {
           var y = e.defaultProps;
-          for (b in y)
-            u[b] === void 0 && (u[b] = y[b]);
+          for (h in y)
+            u[h] === void 0 && (u[h] = y[h]);
         }
         if (l || T) {
           var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
@@ -542,7 +542,7 @@ Check the top-level render call using <` + t + ">.");
         else if (e) {
           var p = Oe(e);
           if (typeof p == "function" && p !== e.entries)
-            for (var b = p.call(e), u; !(u = b.next()).done; )
+            for (var h = p.call(e), u; !(u = h.next()).done; )
               ee(u.value) && _e(u.value, r);
         }
       }
@@ -584,7 +584,7 @@ Check the top-level render call using <` + t + ">.");
         e.ref !== null && (A(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
       }
     }
-    function je(e, r, t, n, p, b) {
+    function je(e, r, t, n, p, h) {
       {
         var u = $e(e);
         if (!u) {
@@ -595,7 +595,7 @@ Check the top-level render call using <` + t + ">.");
           var y;
           e === null ? y = "null" : H(e) ? y = "array" : e !== void 0 && e.$$typeof === m ? (y = "<" + (S(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : y = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", y, l);
         }
-        var E = tr(e, r, t, p, b);
+        var E = tr(e, r, t, p, h);
         if (E == null)
           return E;
         if (u) {
@@ -635,9 +635,9 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
   (f, m) => {
     const { className: v, children: d, ...s } = f, a = x.useContext(k);
     a.isRequired && (s.required = !0), a.groupName && (s.name = a.groupName);
-    const h = `
+    const b = `
       inline-block
-      text-sm
+      text-base
       cursor-pointer
       py-2
       mr-4
@@ -659,7 +659,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
       peer-checked:border-none
       peer-disabled:border-sumi-500
     `;
-    return /* @__PURE__ */ i.jsx("label", { htmlFor: s.id, className: I(h, v), children: /* @__PURE__ */ i.jsxs("span", { className: "flex items-center", children: [
+    return /* @__PURE__ */ i.jsx("label", { htmlFor: s.id, className: I(b, v), children: /* @__PURE__ */ i.jsxs("span", { className: "flex items-center", children: [
       /* @__PURE__ */ i.jsx(
         "input",
         {
@@ -679,9 +679,9 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
 ), vr = x.forwardRef((f, m) => {
   const { className: v, children: d, ...s } = f, a = x.useContext(k);
   a.isRequired && (s.required = !0), a.groupName && (s.name = a.groupName);
-  const h = `
+  const b = `
     inline-block
-    text-sm
+    text-base
     cursor-pointer
     py-2
     mr-4
@@ -703,7 +703,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     peer-checked:border-sea-600
     peer-disabled:border-sumi-500
   `;
-  return /* @__PURE__ */ i.jsx("label", { htmlFor: s.id, className: I(h, v), children: /* @__PURE__ */ i.jsxs("span", { className: "flex items-center", children: [
+  return /* @__PURE__ */ i.jsx("label", { htmlFor: s.id, className: I(b, v), children: /* @__PURE__ */ i.jsxs("span", { className: "flex items-center", children: [
     /* @__PURE__ */ i.jsx(
       "input",
       {
@@ -723,7 +723,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
   (f, m) => {
     const { className: v, children: d, ...s } = f, a = x.useContext(k);
     a.isRequired && (s.required = !0);
-    const h = a.isInvalid ? "border-sun-800" : "border-sumi-900", c = `
+    const b = a.isInvalid ? "border-sun-800" : "border-sumi-900", c = `
       peer
       cursor-pointer
       appearance-none
@@ -752,7 +752,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
         "select",
         {
           id: s.id ?? a.id,
-          className: I(c, h, f.className),
+          className: I(c, b, f.className),
           "aria-describedby": a.helperTextId,
           "aria-errormessage": a.errorMessageId,
           "aria-invalid": a.isInvalid ?? !1,
@@ -764,11 +764,11 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
       /* @__PURE__ */ i.jsx("span", { className: o, children: /* @__PURE__ */ i.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", children: /* @__PURE__ */ i.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 = x.forwardRef(
+), br = x.forwardRef(
   (f, m) => {
     const { className: v, ...d } = f, s = x.useContext(k);
     s.isRequired && (d.required = !0);
-    const a = s.isInvalid ? "border-sun-800" : "border-sumi-900", h = `
+    const a = s.isInvalid ? "border-sun-800" : "border-sumi-900", b = `
       p-4
       rounded-lg
       border
@@ -785,7 +785,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
       {
         type: "text",
         id: d.id ?? s.id,
-        className: I(h, a, v),
+        className: I(b, a, v),
         "aria-describedby": s.helperTextId,
         "aria-errormessage": s.errorMessageId,
         "aria-invalid": s.isInvalid ?? !1,
@@ -794,11 +794,11 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
       }
     );
   }
-), br = x.forwardRef(
+), hr = x.forwardRef(
   (f, m) => {
     const { className: v, children: d, ...s } = f, a = x.useContext(k);
     a.isRequired && (s.required = !0);
-    const h = a.isInvalid ? "border-sun-800" : "border-sumi-900", c = `
+    const b = a.isInvalid ? "border-sun-800" : "border-sumi-900", c = `
       p-4
       rounded-lg
       border
@@ -814,7 +814,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
       "textarea",
       {
         id: s.id ?? a.id,
-        className: I(c, h, v),
+        className: I(c, b, v),
         "aria-describedby": a.helperTextId,
         "aria-errormessage": a.errorMessageId,
         "aria-invalid": a.isInvalid ?? !1,
@@ -829,7 +829,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     labelText: d,
     className: s,
     helperText: a,
-    errorMessage: h,
+    errorMessage: b,
     isInvalid: c,
     isRequired: o,
     children: j,
@@ -845,7 +845,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     /* @__PURE__ */ i.jsxs(
       "label",
       {
-        className: I("block mb-2", c && "text-sun-800"),
+        className: I("block mb-2 text-label", c && "text-sun-800"),
         htmlFor: R.id,
         ref: m,
         ...g,
@@ -855,14 +855,14 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
         ]
       }
     ),
+    a && /* @__PURE__ */ i.jsx("p", { id: R.helperTextId, className: "text-xs text-sumi-700 mb-2", children: a }),
     j,
-    a && /* @__PURE__ */ i.jsx("p", { id: R.helperTextId, className: "text-sm text-sumi-700 mt-2", children: a }),
     c && /* @__PURE__ */ i.jsx(
       "p",
       {
         id: R.errorMessageId,
-        className: I("text-sm text-sun-800", a ? "mt-1" : "mt-2"),
-        children: h
+        className: I("text-xs text-sun-800", a ? "mt-1" : "mt-2"),
+        children: b
       }
     )
   ] }) });
@@ -871,7 +871,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     labelText: d,
     className: s,
     helperText: a,
-    errorMessage: h,
+    errorMessage: b,
     isInvalid: c,
     isRequired: o,
     direction: j,
@@ -885,18 +885,24 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     isRequired: o ?? !1
   }, F = j ?? "flex-col";
   return /* @__PURE__ */ i.jsx(k.Provider, { value: w, children: /* @__PURE__ */ i.jsxs("fieldset", { className: I("mb-4", s), ref: m, ...R, children: [
-    /* @__PURE__ */ i.jsx("legend", { children: /* @__PURE__ */ i.jsxs("p", { className: I("block mb-2", c && "text-sun-800"), children: [
-      d,
-      o && /* @__PURE__ */ i.jsx("span", { className: "text-sun-800", children: " *" })
-    ] }) }),
+    /* @__PURE__ */ i.jsx("legend", { children: /* @__PURE__ */ i.jsxs(
+      "p",
+      {
+        className: I("block mb-2 text-label", c && "text-sun-800"),
+        children: [
+          d,
+          o && /* @__PURE__ */ i.jsx("span", { className: "text-sun-800", children: " *" })
+        ]
+      }
+    ) }),
     /* @__PURE__ */ i.jsx("div", { className: I("inline-flex", F), children: g }),
-    a && /* @__PURE__ */ i.jsx("p", { id: w.helperTextId, className: "text-sm text-sumi-700 mt-2", children: a }),
+    a && /* @__PURE__ */ i.jsx("p", { id: w.helperTextId, className: "text-xs text-sumi-700 mt-2", children: a }),
     c && /* @__PURE__ */ i.jsx(
       "p",
       {
         id: w.errorMessageId,
-        className: I("text-sm text-sun-800", a ? "mt-1" : "mt-2"),
-        children: h
+        className: I("text-xs text-sun-800", a ? "mt-1" : "mt-2"),
+        children: b
       }
     )
   ] }) });
@@ -906,7 +912,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     onChange: d,
     className: s,
     labelText: a,
-    helperText: h,
+    helperText: b,
     errorMessage: c,
     isInvalid: o,
     isRequired: j,
@@ -917,7 +923,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     {
       className: s,
       labelText: a,
-      helperText: h,
+      helperText: b,
       errorMessage: c,
       isInvalid: o,
       isRequired: j,
@@ -932,7 +938,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     onChange: d,
     className: s,
     labelText: a,
-    helperText: h,
+    helperText: b,
     errorMessage: c,
     isInvalid: o,
     isRequired: j,
@@ -944,7 +950,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     {
       className: s,
       labelText: a,
-      helperText: h,
+      helperText: b,
       errorMessage: c,
       isInvalid: o,
       isRequired: j,
@@ -968,7 +974,7 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
     labelText: d,
     helperText: s,
     errorMessage: a,
-    isInvalid: h,
+    isInvalid: b,
     isRequired: c,
     ...o
   } = f;
@@ -979,42 +985,40 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
       labelText: d,
       helperText: s,
       errorMessage: a,
-      isInvalid: h,
+      isInvalid: b,
       isRequired: c,
       children: /* @__PURE__ */ i.jsx(mr, { ref: m, ...o })
     }
   );
-}), Er = x.forwardRef(
-  (f, m) => {
-    const {
+}), Er = x.forwardRef((f, m) => {
+  const {
+    className: v,
+    labelText: d,
+    helperText: s,
+    errorMessage: a,
+    isInvalid: b,
+    isRequired: c,
+    ...o
+  } = f;
+  return /* @__PURE__ */ i.jsx(
+    te,
+    {
       className: v,
       labelText: d,
       helperText: s,
       errorMessage: a,
-      isInvalid: h,
+      isInvalid: b,
       isRequired: c,
-      ...o
-    } = f;
-    return /* @__PURE__ */ i.jsx(
-      te,
-      {
-        className: v,
-        labelText: d,
-        helperText: s,
-        errorMessage: a,
-        isInvalid: h,
-        isRequired: c,
-        children: /* @__PURE__ */ i.jsx(hr, { ref: m, ...o })
-      }
-    );
-  }
-), _r = x.forwardRef((f, m) => {
+      children: /* @__PURE__ */ i.jsx(br, { ref: m, ...o })
+    }
+  );
+}), _r = x.forwardRef((f, m) => {
   const {
     className: v,
     labelText: d,
     helperText: s,
     errorMessage: a,
-    isInvalid: h,
+    isInvalid: b,
     isRequired: c,
     ...o
   } = f;
@@ -1025,9 +1029,9 @@ const I = (...f) => f.filter(Boolean).join(" "), k = x.createContext({
       labelText: d,
       helperText: s,
       errorMessage: a,
-      isInvalid: h,
+      isInvalid: b,
       isRequired: c,
-      children: /* @__PURE__ */ i.jsx(br, { ref: m, ...o })
+      children: /* @__PURE__ */ i.jsx(hr, { ref: m, ...o })
     }
   );
 });
@@ -1035,14 +1039,14 @@ export {
   pr as Checkbox,
   gr as CheckboxGroup,
   Ie as FieldsetControl,
+  br as Input,
+  Er as InputControl,
   te as LabelControl,
   vr as Radio,
   Rr as RadioGroup,
   mr as Select,
   yr as SelectControl,
-  hr as Text,
-  Er as TextControl,
-  br as Textarea,
+  hr as Textarea,
   _r as TextareaControl
 };
 //# sourceMappingURL=index.es.js.map