@ogcio/design-system-react 1.28.0 → 1.30.0

package/dist/index.js

@@ -2,139 +2,140 @@ import { AccordionItem as o } from "./accordion/accordion-item.js";
 import { Accordion as a } from "./accordion/accordion.js";
 import { Alert as m } from "./alert/alert.js";
 import { alertVariants as f } from "./alert/variants.js";
-import { Autocomplete as n, AutocompleteItem as i } from "./autocomplete/autocomplete.js";
+import { Autocomplete as n, AutocompleteItem as d } from "./autocomplete/autocomplete.js";
 import { Blockquote as u } from "./blockquote/blockquote.js";
-import { BreadcrumbCurrentLink as T, BreadcrumbEllipsis as c, BreadcrumbLink as S, Breadcrumbs as s } from "./breadcrumbs/breadcrumbs.js";
+import { BreadcrumbCurrentLink as c, BreadcrumbEllipsis as S, BreadcrumbLink as T, Breadcrumbs as s } from "./breadcrumbs/breadcrumbs.js";
 import { ButtonGroup as I, ButtonGroupItem as H } from "./button-group/button-group.js";
 import { Button as D } from "./button/button.js";
-import { CardAction as L, CardContainer as M, CardDescription as k, CardHeader as g, CardMedia as h, CardSubtitle as y, CardTag as P, CardTitle as w } from "./card/card-next.js";
-import { Card as G } from "./card/card.js";
+import { CardAction as L, CardContainer as g, CardDescription as M, CardHeader as h, CardMedia as k, CardSubtitle as P, CardTag as y, CardTitle as v } from "./card/card-next.js";
+import { Card as A } from "./card/card.js";
 import { CharacterCount as R } from "./character-count/character-count.js";
 import { CheckboxGroup as N } from "./checkbox/checkbox-group.js";
 import { Checkbox as z } from "./checkbox/checkbox.js";
-import { Chip as q } from "./chip/chip.js";
+import { Chip as V } from "./chip/chip.js";
 import { Combobox as j } from "./combo-box/combo-box.js";
 import { DropdownItem as K } from "./combo-box/dropdown-item.js";
 import { Container as Q } from "./container/container.js";
 import { CookieBanner as Y } from "./cookie-banner/cookie-banner.js";
 import { Details as _ } from "./details/details.js";
