@ogcio/design-system-react 1.22.0 → 1.23.0

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

@@ -1,79 +1,78 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as n, Fragment as g, jsx as t } from "react/jsx-runtime";
-import { forwardRef as k, useId as C } from "react";
-import { cn as o } from "../cn.js";
-import { HintText as f } from "../hint-text/hint-text.js";
-import { Input as I } from "../primitives/input.js";
-import { InputCheckboxSizeEnum as s } from "./types.js";
+import { jsxs as a, Fragment as g, jsx as t } from "react/jsx-runtime";
+import { forwardRef as k, useId as f } from "react";
+import { cn as m } from "../cn.js";
+import { HintText as C } from "../hint-text/hint-text.js";
+import { Label as I } from "../label/label.js";
+import { Input as v } from "../primitives/input.js";
+import { InputCheckboxSizeEnum as l } from "./types.js";
 const N = (e) => {
   switch (e) {
-    case s.Small:
+    case l.Small:
       return "gi-input-checkbox-small";
     default:
       return "gi-input-checkbox-medium";
   }
-}, v = (e) => e === s.Small ? "gi-w-6" : "gi-w-8", d = k(
+}, S = (e) => e === l.Small ? "gi-w-6" : "gi-w-8", d = k(
   ({
     id: e,
-    size: l = s.Medium,
+    size: i = l.Medium,
     label: b,
     children: r,
-    hint: m,
+    hint: s,
     indeterminate: h = !1,
     containerProps: p,
     ...u
   }, x) => {
-    const i = e || C(), a = !!r, c = r ?? b;
-    return /* @__PURE__ */ n(g, { children: [
-      /* @__PURE__ */ n(
+    const c = e || f(), n = !!r, o = r ?? b;
+    return /* @__PURE__ */ a(g, { children: [
+      /* @__PURE__ */ a(
         "div",
         {
-          className: o("gi-input-checkbox-container", {
-            "!gi-items-start": a
+          className: m("gi-input-checkbox-container", {
+            "!gi-items-start": n
           }),
           ...p,
           children: [
             /* @__PURE__ */ t(
-              I,
+              v,
               {
                 type: "checkbox",
                 ref: x,
-                id: i,
-                className: o(N(l), {
+                id: c,
+                className: m(N(i), {
                   "gi-checkbox-indeterminate": h
                 }),
-                "aria-labelledby": c ? `${i}-label` : void 0,
+                "aria-labelledby": o ? `${c}-label` : void 0,
                 ...u
               }
             ),
-            c && /* @__PURE__ */ t(
-              "label",
+            o && /* @__PURE__ */ t(
+              I,
               {
-                id: `${i}-label`,
-                htmlFor: a ? void 0 : i,
-                className: o({
-                  "gi-rich-label": a
-                }),
-                children: c
+                id: `${c}-label`,
+                htmlFor: n ? void 0 : c,
+                size: i,
+                className: n ? void 0 : "gi-cursor-pointer",
+                children: o
               }
             )
           ]
         }
       ),
-      m && /* @__PURE__ */ n("div", { className: "gi-input-checkbox-hint-container", children: [
-        /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: v(l) }) }),
-        /* @__PURE__ */ t(f, { id: `${i}-hint`, text: m })
+      s && /* @__PURE__ */ a("div", { className: "gi-input-checkbox-hint-container", children: [
+        /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { className: S(i) }) }),
+        /* @__PURE__ */ t(C, { id: `${c}-hint`, text: s })
       ] })
     ] });
   }
-), S = ({
+), w = ({
   error: e,
-  ...l
+  ...i
 }) => /* @__PURE__ */ t(
   d,
   {
-    ...l,
+    ...i,
     size: "sm",
     containerProps: {
       "data-table-cell": !0,
@@ -82,9 +81,9 @@ const N = (e) => {
   }
 );
 d.displayName = "InputCheckbox";
-S.displayName = "InputCheckboxTableCell";
+w.displayName = "InputCheckboxTableCell";
 export {
   d as InputCheckbox,
-  S as InputCheckboxTableCell,
-  v as getCheckboxWidth
+  w as InputCheckboxTableCell,
+  S as getCheckboxWidth
 };

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

@@ -1,24 +1,23 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsx as c } from "react/jsx-runtime";
-import { useState as f, useEffect as g, Children as v, isValidElement as k, cloneElement as E } from "react";
-const I = ({ size: p, groupId: e, inline: u, onChange: t, children: d, values: n }) => {
-  const [l, s] = f(
+import { jsx as r } from "react/jsx-runtime";
+import { useState as g, useEffect as m, Children as v, isValidElement as k, cloneElement as E } from "react";
+const C = ({ size: p, groupId: e, inline: u, onChange: t, children: d, values: n }) => {
+  const [l, s] = g(
     n || []
   );
-  g(() => {
+  m(() => {
     s(n || []);
   }, [n]);
   const o = n === void 0 ? l : n, a = (i) => {
-    let r = [];
-    r = o.includes(i) ? o.filter((m) => m !== i) : [...o, i], n === void 0 && s(r), t == null || t(r);
+    let c = [];
+    c = o.includes(i) ? o.filter((f) => f !== i) : [...o, i], n === void 0 && s(c), t == null || t(c);
   }, h = v.map(d, (i) => k(i) ? E(i, {
     onChange: () => a(i.props.value),
     checked: o.includes(i.props.value),
     size: p,
     name: e
   }) : i);
-  return /* @__PURE__ */ c("div", { className: "gi-input-group-container", children: /* @__PURE__ */ c("div", { className: "gi-input-group-options-container", children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ r("div", { className: "gi-input-group-container", children: /* @__PURE__ */ r("div", { className: "gi-input-group-options-container", children: /* @__PURE__ */ r(
     "div",
     {
       className: u ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
@@ -27,5 +26,5 @@ const I = ({ size: p, groupId: e, inline: u, onChange: t, children: d, values: n
   ) }) });
 };
 export {
-  I as InputCheckboxGroup
+  C as InputCheckboxGroup
 };

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

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 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";

package/dist/input-radio/input-radio.js

@@ -1,66 +1,63 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { useId as h } from "react";
-import { cn as s } from "../cn.js";
-import { HintText as p } from "../hint-text/hint-text.js";
-import { InputText as v } from "../input-text/input-text.js";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { useId as p } from "react";
+import { cn as u } from "../cn.js";
+import { HintText as v } from "../hint-text/hint-text.js";
+import { InputText as h } from "../input-text/input-text.js";
 import { Label as b } from "../label/label.js";
 import { Input as x } from "../primitives/input.js";
 import { InputRadioSizeEnum as g } from "./types.js";
-const C = (e) => e === g.Small ? "gi-input-radio-small" : "gi-input-radio-medium", q = (e) => e === g.Small ? "gi-w-6" : "gi-w-8", E = ({
-  label: e,
-  children: c,
-  hint: a,
+const C = (r) => r === g.Small ? "gi-input-radio-small" : "gi-input-radio-medium", T = (r) => r === g.Small ? "gi-w-6" : "gi-w-8", q = ({
+  label: r,
+  children: s,
+  hint: t,
   id: f,
-  size: t = "md",
+  size: a = "md",
   conditionalInput: d,
   checked: o,
   ...m
 }) => {
-  const r = f ?? h(), l = c ?? e, u = !!c;
-  return /* @__PURE__ */ n("div", { className: "gi-input-radio-container", children: [
+  const e = f ?? p(), n = s ?? r, c = !!s;
+  return /* @__PURE__ */ l("div", { className: "gi-input-radio-container", children: [
     /* @__PURE__ */ i(
       x,
       {
         type: "radio",
-        id: r,
+        id: e,
         ...o === void 0 ? { defaultChecked: m.defaultChecked } : { checked: o, onChange: m.onChange },
-        className: C(t),
-        "aria-describedby": a ? `${r}-hint` : void 0,
+        className: C(a),
+        "aria-describedby": t ? `${e}-hint` : void 0,
         "aria-required": d ? "true" : "false",
-        "aria-labelledby": l ? `${r}-label` : void 0,
+        "aria-labelledby": n ? `${e}-label` : void 0,
         ...m
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ l(
       "div",
       {
-        className: s({
-          "gi-mt-1": t === "md"
+        className: u({
+          "gi-mt-1": a === "md"
         }),
         children: [
-          l && /* @__PURE__ */ i(
+          n && /* @__PURE__ */ i(
             b,
             {
-              id: `${r}-label`,
-              htmlFor: u ? void 0 : r,
-              size: t,
-              className: s({
-                "gi-rich-label": u
-              }),
-              children: l
+              id: `${e}-label`,
+              htmlFor: c ? void 0 : e,
+              size: a,
+              className: c ? void 0 : "gi-cursor-pointer",
+              children: n
             }
           ),
-          (a || d) && /* @__PURE__ */ i("div", { className: "gi-radio-conditional-divider-container", children: /* @__PURE__ */ n("div", { children: [
-            a && /* @__PURE__ */ i(p, { text: a, size: t }),
+          (t || d) && /* @__PURE__ */ i("div", { className: "gi-radio-conditional-divider-container", children: /* @__PURE__ */ l("div", { children: [
+            t && /* @__PURE__ */ i(v, { text: t, size: a }),
             d && /* @__PURE__ */ i(
               "div",
               {
-                className: s("gi-mt-3", {
+                className: u("gi-mt-3", {
                   "gi-hidden": !o
                 }),
-                children: /* @__PURE__ */ i(v, { ...d })
+                children: /* @__PURE__ */ i(h, { ...d })
               }
             )
           ] }) })
@@ -70,6 +67,6 @@ const C = (e) => e === g.Small ? "gi-input-radio-small" : "gi-input-radio-medium
   ] });
 };
 export {
-  E as InputRadio,
-  q as getRadioWidth
+  q as InputRadio,
+  T as getRadioWidth
 };

package/dist/input-radio-group/input-radio-group.js

@@ -1,13 +1,12 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as r } from "react/jsx-runtime";
 import { useState as a, useEffect as g, Children as m, isValidElement as v, cloneElement as f } from "react";
-const k = ({
-  groupId: p,
-  inline: s,
+const N = ({
+  groupId: s,
+  inline: c,
   onChange: n,
   value: o,
-  children: c
+  children: p
 }) => {
   const [u, t] = a(
     o || null
@@ -17,20 +16,20 @@ const k = ({
   }, [o]);
   const d = o === void 0 ? u : o, e = (i) => {
     o === void 0 && t(i.target.value), n == null || n(i);
-  }, l = m.map(c, (i) => v(i) ? f(i, {
+  }, l = m.map(p, (i) => v(i) ? f(i, {
     onChange: e,
     checked: d === i.props.value,
-    name: p
+    name: s
   }) : i);
   return /* @__PURE__ */ r("div", { className: "gi-input-group-container", children: /* @__PURE__ */ r("div", { className: "gi-input-group-options-container", children: /* @__PURE__ */ r(
     "div",
     {
       role: "radiogroup",
-      className: s ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
+      className: c ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
       children: l
     }
   ) }) });
 };
 export {
-  k as InputRadioGroup
+  N as InputRadioGroup
 };

package/dist/input-text/input-text.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as d, useRef as W, useImperativeHandle as _, useMemo as j } from "react";
 import { cn as u } from "../cn.js";
@@ -151,7 +150,7 @@ const H = d(
   ({ type: a = "text", clearButtonEnabled: e, ...r }, t) => e || a === "search" ? /* @__PURE__ */ n(H, { ref: t, type: a, ...r }) : /* @__PURE__ */ n(h, { ref: t, type: a, ...r })
 );
 I.displayName = "InputText";
-const G = d(({ type: a = "text", error: e, ...r }, t) => /* @__PURE__ */ n(
+const F = d(({ type: a = "text", error: e, ...r }, t) => /* @__PURE__ */ n(
   I,
   {
     ...r,
@@ -167,5 +166,5 @@ const G = d(({ type: a = "text", error: e, ...r }, t) => /* @__PURE__ */ n(
 export {
   p as InputActionButton,
   I as InputText,
-  G as InputTextTableCell
+  F as InputTextTableCell
 };