@ogcio/design-system-react 1.12.4 → 1.14.0

package/dist/index.d.ts

@@ -42,7 +42,7 @@ export { Icon, type IconProps } from './icon/icon.js';
 export { Icons } from './icon/icons.js';
 export { InputCheckboxGroup } from './input-checkbox-group/input-checkbox-group.js';
 export type { InputCheckboxGroupProps } from './input-checkbox-group/types.js';
-export { InputCheckbox } from './input-checkbox/input-checkbox.js';
+export { InputCheckbox, InputCheckboxTableCell, } from './input-checkbox/input-checkbox.js';
 export { InputCheckboxSizeEnum, type InputCheckboxProps, type InputCheckboxSizeEnumType, } from './input-checkbox/types.js';
 export { InputFile } from './input-file/input-file.js';
 export type { InputFileProps } from './input-file/types.js';
@@ -51,8 +51,8 @@ export { InputRadioGroup } from './input-radio-group/input-radio-group.js';
 export type { InputRadioGroupProps } from './input-radio-group/types.js';
 export { InputRadio } from './input-radio/input-radio.js';
 export { InputRadioSizeEnum, type InputRadioProps, type InputRadioSizeType, } from './input-radio/types.js';
-export { InputText } from './input-text/input-text.js';
-export type { InputActionButtonProps, InputTextProps, } from './input-text/type.js';
+export { InputText, InputTextTableCell } from './input-text/input-text.js';
+export type { InputActionButtonProps, InputTextProps, InputTextTableCellProps, } from './input-text/type.js';
 export type { LabelTextProps } from './label/types.js';
 export { Link, type LinkProps } from './link/link.js';
 export { ListItem, type ListItemProps } from './list-item/list-item.js';
@@ -72,7 +72,7 @@ export type { RadioGroupProps, RadioProps } from './radio/types.js';
 export { ScoreSelect } from './score-select/score-select.js';
 export type { ScoreSelectProps } from './score-select/type.js';
 export { SectionBreak, type SectionBreakProps, } from './section-break/section-break.js';
-export { Select, SelectGroupItem, SelectItem } from './select/select.js';
+export { Select, SelectGroupItem, SelectItem, SelectTableCell, } from './select/select.js';
 export { SelectNext, SelectGroupItemNext, SelectItemNext, } from './select/select-next.js';
 export type { SelectGroupItemProps, SelectMenuOptionProps, SelectMenuProps, SelectNextGroupProps, SelectNextOptionProps, SelectNextProps, } from './select/types.js';
 export { SideNav, SideNavItem } from './side-nav/side-nav.js';
@@ -92,13 +92,16 @@ export { TableHead } from './table/table-head.js';
 export { TableHeader } from './table/table-header.js';
 export { TableRow } from './table/table-row.js';
 export { Table, type TableProps } from './table/table.js';
-export { TabItem, type TabItemProps } from './tabs/tab-item.js';
+export { TabItem } from './tabs/tab-item.js';
 export { TabList } from './tabs/tab-list.js';
 export { TabPanel } from './tabs/tab-panel.js';
-export { Tabs, type TabsProps } from './tabs/tabs.js';
+export { Tabs } from './tabs/tabs.js';
+export type { TabItemProps, TabsProps, TabPanelProps } from './tabs/types.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';

package/dist/index.js

@@ -2,14 +2,14 @@ import { AccordionItem as e } from "./accordion/accordion-item.js";
 import { Accordion as p } from "./accordion/accordion.js";
 import { Alert as x } from "./alert/alert.js";
 import { Autocomplete as f, AutocompleteItem as i } from "./autocomplete/autocomplete.js";
-import { Blockquote as d } from "./blockquote/blockquote.js";
-import { BreadcrumbCurrentLink as u, BreadcrumbEllipsis as c, BreadcrumbLink as I, Breadcrumbs as b } from "./breadcrumbs/breadcrumbs.js";
-import { ButtonGroup as S, ButtonGroupItem as C } from "./button-group/button-group.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 { Button as F } from "./button/button.js";
-import { CardAction as k, CardContainer as L, CardDescription as h, CardHeader as g, CardMedia as G, CardSubtitle as P, CardTag as w, CardTitle as y } from "./card/card-next.js";
+import { CardAction as k, CardContainer as h, CardDescription as L, CardHeader as g, CardMedia as G, CardSubtitle as P, CardTag as w, CardTitle as y } from "./card/card-next.js";
 import { Card as D } from "./card/card.js";
 import { CheckboxGroup as R } from "./checkbox/checkbox-group.js";