-import { Drawer as rr, DrawerBody as er, DrawerFooter as or, DrawerWrapper as tr } from "./drawer/drawer.js";
-import { FileUpload as pr } from "./file-upload/file-upload.js";
-import { Footer as xr } from "./footer/footer.js";
-import { FormFieldWithTag as lr } from "./forms/form-field-with-tag/form-field-with-tag.js";
-import { FormField as ir, FormFieldError as dr, FormFieldHint as ur, FormFieldLabel as br } from "./forms/form-field/form-field.js";
-import { Form as cr } from "./forms/form.js";
-import { HeaderSearch as sr } from "./header/components/header-search.js";
-import { Header as Ir } from "./header/header.js";
-import { HeaderNext as Fr, HeaderSlotContainer as Dr } from "./header/header-next/header-next.js";
-import { HeaderProvider as Lr, useHeaderContext as Mr } from "./header/header-next/header-context.js";
-import { HeaderLogo as gr } from "./header/header-next/components/header-logo.js";
-import { HeaderTitle as yr } from "./header/header-next/components/header-title.js";
-import { HeaderMenuSectionProvider as wr, useHeaderMenuSection as Ar } from "./header/header-next/components/menu/header-menu-context.js";
-import { HeaderPrimaryMenu as vr } from "./header/header-next/components/menu/header-primary-menu.js";
-import { HeaderSecondaryMenu as Er } from "./header/header-next/components/menu/header-secondary-menu.js";
-import { HeaderMenuItemButton as Wr } from "./header/header-next/components/menu/components/header-menu-item-button.js";
-import { HeaderMenuItemLink as Vr } from "./header/header-next/components/menu/components/header-menu-item-link.js";
-import { HeaderMenuItemSeparator as Ur } from "./header/header-next/components/menu/components/header-menu-item-separator.js";
-import { HeaderMenuItemSlot as Jr } from "./header/header-next/components/menu/components/header-menu-item-slot.js";
-import { Heading as Or } from "./heading/heading.js";
-import { initI18n as Xr } from "./i18n/config.js";
-import { IconButton as Zr } from "./icon-button/icon-button.js";
-import { Icon as $r } from "./icon/icon.js";
-import { Icons as ee } from "./icon/icons.js";
-import { InputCheckboxGroup as te } from "./input-checkbox-group/input-checkbox-group.js";
-import { InputCheckbox as pe, InputCheckboxTableCell as me } from "./input-checkbox/input-checkbox.js";
-import { InputCheckboxSizeEnum as fe } from "./input-checkbox/types.js";
-import { InputFile as ne } from "./input-file/input-file.js";
-import { InputPassword as de } from "./input-password/input-password.js";
-import { InputRadioGroup as be } from "./input-radio-group/input-radio-group.js";
-import { InputRadio as ce } from "./input-radio/input-radio.js";
-import { InputRadioSizeEnum as se } from "./input-radio/types.js";
-import { InputText as Ie, InputTextTableCell as He } from "./input-text/input-text.js";
-import { Link as De } from "./link/link.js";
-import { ListItem as Le } from "./list-item/list-item.js";
-import { List as ke } from "./list/list.js";
-import { Modal as he, ModalBody as ye, ModalFooter as Pe, ModalTitle as we, ModalWrapper as Ae } from "./modal/modal.js";
-import { Pagination as ve } from "./pagination/pagination.js";
-import { Paragraph as Ee } from "./paragraph/paragraph.js";
-import { PhaseBanner as We } from "./phase-banner/phase-banner.js";
-import { Popover as Ve } from "./popover/popover.js";
-import { ProgressBar as Ue } from "./progress-bar/progress-bar.js";
-import { StepFillLevel as Je, StepStatus as Ke } from "./progress-stepper/types.js";
-import { ProgressStepper as Qe, Step as Xe, StepItem as Ye } from "./progress-stepper/progress-stepper.js";
-import { RadioGroup as _e } from "./radio/radio-group.js";
-import { Radio as ro } from "./radio/radio.js";
+import { Drawer as ee, DrawerBody as re, DrawerFooter as oe, DrawerWrapper as te } from "./drawer/drawer.js";
+import { FileUpload as pe } from "./file-upload/file-upload.js";
+import { Footer as xe } from "./footer/footer.js";
+import { FormFieldWithTag as le } from "./forms/form-field-with-tag/form-field-with-tag.js";
+import { FormField as de, FormFieldError as ie, FormFieldHint as ue, FormFieldLabel as be } from "./forms/form-field/form-field.js";
+import { Form as Se } from "./forms/form.js";
+import { HeaderSearch as se } from "./header/components/header-search.js";
+import { Header as Ie } from "./header/header.js";
+import { HeaderNext as Fe, HeaderSlotContainer as De } from "./header/header-next/header-next.js";
+import { HeaderProvider as Le, useHeaderContext as ge } from "./header/header-next/header-context.js";
+import { HeaderLogo as he } from "./header/header-next/components/header-logo.js";
+import { HeaderTitle as Pe } from "./header/header-next/components/header-title.js";
+import { HeaderMenuSectionProvider as ve, useHeaderMenuSection as we } from "./header/header-next/components/menu/header-menu-context.js";
+import { HeaderPrimaryMenu as Ge } from "./header/header-next/components/menu/header-primary-menu.js";
+import { HeaderSecondaryMenu as Ee } from "./header/header-next/components/menu/header-secondary-menu.js";
+import { HeaderMenuItemButton as We } from "./header/header-next/components/menu/components/header-menu-item-button.js";
+import { HeaderMenuItemLink as Ue } from "./header/header-next/components/menu/components/header-menu-item-link.js";
+import { HeaderMenuItemSeparator as qe } from "./header/header-next/components/menu/components/header-menu-item-separator.js";
+import { HeaderMenuItemSlot as Je } from "./header/header-next/components/menu/components/header-menu-item-slot.js";
+import { Heading as Oe } from "./heading/heading.js";
+import { initI18n as Xe } from "./i18n/config.js";
+import { IconButton as Ze } from "./icon-button/icon-button.js";
+import { Icon as $e } from "./icon/icon.js";
+import { Icons as rr } from "./icon/icons.js";
+import { InputCheckboxGroup as tr } from "./input-checkbox-group/input-checkbox-group.js";
+import { InputCheckbox as pr, InputCheckboxTableCell as mr } from "./input-checkbox/input-checkbox.js";
+import { InputCheckboxSizeEnum as fr } from "./input-checkbox/types.js";
+import { InputFile as nr } from "./input-file/input-file.js";
+import { InputPassword as ir } from "./input-password/input-password.js";
+import { InputRadioGroup as br } from "./input-radio-group/input-radio-group.js";
+import { InputRadio as Sr } from "./input-radio/input-radio.js";
+import { InputRadioSizeEnum as sr } from "./input-radio/types.js";
+import { InputText as Ir, InputTextTableCell as Hr } from "./input-text/input-text.js";
+import { Link as Dr } from "./link/link.js";
+import { ListItem as Lr } from "./list-item/list-item.js";
+import { List as Mr } from "./list/list.js";
+import { Modal as kr, ModalBody as Pr, ModalFooter as yr, ModalTitle as vr, ModalWrapper as wr } from "./modal/modal.js";
+import { Pagination as Gr } from "./pagination/pagination.js";
+import { Paragraph as Er } from "./paragraph/paragraph.js";
+import { PhaseBanner as Wr } from "./phase-banner/phase-banner.js";
+import { Popover as Ur } from "./popover/popover.js";
+import { ProgressBar as qr } from "./progress-bar/progress-bar.js";
+import { StepFillLevel as Jr, StepStatus as Kr } from "./progress-stepper/types.js";
+import { ProgressStepper as Qr, Step as Xr, StepItem as Yr } from "./progress-stepper/progress-stepper.js";
+import { RadioGroup as _r } from "./radio/radio-group.js";
+import { Radio as eo } from "./radio/radio.js";
 import { ScoreSelect as oo } from "./score-select/score-select.js";
 import { SectionBreak as ao } from "./section-break/section-break.js";
 import { Select as mo } from "./select/select.js";
 import { SelectGroupItemNext as fo, SelectItemNext as lo, SelectNext as no } from "./select/select-next.js";
