@ogcio/design-system-react 1.12.0 → 1.12.2

package/dist/icon/icon.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { cn as a } from "../cn.js";
-import b from "./svgs/bluesky.js";
-import u from "./svgs/facebook.js";
+import u from "./svgs/bluesky.js";
+import b from "./svgs/facebook.js";
 import y from "./svgs/instagram.js";
 import z from "./svgs/linkedin.js";
 import N from "./svgs/placeholder.js";
 import h from "./svgs/threads.js";
 import x from "./svgs/tiktok.js";
-import _ from "./svgs/x.js";
-import n from "./svgs/youtube.js";
-function j({
+import n from "./svgs/x.js";
+import _ from "./svgs/youtube.js";
+function v({
   icon: t,
   size: g = "md",
   filled: c,
-  disabled: s,
+  disabled: e,
   ariaHidden: l,
   ariaLabel: i,
   inline: r = !1,
@@ -38,115 +38,115 @@ function j({
     }
   }
   if (t === "social_bluesky")
-    return /* @__PURE__ */ e(
-      b,
+    return /* @__PURE__ */ s(
+      u,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "social_facebook")
-    return /* @__PURE__ */ e(
-      u,
+    return /* @__PURE__ */ s(
+      b,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "social_instagram")
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ s(
       y,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "social_linkedin")
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ s(
       z,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "social_threads")
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ s(
       h,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "social_tiktok")
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ s(
       x,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "social_x")
-    return /* @__PURE__ */ e(
-      _,
+    return /* @__PURE__ */ s(
+      n,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "social_youtube")
-    return /* @__PURE__ */ e(
-      n,
+    return /* @__PURE__ */ s(
+      _,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": s
+          "gi-stroke-gray-700": e
         })
       }
     );
   if (t === "placeholder")
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ s(
       N,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-fill-gray-700": s
+          "gi-fill-gray-700": e
         })
       }
     );
   const p = c ? "'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' " + o : "'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' " + o;
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ s(
     "span",
     {
       ...f,
@@ -156,7 +156,7 @@ function j({
       "aria-label": i || t,
       role: i ? "img" : "presentation",
       className: a(
-        { "gi-block": !r, "gi-text-gray-700": s },
+        { "gi-block": !r, "gi-text-gray-700": e },
         "material-symbols-outlined",
         k
       ),
@@ -169,5 +169,5 @@ function j({
   );
 }
 export {
-  j as Icon
+  v as Icon
 };

package/dist/{index-CB-zPpNk.js → index-DNkhmzZp.js}

@@ -119,7 +119,7 @@ const ie = "-", Me = (e) => {
       r.has(o) ? r.set(o, i) : a(o, i);
     }
   };
-}, ve = "!", Ne = (e) => {
+}, xe = "!", Ne = (e) => {
   const {
     separator: t,
     experimentalParseClassName: r
@@ -140,7 +140,7 @@ const ie = "-", Me = (e) => {
       }
       A === "[" ? C++ : A === "]" && C--;
     }
-    const M = u.length === 0 ? s : s.substring(m), R = M.startsWith(ve), j = R ? M.substring(1) : M, k = S && S > m ? S - m : void 0;
+    const M = u.length === 0 ? s : s.substring(m), R = M.startsWith(xe), j = R ? M.substring(1) : M, k = S && S > m ? S - m : void 0;
     return {
       modifiers: u,
       hasImportantModifier: R,
@@ -190,7 +190,7 @@ const ie = "-", Me = (e) => {
       }
       j = !1;
     }
-    const b = $e(m).join(":"), A = S ? b + ve : b, h = A + k;
+    const b = $e(m).join(":"), A = S ? b + xe : b, h = A + k;
     if (o.includes(h))
       continue;
     o.push(h);
@@ -206,15 +206,15 @@ const ie = "-", Me = (e) => {
 function Oe() {
   let e = 0, t, r, n = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = xe(t)) && (n && (n += " "), n += r);
+    (t = arguments[e++]) && (r = we(t)) && (n && (n += " "), n += r);
   return n;
 }
-const xe = (e) => {
+const we = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let n = 0; n < e.length; n++)
-    e[n] && (t = xe(e[n])) && (r && (r += " "), r += t);
+    e[n] && (t = we(e[n])) && (r && (r += " "), r += t);
   return r;
 };
 function ne(e, ...t) {
@@ -234,11 +234,11 @@ function ne(e, ...t) {
     return o(Oe.apply(null, arguments));
   };
 }
-const w = (e) => {
+const v = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, we = /^\[(?:([a-z-]+):)?(.+)\]$/i, Le = /^\d+\/\d+$/, We = /* @__PURE__ */ new Set(["px", "full", "screen"]), _e = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Be = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ue = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Fe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Je = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, N = (e) => _(e) || We.has(e) || Le.test(e), T = (e) => B(e, "length", De), _ = (e) => !!e && !Number.isNaN(Number(e)), re = (e) => B(e, "number", _), K = (e) => !!e && Number.isInteger(Number(e)), qe = (e) => e.endsWith("%") && _(e.slice(0, -1)), c = (e) => we.test(e), E = (e) => _e.test(e), Ke = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ze = (e) => B(e, Ke, ke), He = (e) => B(e, "position", ke), Xe = /* @__PURE__ */ new Set(["image", "url"]), Qe = (e) => B(e, Xe, rr), Ye = (e) => B(e, "", er), Z = () => !0, B = (e, t, r) => {
-  const n = we.exec(e);
+}, ve = /^\[(?:([a-z-]+):)?(.+)\]$/i, Le = /^\d+\/\d+$/, We = /* @__PURE__ */ new Set(["px", "full", "screen"]), _e = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Be = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ue = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Fe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Je = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, N = (e) => _(e) || We.has(e) || Le.test(e), T = (e) => B(e, "length", De), _ = (e) => !!e && !Number.isNaN(Number(e)), re = (e) => B(e, "number", _), K = (e) => !!e && Number.isInteger(Number(e)), qe = (e) => e.endsWith("%") && _(e.slice(0, -1)), c = (e) => ve.test(e), E = (e) => _e.test(e), Ke = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ze = (e) => B(e, Ke, ke), He = (e) => B(e, "position", ke), Xe = /* @__PURE__ */ new Set(["image", "url"]), Qe = (e) => B(e, Xe, rr), Ye = (e) => B(e, "", er), Z = () => !0, B = (e, t, r) => {
+  const n = ve.exec(e);
   return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : r(n[2]) : !1;
 }, De = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
@@ -246,7 +246,7 @@ const w = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Be.test(e) && !Ue.test(e)
 ), ke = () => !1, er = (e) => Fe.test(e), rr = (e) => Je.test(e), se = () => {
-  const e = w("colors"), t = w("spacing"), r = w("blur"), n = w("brightness"), a = w("borderColor"), o = w("borderRadius"), i = w("borderSpacing"), s = w("borderWidth"), u = w("contrast"), C = w("grayscale"), m = w("hueRotate"), S = w("invert"), M = w("gap"), R = w("gradientColorStops"), j = w("gradientColorStopPositions"), k = w("inset"), b = w("margin"), A = w("opacity"), h = w("padding"), O = w("saturate"), V = w("scale"), L = w("sepia"), Y = w("skew"), U = w("space"), F = w("translate"), W = () => ["auto", "contain", "none"], J = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", c, t], l = () => [c, t], p = () => ["", N, T], d = () => ["auto", _, c], g = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], f = () => ["solid", "dashed", "dotted", "double", "none"], y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], x = () => ["", "0", c], z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [_, c];
+  const e = v("colors"), t = v("spacing"), r = v("blur"), n = v("brightness"), a = v("borderColor"), o = v("borderRadius"), i = v("borderSpacing"), s = v("borderWidth"), u = v("contrast"), C = v("grayscale"), m = v("hueRotate"), S = v("invert"), M = v("gap"), R = v("gradientColorStops"), j = v("gradientColorStopPositions"), k = v("inset"), b = v("margin"), A = v("opacity"), h = v("padding"), O = v("saturate"), V = v("scale"), L = v("sepia"), Y = v("skew"), U = v("space"), F = v("translate"), W = () => ["auto", "contain", "none"], J = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", c, t], l = () => [c, t], p = () => ["", N, T], d = () => ["auto", _, c], g = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], f = () => ["solid", "dashed", "dotted", "double", "none"], y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], w = () => ["", "0", c], z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [_, c];
   return {
     cacheSize: 500,
     separator: ":",
@@ -260,9 +260,9 @@ const w = (e) => {
       borderSpacing: l(),
       borderWidth: p(),
       contrast: G(),
-      grayscale: x(),
+      grayscale: w(),
       hueRotate: G(),
-      invert: x(),
+      invert: w(),
       gap: l(),
       gradientColorStops: [e],
       gradientColorStopPositions: [qe, T],
@@ -272,7 +272,7 @@ const w = (e) => {
       padding: l(),
       saturate: G(),
       scale: G(),
-      sepia: x(),
+      sepia: w(),
       skew: G(),
       space: l(),
       translate: l()
@@ -527,14 +527,14 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: x()
+        grow: w()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: x()
+        shrink: w()
       }],
       /**
        * Order
@@ -650,7 +650,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...v()]
+        justify: ["normal", ...x()]
       }],
       /**
        * Justify Items
@@ -671,7 +671,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...v(), "baseline"]
+        content: ["normal", ...x(), "baseline"]
       }],
       /**
        * Align Items
@@ -692,7 +692,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...v(), "baseline"]
+        "place-content": [...x(), "baseline"]
       }],
       /**
        * Place Items
@@ -2314,14 +2314,14 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
     let O = (l, p, d = [], g) => {
       let f = d;
       if (typeof p == "string") f = f.concat(de(p).split(" ").map((y) => `${l}:${y}`));
-      else if (Array.isArray(p)) f = f.concat(p.reduce((y, v) => y.concat(`${l}:${v}`), []));
+      else if (Array.isArray(p)) f = f.concat(p.reduce((y, x) => y.concat(`${l}:${x}`), []));
       else if (typeof p == "object" && typeof g == "string") {
         for (let y in p) if (p.hasOwnProperty(y) && y === g) {
-          let v = p[y];
-          if (v && typeof v == "string") {
-            let x = de(v);
-            f[g] ? f[g] = f[g].concat(x.split(" ").map((z) => `${l}:${z}`)) : f[g] = x.split(" ").map((z) => `${l}:${z}`);
-          } else Array.isArray(v) && v.length > 0 && (f[g] = v.reduce((x, z) => x.concat(`${l}:${z}`), []));
+          let x = p[y];
+          if (x && typeof x == "string") {
+            let w = de(x);
+            f[g] ? f[g] = f[g].concat(w.split(" ").map((z) => `${l}:${z}`)) : f[g] = w.split(" ").map((z) => `${l}:${z}`);
+          } else Array.isArray(x) && x.length > 0 && (f[g] = x.reduce((w, z) => w.concat(`${l}:${z}`), []));
         }
       }
       return f;
@@ -2329,10 +2329,10 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
       var f;
       let y = p[l];
       if (!y || P(y)) return null;
-      let v = (f = g == null ? void 0 : g[l]) != null ? f : h == null ? void 0 : h[l];
-      if (v === null) return null;
-      let x = ce(v), z = Array.isArray(u.responsiveVariants) && u.responsiveVariants.length > 0 || u.responsiveVariants === !0, G = S == null ? void 0 : S[l], I = [];
-      if (typeof x == "object" && z) for (let [ee, ae] of Object.entries(x)) {
+      let x = (f = g == null ? void 0 : g[l]) != null ? f : h == null ? void 0 : h[l];
+      if (x === null) return null;
+      let w = ce(x), z = Array.isArray(u.responsiveVariants) && u.responsiveVariants.length > 0 || u.responsiveVariants === !0, G = S == null ? void 0 : S[l], I = [];
+      if (typeof w == "object" && z) for (let [ee, ae] of Object.entries(w)) {
         let ze = y[ae];
         if (ee === "initial") {
           G = ae;
@@ -2340,7 +2340,7 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
         }
         Array.isArray(u.responsiveVariants) && !u.responsiveVariants.includes(ee) || (I = O(ee, ze, I, d));
       }
-      let Ae = x != null && typeof x != "object" ? x : ce(G), D = y[Ae || "false"];
+      let Ae = w != null && typeof w != "object" ? w : ce(G), D = y[Ae || "false"];
       return typeof I == "object" && typeof d == "string" && I[d] ? fe(I, D) : I.length > 0 ? (I.push(D), I) : D;
     }, L = () => m ? Object.keys(m).map((l) => V(l, m)) : null, Y = (l, p) => {
       if (!m || typeof m != "object") return null;
@@ -2359,20 +2359,20 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
     }, W = (l = [], p) => {
       let d = [];
       for (let { class: g, className: f, ...y } of l) {
-        let v = !0;
-        for (let [x, z] of Object.entries(y)) {
-          let G = F(x, p);
+        let x = !0;
+        for (let [w, z] of Object.entries(y)) {
+          let G = F(w, p);
           if (Array.isArray(z)) {
-            if (!z.includes(G[x])) {
-              v = !1;
+            if (!z.includes(G[w])) {
+              x = !1;
               break;
             }
-          } else if (G[x] !== z) {
-            v = !1;
+          } else if (G[w] !== z) {
+            x = !1;
             break;
           }
         }
-        v && (g && d.push(g), f && d.push(f));
+        x && (g && d.push(g), f && d.push(f));
       }
       return d;
     }, J = (l) => {
@@ -2386,17 +2386,17 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
       let p = {};
       for (let { slots: d = [], class: g, className: f, ...y } of i) {
         if (!P(y)) {
-          let v = !0;
-          for (let x of Object.keys(y)) {
-            let z = F(x, l)[x];
-            if (z === void 0 || (Array.isArray(y[x]) ? !y[x].includes(z) : y[x] !== z)) {
-              v = !1;
+          let x = !0;
+          for (let w of Object.keys(y)) {
+            let z = F(w, l)[w];
+            if (z === void 0 || (Array.isArray(y[w]) ? !y[w].includes(z) : y[w] !== z)) {
+              x = !1;
               break;
             }
           }
-          if (!v) continue;
+          if (!x) continue;
         }
-        for (let v of d) p[v] = p[v] || [], p[v].push([g, f]);
+        for (let x of d) p[x] = p[x] || [], p[x].push([g, f]);
       }
       return p;
     };

package/dist/index-ntYL1VRC.js

@@ -0,0 +1,64 @@
+import * as i from "react";
+import { jsx as c, Fragment as d } from "react/jsx-runtime";
+function p(e, r) {
+  if (typeof e == "function")
+    return e(r);
+  e != null && (e.current = r);
+}
+function m(...e) {
+  return (r) => {
+    let n = !1;
+    const l = e.map((t) => {
+      const o = p(t, r);
+      return !n && typeof o == "function" && (n = !0), o;
+    });
+    if (n)
+      return () => {
+        for (let t = 0; t < l.length; t++) {
+          const o = l[t];
+          typeof o == "function" ? o() : p(e[t], null);
+        }
+      };
+  };
+}
+var y = i.forwardRef((e, r) => {
+  const { children: n, ...l } = e, t = i.Children.toArray(n), o = t.find(h);
+  if (o) {
+    const s = o.props.children, a = t.map((u) => u === o ? i.Children.count(s) > 1 ? i.Children.only(null) : i.isValidElement(s) ? s.props.children : null : u);
+    return /* @__PURE__ */ c(f, { ...l, ref: r, children: i.isValidElement(s) ? i.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c(f, { ...l, ref: r, children: n });
+});
+y.displayName = "Slot";
+var f = i.forwardRef((e, r) => {
+  const { children: n, ...l } = e;
+  if (i.isValidElement(n)) {
+    const t = R(n), o = C(l, n.props);
+    return n.type !== i.Fragment && (o.ref = r ? m(r, t) : t), i.cloneElement(n, o);
+  }
+  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var g = ({ children: e }) => /* @__PURE__ */ c(d, { children: e });
+function h(e) {
+  return i.isValidElement(e) && e.type === g;
+}
+function C(e, r) {
+  const n = { ...r };
+  for (const l in r) {
+    const t = e[l], o = r[l];
+    /^on[A-Z]/.test(l) ? t && o ? n[l] = (...a) => {
+      o(...a), t(...a);
+    } : t && (n[l] = t) : l === "style" ? n[l] = { ...t, ...o } : l === "className" && (n[l] = [t, o].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function R(e) {
+  var l, t;
+  let r = (l = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : l.get, n = r && "isReactWarning" in r && r.isReactWarning;
+  return n ? e.ref : (r = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  g as S,
+  y as a
+};

package/dist/input-checkbox/input-checkbox.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsxs as n, Fragment as m, jsx as c } from "react/jsx-runtime";
+import { jsxs as r, Fragment as m, jsx as c } from "react/jsx-runtime";
 import { useId as s } from "react";
 import { HintText as d } from "../hint-text/hint-text.js";
 import { Input as h } from "../primitives/input.js";
-import { InputCheckboxSizeEnum as r } from "./types.js";
+import { InputCheckboxSizeEnum as n } from "./types.js";
 const u = (e) => {
   switch (e) {
-    case r.Large:
+    case n.Large:
       return "gi-input-checkbox-large";
-    case r.Small:
+    case n.Small:
       return "gi-input-checkbox-small";
     default:
       return "gi-input-checkbox-medium";
   }
 }, p = (e) => {
   let i = "gi-w-8";
-  return e === r.Large && (i = "gi-w-11"), e === r.Small && (i = "gi-w-6"), i;
+  return e === n.Large && (i = "gi-w-11"), e === n.Small && (i = "gi-w-6"), i;
 }, x = ({
   id: e,
-  size: i = r.Medium,
+  size: i = n.Medium,
   label: l,
-  hint: o,
-  ...a
+  hint: a,
+  ...o
 }) => {
   const t = e || s();
-  return /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ n("div", { className: "gi-input-checkbox-container", children: [
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r("div", { className: "gi-input-checkbox-container", children: [
       /* @__PURE__ */ c(
         h,
         {
@@ -33,14 +33,14 @@ const u = (e) => {
           id: t,
           className: u(i),
           "aria-labelledby": l ? `${t}-label` : void 0,
-          ...a
+          ...o
         }
       ),
       /* @__PURE__ */ c("label", { id: `${t}-label`, htmlFor: t, children: l })
     ] }),
-    o && /* @__PURE__ */ n("div", { className: "gi-input-checkbox-hint-container", children: [
+    a && /* @__PURE__ */ r("div", { className: "gi-input-checkbox-hint-container", children: [
       /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("div", { className: p(i) }) }),
-      /* @__PURE__ */ c(d, { id: `${t}-hint`, text: o })
+      /* @__PURE__ */ c(d, { id: `${t}-hint`, text: a })
     ] })
   ] });
 };

package/dist/input-password/input-password.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { InputPasswordProps } from './types.js';
-export declare const InputPassword: React.FC<InputPasswordProps>;
+export declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;

package/dist/input-password/input-password.js

@@ -1,30 +1,34 @@
 "use client";
-import { jsx as p } from "react/jsx-runtime";
-import { useState as e } from "react";
-import { InputText as r } from "../input-text/input-text.js";
-const y = (o) => {
-  const [t, s] = e({
-    icon: "visibility",
-    type: "password"
-  }), n = () => {
-    const i = t.type === "text";
-    s({
-      type: i ? "password" : "text",
-      icon: i ? "visibility" : "visibility_off"
-    });
-  };
-  return /* @__PURE__ */ p(
-    r,
-    {
-      ...o,
-      type: t.type,
-      inputActionButton: {
-        icon: t.icon,
-        onClick: n
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as r, useState as c } from "react";
+import { InputText as l } from "../input-text/input-text.js";
+const u = r(
+  (o, s) => {
+    const [t, n] = c({
+      icon: "visibility",
+      type: "password"
+    }), p = () => {
+      const i = t.type === "text";
+      n({
+        type: i ? "password" : "text",
+        icon: i ? "visibility" : "visibility_off"
+      });
+    };
+    return /* @__PURE__ */ e(
+      l,
+      {
+        ...o,
+        type: t.type,
+        inputActionButton: {
+          icon: t.icon,
+          onClick: p
+        },
+        ref: s
       }
-    }
-  );
-};
+    );
+  }
+);
+u.displayName = "InputPassword";
 export {
-  y as InputPassword
+  u as InputPassword
 };