@ogcio/design-system-react 1.19.0 → 1.21.0

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

@@ -1,69 +1,75 @@
 "use client";
 import "@ogcio/design-system-react/browser-check";
-import { jsx as e, Fragment as c, jsxs as n } from "react/jsx-runtime";
-import { useId as u } from "react";
-import { cn as g } from "../cn.js";
-import { HintText as f } from "../hint-text/hint-text.js";
-import { InputText as p } from "../input-text/input-text.js";
-import { Label as h } from "../label/label.js";
-import { Input as v } from "../primitives/input.js";
-import { InputRadioSizeEnum as d } from "./types.js";
-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) => {
-  let i = "gi-w-8";
-  return r === d.Large && (i = "gi-w-11"), r === d.Small && (i = "gi-w-6"), i;
-}, F = ({
-  label: r,
-  hint: i,
-  id: s,
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { useId as h } from "react";
+import { cn as s } from "../cn.js";
+import { HintText as p } from "../hint-text/hint-text.js";
+import { InputText as v } from "../input-text/input-text.js";
+import { Label as b } from "../label/label.js";
+import { Input as x } from "../primitives/input.js";
+import { InputRadioSizeEnum as g } from "./types.js";
+const C = (e) => e === g.Small ? "gi-input-radio-small" : "gi-input-radio-medium", q = (e) => e === g.Small ? "gi-w-6" : "gi-w-8", E = ({
+  label: e,
+  children: c,
+  hint: a,
+  id: f,
   size: t = "md",
-  conditionalInput: a,
-  checked: m,
-  ...o
+  conditionalInput: d,
+  checked: o,
+  ...m
 }) => {
-  const l = s ?? u();
-  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ n("div", { className: "gi-input-radio-container", children: [
-    /* @__PURE__ */ e(
-      v,
+  const r = f ?? h(), l = c ?? e, u = !!c;
+  return /* @__PURE__ */ n("div", { className: "gi-input-radio-container", children: [
+    /* @__PURE__ */ i(
+      x,
       {
         type: "radio",
-        id: l,
-        ...m === void 0 ? { defaultChecked: o.defaultChecked } : { checked: m, onChange: o.onChange },
-        className: x(t),
-        "aria-describedby": i ? `${l}-hint` : void 0,
-        "aria-required": a ? "true" : "false",
-        ...o
+        id: r,
+        ...o === void 0 ? { defaultChecked: m.defaultChecked } : { checked: o, onChange: m.onChange },
+        className: C(t),
+        "aria-describedby": a ? `${r}-hint` : void 0,
+        "aria-required": d ? "true" : "false",
+        "aria-labelledby": l ? `${r}-label` : void 0,
+        ...m
       }
     ),
     /* @__PURE__ */ n(
       "div",
       {
-        className: g({
-          "gi-mt-1": t === "md",
-          "gi-mt-2": t === "lg"
+        className: s({
+          "gi-mt-1": t === "md"
         }),
         children: [
-          /* @__PURE__ */ e(h, { htmlFor: l, text: r || "", size: t }),
-          (i || a) && /* @__PURE__ */ e("div", { className: "gi-radio-conditional-divider-container", children: /* @__PURE__ */ n("div", { children: [
-            i && /* @__PURE__ */ e(f, { text: i, size: t }),
-            a && /* @__PURE__ */ e(
+          l && /* @__PURE__ */ i(
+            b,
+            {
+              id: `${r}-label`,
+              htmlFor: u ? void 0 : r,
+              size: t,
+              className: s({
+                "gi-rich-label": u
+              }),
+              children: l
+            }
+          ),
+          (a || d) && /* @__PURE__ */ i("div", { className: "gi-radio-conditional-divider-container", children: /* @__PURE__ */ n("div", { children: [
+            a && /* @__PURE__ */ i(p, { text: a, size: t }),
+            d && /* @__PURE__ */ i(
               "div",
               {
-                className: g("gi-mt-3", {
-                  "gi-hidden": !m
+                className: s("gi-mt-3", {
+                  "gi-hidden": !o
                 }),
-                children: /* @__PURE__ */ e(p, { ...a })
+                children: /* @__PURE__ */ i(v, { ...d })
               }
             )
           ] }) })
         ]
       }
     )
-  ] }) });
+  ] });
 };
 export {
-  F as InputRadio,
-  y as getRadioWidth
+  E as InputRadio,
+  q as getRadioWidth
 };

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

@@ -1,7 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 import { InputTextProps } from '../input-text/type.js';
 export declare const InputRadioSizeEnum: {
-    readonly Large: "lg";
     readonly Medium: "md";
     readonly Small: "sm";
 };

package/dist/input-radio/types.js

@@ -1,5 +1,4 @@
 const m = {
-  Large: "lg",
   Medium: "md",
   Small: "sm"
 };

package/dist/list-item/list-item.d.ts

@@ -1,4 +1,5 @@
-export type ListItemProps = {
+import { AnchorHTMLAttributes } from 'react';
+export type ListItemProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     label?: string;
     action?: () => void;
     href?: string;
@@ -6,4 +7,4 @@ export type ListItemProps = {
     bold?: boolean;
     slot?: React.ReactNode;
 };
-export declare function ListItem({ label, href, external, bold, slot }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListItem({ label, href, external, bold, slot, className, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/list-item/list-item.js

@@ -1,19 +1,28 @@
 import { jsx as m } from "react/jsx-runtime";
-import { cn as n } from "../cn.js";
-import s from "../primitives/anchor.js";
-function f({ label: i, href: t, external: o, bold: e, slot: r }) {
+import { cn as a } from "../cn.js";
+import c from "../primitives/anchor.js";
+function d({
+  label: i,
+  href: t,
+  external: o,
+  bold: e,
+  slot: r,
+  className: n,
+  ...s
+}) {
   return /* @__PURE__ */ m(
-    s,
+    c,
     {
       "aria-label": i,
       href: t,
-      className: n("gi-list-item", { "gi-font-bold": e }),
+      className: a(n, "gi-list-item", { "gi-font-bold": e }),
       external: o,
       asChild: !!r,
+      ...s,
       children: r || /* @__PURE__ */ m("span", { className: "gi-text-sm gi-ml-1", children: i })
     }
   );
 }
 export {
-  f as ListItem
+  d as ListItem
 };

package/dist/modal/types.d.ts

@@ -1,17 +1,18 @@
-import { ReactElement } from 'react';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { ButtonProps, ButtonSize, ButtonVariant } from '../button/types.js';
 import { IconButtonProps } from '../icon-button/icon-button.js';
 import { ModalBody, ModalFooter, ModalTitle } from './modal.js';
 export type ModalPositions = 'center' | 'left' | 'right' | 'bottom';
 export type ModalFooterOrientation = 'vertical' | 'horizontal';
 export type ModalChildren = Array<ReactElement<typeof ModalTitle | typeof ModalBody | typeof ModalFooter>> | ReactElement<typeof ModalTitle | typeof ModalBody | typeof ModalFooter>;
-export type ModalWrapperProps = {
+type ModalWrapperOwnProps = {
     closeOnEscape?: boolean;
     isOpen: boolean;
     onClose: () => void;
     position?: ModalPositions;
     closeButtonSize?: ButtonSize;
-} & Omit<ModalProps, 'triggerButton'>;
+};
+export type ModalWrapperProps = ModalWrapperOwnProps & Omit<ComponentPropsWithoutRef<'div'>, 'role'> & Omit<ModalProps, 'triggerButton'>;
 export type ModalSize = 'sm' | 'md' | 'lg';
 export type ModalProps = React.AriaAttributes & {
     className?: string;
@@ -42,3 +43,4 @@ export type ModalFooterProps = {
 export type ModalHeaderProps = Pick<ModalWrapperProps, 'closeButtonLabel' | 'closeOnClick' | 'onClose' | 'closeButtonSize' | 'size'> & {
     modalTitle: React.ReactNode;
 };
+export {};

package/dist/radio/types.d.ts

@@ -6,7 +6,6 @@ export type RadioSizeType = InputRadioSizeType;
 export type RadioProps = InputRadioProps;
 /** @deprecated Use InputRadioSizeEnum instead */
 export declare const RadioSizeEnum: {
-    readonly Large: "lg";
     readonly Medium: "md";
     readonly Small: "sm";
 };