-import { SideNav as uo, SideNavHeading as bo, SideNavItem as To } from "./side-nav/side-nav.js";
-import { Spinner as So } from "./spinner/spinner.js";
+import { SideNav as uo, SideNavHeading as bo, SideNavItem as co } from "./side-nav/side-nav.js";
+import { Spinner as To } from "./spinner/spinner.js";
 import { Stack as Co } from "./stack/stack.js";
 import { SummaryListRow as Ho } from "./summary-list/summary-list-row.js";
 import { SummaryListAction as Do } from "./summary-list/summary-list-action.js";
 import { SummaryListValue as Lo } from "./summary-list/summary-list-value.js";
-import { SummaryList as ko } from "./summary-list/summary-list.js";
-import { SummaryListHeader as ho } from "./summary-list/summary-list-header.js";
-import { Caption as Po } from "./table/caption.js";
-import { ColumnGroup as Ao } from "./table/column-group.js";
-import { Column as vo } from "./table/column.js";
+import { SummaryList as Mo } from "./summary-list/summary-list.js";
+import { SummaryListHeader as ko } from "./summary-list/summary-list-header.js";
+import { Caption as yo } from "./table/caption.js";
+import { ColumnGroup as wo } from "./table/column-group.js";
+import { Column as Go } from "./table/column.js";
 import { TableBody as Eo } from "./table/table-body.js";
 import { TableData as Wo } from "./table/table-data.js";
-import { TableFoot as Vo } from "./table/table-foot.js";
-import { TableHead as Uo } from "./table/table-head.js";
+import { TableFoot as Uo } from "./table/table-foot.js";
+import { TableHead as qo } from "./table/table-head.js";
 import { TableHeader as Jo } from "./table/table-header.js";
 import { TableRow as Oo } from "./table/table-row.js";
 import { Table as Xo } from "./table/table.js";
 import { TabItem as Zo } from "./tabs/tab-item.js";
 import { TabList as $o } from "./tabs/tab-list.js";
