@granto-umbrella/umbrella-components 1.2.2 → 1.3.0

package/dist/umbrella-components.es.js

@@ -15,11 +15,11 @@ function Ra2() {
   U2 = 1;
   var a = r, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), p = Object.prototype.hasOwnProperty, o = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function s(A, v, f) {
-    var Z, h = {}, y = null, V = null;
-    f !== void 0 && (y = "" + f), v.key !== void 0 && (y = "" + v.key), v.ref !== void 0 && (V = v.ref);
+    var Z, h = {}, y = null, g = null;
+    f !== void 0 && (y = "" + f), v.key !== void 0 && (y = "" + v.key), v.ref !== void 0 && (g = v.ref);
     for (Z in v) p.call(v, Z) && !i.hasOwnProperty(Z) && (h[Z] = v[Z]);
     if (A && A.defaultProps) for (Z in v = A.defaultProps, v) h[Z] === void 0 && (h[Z] = v[Z]);
-    return { $$typeof: e, type: A, key: y, ref: V, props: h, _owner: o.current };
+    return { $$typeof: e, type: A, key: y, ref: g, props: h, _owner: o.current };
   }
   return G0.Fragment = t, G0.jsx = s, G0.jsxs = s, G0;
 }
@@ -36,7 +36,7 @@ var U0 = {};
 var J2;
 function Ta2() {
   return J2 || (J2 = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = r, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), A = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), F = Symbol.iterator, k = "@@iterator";