-import { Checkbox as E } from "./checkbox/checkbox.js";
+import { Checkbox as M } from "./checkbox/checkbox.js";
 import { Chip as v } from "./chip/chip.js";
 import { Combobox as z } from "./combo-box/combo-box.js";
 import { DropdownItem as U } from "./combo-box/dropdown-item.js";
@@ -20,94 +20,95 @@ 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 ao, FormFieldError as fo, FormFieldHint as io, FormFieldLabel as no } from "./forms/form-field/form-field.js";
+import { FormField as ao, FormFieldError as fo, FormFieldHint as io, FormFieldLabel as lo } from "./forms/form-field/form-field.js";
 import { Form as uo } from "./forms/form.js";
-import { HeaderSearch as Io } from "./header/components/header-search.js";
-import { Header as so } from "./header/header.js";
-import { Heading as Co } from "./heading/heading.js";
+import { HeaderSearch as bo } from "./header/components/header-search.js";
+import { Header as Io } 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 ho } from "./icon/icon.js";
+import { Icon as Lo } from "./icon/icon.js";
 import { Icons as Go } from "./icon/icons.js";
 import { InputCheckboxGroup as wo } from "./input-checkbox-group/input-checkbox-group.js";
-import { InputCheckbox as Ao } from "./input-checkbox/input-checkbox.js";
-import { InputCheckboxSizeEnum as Ho } from "./input-checkbox/types.js";
+import { InputCheckbox as Ao, InputCheckboxTableCell as Do } from "./input-checkbox/input-checkbox.js";
+import { InputCheckboxSizeEnum as Ro } 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 Wo } from "./input-radio-group/input-radio-group.js";
-import { InputRadio as qo } from "./input-radio/input-radio.js";
-import { InputRadioSizeEnum as Vo } from "./input-radio/types.js";
-import { InputText as Jo } from "./input-text/input-text.js";
-import { Link as Oo } from "./link/link.js";
-import { ListItem as Xo } from "./list-item/list-item.js";
-import { List as Zo } from "./list/list.js";
-import { Modal as $o, ModalBody as or, ModalFooter as rr, ModalTitle as er, ModalWrapper as tr } from "./modal/modal.js";
-import { Pagination as mr } from "./pagination/pagination.js";
-import { Paragraph as ar } from "./paragraph/paragraph.js";
-import { PhaseBanner as ir } from "./phase-banner/phase-banner.js";
-import { Popover as dr } from "./popover/popover.js";
-import { ProgressBar as ur } from "./progress-bar/progress-bar.js";
-import { ProgressStepper as Ir, Step as br, StepItem as sr } from "./progress-stepper/progress-stepper.js";
-import { RadioGroup as Cr } from "./radio/radio-group.js";
-import { Radio as Fr } from "./radio/radio.js";
-import { ScoreSelect as kr } from "./score-select/score-select.js";
-import { SectionBreak as hr } from "./section-break/section-break.js";
-import { Select as Gr } from "./select/select.js";
-import { SelectGroupItemNext as wr, SelectItemNext as yr, SelectNext as Ar } from "./select/select-next.js";
-import { SideNav as Hr, SideNavItem as Rr } from "./side-nav/side-nav.js";
-import { Spinner as Er } from "./spinner/spinner.js";
-import { Stack as vr } from "./stack/stack.js";
-import { SummaryList as zr, SummaryListAction as qr, SummaryListRow as Ur, SummaryListValue as Vr } from "./summary-list/summary-list.js";
-import { Caption as Jr } from "./table/caption.js";
-import { ColumnGroup as Or } from "./table/column-group.js";
-import { Column as Xr } from "./table/column.js";
-import { TableBody as Zr } from "./table/table-body.js";
-import { TableData as $r } from "./table/table-data.js";
-import { TableFoot as re } from "./table/table-foot.js";
-import { TableHead as te } from "./table/table-head.js";
-import { TableHeader as me } from "./table/table-header.js";
-import { TableRow as ae } from "./table/table-row.js";
-import { Table as ie } from "./table/table.js";
-import { TabItem as de } from "./tabs/tab-item.js";
-import { TabList as ue } from "./tabs/tab-list.js";
+import { InputPassword as vo } 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 ar } from "./pagination/pagination.js";
+import { Paragraph as ir } 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 { RadioGroup as Fr } from "./radio/radio-group.js";
+import { Radio as kr } from "./radio/radio.js";
+import { ScoreSelect as Lr } from "./score-select/score-select.js";
+import { SectionBreak as Gr } from "./section-break/section-break.js";
+import { Select as wr } from "./select/select.js";
+import { SelectGroupItemNext as Ar, SelectItemNext as Dr, SelectNext as Hr } from "./select/select-next.js";
+import { SideNav as Er, SideNavItem as Mr } from "./side-nav/side-nav.js";
+import { Spinner as vr } from "./spinner/spinner.js";
+import { Stack as zr } from "./stack/stack.js";
+import { SummaryList as Ur, SummaryListAction as Vr, SummaryListRow as jr, SummaryListValue as Jr } from "./summary-list/summary-list.js";
+import { Caption as Or } from "./table/caption.js";
+import { ColumnGroup as Xr } from "./table/column-group.js";
+import { Column as Zr } from "./table/column.js";
+import { TableBody as $r } from "./table/table-body.js";
+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 ae } from "./table/table-header.js";
+import { TableRow as ie } 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 { Tabs as se } from "./tabs/tabs.js";
-import { Tag as Ce, TagTypeEnum as Te } from "./tag/tag.js";
-import { TextInput as Be } from "./text-input/text-input.js";
-import { TextArea as Le } from "./textarea/textarea.js";
-import { ToastProvider as ge, toaster as Ge } from "./toast/toast.js";
-import { Tooltip as we } from "./tooltip/tooltip.js";
-import { SelectGroupItem as Ae, SelectItem as De } from "./select/select-native.js";
-import { i as Re } from "./i18next-DxWa09nx.js";
+import { Tabs as Se } from "./tabs/tabs.js";
+import { Tag as Fe, TagTypeEnum as Be } from "./tag/tag.js";
+import { TextInput as he } from "./text-input/text-input.js";
+import { TextArea as ge } from "./textarea/textarea.js";
+import { ToastProvider as Pe, toaster as we } from "./toast/toast.js";
+import { Tooltip as Ae } from "./tooltip/tooltip.js";
+import { EditableTableCell as He } from "./data-grid/editable-table-cell.js";
+import { SelectGroupItem as Ee, SelectItem as Me, SelectTableCell as Ne } from "./select/select-native.js";
+import { i as We } from "./i18next-DxWa09nx.js";
 export {
   p as Accordion,
   e as AccordionItem,
   x as Alert,
   f as Autocomplete,
   i as AutocompleteItem,
-  d as Blockquote,
+  n as Blockquote,
   u as BreadcrumbCurrentLink,
   c as BreadcrumbEllipsis,
-  I as BreadcrumbLink,
-  b as Breadcrumbs,
+  b as BreadcrumbLink,
+  C as Breadcrumbs,
   F as Button,
-  S as ButtonGroup,
-  C as ButtonGroupItem,
-  Jr as Caption,
+  T as ButtonGroup,
+  S as ButtonGroupItem,
+  Or as Caption,
   D as Card,
   k as CardAction,
-  L as CardContainer,
-  h as CardDescription,
+  h as CardContainer,
+  L as CardDescription,
   g as CardHeader,
   G as CardMedia,
   P as CardSubtitle,
   w as CardTag,
   y as CardTitle,
-  E as Checkbox,
+  M as Checkbox,
   R as CheckboxGroup,
   v as Chip,
-  Xr as Column,
-  Or as ColumnGroup,
+  Zr as Column,
+  Xr as ColumnGroup,
   z as Combobox,
   j as Container,
   K as CookieBanner,
@@ -117,81 +118,85 @@ export {
   _ as DrawerFooter,
   $ as DrawerWrapper,
   U as DropdownItem,
+  He as EditableTableCell,
   ro as FileUpload,
   to as Footer,
   uo as Form,
   ao as FormField,
   fo as FormFieldError,
   io as FormFieldHint,
-  no as FormFieldLabel,
+  lo as FormFieldLabel,
   mo as FormFieldWithTag,
-  so as Header,
-  Io as HeaderSearch,
-  Co as Heading,
-  ho as Icon,
+  Io as Header,
+  bo as HeaderSearch,
+  So as Heading,
+  Lo as Icon,
   ko as IconButton,
   Go as Icons,
   Ao as InputCheckbox,
   wo as InputCheckboxGroup,
-  Ho as InputCheckboxSizeEnum,
+  Ro as InputCheckboxSizeEnum,
+  Do as InputCheckboxTableCell,
   Mo as InputFile,
-  No as InputPassword,
-  qo as InputRadio,
-  Wo as InputRadioGroup,
-  Vo as InputRadioSizeEnum,
-  Jo as InputText,
-  Oo as Link,
-  Zo as List,
-  Xo as ListItem,
-  $o as Modal,
-  or as ModalBody,
-  rr as ModalFooter,
-  er as ModalTitle,
-  tr as ModalWrapper,
-  mr as Pagination,
-  ar as Paragraph,
-  ir as PhaseBanner,
-  dr as Popover,
-  ur as ProgressBar,
+  vo 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,
+  ar as Pagination,
+  ir as Paragraph,
+  nr as PhaseBanner,
+  ur as Popover,
+  br as ProgressBar,
   Ir as ProgressStepper,
-  Fr as Radio,
-  Cr as RadioGroup,
-  kr as ScoreSelect,
-  hr as SectionBreak,
-  Gr as Select,
-  Ae as SelectGroupItem,
-  wr as SelectGroupItemNext,
-  De as SelectItem,
-  yr as SelectItemNext,
-  Ar as SelectNext,
-  Hr as SideNav,
-  Rr as SideNavItem,
-  Er as Spinner,
-  vr as Stack,
-  br as Step,
-  sr as StepItem,
-  zr as SummaryList,
-  qr as SummaryListAction,
-  Ur as SummaryListRow,
-  Vr as SummaryListValue,
-  de as TabItem,
-  ue as TabList,
+  kr as Radio,
+  Fr as RadioGroup,
+  Lr as ScoreSelect,
+  Gr as SectionBreak,
+  wr as Select,
+  Ee as SelectGroupItem,
+  Ar as SelectGroupItemNext,
+  Me as SelectItem,
+  Dr as SelectItemNext,
+  Hr as SelectNext,
+  Ne as SelectTableCell,
+  Er as SideNav,
+  Mr as SideNavItem,
+  vr as Spinner,
+  zr as Stack,
+  Tr as Step,
+  Sr as StepItem,
+  Ur as SummaryList,
+  Vr as SummaryListAction,
+  jr as SummaryListRow,
+  Jr as SummaryListValue,
+  ue as TabItem,
+  be as TabList,
   Ie as TabPanel,
-  ie as Table,
-  Zr as TableBody,
-  $r as TableData,
-  re as TableFoot,
-  te as TableHead,
-  me as TableHeader,
-  ae as TableRow,
-  se as Tabs,
-  Ce as Tag,
-  Te as TagTypeEnum,
-  Le as TextArea,
-  Be as TextInput,
-  ge as ToastProvider,
-  we as Tooltip,
-  Re as i18next,
+  ne as Table,
+  $r as TableBody,
+  re as TableData,
+  te as TableFoot,
+  me as TableHead,
+  ae as TableHeader,
+  ie as TableRow,
+  Se as Tabs,
+  Fe as Tag,
+  Be as TagTypeEnum,
+  ge as TextArea,
+  he as TextInput,
+  Pe as ToastProvider,
+  Ae as Tooltip,
+  We as i18next,
   Fo as initI18n,
-  Ge as toaster
+  we as toaster
 };

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

@@ -1,3 +1,10 @@
-import { InputCheckboxSizeEnumType, InputCheckboxProps } from './types.js';
+import { InputCheckboxSizeEnumType, InputCheckboxTableCellProps } from './types.js';
 export declare const getCheckboxWidth: (size?: InputCheckboxSizeEnumType) => string;
-export declare const InputCheckbox: React.FC<InputCheckboxProps>;
+export declare const InputCheckbox: import('react').ForwardRefExoticComponent<{
+    size?: InputCheckboxSizeEnumType;
+    label?: string;
+    hint?: string;
+    indeterminate?: boolean;
+    containerProps?: any;
+} & Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const InputCheckboxTableCell: React.FC<InputCheckboxTableCellProps>;

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

@@ -1,51 +1,74 @@
 "use client";
-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 n } from "./types.js";
-const u = (e) => {
+import { jsxs as n, Fragment as u, jsx as i } from "react/jsx-runtime";
+import { forwardRef as p, 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 { InputCheckboxSizeEnum as a } from "./types.js";
+const f = (e) => {
   switch (e) {
-    case n.Large:
+    case a.Large:
       return "gi-input-checkbox-large";
-    case n.Small:
+    case a.Small:
       return "gi-input-checkbox-small";
     default:
       return "gi-input-checkbox-medium";
   }
-}, p = (e) => {
-  let i = "gi-w-8";
-  return e === n.Large && (i = "gi-w-11"), e === n.Small && (i = "gi-w-6"), i;
-}, x = ({
-  id: e,
-  size: i = n.Medium,
-  label: l,
-  hint: a,
-  ...o
-}) => {
-  const t = e || s();
-  return /* @__PURE__ */ r(m, { children: [
-    /* @__PURE__ */ r("div", { className: "gi-input-checkbox-container", children: [
-      /* @__PURE__ */ c(
-        h,
-        {
-          type: "checkbox",
-          id: t,
-          className: u(i),
-          "aria-labelledby": l ? `${t}-label` : void 0,
-          ...o
-        }
-      ),
-      /* @__PURE__ */ c("label", { id: `${t}-label`, htmlFor: t, children: l })
-    ] }),
-    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: a })
-    ] })
-  ] });
-};
-x.displayName = "InputCheckbox";
+}, C = (e) => {
+  let t = "gi-w-8";
+  return e === a.Large && (t = "gi-w-11"), e === a.Small && (t = "gi-w-6"), t;
+}, r = p(
+  ({
+    id: e,
+    size: t = a.Medium,
+    label: l,
+    hint: o,
+    indeterminate: s = !1,
+    containerProps: m,
+    ...d
+  }, h) => {
+    const c = e || b();
+    return /* @__PURE__ */ n(u, { 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 })
+      ] })
+    ] });
+  }
+), I = ({
+  error: e,
+  ...t
+}) => /* @__PURE__ */ i(
+  r,
+  {
+    ...t,
+    size: "sm",
+    containerProps: {
+      "data-table-cell": !0,
+      "data-table-cell-error-state": e == null ? void 0 : e.toString()
+    }
+  }
+);
+I.displayName = "InputCheckboxTableCell";
+r.displayName = "InputCheckbox";
 export {
-  x as InputCheckbox,
-  p as getCheckboxWidth
+  r as InputCheckbox,
+  I as InputCheckboxTableCell,
+  C as getCheckboxWidth
 };

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