-import { TabPanel as et } from "./tabs/tab-panel.js";
+import { TabPanel as rt } from "./tabs/tab-panel.js";
 import { Tabs as tt } from "./tabs/tabs.js";
 import { DataTableFooter as pt, DataTableFooterCenter as mt, DataTableFooterEnd as xt, DataTableFooterStart as ft } from "./data-table/data-table-footer.js";
-import { DataTableHeader as nt, DataTableHeaderActions as it, DataTableHeaderFilter as dt, DataTableHeaderFilterActions as ut, DataTableHeaderFilterContent as bt, DataTableHeaderFilterContentTitle as Tt, DataTableHeaderFilterList as ct, DataTableHeaderSearch as St } from "./data-table/data-table-header.js";
+import { DataTableHeader as nt, DataTableHeaderActions as dt, DataTableHeaderFilter as it, DataTableHeaderFilterActions as ut, DataTableHeaderFilterContent as bt, DataTableHeaderFilterContentTitle as ct, DataTableHeaderFilterList as St, DataTableHeaderSearch as Tt } from "./data-table/data-table-header.js";
 import { DataTableSelectedRowsBanner as Ct } from "./data-table/data-table-selected-rows.js";
 import { EditableTableCell as Ht } from "./data-table/editable-table-cell.js";
 import { Tag as Dt, TagTypeEnum as Bt } from "./tag/tag.js";
-import { TextInput as Mt } from "./text-input/text-input.js";
-import { TextArea as gt } from "./textarea/textarea.js";
-import { ToastProvider as yt, toaster as Pt } from "./toast/toast.js";
-import { Tooltip as At } from "./tooltip/tooltip.js";
-import { useToggleMap as vt } from "./hooks/use-toggle-map.js";
+import { TextInput as gt } from "./text-input/text-input.js";
+import { TextArea as ht } from "./textarea/textarea.js";
+import { ToastProvider as Pt, toaster as yt } from "./toast/toast.js";
+import { Tooltip as wt } from "./tooltip/tooltip.js";
+import { useToggleMap as Gt } from "./hooks/use-toggle-map.js";
 import { BrowserSupport as Et } from "./browser-support/browser-support.js";
 import { LoadMaterialSymbols as Wt, LoadMaterialSymbols as zt } from "./load-symbols/load-symbols.js";