+    var a = r, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), A = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), F = Symbol.iterator, k = "@@iterator";
     function U(m) {
       if (m === null || typeof m != "object")
         return null;
@@ -64,7 +64,7 @@ function Ta2() {
     var N = !1, x = !1, w = !1, O = !1, o0 = !1, i0;
     i0 = Symbol.for("react.module.reference");
     function y1(m) {
-      return !!(typeof m == "string" || typeof m == "function" || m === p || m === i || o0 || m === o || m === f || m === Z || O || m === V || N || x || w || typeof m == "object" && m !== null && (m.$$typeof === y || m.$$typeof === h || m.$$typeof === s || m.$$typeof === A || m.$$typeof === v || // This needs to include all possible module reference object
+      return !!(typeof m == "string" || typeof m == "function" || m === p || m === i || o0 || m === o || m === f || m === Z || O || m === g || N || x || w || typeof m == "object" && m !== null && (m.$$typeof === y || m.$$typeof === h || m.$$typeof === s || m.$$typeof === A || m.$$typeof === v || // 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.
@@ -662,7 +662,7 @@ function Vq0(a) {
 function v0(a, e) {
   return (a = e.exec(a)) ? a[0] : a;
 }
-function g(a, e, t) {
+function V(a, e, t) {
   return a.replace(e, t);
 }
 function l1(a, e, t) {
@@ -815,12 +815,12 @@ function ct2(a) {
   return at2(c1("", null, null, null, [""], a = et2(a), 0, [0], a));
 }
 function c1(a, e, t, p, o, i, s, A, v) {
-  for (var f = 0, Z = 0, h = s, y = 0, V = 0, F = 0, k = 1, U = 1, S = 1, E = 0, D = "", N = o, x = i, w = p, O = D; U; )
+  for (var f = 0, Z = 0, h = s, y = 0, g = 0, F = 0, k = 1, U = 1, S = 1, E = 0, D = "", N = o, x = i, w = p, O = D; U; )
     switch (F = E, E = c0()) {
       // (
       case 40:
         if (F != 108 && G(O, h - 1) == 58) {
-          l1(O += g(w1(E), "&", "&\f"), "&\f", gq0(f ? A[f - 1] : 0)) != -1 && (S = -1);
+          l1(O += V(w1(E), "&", "&\f"), "&\f", gq0(f ? A[f - 1] : 0)) != -1 && (S = -1);
           break;
         }
       // " ' [
@@ -865,7 +865,7 @@ function c1(a, e, t, p, o, i, s, A, v) {
             U = 0;
           // ;
           case 59 + Z:
-            S == -1 && (O = g(O, /\f/g, "")), V > 0 && m0(O) - h && J0(V > 32 ? X2(O + ";", p, t, h - 1, v) : X2(g(O, " ", "") + ";", p, t, h - 2, v), v);
+            S == -1 && (O = V(O, /\f/g, "")), g > 0 && m0(O) - h && J0(g > 32 ? X2(O + ";", p, t, h - 1, v) : X2(V(O, " ", "") + ";", p, t, h - 2, v), v);
             break;
           // @ ;
           case 59:
@@ -888,11 +888,11 @@ function c1(a, e, t, p, o, i, s, A, v) {
                     c1(O, w, w, w, [""], x, 0, A, x);
                 }
         }
-        f = Z = V = 0, k = S = 1, D = O = "", h = s;
+        f = Z = g = 0, k = S = 1, D = O = "", h = s;
         break;
       // :
       case 58:
-        h = 1 + m0(O), V = F;
+        h = 1 + m0(O), g = F;
       default:
         if (k < 1) {
           if (E == 123)
@@ -921,9 +921,9 @@ function c1(a, e, t, p, o, i, s, A, v) {
   return i;
 }
 function _2(a, e, t, p, o, i, s, A, v, f, Z, h) {
-  for (var y = o - 1, V = o === 0 ? i : [""], F = Eq0(V), k = 0, U = 0, S = 0; k < p; ++k)
+  for (var y = o - 1, g = o === 0 ? i : [""], F = Eq0(g), k = 0, U = 0, S = 0; k < p; ++k)
     for (var E = 0, D = D0(a, y + 1, y = gq0(U = s[k])), N = a; E < F; ++E)
-      (N = Vq0(U > 0 ? V[E] + " " + D : g(D, /&\f/g, V[E]))) && (v[S++] = N);
+      (N = Vq0(U > 0 ? g[E] + " " + D : V(D, /&\f/g, g[E]))) && (v[S++] = N);
   return h1(a, e, t, o === 0 ? A1 : A, v, f, Z, h);
 }
 function mt2(a, e, t, p) {
@@ -982,13 +982,13 @@ function Mq0(a, e, t) {
       switch (G(a, e + 11)) {
         // vertical-l(r)
         case 114:
-          return L + a + B + g(a, /[svh]\w+-[tblr]{2}/, "tb") + a;
+          return L + a + B + V(a, /[svh]\w+-[tblr]{2}/, "tb") + a;
         // vertical-r(l)
         case 108:
-          return L + a + B + g(a, /[svh]\w+-[tblr]{2}/, "tb-rl") + a;
+          return L + a + B + V(a, /[svh]\w+-[tblr]{2}/, "tb-rl") + a;
         // horizontal(-)tb
         case 45:
-          return L + a + B + g(a, /[svh]\w+-[tblr]{2}/, "lr") + a;
+          return L + a + B + V(a, /[svh]\w+-[tblr]{2}/, "lr") + a;
       }
     // flex, flex-direction, scroll-snap-type, writing-mode
     case 6828:
@@ -1000,35 +1000,35 @@ function Mq0(a, e, t) {
       return L + a + B + "flex-" + a + a;
     // align-items
     case 5187:
-      return L + a + g(a, /(\w+).+(:[^]+)/, L + "box-$1$2" + B + "flex-$1$2") + a;
+      return L + a + V(a, /(\w+).+(:[^]+)/, L + "box-$1$2" + B + "flex-$1$2") + a;
     // align-self
     case 5443:
-      return L + a + B + "flex-item-" + g(a, /flex-|-self/g, "") + (v0(a, /flex-|baseline/) ? "" : B + "grid-row-" + g(a, /flex-|-self/g, "")) + a;
+      return L + a + B + "flex-item-" + V(a, /flex-|-self/g, "") + (v0(a, /flex-|baseline/) ? "" : B + "grid-row-" + V(a, /flex-|-self/g, "")) + a;
     // align-content
     case 4675:
-      return L + a + B + "flex-line-pack" + g(a, /align-content|flex-|-self/g, "") + a;
+      return L + a + B + "flex-line-pack" + V(a, /align-content|flex-|-self/g, "") + a;
     // flex-shrink
     case 5548:
-      return L + a + B + g(a, "shrink", "negative") + a;
+      return L + a + B + V(a, "shrink", "negative") + a;
     // flex-basis
     case 5292:
-      return L + a + B + g(a, "basis", "preferred-size") + a;
+      return L + a + B + V(a, "basis", "preferred-size") + a;
     // flex-grow
     case 6060:
-      return L + "box-" + g(a, "-grow", "") + L + a + B + g(a, "grow", "positive") + a;
+      return L + "box-" + V(a, "-grow", "") + L + a + B + V(a, "grow", "positive") + a;
     // transition
     case 4554:
-      return L + g(a, /([^-])(transform)/g, "$1" + L + "$2") + a;
+      return L + V(a, /([^-])(transform)/g, "$1" + L + "$2") + a;
     // cursor
     case 6187:
-      return g(g(g(a, /(zoom-|grab)/, L + "$1"), /(image-set)/, L + "$1"), a, "") + a;
+      return V(V(V(a, /(zoom-|grab)/, L + "$1"), /(image-set)/, L + "$1"), a, "") + a;
     // background, background-image
     case 5495:
     case 3959:
-      return g(a, /(image-set\([^]*)/, L + "$1$`$1");
+      return V(a, /(image-set\([^]*)/, L + "$1$`$1");
     // justify-content
     case 4968:
-      return g(g(a, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + a + a;
+      return V(V(a, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + a + a;
     // justify-self
     case 4200:
       if (!v0(a, /flex-|baseline/)) return B + "grid-column-align" + D0(a, e) + a;
@@ -1036,25 +1036,25 @@ function Mq0(a, e, t) {
     // grid-template-(columns|rows)
     case 2592:
     case 3360:
-      return B + g(a, "template-", "") + a;
+      return B + V(a, "template-", "") + a;
     // grid-(row|column)-start
     case 4384:
     case 3616:
       return t && t.some(function(p, o) {
         return e = o, v0(p.props, /grid-\w+-end/);
-      }) ? ~l1(a + (t = t[e].value), "span", 0) ? a : B + g(a, "-start", "") + a + B + "grid-row-span:" + (~l1(t, "span", 0) ? v0(t, /\d+/) : +v0(t, /\d+/) - +v0(a, /\d+/)) + ";" : B + g(a, "-start", "") + a;
+      }) ? ~l1(a + (t = t[e].value), "span", 0) ? a : B + V(a, "-start", "") + a + B + "grid-row-span:" + (~l1(t, "span", 0) ? v0(t, /\d+/) : +v0(t, /\d+/) - +v0(a, /\d+/)) + ";" : B + V(a, "-start", "") + a;
     // grid-(row|column)-end
     case 4896:
     case 4128:
       return t && t.some(function(p) {
         return v0(p.props, /grid-\w+-start/);
-      }) ? a : B + g(g(a, "-end", "-span"), "span ", "") + a;
+      }) ? a : B + V(V(a, "-end", "-span"), "span ", "") + a;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return g(a, /(.+)-inline(.+)/, L + "$1$2") + a;
+      return V(a, /(.+)-inline(.+)/, L + "$1$2") + a;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -1076,32 +1076,32 @@ function Mq0(a, e, t) {
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return g(a, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + W0 + (G(a, e + 3) == 108 ? "$3" : "$2-$3")) + a;
+            return V(a, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + W0 + (G(a, e + 3) == 108 ? "$3" : "$2-$3")) + a;
           // (s)tretch
           case 115:
-            return ~l1(a, "stretch", 0) ? Mq0(g(a, "stretch", "fill-available"), e, t) + a : a;
+            return ~l1(a, "stretch", 0) ? Mq0(V(a, "stretch", "fill-available"), e, t) + a : a;
         }
       break;
     // grid-(column|row)
     case 5152:
     case 5920:
-      return g(a, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(p, o, i, s, A, v, f) {
+      return V(a, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(p, o, i, s, A, v, f) {
         return B + o + ":" + i + f + (s ? B + o + "-span:" + (A ? v : +v - +i) + f : "") + a;
       });
     // position: sticky
     case 4949:
       if (G(a, e + 6) === 121)
-        return g(a, ":", ":" + L) + a;
+        return V(a, ":", ":" + L) + a;
       break;
     // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
       switch (G(a, G(a, 14) === 45 ? 18 : 11)) {
         // (inline-)?fle(x)
         case 120:
-          return g(a, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + L + (G(a, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + B + "$2box$3") + a;
+          return V(a, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + L + (G(a, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + B + "$2box$3") + a;
         // (inline-)?gri(d)
         case 100:
-          return g(a, ":", ":" + B) + a;
+          return V(a, ":", ":" + B) + a;
       }
       break;
     // scroll-margin, scroll-margin-(top|right|bottom|left)
@@ -1110,7 +1110,7 @@ function Mq0(a, e, t) {
     case 2135:
     case 3927:
     case 2391:
-      return g(a, "scroll-", "scroll-snap-") + a;
+      return V(a, "scroll-", "scroll-snap-") + a;
   }
   return a;
 }
@@ -1155,7 +1155,7 @@ function ut2(a, e, t, p) {
         a.return = Mq0(a.value, a.length, t);
         return;
       case Oq0:
-        return o1([$0(a, { value: g(a.value, "@", "@" + L) })], p);
+        return o1([$0(a, { value: V(a.value, "@", "@" + L) })], p);
       case A1:
         if (a.length)
           return Xa2(t = a.props, function(o) {
@@ -1163,11 +1163,11 @@ function ut2(a, e, t, p) {
               // :read-(only|write)
               case ":read-only":
               case ":read-write":
-                C0($0(a, { props: [g(o, /:(read-\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
+                C0($0(a, { props: [V(o, /:(read-\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
                 break;
               // :placeholder
               case "::placeholder":
-                C0($0(a, { props: [g(o, /:(plac\w+)/, ":" + L + "input-$1")] })), C0($0(a, { props: [g(o, /:(plac\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [g(o, /:(plac\w+)/, B + "input-$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
+                C0($0(a, { props: [V(o, /:(plac\w+)/, ":" + L + "input-$1")] })), C0($0(a, { props: [V(o, /:(plac\w+)/, ":" + W0 + "$1")] })), C0($0(a, { props: [V(o, /:(plac\w+)/, B + "input-$1")] })), C0($0(a, { props: [o] })), C1(a, { props: K2(t, p) });
                 break;
             }
             return "";
@@ -1501,10 +1501,10 @@ var Nq0 = function(a) {
             return u1.get(S);
           }(h);
           if (y === void 0) return "continue";
-          var V = i.names.get(y), F = s.getGroup(h);
-          if (V === void 0 || !V.size || F.length === 0) return "continue";
+          var g = i.names.get(y), F = s.getGroup(h);
+          if (g === void 0 || !g.size || F.length === 0) return "continue";
           var k = "".concat(d0, ".g").concat(h, '[id="').concat(y, '"]'), U = "";
-          V !== void 0 && V.forEach(function(S) {
+          g !== void 0 && g.forEach(function(S) {
             S.length > 0 && (U += "".concat(S, ","));
           }), v += "".concat(F).concat(k, '{content:"').concat(U, '"}').concat(d2);
         }, Z = 0; Z < A; Z++) f(Z);
@@ -1552,23 +1552,23 @@ function Bq0(a, e) {
   });
 }
 function zt2(a) {
-  var e, t, p, o = N0, i = o.options, s = i === void 0 ? N0 : i, A = o.plugins, v = A === void 0 ? f1 : A, f = function(y, V, F) {
+  var e, t, p, o = N0, i = o.options, s = i === void 0 ? N0 : i, A = o.plugins, v = A === void 0 ? f1 : A, f = function(y, g, F) {
     return F.startsWith(t) && F.endsWith(t) && F.replaceAll(t, "").length > 0 ? ".".concat(e) : y;
   }, Z = v.slice();
   Z.push(function(y) {
     y.type === A1 && y.value.includes("&") && (y.props[0] = y.props[0].replace(Rt2, t).replace(p, f));
   }), s.prefix && Z.push(ut2), Z.push(pt2);
-  var h = function(y, V, F, k) {
-    V === void 0 && (V = ""), F === void 0 && (F = ""), k === void 0 && (k = "&"), e = k, t = V, p = new RegExp("\\".concat(t, "\\b"), "g");
-    var U = y.replace(Tt2, ""), S = ct2(F || V ? "".concat(F, " ").concat(V, " { ").concat(U, " }") : U);
+  var h = function(y, g, F, k) {
+    g === void 0 && (g = ""), F === void 0 && (F = ""), k === void 0 && (k = "&"), e = k, t = g, p = new RegExp("\\".concat(t, "\\b"), "g");
+    var U = y.replace(Tt2, ""), S = ct2(F || g ? "".concat(F, " ").concat(g, " { ").concat(U, " }") : U);
     s.namespace && (S = Bq0(S, s.namespace));
     var E = [];
     return o1(S, ot2(Z.concat(it2(function(D) {
       return E.push(D);
     })))), E;
   };
-  return h.hash = v.length ? v.reduce(function(y, V) {
-    return V.name || q0(15), O0(y, V.name);
+  return h.hash = v.length ? v.reduce(function(y, g) {
+    return g.name || q0(15), O0(y, g.name);
   }, Pq0).toString() : "", h;
 }
 var Gt2 = new kq0(), B1 = zt2(), xq0 = r.createContext({ shouldForwardProp: void 0, styleSheet: Gt2, stylis: B1 });
@@ -1657,8 +1657,8 @@ var Wt2 = Lq0($1), Kt2 = function() {
         }
       }
       if (f) {
-        var V = N1(v >>> 0);
-        t.hasNameForId(this.componentId, V) || t.insertRules(this.componentId, V, p(f, ".".concat(V), void 0, this.componentId)), o = g0(o, V);
+        var g = N1(v >>> 0);
+        t.hasNameForId(this.componentId, g) || t.insertRules(this.componentId, g, p(f, ".".concat(g), void 0, this.componentId)), o = g0(o, g);
       }
     }
     return o;
@@ -1674,7 +1674,7 @@ function _t2(a, e, t) {
     return x ? "".concat(x, "-").concat(O) : O;
   }(e.displayName, e.parentComponentId) : v, Z = e.displayName, h = Z === void 0 ? function(N) {
     return P1(N) ? "styled.".concat(N) : "Styled(".concat(Fq0(N), ")");
-  }(a) : Z, y = e.displayName && e.componentId ? "".concat(Y2(e.displayName), "-").concat(e.componentId) : e.componentId || f, V = p && o.attrs ? o.attrs.concat(A).filter(Boolean) : A, F = e.shouldForwardProp;
+  }(a) : Z, y = e.displayName && e.componentId ? "".concat(Y2(e.displayName), "-").concat(e.componentId) : e.componentId || f, g = p && o.attrs ? o.attrs.concat(A).filter(Boolean) : A, F = e.shouldForwardProp;
   if (p && o.shouldForwardProp) {
     var k = o.shouldForwardProp;
     if (e.shouldForwardProp) {
@@ -1708,7 +1708,7 @@ function _t2(a, e, t) {
   }
   E.displayName = h;
   var D = r.forwardRef(E);
-  return D.attrs = V, D.componentStyle = S, D.displayName = h, D.shouldForwardProp = F, D.foldedComponentIds = p ? g0(o.foldedComponentIds, o.styledComponentId) : "", D.styledComponentId = y, D.target = p ? o.target : a, Object.defineProperty(D, "defaultProps", { get: function() {
+  return D.attrs = g, D.componentStyle = S, D.displayName = h, D.shouldForwardProp = F, D.foldedComponentIds = p ? g0(o.foldedComponentIds, o.styledComponentId) : "", D.styledComponentId = y, D.target = p ? o.target : a, Object.defineProperty(D, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(N) {
     this._foldedDefaultProps = p ? function(x) {
@@ -64229,7 +64229,7 @@ const CC1 = l((a, e) => {
     "weights"
   ]), h = fq0(PC1), {
     color: y = "currentColor",
-    size: V,
+    size: g,
     weight: F = "regular",
     mirrored: k = !1
   } = h, U = $K(h, [
@@ -64243,8 +64243,8 @@ const CC1 = l((a, e) => {
     HK(HK({
       ref: e,
       xmlns: "http://www.w3.org/2000/svg",
-      width: i ?? V,
-      height: i ?? V,
+      width: i ?? g,
+      height: i ?? g,
       fill: o ?? y,
       viewBox: "0 0 256 256",
       transform: A || k ? "scale(-1, 1)" : void 0
@@ -81014,7 +81014,8 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   size: f = "md",
   radius: Z = "--border-1",
   shadow: h = "shadow",
-  style: y
+  style: y,
+  register: g
 }) => /* @__PURE__ */ R.jsxs(pmt, { children: [
   A && /* @__PURE__ */ R.jsx(omt, { children: A }),
   /* @__PURE__ */ R.jsxs(
@@ -81030,6 +81031,7 @@ const g2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         /* @__PURE__ */ R.jsx(
           smt,
           {
+            ...g,
             style: y,
             type: a,
             placeholder: e,

package/dist/umbrella-components.umd.js

@@ -232,7 +232,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[b1]+=1);const M={base:{"--whi
   align-items: center;
   justify-content: center;
   color: ${h.neutral["--neutral-400"]};
-`,zca=({type:t="text",placeholder:e="Placeholder",value:r,onChange:c,error:o=!1,disabled:p=!1,icon:s,label:b,supportText:f,size:y="md",radius:A="--border-1",shadow:Z="shadow",style:d})=>q.jsxs(Nca,{children:[b&&q.jsx(kca,{children:b}),q.jsxs(xca,{$error:o,$disabled:p,$size:y,$radius:A,$shadow:Z,children:[s&&q.jsx(Tca,{children:s}),q.jsx(qca,{style:d,type:t,placeholder:e,value:r,onChange:c,disabled:p})]}),f&&q.jsx(Bca,{$error:o,children:f})]}),Gca=Y.div`
+`,zca=({type:t="text",placeholder:e="Placeholder",value:r,onChange:c,error:o=!1,disabled:p=!1,icon:s,label:b,supportText:f,size:y="md",radius:A="--border-1",shadow:Z="shadow",style:d,register:V})=>q.jsxs(Nca,{children:[b&&q.jsx(kca,{children:b}),q.jsxs(xca,{$error:o,$disabled:p,$size:y,$radius:A,$shadow:Z,children:[s&&q.jsx(Tca,{children:s}),q.jsx(qca,{...V,style:d,type:t,placeholder:e,value:r,onChange:c,disabled:p})]}),f&&q.jsx(Bca,{$error:o,children:f})]}),Gca=Y.div`
   display: flex;
   flex-direction: column;
   gap: ${S["size-2"]};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granto-umbrella/umbrella-components",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Umbrella Components for React",
   "type": "module",
   "main": "src/index.js",
@@ -30,22 +30,12 @@
   "dependencies": {
     "@phosphor-icons/react": "^2.1.7",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.54.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.3",
     "@eslint/js": "^9.17.0",
-    "@storybook/addon-actions": "^8.4.7",
-    "@storybook/addon-docs": "^8.4.7",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-onboarding": "8.4.7",
-    "@storybook/blocks": "8.4.7",
-    "@storybook/builder-vite": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "8.4.7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
@@ -56,7 +46,6 @@
     "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.11.1",
     "gh-pages": "^6.3.0",
     "globals": "^15.13.0",
     "jest": "^29.7.0",
@@ -82,5 +71,11 @@
   "engines": {
     "node": "20.17.0",
     "yarn": ">=1.22.18"
-  }
+  },
+  "files": [
+    "dist",
+    "src/**/*",
+    "!src/**/*.test.*",
+    "!src/**/*.stories.*"
+  ]
 }

package/src/components/atoms/Input/Input.tsx

@@ -23,6 +23,7 @@ const Input: React.FC<InputProps> = ({
   radius = "--border-1",
   shadow = "shadow",
   style,
+  register,
 }) => {
   return (
     <Container>
@@ -36,6 +37,7 @@ const Input: React.FC<InputProps> = ({
       >
         {icon && <Icon>{icon}</Icon>}
         <StyledInput
+          {...register}
           style={style}
           type={type}
           placeholder={placeholder}

package/src/components/atoms/Input/Input.types.ts

@@ -1,6 +1,7 @@
 import { Radius } from "../../../types/radius.types";
 import { Shadows } from "../../../types/shadows.types";
 import { SemanticSize } from "../../../types/sizes.types";
+import { UseFormRegisterReturn } from "react-hook-form";
 
 export interface InputProps {
   type?: "text" | "password" | "email";
@@ -16,4 +17,5 @@ export interface InputProps {
   shadow?: Shadows;
   size?: SemanticSize;
   style?: React.CSSProperties;
+  register?: UseFormRegisterReturn;
 }

package/.github/workflows/azure-static-web-apps-white-beach-08c746f0f.yml

@@ -1,56 +0,0 @@
-name: Azure Static Web Apps CI/CD
-
-on:
-  push:
-    branches:
-      - master
-  pull_request:
-    types: [opened, synchronize, reopened, closed]
-    branches:
-      - master
-
-jobs:
-  build_and_deploy_job:
-    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
-    runs-on: ubuntu-latest
-    name: Build and Deploy Storybook
-    steps:
-      # Checkout the repository
-      - uses: actions/checkout@v3
-        with:
-          submodules: true
-          lfs: false
-
-      # Set up Node.js
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: "20.17.0"
-
-      # Install dependencies
-      - name: Install dependencies
-        run: yarn install
-
-      # Deploy to Azure Static Web Apps
-      - name: Deploy to Azure Static Web Apps
-        id: builddeploy
-        uses: Azure/static-web-apps-deploy@v1
-        with:
-          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_WHITE_BEACH_08C746F0F }}
-          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for GitHub integrations (i.e., PR comments)
-          action: "upload"
-          app_location: "/storybook-static" # Root of the built Storybook
-          api_location: "" # API source code path - optional
-          output_location: "storybook-static" # Built Storybook directory
-
-  close_pull_request_job:
-    if: github.event_name == 'pull_request' && github.event.action == 'closed'
-    runs-on: ubuntu-latest
-    name: Close Pull Request Job
-    steps:
-      - name: Close Pull Request
-        id: closepullrequest
-        uses: Azure/static-web-apps-deploy@v1
-        with:
-          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_WHITE_BEACH_08C746F0F }}
-          action: "close"