@ogcio/design-system-react 1.16.0 → 1.17.1

package/dist/drawer/drawer.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsx as s, jsxs as x, Fragment as y } from "react/jsx-runtime";
-import { useState as D, cloneElement as O } from "react";
-import { cn as a } from "../cn.js";
-import { ModalBody as F, ModalFooter as M, ModalWrapper as N } from "../modal/modal.js";
+import { jsx as a, jsxs as x, Fragment as y } from "react/jsx-runtime";
+import { useState as D, cloneElement as M } from "react";
+import { cn as r } from "../cn.js";
+import { ModalBody as O, ModalFooter as F, ModalWrapper as N } from "../modal/modal.js";
 const b = ({
   children: o,
   className: e,
-  ...r
-}) => /* @__PURE__ */ s(N, { className: a("gi-drawer-container", e), ...r, children: o }), I = ({
+  ...s
+}) => /* @__PURE__ */ a(N, { className: r("gi-drawer-container", e), ...s, children: o }), I = ({
   children: o,
   triggerButton: e,
-  startsOpen: r,
+  startsOpen: s,
   closeButtonLabel: p,
   position: i = "right",
   className: m,
   closeButtonSize: f
 }) => {
-  const [t, n] = D(!!r), w = () => n(!0), C = () => n(!1), h = O(e, {
+  const [t, n] = D(!!s), w = () => n(!0), C = () => n(!1), h = M(e, {
     "data-testid": "drawer-trigger-button-container",
     onClick: (k) => {
       var l, d;
@@ -26,7 +26,7 @@ const b = ({
   });
   return /* @__PURE__ */ x(y, { children: [
     h,
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ a(
       b,
       {
         children: o,
@@ -39,11 +39,18 @@ const b = ({
       }
     )
   ] });
-}, S = ({ children: o, className: e }) => /* @__PURE__ */ s(F, { className: a("gi-drawer-body", e), children: o }), T = ({
+}, S = ({ children: o, className: e }) => /* @__PURE__ */ a(
+  O,
+  {
+    includeModalClass: !1,
+    className: r("gi-drawer-body", e),
+    children: o
+  }
+), T = ({
   children: o,
   className: e,
-  stacked: r
-}) => /* @__PURE__ */ s(M, { stacked: r, className: a("gi-drawer-footer", e), children: o });
+  stacked: s
+}) => /* @__PURE__ */ a(F, { stacked: s, className: r("gi-drawer-footer", e), children: o });
 export {
   I as Drawer,
   S as DrawerBody,

package/dist/forms/form-field/form-field.js

@@ -1,43 +1,43 @@
 "use client";
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { S as g } from "../../index-2sRBqKFV.js";
 import { createContext as x, useContext as v, Children as L, isValidElement as C } from "react";
 import { cn as d } from "../../cn.js";
 import { ErrorText as E } from "../../error-text/error-text.js";
 import { HintText as N } from "../../hint-text/hint-text.js";
-import { Label as T } from "../../label/label.js";
+import { Label as H } from "../../label/label.js";
 const c = x(null);
 function s(e) {
   v(c) || console.error(`[${e}] must be used within a <FormField>.`);
 }
 function m(e) {
   var r, i;
-  return C(e) && (((r = e.type) == null ? void 0 : r.componentType) || ((i = e.props) == null ? void 0 : i.__mdxType)) || null;
+  return C(e) && (((r = e.type) == null ? void 0 : r.componentType) || ((i = e.props) == null ? void 0 : i.__type)) || null;
 }
-function H(e) {
+function P(e) {
   return ["FormFieldLabel", "FormFieldHint", "FormFieldError"].includes(
     m(e) ?? ""
   );
 }
 const _ = (e) => ["error", "hint", "label"].some((l) => l in e) ? (console.warn(
   "[FormField] Using legacy props. Please migrate to the new composable API."
-), /* @__PURE__ */ o(c.Provider, { value: !0, children: /* @__PURE__ */ a(y, { ...e, children: [
-  e.label && /* @__PURE__ */ o(F, { ...e.label }),
-  e.hint && /* @__PURE__ */ o(u, { ...e.hint }),
-  e.error && /* @__PURE__ */ o(f, { ...e.error }),
+), /* @__PURE__ */ t(c.Provider, { value: !0, children: /* @__PURE__ */ a(y, { ...e, children: [
+  e.label && /* @__PURE__ */ t(F, { ...e.label }),
+  e.hint && /* @__PURE__ */ t(u, { ...e.hint }),
+  e.error && /* @__PURE__ */ t(f, { ...e.error }),
   e.children
-] }) })) : /* @__PURE__ */ o(c.Provider, { value: !0, children: /* @__PURE__ */ o(y, { ...e, children: e.children }) }), y = ({
+] }) })) : /* @__PURE__ */ t(c.Provider, { value: !0, children: /* @__PURE__ */ t(y, { ...e, children: e.children }) }), y = ({
   children: e,
   className: r,
   ...i
 }) => {
   const l = L.toArray(e), n = l.find(
-    (t) => m(t) === "FormFieldLabel"
+    (o) => m(o) === "FormFieldLabel"
   ), p = l.find(
-    (t) => m(t) === "FormFieldHint"
+    (o) => m(o) === "FormFieldHint"
   ), b = l.find(
-    (t) => m(t) === "FormFieldError"
-  ), h = l.filter((t) => !H(t));
+    (o) => m(o) === "FormFieldError"
+  ), h = l.filter((o) => !P(o));
   return /* @__PURE__ */ a(
     "fieldset",
     {
@@ -51,7 +51,7 @@ const _ = (e) => ["error", "hint", "label"].some((l) => l in e) ? (console.warn(
           ] }),
           b
         ] }),
-        /* @__PURE__ */ o(g, { children: h })
+        /* @__PURE__ */ t(g, { children: h })
       ]
     }
   );
@@ -61,8 +61,8 @@ const _ = (e) => ["error", "hint", "label"].some((l) => l in e) ? (console.warn(
   size: i,
   htmlFor: l,
   className: n
-}) => (s("FormFieldLabel"), /* @__PURE__ */ o(
-  T,
+}) => (s("FormFieldLabel"), /* @__PURE__ */ t(
+  H,
   {
     text: r,
     size: i,
@@ -77,7 +77,7 @@ Object.defineProperty(F, "componentType", {
   enumerable: !1
 });
 F.displayName = "FormFieldLabel";
-const u = ({ children: e, text: r, size: i, className: l }) => (s("FormFieldHint"), /* @__PURE__ */ o(N, { text: r, size: i, className: d("gi-mb-1", l), children: e }));
+const u = ({ children: e, text: r, size: i, className: l }) => (s("FormFieldHint"), /* @__PURE__ */ t(N, { text: r, size: i, className: d("gi-mb-1", l), children: e }));
 Object.defineProperty(u, "componentType", {
   value: "FormFieldHint",
   writable: !1,
@@ -90,7 +90,7 @@ const f = ({
   size: i,
   className: l,
   ...n
-}) => (s("FormFieldError"), /* @__PURE__ */ o(
+}) => (s("FormFieldError"), /* @__PURE__ */ t(
   E,
   {
     text: r,

package/dist/header/components/header-menu.js

@@ -5,8 +5,8 @@ import { cn as f } from "../../cn.js";
 import { translate as d } from "../../i18n/utility.js";
 import { Icon as h } from "../../icon/icon.js";
 import { ListItem as s } from "../../list-item/list-item.js";
-const b = ({ index: r, item: a }) => {
-  const [l, n] = g(!1), e = () => {
+const m = ({ index: l, item: a }) => {
+  const [r, n] = g(!1), e = () => {
     n((i) => !i);
   }, c = (i) => {
     (i.key === "Enter" || i.key === " ") && (i.preventDefault(), e());
@@ -14,20 +14,19 @@ const b = ({ index: r, item: a }) => {
   return /* @__PURE__ */ t(
     "div",
     {
-      id: `Accordion-item-${r}`,
+      id: `Accordion-item-${l}`,
       className: "gi-accordion-item-container",
-      "data-open": l.toString(),
-      role: "region",
-      "aria-labelledby": `Accordion-header-${r}`,
+      "data-open": r.toString(),
+      role: "presentation",
       children: [
         /* @__PURE__ */ o(
           "div",
           {
             "aria-label": a.label,
-            id: `Accordion-header-${r}`,
+            id: `Accordion-header-${l}`,
             role: "button",
-            "aria-expanded": l,
-            "aria-controls": `Accordion-slot-${r}`,
+            "aria-expanded": r,
+            "aria-controls": `Accordion-slot-${l}`,
             className: "gi-header-accordion-item-toggle",
             tabIndex: 0,
             onClick: e,
@@ -41,26 +40,26 @@ const b = ({ index: r, item: a }) => {
         /* @__PURE__ */ o(
           "div",
           {
-            id: `Accordion-slot-${r}`,
+            id: `Accordion-slot-${l}`,
             role: "region",
             className: f("gi-accordion-item-slot", {
-              "gi-hidden": !l
+              "gi-hidden": !r
             }),
             children: a.slot
           }
         )
       ]
     },
-    `Accordion-item-${r}`
+    `Accordion-item-${l}`
   );
-}, m = ({
-  items: r,
+}, p = ({
+  items: l,
   secondaryLinks: a
 }) => /* @__PURE__ */ t("ul", { children: [
-  r == null ? void 0 : r.map(({ itemType: l, label: n, ...e }, c) => {
+  l == null ? void 0 : l.map(({ itemType: r, label: n, ...e }, c) => {
     const [i, u] = [
-      l === "link" || l === "custom-link",
-      l === "slot"
+      r === "link" || r === "custom-link",
+      r === "slot"
     ];
     if (!n)
       return null;
@@ -76,7 +75,7 @@ const b = ({ index: r, item: a }) => {
       ) }, `navLink-${n}-${c}`);
     if (u)
       return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-        b,
+        m,
         {
           index: c,
           item: {
@@ -86,17 +85,17 @@ const b = ({ index: r, item: a }) => {
         }
       ) }, `toolItems-${n}-${c}`);
   }),
-  a == null ? void 0 : a.map((l, n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+  a == null ? void 0 : a.map((r, n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
     s,
     {
-      href: l.href,
-      label: l.label,
+      href: r.href,
+      label: r.label,
       bold: !1,
-      slot: l.slot
+      slot: r.slot
     }
-  ) }, `secondary-${l.label}-${n}`))
+  ) }, `secondary-${r.label}-${n}`))
 ] });
-function I({ ...r }) {
+function I({ ...l }) {
   return /* @__PURE__ */ t(
     "div",
     {
@@ -120,13 +119,13 @@ function I({ ...r }) {
             ]
           }
         ) }) }),
-        /* @__PURE__ */ o(m, { ...r })
+        /* @__PURE__ */ o(p, { ...l })
       ]
     }
   );
 }
 export {
-  b as MenuItemAccordion,
-  m as MobileHeaderMenuItems,
+  m as MenuItemAccordion,
+  p as MobileHeaderMenuItems,
   I as default
 };

package/dist/icon-button/icon-button.js

@@ -1,40 +1,42 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { isButtonDisabled as p, getButtonIconSizeClass as B, getVariantAppearanceClass as I } from "../button/helpers.js";
-import { cn as b } from "../cn.js";
+import { forwardRef as p } from "react";
+import { isButtonDisabled as B, getButtonIconSizeClass as I, getVariantAppearanceClass as b } from "../button/helpers.js";
+import { cn as d } from "../cn.js";
 import { Icon as g } from "../icon/icon.js";
-const x = f(
+const x = p(
   ({
     icon: i,
-    variant: t,
+    variant: o,
     appearance: n,
     size: r,
-    disabled: o,
+    disabled: t,
     onClick: s,
     className: e = "",
     type: c = "button",
+    dataTestid: a,
     ...u
-  }, a) => {
-    const l = r === "small" ? "sm" : "md";
+  }, l) => {
+    const f = r === "small" ? "sm" : "md";
     return /* @__PURE__ */ m(
       "button",
       {
-        ref: a,
+        ref: l,
         type: c,
-        "aria-disabled": o,
-        disabled: o,
+        "aria-disabled": t,
+        disabled: t,
         role: "button",
         onClick: s,
+        "data-testid": a,
         ...u,
-        className: b(
+        className: d(
           "gi-btn",
-          I({ disabled: o, variant: t, appearance: n }),
-          B(r),
-          p({ disabled: o, variant: t, appearance: n }),
+          b({ disabled: t, variant: o, appearance: n }),
+          I(r),
+          B({ disabled: t, variant: o, appearance: n }),
           e
         ),
-        children: /* @__PURE__ */ m(g, { size: l, ...i })
+        children: /* @__PURE__ */ m(g, { size: f, ...i })
       }
     );
   }

package/dist/index.d.ts

@@ -97,13 +97,13 @@ export { TabList } from './tabs/tab-list.js';
 export { TabPanel } from './tabs/tab-panel.js';
 export { Tabs } from './tabs/tabs.js';
 export type { TabItemProps, TabsProps, TabPanelProps } from './tabs/types.js';
-export type { DataGridFooterProps, DataGridFooterTypeProps, } from './data-grid/data-grid-footer.js';
-export { DataGridFooter, DataGridFooterStart, DataGridFooterCenter, DataGridFooterEnd, } from './data-grid/data-grid-footer.js';
+export type { DataTableFooterProps, DataTableFooterTypeProps, } from './data-table/data-table-footer.js';
+export { DataTableFooter, DataTableFooterStart, DataTableFooterCenter, DataTableFooterEnd, } from './data-table/data-table-footer.js';
 export { Tag, TagTypeEnum, type TagProps, type TagType } from './tag/tag.js';
 export { TextInput, type TextInputProps } from './text-input/text-input.js';
 export { TextArea, type TextAreaProps } from './textarea/textarea.js';
 export { toaster, ToastProvider } from './toast/toast.js';
 export type { ToastHorizontalPosition, ToastPosition, ToastProps, ToastVariant, ToastVerticalPosition, } from './toast/types.js';
 export { Tooltip, type TooltipProps } from './tooltip/tooltip.js';
-export { EditableTableCell } from './data-grid/editable-table-cell.js';
-export type { EditorTableCellConfig, EditorTableCellProps, } from './data-grid/types.js';
+export { EditableTableCell } from './data-table/editable-table-cell.js';
+export type { EditorTableCellConfig, EditorTableCellProps, } from './data-table/types.js';

package/dist/index.js

@@ -1,12 +1,12 @@
 import { AccordionItem as e } from "./accordion/accordion-item.js";
 import { Accordion as p } from "./accordion/accordion.js";
 import { Alert as a } from "./alert/alert.js";
-import { Autocomplete as f, AutocompleteItem as i } from "./autocomplete/autocomplete.js";
+import { Autocomplete as f, AutocompleteItem as l } from "./autocomplete/autocomplete.js";
 import { Blockquote as n } from "./blockquote/blockquote.js";
-import { BreadcrumbCurrentLink as u, BreadcrumbEllipsis as c, BreadcrumbLink as b, Breadcrumbs as C } from "./breadcrumbs/breadcrumbs.js";
-import { ButtonGroup as T, ButtonGroupItem as S } from "./button-group/button-group.js";
+import { BreadcrumbCurrentLink as u, BreadcrumbEllipsis as c, BreadcrumbLink as b, Breadcrumbs as T } from "./breadcrumbs/breadcrumbs.js";
+import { ButtonGroup as I, ButtonGroupItem as S } from "./button-group/button-group.js";
 import { Button as F } from "./button/button.js";
-import { CardAction as k, CardContainer as G, CardDescription as D, CardHeader as h, CardMedia as L, CardSubtitle as g, CardTag as P, CardTitle as w } from "./card/card-next.js";
+import { CardAction as k, CardContainer as D, CardDescription as h, CardHeader as L, CardMedia as g, CardSubtitle as G, CardTag as P, CardTitle as w } from "./card/card-next.js";
 import { Card as A } from "./card/card.js";
 import { CheckboxGroup as H } from "./checkbox/checkbox-group.js";
 import { Checkbox as M } from "./checkbox/checkbox.js";
@@ -20,15 +20,15 @@ import { Drawer as Y, DrawerBody as Z, DrawerFooter as _, DrawerWrapper as $ } f
 import { FileUpload as ro } from "./file-upload/file-upload.js";
 import { Footer as to } from "./footer/footer.js";
 import { FormFieldWithTag as mo } from "./forms/form-field-with-tag/form-field-with-tag.js";
-import { FormField as xo, FormFieldError as fo, FormFieldHint as io, FormFieldLabel as lo } from "./forms/form-field/form-field.js";
+import { FormField as xo, FormFieldError as fo, FormFieldHint as lo, FormFieldLabel as io } from "./forms/form-field/form-field.js";
 import { Form as uo } from "./forms/form.js";
 import { HeaderSearch as bo } from "./header/components/header-search.js";
-import { Header as Io } from "./header/header.js";
+import { Header as Co } from "./header/header.js";
 import { Heading as So } from "./heading/heading.js";
 import { initI18n as Fo } from "./i18n/config.js";
 import { IconButton as ko } from "./icon-button/icon-button.js";
-import { Icon as Do } from "./icon/icon.js";
-import { Icons as Lo } from "./icon/icons.js";
+import { Icon as ho } from "./icon/icon.js";
+import { Icons as go } from "./icon/icons.js";
 import { InputCheckboxGroup as Po } from "./input-checkbox-group/input-checkbox-group.js";
 import { InputCheckbox as yo, InputCheckboxTableCell as Ao } from "./input-checkbox/input-checkbox.js";
 import { InputCheckboxSizeEnum as Ho } from "./input-checkbox/types.js";
@@ -43,15 +43,15 @@ import { ListItem as Zo } from "./list-item/list-item.js";
 import { List as $o } from "./list/list.js";
 import { Modal as rr, ModalBody as er, ModalFooter as tr, ModalTitle as pr, ModalWrapper as mr } from "./modal/modal.js";
 import { Pagination as xr } from "./pagination/pagination.js";
-import { Paragraph as ir } from "./paragraph/paragraph.js";
+import { Paragraph as lr } from "./paragraph/paragraph.js";
 import { PhaseBanner as nr } from "./phase-banner/phase-banner.js";
 import { Popover as ur } from "./popover/popover.js";
 import { ProgressBar as br } from "./progress-bar/progress-bar.js";
-import { ProgressStepper as Ir, Step as Tr, StepItem as Sr } from "./progress-stepper/progress-stepper.js";
+import { ProgressStepper as Cr, Step as Ir, StepItem as Sr } from "./progress-stepper/progress-stepper.js";
 import { RadioGroup as Fr } from "./radio/radio-group.js";
 import { Radio as kr } from "./radio/radio.js";
-import { ScoreSelect as Dr } from "./score-select/score-select.js";
-import { SectionBreak as Lr } from "./section-break/section-break.js";
+import { ScoreSelect as hr } from "./score-select/score-select.js";
+import { SectionBreak as gr } from "./section-break/section-break.js";
 import { Select as Pr } from "./select/select.js";
 import { SelectGroupItemNext as yr, SelectItemNext as Ar, SelectNext as Er } from "./select/select-next.js";
 import { SideNav as Rr, SideNavItem as Mr } from "./side-nav/side-nav.js";
@@ -66,19 +66,19 @@ import { TableData as re } from "./table/table-data.js";
 import { TableFoot as te } from "./table/table-foot.js";
 import { TableHead as me } from "./table/table-head.js";
 import { TableHeader as xe } from "./table/table-header.js";
-import { TableRow as ie } from "./table/table-row.js";
+import { TableRow as le } from "./table/table-row.js";
 import { Table as ne } from "./table/table.js";
 import { TabItem as ue } from "./tabs/tab-item.js";
 import { TabList as be } from "./tabs/tab-list.js";
-import { TabPanel as Ie } from "./tabs/tab-panel.js";
+import { TabPanel as Ce } from "./tabs/tab-panel.js";
 import { Tabs as Se } from "./tabs/tabs.js";
-import { DataGridFooter as Fe, DataGridFooterCenter as Be, DataGridFooterEnd as ke, DataGridFooterStart as Ge } from "./data-grid/data-grid-footer.js";
-import { Tag as he, TagTypeEnum as Le } from "./tag/tag.js";
+import { DataTableFooter as Fe, DataTableFooterCenter as Be, DataTableFooterEnd as ke, DataTableFooterStart as De } from "./data-table/data-table-footer.js";
+import { Tag as Le, TagTypeEnum as ge } from "./tag/tag.js";
 import { TextInput as Pe } from "./text-input/text-input.js";
 import { TextArea as ye } from "./textarea/textarea.js";
 import { ToastProvider as Ee, toaster as He } from "./toast/toast.js";
 import { Tooltip as Me } from "./tooltip/tooltip.js";
-import { EditableTableCell as ve } from "./data-grid/editable-table-cell.js";
+import { EditableTableCell as ve } from "./data-table/editable-table-cell.js";
 import { SelectGroupItem as ze, SelectItem as qe, SelectTableCell as Ue } from "./select/select-native.js";
 import { i as je } from "./i18next-DxWa09nx.js";
 export {
@@ -86,23 +86,23 @@ export {
   e as AccordionItem,
   a as Alert,
   f as Autocomplete,
-  i as AutocompleteItem,
+  l as AutocompleteItem,
   n as Blockquote,
   u as BreadcrumbCurrentLink,
   c as BreadcrumbEllipsis,
   b as BreadcrumbLink,
-  C as Breadcrumbs,
+  T as Breadcrumbs,
   F as Button,
-  T as ButtonGroup,
+  I as ButtonGroup,
   S as ButtonGroupItem,
   Or as Caption,
   A as Card,
   k as CardAction,
-  G as CardContainer,
-  D as CardDescription,
-  h as CardHeader,
-  L as CardMedia,
-  g as CardSubtitle,
+  D as CardContainer,
+  h as CardDescription,
+  L as CardHeader,
+  g as CardMedia,
+  G as CardSubtitle,
   P as CardTag,
   w as CardTitle,
   M as Checkbox,
@@ -113,10 +113,10 @@ export {
   z as Combobox,
   j as Container,
   K as CookieBanner,
-  Fe as DataGridFooter,
-  Be as DataGridFooterCenter,
-  ke as DataGridFooterEnd,
-  Ge as DataGridFooterStart,
+  Fe as DataTableFooter,
+  Be as DataTableFooterCenter,
+  ke as DataTableFooterEnd,
+  De as DataTableFooterStart,
   Q as Details,
   Y as Drawer,
   Z as DrawerBody,
@@ -129,15 +129,15 @@ export {
   uo as Form,
   xo as FormField,
   fo as FormFieldError,
-  io as FormFieldHint,
-  lo as FormFieldLabel,
+  lo as FormFieldHint,
+  io as FormFieldLabel,
   mo as FormFieldWithTag,
-  Io as Header,
+  Co as Header,
   bo as HeaderSearch,
   So as Heading,
-  Do as Icon,
+  ho as Icon,
   ko as IconButton,
-  Lo as Icons,
+  go as Icons,
   yo as InputCheckbox,
   Po as InputCheckboxGroup,
   Ho as InputCheckboxSizeEnum,
@@ -158,15 +158,15 @@ export {
   pr as ModalTitle,
   mr as ModalWrapper,
   xr as Pagination,
-  ir as Paragraph,
+  lr as Paragraph,
   nr as PhaseBanner,
   ur as Popover,
   br as ProgressBar,
-  Ir as ProgressStepper,
+  Cr as ProgressStepper,
   kr as Radio,
   Fr as RadioGroup,
-  Dr as ScoreSelect,
-  Lr as SectionBreak,
+  hr as ScoreSelect,
+  gr as SectionBreak,
   Pr as Select,
   ze as SelectGroupItem,
   yr as SelectGroupItemNext,
@@ -178,7 +178,7 @@ export {
   Mr as SideNavItem,
   vr as Spinner,
   zr as Stack,
-  Tr as Step,
+  Ir as Step,
   Sr as StepItem,
   Ur as SummaryList,
   Vr as SummaryListAction,
@@ -186,17 +186,17 @@ export {
   Jr as SummaryListValue,
   ue as TabItem,
   be as TabList,
-  Ie as TabPanel,
+  Ce as TabPanel,
   ne as Table,
   $r as TableBody,
   re as TableData,
   te as TableFoot,
   me as TableHead,
   xe as TableHeader,
-  ie as TableRow,
+  le as TableRow,
   Se as Tabs,
-  he as Tag,
-  Le as TagTypeEnum,
+  Le as Tag,
+  ge as TagTypeEnum,
   ye as TextArea,
   Pe as TextInput,
   Ee as ToastProvider,

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

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