@ogcio/design-system-react 1.11.3 → 1.12.1

package/dist/index.js

@@ -3,15 +3,15 @@ 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 l, BreadcrumbEllipsis as c, BreadcrumbLink as s, Breadcrumbs as I } from "./breadcrumbs/breadcrumbs.js";
-import { ButtonGroup as C, ButtonGroupItem as T } from "./button-group/button-group.js";
-import { Button as B } from "./button/button.js";
-import { CardAction as F, CardContainer as h, CardDescription as L, CardHeader as g, CardMedia as P, CardSubtitle as w, CardTag as y, CardTitle as A } from "./card/card-next.js";
-import { Card as G } from "./card/card.js";
-import { CheckboxGroup as H } from "./checkbox/checkbox-group.js";
-import { Checkbox as v } from "./checkbox/checkbox.js";
-import { Chip as W } from "./chip/chip.js";
-import { Combobox as N } from "./combo-box/combo-box.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 { 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 { 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 { 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";
 import { Container as j } from "./container/container.js";
 import { CookieBanner as K } from "./cookie-banner/cookie-banner.js";
@@ -20,64 +20,65 @@ 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 } from "./forms/form-field.js";
-import { Form as io } from "./forms/form.js";
-import { HeaderSearch as uo } 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 Co } from "./i18n/config.js";
-import { IconButton as So } from "./icon-button/icon-button.js";
-import { Icon as ko } from "./icon/icon.js";
-import { Icons as ho } from "./icon/icons.js";
-import { InputCheckboxGroup as go } from "./input-checkbox-group/input-checkbox-group.js";
-import { InputCheckbox as wo } from "./input-checkbox/input-checkbox.js";
-import { InputCheckboxSizeEnum as Ao } from "./input-checkbox/types.js";
-import { InputFile as Go } from "./input-file/input-file.js";
-import { InputPassword as Ho } from "./input-password/input-password.js";
-import { InputRadioGroup as vo } from "./input-radio-group/input-radio-group.js";
-import { InputRadio as Wo } from "./input-radio/input-radio.js";
-import { InputRadioSizeEnum as No } from "./input-radio/types.js";
-import { InputText as Uo } from "./input-text/input-text.js";
-import { Link as jo } from "./link/link.js";
-import { ListItem as Ko } from "./list-item/list-item.js";
-import { List as Qo } from "./list/list.js";
-import { Modal as Yo, ModalBody as Zo, ModalFooter as _o, ModalTitle as $o, ModalWrapper as or } from "./modal/modal.js";
-import { Pagination as er } from "./pagination/pagination.js";
-import { Paragraph as pr } from "./paragraph/paragraph.js";
-import { PhaseBanner as xr } from "./phase-banner/phase-banner.js";
-import { Popover as fr } from "./popover/popover.js";
-import { ProgressBar as nr } from "./progress-bar/progress-bar.js";
-import { ProgressStepper as ur, Step as lr, StepItem as cr } from "./progress-stepper/progress-stepper.js";
-import { RadioGroup as Ir } from "./radio/radio-group.js";
-import { Radio as Cr } from "./radio/radio.js";
-import { ScoreSelect as Sr } from "./score-select/score-select.js";
-import { SectionBreak as kr } from "./section-break/section-break.js";
-import { Select as hr } from "./select/select.js";
-import { SideNav as gr, SideNavItem as Pr } from "./side-nav/side-nav.js";
-import { Spinner as yr } from "./spinner/spinner.js";
-import { Stack as Dr } from "./stack/stack.js";
-import { SummaryList as Rr, SummaryListAction as Hr, SummaryListRow as Mr, SummaryListValue as vr } from "./summary-list/summary-list.js";
-import { Caption as Wr } from "./table/caption.js";
-import { ColumnGroup as Nr } from "./table/column-group.js";
-import { Column as Ur } from "./table/column.js";
-import { TableBody as jr } from "./table/table-body.js";
-import { TableData as Kr } from "./table/table-data.js";
-import { TableFoot as Qr } from "./table/table-foot.js";
-import { TableHead as Yr } from "./table/table-head.js";
-import { TableHeader as _r } from "./table/table-header.js";
-import { TableRow as oe } from "./table/table-row.js";
-import { Table as ee } from "./table/table.js";
-import { TabItem as pe } from "./tabs/tab-item.js";
-import { TabList as xe } from "./tabs/tab-list.js";
-import { TabPanel as fe } from "./tabs/tab-panel.js";
-import { Tabs as ne } from "./tabs/tabs.js";
-import { Tag as ue, TagTypeEnum as le } from "./tag/tag.js";
-import { TextInput as se } from "./text-input/text-input.js";
-import { TextArea as be } from "./textarea/textarea.js";
-import { ToastProvider as Te, toaster as Se } from "./toast/toast.js";
-import { Tooltip as ke } from "./tooltip/tooltip.js";
-import { SelectGroupItem as he, SelectItem as Le } from "./select/select-native.js";
-import { i as Pe } from "./i18next-DxWa09nx.js";
+import { FormField as ao, FormFieldError as fo, FormFieldHint as io, FormFieldLabel as no } 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 { 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 { 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 { 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 { 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";
 export {
   p as Accordion,
   e as AccordionItem,
@@ -85,29 +86,29 @@ export {
   f as Autocomplete,
   i as AutocompleteItem,
   d as Blockquote,
-  l as BreadcrumbCurrentLink,
+  u as BreadcrumbCurrentLink,
   c as BreadcrumbEllipsis,
-  s as BreadcrumbLink,
-  I as Breadcrumbs,
-  B as Button,
-  C as ButtonGroup,
-  T as ButtonGroupItem,
-  Wr as Caption,
-  G as Card,
-  F as CardAction,
-  h as CardContainer,
-  L as CardDescription,
+  I as BreadcrumbLink,
+  b as Breadcrumbs,
+  F as Button,
+  S as ButtonGroup,
+  C as ButtonGroupItem,
+  Jr as Caption,
+  D as Card,
+  k as CardAction,
+  L as CardContainer,
+  h as CardDescription,
   g as CardHeader,
-  P as CardMedia,
-  w as CardSubtitle,
-  y as CardTag,
-  A as CardTitle,
-  v as Checkbox,
-  H as CheckboxGroup,
-  W as Chip,
-  Ur as Column,
-  Nr as ColumnGroup,
-  N as Combobox,
+  G as CardMedia,
+  P as CardSubtitle,
+  w as CardTag,
+  y as CardTitle,
+  E as Checkbox,
+  R as CheckboxGroup,
+  v as Chip,
+  Xr as Column,
+  Or as ColumnGroup,
+  z as Combobox,
   j as Container,
   K as CookieBanner,
   Q as Details,
@@ -118,73 +119,79 @@ export {
   U as DropdownItem,
   ro as FileUpload,
   to as Footer,
-  io as Form,
+  uo as Form,
   ao as FormField,
+  fo as FormFieldError,
+  io as FormFieldHint,
+  no as FormFieldLabel,
   mo as FormFieldWithTag,
-  co as Header,
-  uo as HeaderSearch,
-  Io as Heading,
-  ko as Icon,
-  So as IconButton,
-  ho as Icons,
-  wo as InputCheckbox,
-  go as InputCheckboxGroup,
-  Ao as InputCheckboxSizeEnum,
-  Go as InputFile,
-  Ho as InputPassword,
-  Wo as InputRadio,
-  vo as InputRadioGroup,
-  No as InputRadioSizeEnum,
-  Uo as InputText,
-  jo as Link,
-  Qo as List,
-  Ko as ListItem,
-  Yo as Modal,
-  Zo as ModalBody,
-  _o as ModalFooter,
-  $o as ModalTitle,
-  or as ModalWrapper,
-  er as Pagination,
-  pr as Paragraph,
-  xr as PhaseBanner,
-  fr as Popover,
-  nr as ProgressBar,
-  ur as ProgressStepper,
-  Cr as Radio,
-  Ir as RadioGroup,
-  Sr as ScoreSelect,
-  kr as SectionBreak,
-  hr as Select,
-  he as SelectGroupItem,
-  Le as SelectItem,
-  gr as SideNav,
-  Pr as SideNavItem,
-  yr as Spinner,
-  Dr as Stack,
-  lr as Step,
-  cr as StepItem,
-  Rr as SummaryList,
-  Hr as SummaryListAction,
-  Mr as SummaryListRow,
-  vr as SummaryListValue,
-  pe as TabItem,
-  xe as TabList,
-  fe as TabPanel,
-  ee as Table,
-  jr as TableBody,
-  Kr as TableData,
-  Qr as TableFoot,
-  Yr as TableHead,
-  _r as TableHeader,
-  oe as TableRow,
-  ne as Tabs,
-  ue as Tag,
-  le as TagTypeEnum,
-  be as TextArea,
-  se as TextInput,
-  Te as ToastProvider,
-  ke as Tooltip,
-  Pe as i18next,
-  Co as initI18n,
-  Se as toaster
+  so as Header,
+  Io as HeaderSearch,
+  Co as Heading,
+  ho as Icon,
+  ko as IconButton,
+  Go as Icons,
+  Ao as InputCheckbox,
+  wo as InputCheckboxGroup,
+  Ho as InputCheckboxSizeEnum,
+  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,
+  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,
+  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,
+  Fo as initI18n,
+  Ge as toaster
 };

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

@@ -1,31 +1,31 @@
 "use client";
-import { jsxs as r, Fragment as m, jsx as c } from "react/jsx-runtime";
+import { jsxs as n, 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";
+import { InputCheckboxSizeEnum as r } from "./types.js";
 const u = (e) => {
   switch (e) {
-    case n.Large:
+    case r.Large:
       return "gi-input-checkbox-large";
-    case n.Small:
+    case r.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;
+  return e === r.Large && (i = "gi-w-11"), e === r.Small && (i = "gi-w-6"), i;
 }, x = ({
   id: e,
-  size: i = n.Medium,
+  size: i = r.Medium,
   label: l,
-  hint: a,
-  ...o
+  hint: o,
+  ...a
 }) => {
   const t = e || s();
-  return /* @__PURE__ */ r(m, { children: [
-    /* @__PURE__ */ r("div", { className: "gi-input-checkbox-container", children: [
+  return /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ n("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,
-          ...o
+          ...a
         }
       ),
       /* @__PURE__ */ c("label", { id: `${t}-label`, htmlFor: t, children: l })
     ] }),
-    a && /* @__PURE__ */ r("div", { className: "gi-input-checkbox-hint-container", children: [
+    o && /* @__PURE__ */ n("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 })
+      /* @__PURE__ */ c(d, { id: `${t}-hint`, text: o })
     ] })
   ] });
 };

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

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as e, Fragment as c, jsxs as o } from "react/jsx-runtime";
+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 { Label as h } from "../label/label.js";
-import { Input as x } from "../primitives/input.js";
+import { Input as v } from "../primitives/input.js";
 import { InputRadioSizeEnum as d } from "./types.js";
-const v = (r) => {
+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) => {
@@ -17,20 +17,20 @@ const v = (r) => {
   label: r,
   hint: i,
   id: s,
-  size: t = "md",
+  size: e = "md",
   conditionalInput: a,
   checked: l,
   ...g
 }) => {
   const m = s ?? p();
-  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ o("div", { className: "gi-input-radio-container", children: [
-    /* @__PURE__ */ e(
-      x,
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ o("div", { className: "gi-input-radio-container", children: [
+    /* @__PURE__ */ t(
+      v,
       {
         type: "radio",
         id: m,
         checked: l,
-        className: v(t),
+        className: x(e),
         "aria-describedby": i ? `${m}-hint` : void 0,
         "aria-required": a ? "true" : "false",
         ...g
@@ -40,20 +40,20 @@ const v = (r) => {
       "div",
       {
         className: n({
-          "gi-mt-1": t === "md",
-          "gi-mt-2": t === "lg"
+          "gi-mt-1": e === "md",
+          "gi-mt-2": e === "lg"
         }),
         children: [
-          /* @__PURE__ */ e(h, { htmlFor: m, text: r || "", size: t }),
-          (i || a) && /* @__PURE__ */ e("div", { className: "gi-radio-conditional-divider-container", children: /* @__PURE__ */ o("div", { children: [
-            i && /* @__PURE__ */ e(u, { text: i, size: t }),
-            a && /* @__PURE__ */ e(
+          /* @__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(
               "div",
               {
                 className: n("gi-mt-3", {
                   "gi-hidden": !l
                 }),
-                children: /* @__PURE__ */ e(f, { ...a })
+                children: /* @__PURE__ */ t(f, { ...a })
               }
             )
           ] }) })

package/dist/label/label.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { c as o } from "../index-DNkhmzZp.js";
+import { c as o } from "../index-CB-zPpNk.js";
 const d = {
   Small: "sm",
   Medium: "md",

package/dist/link/link.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as S, Fragment as b } from "react/jsx-runtime";
-import { a as j } from "../index-ntYL1VRC.js";
+import { a as j } from "../index-2sRBqKFV.js";
 import { forwardRef as w } from "react";
 import { getVariantAppearanceClass as I, getSizeClass as L } from "../button/helpers.js";
 import { cn as A } from "../cn.js";

package/dist/list/list.js

@@ -21,7 +21,7 @@ const s = {
   }
   return i && e.push("gi-list-spaced"), e.join(" ");
 };
-function o({
+function c({
   items: i,
   type: t = s.None,
   spaced: e,
@@ -39,6 +39,6 @@ function o({
   );
 }
 export {
-  o as List,
+  c as List,
   s as ListTypeEnum
 };

package/dist/modal/modal.content.js

@@ -1,4 +1,4 @@
-import { jsxs as i, Fragment as r, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t, Fragment as r } from "react/jsx-runtime";
 import { Button as o } from "../button/button.js";
 import { ModalTitle as e, ModalBody as a, ModalFooter as n } from "./modal.js";
 const c = /* @__PURE__ */ i(r, { children: [

package/dist/modal/modal.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as p, Fragment as T } from "react/jsx-runtime";
-import { Children as x, cloneElement as f, isValidElement as k, useState as F } from "react";
+import { useState as x, cloneElement as f, isValidElement as k, Children as F } from "react";
 import { Button as A } from "../button/button.js";
 import { cn as s } from "../cn.js";
 import { Heading as I } from "../heading/heading.js";
@@ -63,7 +63,7 @@ const v = (e, a, t) => {
   dataTestId: u,
   ...y
 }) => {
-  const h = x.toArray(o), C = h.find(
+  const h = F.toArray(o), C = h.find(
     (l) => v(M, "ModalTitle", l)
   ), N = h.find(
     (l) => v(_, "ModalFooter", l)
@@ -194,7 +194,7 @@ const v = (e, a, t) => {
   startsOpen: t,
   ...n
 }) => {
-  const [i, c] = F(!!t), d = () => c(!0), m = () => c(!1), o = f(a, {
+  const [i, c] = x(!!t), d = () => c(!0), m = () => c(!1), o = f(a, {
     "data-testid": "modal-trigger-button-container",
     "aria-haspopup": "dialog",
     onClick: d