@ogcio/design-system-react 1.19.0 → 1.21.0

package/dist/index.js

@@ -1,15 +1,15 @@
 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 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 T } from "./breadcrumbs/breadcrumbs.js";
-import { ButtonGroup as S, ButtonGroupItem as I } from "./button-group/button-group.js";
+import { Autocomplete as f, AutocompleteItem as n } from "./autocomplete/autocomplete.js";
+import { Blockquote as l } from "./blockquote/blockquote.js";
+import { BreadcrumbCurrentLink as u, BreadcrumbEllipsis as c, BreadcrumbLink as S, Breadcrumbs as b } from "./breadcrumbs/breadcrumbs.js";
+import { ButtonGroup as I, ButtonGroupItem as C } from "./button-group/button-group.js";
 import { Button as F } from "./button/button.js";
-import { CardAction as k, CardContainer as D, CardDescription as L, CardHeader as h, 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";
+import { CardAction as B, CardContainer as L, CardDescription as M, CardHeader as k, CardMedia as g, CardSubtitle as D, CardTag as P, CardTitle as h } from "./card/card-next.js";
+import { Card as G } from "./card/card.js";
+import { CheckboxGroup as A } from "./checkbox/checkbox-group.js";
+import { Checkbox as E } from "./checkbox/checkbox.js";
 import { Chip as N } from "./chip/chip.js";
 import { Combobox as z } from "./combo-box/combo-box.js";
 import { DropdownItem as U } from "./combo-box/dropdown-item.js";
@@ -17,194 +17,226 @@ import { Container as j } from "./container/container.js";
 import { CookieBanner as K } from "./cookie-banner/cookie-banner.js";
 import { Details as Q } from "./details/details.js";
 import { Drawer as Y, DrawerBody as Z, DrawerFooter as _, DrawerWrapper as $ } from "./drawer/drawer.js";
-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 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 Co } from "./header/header.js";
-import { Heading as Io } 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 Lo } 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";
-import { InputFile as Mo } from "./input-file/input-file.js";
-import { InputPassword as No } from "./input-password/input-password.js";
-import { InputRadioGroup as zo } from "./input-radio-group/input-radio-group.js";
-import { InputRadio as Uo } from "./input-radio/input-radio.js";
-import { InputRadioSizeEnum as jo } from "./input-radio/types.js";
-import { InputText as Ko, InputTextTableCell as Oo } from "./input-text/input-text.js";
-import { Link as Xo } from "./link/link.js";
-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 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 { StepFillLevel as Cr, StepStatus as Sr } from "./progress-stepper/types.js";
-import { ProgressStepper as sr, Step as Fr, StepItem as Br } from "./progress-stepper/progress-stepper.js";
-import { RadioGroup as Dr } from "./radio/radio-group.js";
-import { Radio as hr } from "./radio/radio.js";
-import { ScoreSelect as Gr } from "./score-select/score-select.js";
-import { SectionBreak as wr } from "./section-break/section-break.js";
-import { Select as Ar } from "./select/select.js";
-import { SelectGroupItemNext as Hr, SelectItemNext as Rr, SelectNext as Mr } from "./select/select-next.js";
-import { SideNav as Nr, SideNavItem as Wr } from "./side-nav/side-nav.js";
-import { Spinner as qr } from "./spinner/spinner.js";
-import { Stack as Vr } from "./stack/stack.js";
-import { SummaryList as Jr, SummaryListAction as Kr, SummaryListRow as Or, SummaryListValue as Qr } from "./summary-list/summary-list.js";
-import { Caption as Yr } from "./table/caption.js";
-import { ColumnGroup as _r } from "./table/column-group.js";
-import { Column as oe } from "./table/column.js";
-import { TableBody as ee } from "./table/table-body.js";
-import { TableData as pe } from "./table/table-data.js";
-import { TableFoot as ae } from "./table/table-foot.js";
-import { TableHead as fe } from "./table/table-head.js";
-import { TableHeader as ie } from "./table/table-header.js";
-import { TableRow as de } from "./table/table-row.js";
-import { Table as ce } from "./table/table.js";
-import { TabItem as Te } from "./tabs/tab-item.js";
-import { TabList as Se } from "./tabs/tab-list.js";
-import { TabPanel as se } from "./tabs/tab-panel.js";
-import { Tabs as Be } from "./tabs/tabs.js";
-import { DataTableFooter as De, DataTableFooterCenter as Le, DataTableFooterEnd as he, DataTableFooterStart as ge } from "./data-table/data-table-footer.js";
-import { Tag as Pe, TagTypeEnum as we } from "./tag/tag.js";
-import { TextInput as Ae } from "./text-input/text-input.js";
-import { TextArea as He } from "./textarea/textarea.js";
-import { ToastProvider as Me, toaster as ve } from "./toast/toast.js";
-import { Tooltip as We } from "./tooltip/tooltip.js";
-import { EditableTableCell as qe } from "./data-table/editable-table-cell.js";
-import { SelectGroupItem as Ve, SelectItem as je, SelectTableCell as Je } from "./select/select-native.js";
-import { i as Oe } from "./i18next-DxWa09nx.js";
+import { FileUpload as or } from "./file-upload/file-upload.js";
+import { Footer as tr } from "./footer/footer.js";
+import { FormFieldWithTag as mr } from "./forms/form-field-with-tag/form-field-with-tag.js";
+import { FormField as xr, FormFieldError as fr, FormFieldHint as nr, FormFieldLabel as ir } from "./forms/form-field/form-field.js";
+import { Form as dr } from "./forms/form.js";
+import { HeaderSearch as cr } from "./header/components/header-search.js";
+import { Header as br } from "./header/header.js";
+import { HeaderNext as Ir, HeaderSlotContainer as Cr } from "./header/header-next/header-next.js";
+import { HeaderProvider as Fr, useHeaderContext as Hr } from "./header/header-next/header-context.js";
+import { HeaderLogo as Lr } from "./header/header-next/components/header-logo.js";
+import { HeaderTitle as kr } from "./header/header-next/components/header-title.js";
+import { HeaderMenuSectionProvider as Dr, useHeaderMenuSection as Pr } from "./header/header-next/components/menu/header-menu-context.js";
+import { HeaderPrimaryMenu as yr } from "./header/header-next/components/menu/header-primary-menu.js";
+import { HeaderSecondaryMenu as wr } from "./header/header-next/components/menu/header-secondary-menu.js";
+import { HeaderMenuItemButton as vr } from "./header/header-next/components/menu/components/header-menu-item-button.js";
+import { HeaderMenuItemLink as Rr } from "./header/header-next/components/menu/components/header-menu-item-link.js";
+import { HeaderMenuItemSeparator as Wr } from "./header/header-next/components/menu/components/header-menu-item-separator.js";
+import { HeaderMenuItemSlot as qr } from "./header/header-next/components/menu/components/header-menu-item-slot.js";
+import { Heading as Vr } from "./heading/heading.js";
+import { initI18n as Jr } from "./i18n/config.js";
+import { IconButton as Or } from "./icon-button/icon-button.js";
+import { Icon as Xr } from "./icon/icon.js";
+import { Icons as Zr } from "./icon/icons.js";
+import { InputCheckboxGroup as $r } from "./input-checkbox-group/input-checkbox-group.js";
+import { InputCheckbox as oo, InputCheckboxTableCell as eo } from "./input-checkbox/input-checkbox.js";
+import { InputCheckboxSizeEnum as po } from "./input-checkbox/types.js";
+import { InputFile as ao } from "./input-file/input-file.js";
+import { InputPassword as fo } from "./input-password/input-password.js";
+import { InputRadioGroup as io } from "./input-radio-group/input-radio-group.js";
+import { InputRadio as uo } from "./input-radio/input-radio.js";
+import { InputRadioSizeEnum as So } from "./input-radio/types.js";
+import { InputText as To, InputTextTableCell as Io } from "./input-text/input-text.js";
+import { Link as so } from "./link/link.js";
+import { ListItem as Ho } from "./list-item/list-item.js";
+import { List as Lo } from "./list/list.js";
+import { Modal as ko, ModalBody as go, ModalFooter as Do, ModalTitle as Po, ModalWrapper as ho } from "./modal/modal.js";
+import { Pagination as Go } from "./pagination/pagination.js";
+import { Paragraph as Ao } from "./paragraph/paragraph.js";
+import { PhaseBanner as Eo } from "./phase-banner/phase-banner.js";
+import { Popover as No } from "./popover/popover.js";
+import { ProgressBar as zo } from "./progress-bar/progress-bar.js";
+import { StepFillLevel as Uo, StepStatus as Vo } from "./progress-stepper/types.js";
+import { ProgressStepper as Jo, Step as Ko, StepItem as Oo } from "./progress-stepper/progress-stepper.js";
+import { RadioGroup as Xo } from "./radio/radio-group.js";
+import { Radio as Zo } from "./radio/radio.js";
+import { ScoreSelect as $o } from "./score-select/score-select.js";
+import { SectionBreak as oe } from "./section-break/section-break.js";
+import { Select as te } from "./select/select.js";
+import { SelectGroupItemNext as me, SelectItemNext as ae, SelectNext as xe } from "./select/select-next.js";
+import { SideNav as ne, SideNavItem as ie } from "./side-nav/side-nav.js";
+import { Spinner as de } from "./spinner/spinner.js";
+import { Stack as ce } from "./stack/stack.js";
+import { SummaryListRow as be } from "./summary-list/summary-list-row.js";
+import { SummaryListAction as Ie } from "./summary-list/summary-list-action.js";
+import { SummaryListValue as se } from "./summary-list/summary-list-value.js";
+import { SummaryList as He } from "./summary-list/summary-list.js";
+import { SummaryListHeader as Le } from "./summary-list/summary-list-header.js";
+import { Caption as ke } from "./table/caption.js";
+import { ColumnGroup as De } from "./table/column-group.js";
+import { Column as he } from "./table/column.js";
+import { TableBody as Ge } from "./table/table-body.js";
+import { TableData as Ae } from "./table/table-data.js";
+import { TableFoot as Ee } from "./table/table-foot.js";
+import { TableHead as Ne } from "./table/table-head.js";
+import { TableHeader as ze } from "./table/table-header.js";
+import { TableRow as Ue } from "./table/table-row.js";
+import { Table as je } from "./table/table.js";
+import { TabItem as Ke } from "./tabs/tab-item.js";
+import { TabList as Qe } from "./tabs/tab-list.js";
+import { TabPanel as Ye } from "./tabs/tab-panel.js";
+import { Tabs as _e } from "./tabs/tabs.js";
+import { DataTableFooter as rt, DataTableFooterCenter as ot, DataTableFooterEnd as et, DataTableFooterStart as tt } from "./data-table/data-table-footer.js";
+import { Tag as mt, TagTypeEnum as at } from "./tag/tag.js";
+import { TextInput as ft } from "./text-input/text-input.js";
+import { TextArea as it } from "./textarea/textarea.js";
+import { ToastProvider as dt, toaster as ut } from "./toast/toast.js";
+import { Tooltip as St } from "./tooltip/tooltip.js";
+import { EditableTableCell as Tt } from "./data-table/editable-table-cell.js";
+import { useToggleMap as Ct } from "./hooks/use-toggle-map.js";
+import { SelectGroupItem as Ft, SelectItem as Ht, SelectTableCell as Bt } from "./select/select-native.js";
+import { i as Mt } from "./i18next-DxWa09nx.js";
 export {
   p as Accordion,
   e as AccordionItem,
   a as Alert,
   f as Autocomplete,
-  l as AutocompleteItem,
-  n as Blockquote,
+  n as AutocompleteItem,
+  l as Blockquote,
   u as BreadcrumbCurrentLink,
   c as BreadcrumbEllipsis,
-  b as BreadcrumbLink,
-  T as Breadcrumbs,
+  S as BreadcrumbLink,
+  b as Breadcrumbs,
   F as Button,
-  S as ButtonGroup,
-  I as ButtonGroupItem,
-  Yr as Caption,
-  A as Card,
-  k as CardAction,
-  D as CardContainer,
-  L as CardDescription,
-  h as CardHeader,
+  I as ButtonGroup,
+  C as ButtonGroupItem,
+  ke as Caption,
+  G as Card,
+  B as CardAction,
+  L as CardContainer,
+  M as CardDescription,
+  k as CardHeader,
   g as CardMedia,
-  G as CardSubtitle,
+  D as CardSubtitle,
   P as CardTag,
-  w as CardTitle,
-  M as Checkbox,
-  H as CheckboxGroup,
+  h as CardTitle,
+  E as Checkbox,
+  A as CheckboxGroup,
   N as Chip,
-  oe as Column,
-  _r as ColumnGroup,
+  he as Column,
+  De as ColumnGroup,
   z as Combobox,
   j as Container,
   K as CookieBanner,
-  De as DataTableFooter,
-  Le as DataTableFooterCenter,
-  he as DataTableFooterEnd,
-  ge as DataTableFooterStart,
+  rt as DataTableFooter,
+  ot as DataTableFooterCenter,
+  et as DataTableFooterEnd,
+  tt as DataTableFooterStart,
   Q as Details,
   Y as Drawer,
   Z as DrawerBody,
   _ as DrawerFooter,
   $ as DrawerWrapper,
   U as DropdownItem,
-  qe as EditableTableCell,
-  ro as FileUpload,
-  to as Footer,
-  uo as Form,
-  xo as FormField,
-  fo as FormFieldError,
-  lo as FormFieldHint,
-  io as FormFieldLabel,
-  mo as FormFieldWithTag,
-  Co as Header,
-  bo as HeaderSearch,
-  Io as Heading,
-  Lo as Icon,
-  ko as IconButton,
-  go as Icons,
-  yo as InputCheckbox,
-  Po as InputCheckboxGroup,
-  Ho as InputCheckboxSizeEnum,
-  Ao as InputCheckboxTableCell,
-  Mo as InputFile,
-  No as InputPassword,
-  Uo as InputRadio,
-  zo as InputRadioGroup,
-  jo as InputRadioSizeEnum,
-  Ko as InputText,
-  Oo as InputTextTableCell,
-  Xo as Link,
-  $o as List,
-  Zo as ListItem,
-  rr as Modal,
-  er as ModalBody,
-  tr as ModalFooter,
-  pr as ModalTitle,
-  mr as ModalWrapper,
-  xr as Pagination,
-  lr as Paragraph,
-  nr as PhaseBanner,
-  ur as Popover,
-  br as ProgressBar,
-  sr as ProgressStepper,
-  hr as Radio,
-  Dr as RadioGroup,
-  Gr as ScoreSelect,
-  wr as SectionBreak,
-  Ar as Select,
-  Ve as SelectGroupItem,
-  Hr as SelectGroupItemNext,
-  je as SelectItem,
-  Rr as SelectItemNext,
-  Mr as SelectNext,
-  Je as SelectTableCell,
-  Nr as SideNav,
-  Wr as SideNavItem,
-  qr as Spinner,
-  Vr as Stack,
-  Fr as Step,
-  Cr as StepFillLevel,
-  Br as StepItem,
-  Sr as StepStatus,
-  Jr as SummaryList,
-  Kr as SummaryListAction,
-  Or as SummaryListRow,
-  Qr as SummaryListValue,
-  Te as TabItem,
-  Se as TabList,
-  se as TabPanel,
-  ce as Table,
-  ee as TableBody,
-  pe as TableData,
-  ae as TableFoot,
-  fe as TableHead,
-  ie as TableHeader,
-  de as TableRow,
-  Be as Tabs,
-  Pe as Tag,
-  we as TagTypeEnum,
-  He as TextArea,
-  Ae as TextInput,
-  Me as ToastProvider,
-  We as Tooltip,
-  Oe as i18next,
-  Fo as initI18n,
-  ve as toaster
+  Tt as EditableTableCell,
+  or as FileUpload,
+  tr as Footer,
+  dr as Form,
+  xr as FormField,
+  fr as FormFieldError,
+  nr as FormFieldHint,
+  ir as FormFieldLabel,
+  mr as FormFieldWithTag,
+  br as Header,
+  Lr as HeaderLogo,
+  vr as HeaderMenuItemButton,
+  Rr as HeaderMenuItemLink,
+  Wr as HeaderMenuItemSeparator,
+  qr as HeaderMenuItemSlot,
+  Dr as HeaderMenuSectionProvider,
+  Ir as HeaderNext,
+  yr as HeaderPrimaryMenu,
+  Fr as HeaderProvider,
+  cr as HeaderSearch,
+  wr as HeaderSecondaryMenu,
+  Cr as HeaderSlotContainer,
+  kr as HeaderTitle,
+  Vr as Heading,
+  Xr as Icon,
+  Or as IconButton,
+  Zr as Icons,
+  oo as InputCheckbox,
+  $r as InputCheckboxGroup,
+  po as InputCheckboxSizeEnum,
+  eo as InputCheckboxTableCell,
+  ao as InputFile,
+  fo as InputPassword,
+  uo as InputRadio,
+  io as InputRadioGroup,
+  So as InputRadioSizeEnum,
+  To as InputText,
+  Io as InputTextTableCell,
+  so as Link,
+  Lo as List,
+  Ho as ListItem,
+  ko as Modal,
+  go as ModalBody,
+  Do as ModalFooter,
+  Po as ModalTitle,
+  ho as ModalWrapper,
+  Go as Pagination,
+  Ao as Paragraph,
+  Eo as PhaseBanner,
+  No as Popover,
+  zo as ProgressBar,
+  Jo as ProgressStepper,
+  Zo as Radio,
+  Xo as RadioGroup,
+  $o as ScoreSelect,
+  oe as SectionBreak,
+  te as Select,
+  Ft as SelectGroupItem,
+  me as SelectGroupItemNext,
+  Ht as SelectItem,
+  ae as SelectItemNext,
+  xe as SelectNext,
+  Bt as SelectTableCell,
+  ne as SideNav,
+  ie as SideNavItem,
+  de as Spinner,
+  ce as Stack,
+  Ko as Step,
+  Uo as StepFillLevel,
+  Oo as StepItem,
+  Vo as StepStatus,
+  He as SummaryList,
+  Ie as SummaryListAction,
+  Le as SummaryListHeader,
+  be as SummaryListRow,
+  se as SummaryListValue,
+  Ke as TabItem,
+  Qe as TabList,
+  Ye as TabPanel,
+  je as Table,
+  Ge as TableBody,
+  Ae as TableData,
+  Ee as TableFoot,
+  Ne as TableHead,
+  ze as TableHeader,
+  Ue as TableRow,
+  _e as Tabs,
+  mt as Tag,
+  at as TagTypeEnum,
+  it as TextArea,
+  ft as TextInput,
+  dt as ToastProvider,
+  St as Tooltip,
+  Mt as i18next,
+  Jr as initI18n,
+  ut as toaster,
+  Hr as useHeaderContext,
+  Pr as useHeaderMenuSection,
+  Ct as useToggleMap
 };

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

@@ -1,5 +1,5 @@
 import { InputCheckboxSizeEnumType, InputCheckboxTableCellProps } from './types.js';
-export declare const getCheckboxWidth: (size?: InputCheckboxSizeEnumType) => string;
+export declare const getCheckboxWidth: (size?: InputCheckboxSizeEnumType) => "gi-w-11" | "gi-w-6" | "gi-w-8";
 export declare const InputCheckbox: import('react').ForwardRefExoticComponent<{
     size?: InputCheckboxSizeEnumType;
     label?: string;

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

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

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

@@ -1,3 +1,3 @@
 import { InputRadioProps, InputRadioSizeType } from './types.js';
-export declare const getRadioWidth: (size?: InputRadioSizeType) => string;
+export declare const getRadioWidth: (size?: InputRadioSizeType) => "gi-w-6" | "gi-w-8";
 export declare const InputRadio: React.FC<InputRadioProps>;