-import { SelectGroupItem as qt, SelectItem as Ut, SelectTableCell as jt } from "./select/select-native.js";
-import { i as Kt } from "./i18next-Bfi2-LyH.js";
+import { generateSvgPlaceholder as Vt, generateSvgPlaceholderDataUrl as qt } from "./utils/placeholder.js";
+import { SelectGroupItem as Jt, SelectItem as Kt, SelectTableCell as Ot } from "./select/select-native.js";
+import { i as Xt } from "./i18next-Bfi2-LyH.js";
 export {
   a as Accordion,
   o as AccordionItem,
   m as Alert,
   n as Autocomplete,
-  i as AutocompleteItem,
+  d as AutocompleteItem,
   u as Blockquote,
-  T as BreadcrumbCurrentLink,
-  c as BreadcrumbEllipsis,
-  S as BreadcrumbLink,
+  c as BreadcrumbCurrentLink,
+  S as BreadcrumbEllipsis,
+  T as BreadcrumbLink,
   s as Breadcrumbs,
   Et as BrowserSupport,
   D as Button,
   I as ButtonGroup,
   H as ButtonGroupItem,
-  Po as Caption,
-  G as Card,
+  yo as Caption,
+  A as Card,
   L as CardAction,
-  M as CardContainer,
-  k as CardDescription,
-  g as CardHeader,
-  h as CardMedia,
-  y as CardSubtitle,
-  P as CardTag,
-  w as CardTitle,
+  g as CardContainer,
+  M as CardDescription,
+  h as CardHeader,
+  k as CardMedia,
+  P as CardSubtitle,
+  y as CardTag,
+  v as CardTitle,
   R as CharacterCount,
   z as Checkbox,
   N as CheckboxGroup,
-  q as Chip,
-  vo as Column,
-  Ao as ColumnGroup,
+  V as Chip,
+  Go as Column,
+  wo as ColumnGroup,
   j as Combobox,
   Q as Container,
   Y as CookieBanner,
@@ -143,121 +144,123 @@ export {
   xt as DataTableFooterEnd,
   ft as DataTableFooterStart,
   nt as DataTableHeader,
-  it as DataTableHeaderActions,
-  dt as DataTableHeaderFilter,
+  dt as DataTableHeaderActions,
+  it as DataTableHeaderFilter,
   ut as DataTableHeaderFilterActions,
   bt as DataTableHeaderFilterContent,
-  Tt as DataTableHeaderFilterContentTitle,
-  ct as DataTableHeaderFilterList,
-  St as DataTableHeaderSearch,
+  ct as DataTableHeaderFilterContentTitle,
+  St as DataTableHeaderFilterList,
+  Tt as DataTableHeaderSearch,
   Ct as DataTableSelectedRowsBanner,
   _ as Details,
-  rr as Drawer,
-  er as DrawerBody,
-  or as DrawerFooter,
-  tr as DrawerWrapper,
+  ee as Drawer,
+  re as DrawerBody,
+  oe as DrawerFooter,
+  te as DrawerWrapper,
   K as DropdownItem,
   Ht as EditableTableCell,
-  pr as FileUpload,
-  xr as Footer,
-  cr as Form,
-  ir as FormField,
-  dr as FormFieldError,
-  ur as FormFieldHint,
-  br as FormFieldLabel,
-  lr as FormFieldWithTag,
-  Ir as Header,
-  gr as HeaderLogo,
-  Wr as HeaderMenuItemButton,
-  Vr as HeaderMenuItemLink,
-  Ur as HeaderMenuItemSeparator,
-  Jr as HeaderMenuItemSlot,
-  wr as HeaderMenuSectionProvider,
-  Fr as HeaderNext,
-  vr as HeaderPrimaryMenu,
-  Lr as HeaderProvider,
-  sr as HeaderSearch,
-  Er as HeaderSecondaryMenu,
-  Dr as HeaderSlotContainer,
-  yr as HeaderTitle,
-  Or as Heading,
-  $r as Icon,
-  Zr as IconButton,
-  ee as Icons,
-  pe as InputCheckbox,
-  te as InputCheckboxGroup,
-  fe as InputCheckboxSizeEnum,
-  me as InputCheckboxTableCell,
-  ne as InputFile,
-  de as InputPassword,
-  ce as InputRadio,
-  be as InputRadioGroup,
-  se as InputRadioSizeEnum,
-  Ie as InputText,
-  He as InputTextTableCell,
-  De as Link,
-  ke as List,
-  Le as ListItem,
+  pe as FileUpload,
+  xe as Footer,
+  Se as Form,
+  de as FormField,
+  ie as FormFieldError,
+  ue as FormFieldHint,
+  be as FormFieldLabel,
+  le as FormFieldWithTag,
+  Ie as Header,
+  he as HeaderLogo,
+  We as HeaderMenuItemButton,
+  Ue as HeaderMenuItemLink,
+  qe as HeaderMenuItemSeparator,
+  Je as HeaderMenuItemSlot,
+  ve as HeaderMenuSectionProvider,
+  Fe as HeaderNext,
+  Ge as HeaderPrimaryMenu,
+  Le as HeaderProvider,
+  se as HeaderSearch,
+  Ee as HeaderSecondaryMenu,
+  De as HeaderSlotContainer,
+  Pe as HeaderTitle,
+  Oe as Heading,
+  $e as Icon,
+  Ze as IconButton,
+  rr as Icons,
+  pr as InputCheckbox,
+  tr as InputCheckboxGroup,
+  fr as InputCheckboxSizeEnum,
+  mr as InputCheckboxTableCell,
+  nr as InputFile,
+  ir as InputPassword,
+  Sr as InputRadio,
+  br as InputRadioGroup,
+  sr as InputRadioSizeEnum,
+  Ir as InputText,
+  Hr as InputTextTableCell,
+  Dr as Link,
+  Mr as List,
+  Lr as ListItem,
   Wt as LoadFonts,
   zt as LoadMaterialSymbols,
-  he as Modal,
-  ye as ModalBody,
-  Pe as ModalFooter,
-  we as ModalTitle,
-  Ae as ModalWrapper,
-  ve as Pagination,
-  Ee as Paragraph,
-  We as PhaseBanner,
-  Ve as Popover,
-  Ue as ProgressBar,
-  Qe as ProgressStepper,
-  ro as Radio,
-  _e as RadioGroup,
+  kr as Modal,
+  Pr as ModalBody,
+  yr as ModalFooter,
+  vr as ModalTitle,
+  wr as ModalWrapper,
+  Gr as Pagination,
+  Er as Paragraph,
+  Wr as PhaseBanner,
+  Ur as Popover,
+  qr as ProgressBar,
+  Qr as ProgressStepper,
+  eo as Radio,
+  _r as RadioGroup,
   oo as ScoreSelect,
   ao as SectionBreak,
   mo as Select,
-  qt as SelectGroupItem,
+  Jt as SelectGroupItem,
   fo as SelectGroupItemNext,
-  Ut as SelectItem,
+  Kt as SelectItem,
   lo as SelectItemNext,
   no as SelectNext,
-  jt as SelectTableCell,
+  Ot as SelectTableCell,
   uo as SideNav,
   bo as SideNavHeading,
-  To as SideNavItem,
-  So as Spinner,
+  co as SideNavItem,
+  To as Spinner,
   Co as Stack,
-  Xe as Step,
-  Je as StepFillLevel,
-  Ye as StepItem,
-  Ke as StepStatus,
-  ko as SummaryList,
+  Xr as Step,
+  Jr as StepFillLevel,
+  Yr as StepItem,
+  Kr as StepStatus,
+  Mo as SummaryList,
   Do as SummaryListAction,
-  ho as SummaryListHeader,
+  ko as SummaryListHeader,
   Ho as SummaryListRow,
   Lo as SummaryListValue,
   Zo as TabItem,
   $o as TabList,
-  et as TabPanel,
+  rt as TabPanel,
   Xo as Table,
   Eo as TableBody,
   Wo as TableData,
-  Vo as TableFoot,
-  Uo as TableHead,
+  Uo as TableFoot,
+  qo as TableHead,
   Jo as TableHeader,
   Oo as TableRow,
   tt as Tabs,
   Dt as Tag,
   Bt as TagTypeEnum,
-  gt as TextArea,
-  Mt as TextInput,
-  yt as ToastProvider,
-  At as Tooltip,
+  ht as TextArea,
+  gt as TextInput,
+  Pt as ToastProvider,
+  wt as Tooltip,
   f as alertVariants,
-  Kt as i18next,
-  Xr as initI18n,
-  Pt as toaster,
-  Mr as useHeaderContext,
-  Ar as useHeaderMenuSection,
-  vt as useToggleMap
+  Vt as generateSvgPlaceholder,
+  qt as generateSvgPlaceholderDataUrl,
+  Xt as i18next,
+  Xe as initI18n,
+  yt as toaster,
+  ge as useHeaderContext,
+  we as useHeaderMenuSection,
+  Gt as useToggleMap
 };

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

@@ -1,34 +1,35 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as r, useState as c } from "react";
-import { InputText as l } from "../input-text/input-text.js";
-const u = r(
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as r, useState as a } from "react";
+import { InputText as c } from "../input-text/input-text.js";
+const l = r(
   (o, s) => {
-    const [t, n] = c({
+    const [t, e] = a({
       icon: "visibility",
       type: "password"
-    }), p = () => {
+    }), n = () => {
       const i = t.type === "text";
-      n({
+      e({
         type: i ? "password" : "text",
         icon: i ? "visibility" : "visibility_off"
       });
     };
-    return /* @__PURE__ */ e(
-      l,
+    return /* @__PURE__ */ p(
+      c,
       {
         ...o,
         type: t.type,
         inputActionButton: {
           icon: t.icon,
-          onClick: p
+          onClick: n,
+          ariaLabel: t.type === "text" ? "show" : "hide"
         },
         ref: s
       }
     );
   }
 );
-u.displayName = "InputPassword";
+l.displayName = "InputPassword";
 export {
-  u as InputPassword
+  l as InputPassword
 };

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

@@ -24,7 +24,9 @@ const H = d(
               __origin: "clear_button"
             };
             a && a(f);
-          }
+          },
+          ariaLabel: "Clear input"
+          // TODO I18N: translation
         }
       }
     );
