@ogcio/design-system-react 1.11.0 → 1.11.2

package/dist/index-ntYL1VRC.js

@@ -0,0 +1,64 @@
+import * as i from "react";
+import { jsx as c, Fragment as d } from "react/jsx-runtime";
+function p(e, r) {
+  if (typeof e == "function")
+    return e(r);
+  e != null && (e.current = r);
+}
+function m(...e) {
+  return (r) => {
+    let n = !1;
+    const l = e.map((t) => {
+      const o = p(t, r);
+      return !n && typeof o == "function" && (n = !0), o;
+    });
+    if (n)
+      return () => {
+        for (let t = 0; t < l.length; t++) {
+          const o = l[t];
+          typeof o == "function" ? o() : p(e[t], null);
+        }
+      };
+  };
+}
+var y = i.forwardRef((e, r) => {
+  const { children: n, ...l } = e, t = i.Children.toArray(n), o = t.find(h);
+  if (o) {
+    const s = o.props.children, a = t.map((u) => u === o ? i.Children.count(s) > 1 ? i.Children.only(null) : i.isValidElement(s) ? s.props.children : null : u);
+    return /* @__PURE__ */ c(f, { ...l, ref: r, children: i.isValidElement(s) ? i.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c(f, { ...l, ref: r, children: n });
+});
+y.displayName = "Slot";
+var f = i.forwardRef((e, r) => {
+  const { children: n, ...l } = e;
+  if (i.isValidElement(n)) {
+    const t = R(n), o = C(l, n.props);
+    return n.type !== i.Fragment && (o.ref = r ? m(r, t) : t), i.cloneElement(n, o);
+  }
+  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var g = ({ children: e }) => /* @__PURE__ */ c(d, { children: e });
+function h(e) {
+  return i.isValidElement(e) && e.type === g;
+}
+function C(e, r) {
+  const n = { ...r };
+  for (const l in r) {
+    const t = e[l], o = r[l];
+    /^on[A-Z]/.test(l) ? t && o ? n[l] = (...a) => {
+      o(...a), t(...a);
+    } : t && (n[l] = t) : l === "style" ? n[l] = { ...t, ...o } : l === "className" && (n[l] = [t, o].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function R(e) {
+  var l, t;
+  let r = (l = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : l.get, n = r && "isReactWarning" in r && r.isReactWarning;
+  return n ? e.ref : (r = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  g as S,
+  y as a
+};

package/dist/index.d.ts

@@ -0,0 +1,102 @@
+export { AccordionItem, type AccordionItemProps, } from './accordion/accordion-item.js';
+export { Accordion, type AccordionProps } from './accordion/accordion.js';
+export { Alert, type AlertProps } from './alert/alert.js';
+export { Autocomplete, AutocompleteItem } from './autocomplete/autocomplete.js';
+export type { AutocompleteItemProps, AutocompleteProps, } from './autocomplete/types.js';
+export { Blockquote, type BlockquoteProps } from './blockquote/blockquote.js';
+export { BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Breadcrumbs, } from './breadcrumbs/breadcrumbs.js';
+export { type BreadcrumbLinkProps, type BreadcrumbProps, } from './breadcrumbs/types.js';
+export { ButtonGroup, ButtonGroupItem } from './button-group/button-group.js';
+export { Button } from './button/button.js';
+export { type ButtonProps } from './button/types.js';
+export { CardAction, CardContainer, CardDescription, CardHeader, CardMedia, CardSubtitle, CardTag, CardTitle, } from './card/card-next.js';
+export { Card } from './card/card.js';
+export type { CardActionProps, CardContainerProps, CardDescriptionProps, CardHeaderProps, CardMediaProps, CardProps, } from './card/types.js';
+export { CheckboxGroup } from './checkbox/checkbox-group.js';
+export { Checkbox } from './checkbox/checkbox.js';
+export { type CheckboxGroupProps, type CheckboxProps, } from './checkbox/types.js';
+export { Chip, type ChipProps } from './chip/chip.js';
+export { Combobox } from './combo-box/combo-box.js';
+export { DropdownItem } from './combo-box/dropdown-item.js';
+export { type ComboboxProps, type DropdownItemProps, } from './combo-box/types.js';
+export { Container } from './container/container.js';
+export * from './cookie-banner/cookie-banner.js';
+export { Details, type DetailsProps } from './details/details.js';
+export { Drawer, DrawerBody, DrawerFooter, DrawerWrapper, } from './drawer/drawer.js';
+export type { DrawerProps, DrawerWrapperProps } from './drawer/drawer.js';
+export type { ErrorTextProps } from './error-text/types.js';
+export { FileUpload, type FileUploadProps } from './file-upload/file-upload.js';
+export { Footer, type FooterProps } from './footer/footer.js';
+export { FormFieldWithTag, type FormFieldWithTagProps, } from './forms/form-field-with-tag/form-field-with-tag.js';
+export { FormField, type FormFieldProps } from './forms/form-field.js';
+export { Form } from './forms/form.js';
+export { HeaderSearch, type HeaderSearchProps, } from './header/components/header-search.js';
+export { Header } from './header/header.js';
+export type { HeaderItem, HeaderProps } from './header/types.js';
+export { Heading, type HeadingProps } from './heading/heading.js';
+export type { HintTextProps } from './hint-text/types.js';
+export * from './i18n/config.js';
+export { IconButton, type IconButtonProps } from './icon-button/icon-button.js';
+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 { 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';
+export { InputPassword } from './input-password/input-password.js';
+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 type { LabelTextProps } from './label/types.js';
+export { Link, type LinkProps } from './link/link.js';
+export { ListItem, type ListItemProps } from './list-item/list-item.js';
+export { List, type ListProps } from './list/list.js';
+export { Modal, ModalBody, ModalFooter, ModalTitle, ModalWrapper, } from './modal/modal.js';
+export type * from './modal/types.js';
+export { Pagination, type PaginationProps } from './pagination/pagination.js';
+export { Paragraph, type ParagraphProps } from './paragraph/paragraph.js';
+export { PhaseBanner, type PhaseBannerProps, } from './phase-banner/phase-banner.js';
+export { Popover } from './popover/popover.js';
+export type { PopoverProps } from './popover/types.js';
+export { ProgressBar, type ProgressBarProps, } from './progress-bar/progress-bar.js';
+export * from './progress-stepper/progress-stepper.js';
+export { RadioGroup } from './radio/radio-group.js';
+export { Radio } from './radio/radio.js';
+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 type { SelectGroupItemProps, SelectMenuOptionProps, SelectMenuProps, SelectNextGroupProps, SelectNextOptionProps, SelectNextProps, } from './select/types.js';
+export { SideNav, SideNavItem } from './side-nav/side-nav.js';
+export type { SideNavItemProps, SideNavProps } from './side-nav/types.js';
+export { Spinner, type SpinnerProps } from './spinner/spinner.js';
+export { Stack } from './stack/stack.js';
+export { type StackProps } from './stack/types.js';
+export { SummaryList, SummaryListAction, SummaryListRow, SummaryListValue, } from './summary-list/summary-list.js';
+export type { SummaryListActionProps, SummaryListProps, SummaryListRowProps, SummaryListValueProps, } from './summary-list/types.js';
+export { Caption, type CaptionProps } from './table/caption.js';
+export { ColumnGroup } from './table/column-group.js';
+export { Column } from './table/column.js';
+export { TableBody } from './table/table-body.js';
+export { TableData } from './table/table-data.js';
+export { TableFoot } from './table/table-foot.js';
+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 { TabList } from './tabs/tab-list.js';
+export { TabPanel } from './tabs/tab-panel.js';
+export { Tabs, type TabsProps } from './tabs/tabs.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';

package/dist/index.js

@@ -0,0 +1,190 @@
+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 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 { 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";
+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 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";
+export {
+  p as Accordion,
+  e as AccordionItem,
+  x as Alert,
+  f as Autocomplete,
+  i as AutocompleteItem,
+  d as Blockquote,
+  l 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,
+  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,
+  j as Container,
+  K as CookieBanner,
+  Q as Details,
+  Y as Drawer,
+  Z as DrawerBody,
+  _ as DrawerFooter,
+  $ as DrawerWrapper,
+  U as DropdownItem,
+  ro as FileUpload,
+  to as Footer,
+  io as Form,
+  ao as FormField,
+  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
+};

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

@@ -0,0 +1,3 @@
+import { InputCheckboxSizeEnumType, InputCheckboxProps } from './types.js';
+export declare const getCheckboxWidth: (size?: InputCheckboxSizeEnumType) => string;
+export declare const InputCheckbox: React.FC<InputCheckboxProps>;

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

@@ -0,0 +1,51 @@
+"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) => {
+  switch (e) {
+    case n.Large:
+      return "gi-input-checkbox-large";
+    case n.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";
+export {
+  x as InputCheckbox,
+  p as getCheckboxWidth
+};

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

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+export declare const InputCheckboxSizeEnum: {
+    readonly Large: "lg";
+    readonly Medium: "md";
+    readonly Small: "sm";
+};
+export type InputCheckboxSizeEnumType = (typeof InputCheckboxSizeEnum)[keyof typeof InputCheckboxSizeEnum];
+export type InputCheckboxProps = {
+    size?: InputCheckboxSizeEnumType;
+    label?: string;
+    hint?: string;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;

package/dist/input-checkbox/types.js

@@ -0,0 +1,8 @@
+const e = {
+  Large: "lg",
+  Medium: "md",
+  Small: "sm"
+};
+export {
+  e as InputCheckboxSizeEnum
+};

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

@@ -0,0 +1,2 @@
+import { InputCheckboxGroupProps } from './types.js';
+export declare const InputCheckboxGroup: React.FC<React.PropsWithChildren<InputCheckboxGroupProps>>;

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

@@ -0,0 +1,24 @@
+"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(
+    "div",
+    {
+      className: o ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
+      children: a
+    }
+  ) }) });
+};
+export {
+  V as InputCheckboxGroup
+};

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

@@ -0,0 +1,7 @@
+import { InputCheckboxSizeEnumType } from '../input-checkbox/types.js';
+export type InputCheckboxGroupProps = {
+    size?: InputCheckboxSizeEnumType;
+    groupId: string;
+    inline?: boolean;
+    onChange?: (items: string[]) => void;
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,2 @@
+import { InputFileProps } from './types.js';
+export declare const InputFile: import('react').ForwardRefExoticComponent<InputFileProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/input-file/input-file.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { cn as m } from "../cn.js";
+import { Input as o } from "../primitives/input.js";
+const f = e(
+  ({ className: t, ...i }, p) => /* @__PURE__ */ r(
+    o,
+    {
+      ...i,
+      className: m(t, "gi-input-file"),
+      type: "file",
+      multiple: !0,
+      ref: p
+    }
+  )
+);
+f.displayName = "InputFile";
+export {
+  f as InputFile
+};

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

@@ -0,0 +1 @@
+export type InputFileProps = React.InputHTMLAttributes<Omit<HTMLInputElement, 'type'>>;

package/dist/input-file/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,2 @@
+import { InputPasswordProps } from './types.js';
+export declare const InputPassword: React.FC<InputPasswordProps>;

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import { useState as e } from "react";
+import { InputText as r } from "../input-text/input-text.js";
+const y = (o) => {
+  const [t, s] = e({
+    icon: "visibility",
+    type: "password"
+  }), n = () => {
+    const i = t.type === "text";
+    s({
+      type: i ? "password" : "text",
+      icon: i ? "visibility" : "visibility_off"
+    });
+  };
+  return /* @__PURE__ */ p(
+    r,
+    {
+      ...o,
+      type: t.type,
+      inputActionButton: {
+        icon: t.icon,
+        onClick: n
+      }
+    }
+  );
+};
+export {
+  y as InputPassword
+};

package/dist/input-password/input-password.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as a, f as n, r as i } from "../test-utilities-BS7B3BF-.js";
+import { InputPassword as c } from "./input-password.js";
+describe("InputPassword", () => {
+  afterEach(a);
+  const o = (t = {}) => i(/* @__PURE__ */ r(c, { "aria-label": "Password Input", ...t }));
+  it("should render a password input with a visibility toggle button", () => {
+    const t = o(), e = t.getByLabelText("Password Input"), s = t.getByRole("button");
+    expect(e).toBeTruthy(), expect(e).toHaveAttribute("type", "password"), expect(s).toBeTruthy();
+  }), it("should toggle input type between password and text when clicking the visibility button", () => {
+    const t = o(), e = t.getByLabelText("Password Input"), s = t.getByRole("button");
+    n.click(s), expect(e).toHaveAttribute("type", "text"), n.click(s), expect(e).toHaveAttribute("type", "password");
+  }), it("should pass axe accessibility tests", async () => {
+    await o().axe();
+  });
+});

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

@@ -0,0 +1,2 @@
+import { InputTextProps } from '../input-text/type.js';
+export type InputPasswordProps = Omit<InputTextProps, 'type' | 'inputActionButton' | 'prefix' | 'suffix' | 'iconStart' | 'iconEnd'>;

package/dist/input-password/types.js

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as e, 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 { InputRadioSizeEnum as d } from "./types.js";
+const v = (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) => {
+  let i = "gi-w-8";
+  return r === d.Large && (i = "gi-w-11"), r === d.Small && (i = "gi-w-6"), i;
+}, C = ({
+  label: r,
+  hint: i,
+  id: s,
+  size: t = "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,
+      {
+        type: "radio",
+        id: m,
+        checked: l,
+        className: v(t),
+        "aria-describedby": i ? `${m}-hint` : void 0,
+        "aria-required": a ? "true" : "false",
+        ...g
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: n({
+          "gi-mt-1": t === "md",
+          "gi-mt-2": t === "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(
+              "div",
+              {
+                className: n("gi-mt-3", {
+                  "gi-hidden": !l
+                }),
+                children: /* @__PURE__ */ e(f, { ...a })
+              }
+            )
+          ] }) })
+        ]
+      }
+    )
+  ] }) });
+};
+export {
+  C as InputRadio,
+  y as getRadioWidth
+};