@@ -9,4 +9,9 @@ export type InputCheckboxProps = {
     size?: InputCheckboxSizeEnumType;
     label?: string;
     hint?: string;
+    indeterminate?: boolean;
+    containerProps?: any;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+export type InputCheckboxTableCellProps = Partial<InputCheckboxProps> & {
+    error?: boolean;
+};

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

@@ -1,24 +1,30 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { useState as h, Children as g, isValidElement as m, cloneElement as f } from "react";
-const V = ({ size: r, groupId: c, inline: o, onChange: n, children: p }) => {
-  const [i, l] = h([]), u = (e) => {
-    let t = [];
-    t = i.includes(e) ? i.filter((d) => d !== e) : [...i, e], l(t), n == null || n(t);
-  }, a = g.map(p, (e) => m(e) ? f(e, {
-    onChange: () => u(e.props.value),
-    checked: i.includes(e.props.value),
-    size: r,
-    name: c
-  }) : e);
-  return /* @__PURE__ */ s("div", { className: "gi-input-group-container", children: /* @__PURE__ */ s("div", { className: "gi-input-group-options-container", children: /* @__PURE__ */ s(
+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 || []
+  );
+  m(() => {
+    s(n || []);
+  }, [n]);
+  const o = n === void 0 ? l : n, a = (i) => {
+    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__ */ r("div", { className: "gi-input-group-container", children: /* @__PURE__ */ r("div", { className: "gi-input-group-options-container", children: /* @__PURE__ */ r(
     "div",
     {
-      className: o ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
-      children: a
+      className: u ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
+      children: h
     }
   ) }) });
 };
 export {
-  V as InputCheckboxGroup
+  C as InputCheckboxGroup
 };

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

@@ -3,5 +3,6 @@ export type InputCheckboxGroupProps = {
     size?: InputCheckboxSizeEnumType;
     groupId: string;
     inline?: boolean;
+    values?: string[];
     onChange?: (items: string[]) => void;
 };