@@ -35,18 +37,18 @@ const H = d(
     inputActionButton: e,
     inputActionPosition: r = "beforeSuffix",
     suffix: t,
-    halfFluid: l = !1,
+    halfFluid: s = !1,
     className: f,
     type: g = "text",
     iconStart: c,
     iconStartClassName: v,
     onIconStartClick: N,
-    iconEnd: s,
+    iconEnd: l,
     iconEndClassName: T,
     onIconEndClick: C,
     disabled: i,
-    inputClassName: w,
-    iconEndRef: b,
+    inputClassName: b,
+    iconEndRef: w,
     containerProps: k,
     ...o
   }, z) => {
@@ -55,7 +57,7 @@ const H = d(
       {
         className: "gi-input-text-action-before-suffix",
         "data-suffix": !!t,
-        "data-has-icon-end": !!s,
+        "data-has-icon-end": !!l,
         children: /* @__PURE__ */ n(p, { ...e, disabled: i })
       }
     ) : null, [e]);
@@ -70,7 +72,7 @@ const H = d(
             "div",
             {
               className: u("gi-input-text-inner", {
-                "gi-input-half-width": l
+                "gi-input-half-width": s
               }),
               children: [
                 c && /* @__PURE__ */ n(
@@ -94,26 +96,26 @@ const H = d(
                   {
                     type: g,
                     "data-icon-start": !!c,
-                    "data-icon-end": !!s,
+                    "data-icon-end": !!l,
                     "data-end-element": !!e,
                     "data-prefix": !!a,
                     "data-suffix": !!t,
                     "data-testid": o.dataTestId,
-                    className: u("gi-input-text", w),
+                    className: u("gi-input-text", b),
                     ref: z,
                     disabled: i,
                     ...o
                   }
                 ),
-                s && /* @__PURE__ */ n(
+                l && /* @__PURE__ */ n(
                   "div",
                   {
                     className: u("gi-input-text-icon-end", T),
                     "data-end-element": !!e && r === "afterSuffix",
                     "data-suffix": !!t,
                     onClick: C,
-                    ref: b,
-                    children: typeof s == "string" ? /* @__PURE__ */ n(x, { icon: s, size: "md", disabled: i }) : s
+                    ref: w,
+                    children: typeof l == "string" ? /* @__PURE__ */ n(x, { icon: l, size: "md", disabled: i }) : l
                   }
                 ),
                 R
@@ -131,11 +133,11 @@ const H = d(
   ariaLabel: e,
   icon: r,
   dataTestId: t,
-  ...l
+  ...s
 }) => /* @__PURE__ */ n(
   O,
   {
-    ...l,
+    ...s,
     icon: {
       icon: r
     },
@@ -150,7 +152,7 @@ const H = d(
   ({ type: a = "text", clearButtonEnabled: e, ...r }, t) => e || a === "search" ? /* @__PURE__ */ n(H, { ref: t, type: a, ...r }) : /* @__PURE__ */ n(h, { ref: t, type: a, ...r })
 );
 I.displayName = "InputText";
-const F = d(({ type: a = "text", error: e, ...r }, t) => /* @__PURE__ */ n(
+const D = d(({ type: a = "text", error: e, ...r }, t) => /* @__PURE__ */ n(
   I,
   {
     ...r,
@@ -166,5 +168,5 @@ const F = d(({ type: a = "text", error: e, ...r }, t) => /* @__PURE__ */ n(
 export {
   p as InputActionButton,
   I as InputText,
-  F as InputTextTableCell
+  D as InputTextTableCell
 };

package/dist/label/label.d.ts

@@ -3,6 +3,49 @@ export declare const LabelSize: {
     readonly Medium: "md";
     readonly Large: "lg";
 };
+export declare const styles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "gi-label", import('tailwind-variants/dist/config.js').TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "gi-label", import('tailwind-variants/dist/config.js').TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const Label: import('react').ForwardRefExoticComponent<import('react').LabelHTMLAttributes<HTMLLabelElement> & {
     text?: string | React.ReactElement;
     size?: import('./types.js').LabelSizeType;