@postenbring/hedwig-react 2.2.0 → 3.0.0

package/dist/chunk-B6T36QDV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton/skeleton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment -- Typings for the differnt html elements */\n/* eslint-disable @typescript-eslint/no-explicit-any -- Typings for the differnt html elements */\n\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { forwardRef } from \"react\";\nimport { inertPropValue } from \"../utils\";\n\ninterface DimensionsFromWidthAndHeight {\n  height?: number | string;\n  width?: number | string;\n}\n\ninterface SkeletonPropsInner extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The visual style of the Skeleton\n   */\n  variant?: \"text\" | \"circle\" | \"rectangle\" | \"rounded\";\n\n  /**\n   * Whether to show animation or not\n   * In the future the animation effect might become configurable\n   *\n   * default true\n   */\n  animation?: boolean;\n\n  children?: React.ReactNode;\n\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n\n  /**\n   * Convienence prop to change the rendered element.\n   *\n   * Use {@link SkeletonProps.asChild} if you need more control of the rendered element.\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"span\" | \"div\" | \"label\" | \"p\";\n}\n\nexport type SkeletonProps = SkeletonPropsInner & DimensionsFromWidthAndHeight;\n\n/**\n * Make skeleton loading states as placeholders for your content while waiting for data to load.\n *\n * **Note**\n *\n * Consider if this is really needed. The best experience is to avoid loading states altogether.\n * If your loading takes under 1 second, it better to not show anything at all.\n *\n * - Make your backend faster\n * - Preload/prefetch data\n * - Avoid data loading waterfalls\n * - Use optimistic ui when doing mutations\n *\n * **Usage**\n *\n * ```tsx\n * <Skeleton variant=\"circle\" width=\"2rem\" height=\"2rem\" />\n * <Skeleton variant=\"text\" />\n * <Skeleton variant=\"text\" width=\"80%\" />\n * <Skeleton variant=\"text\">Uses content to determine width</Skeleton>\n * <Skeleton variant=\"rectangle\" width=\"300px\" height=\"400px\" />\n * ```\n *\n * Remember to set `aria-hidden` on top level components you use that are not the `Skeleton` component.\n *\n * The `Skeleton` component does this for it self, but if you are using other components higher up in the tree, it might cause problems with screen readers\n *\n * **References**\n * - https://aksel.nav.no/komponenter/core/skeleton\n * - https://chakra-ui.com/docs/components/skeleton\n * - https://mui.com/material-ui/react-skeleton/\n */\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      as: Tag = \"div\",\n      asChild,\n      children,\n      animation = true,\n      variant = \"text\",\n      width,\n      height,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const Component = asChild ? Slot : Tag;\n    return (\n      <Component\n        className={clsx(\n          \"hds-skeleton\",\n          `hds-skeleton--${variant}`,\n          !animation && `hds-skeleton--no-animation`,\n          className as undefined,\n        )}\n        style={{ ...style, width, height }}\n        aria-hidden\n        {...{ inert: inertPropValue(true) }}\n        ref={ref as any}\n        {...(rest as any)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nSkeleton.displayName = \"Skeleton\";\n"],"mappings":";;;;;;;;;;AAGA,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AA2FrB;AAlBC,IAAM,WAAW;AAAA,EACtB,CACE,IAYA,QACG;AAbH,iBACE;AAAA,UAAI,MAAM;AAAA,MACV;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAzFN,IAgFI,IAUK,iBAVL,IAUK;AAAA,MATH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,YAAY,UAAU,OAAO;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,iBAAiB,OAAO;AAAA,UACxB,CAAC,aAAa;AAAA,UACd;AAAA,QACF;AAAA,QACA,OAAO,iCAAK,QAAL,EAAY,OAAO,OAAO;AAAA,QACjC,eAAW;AAAA,SACP,EAAE,OAAO,eAAe,IAAI,EAAE,IATnC;AAAA,QAUC;AAAA,UACK,OAXN;AAAA,QAaE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/{chunk-GXIKHXWC.mjs → chunk-EQFY63YP.mjs}

@@ -1,6 +1,6 @@
 import {
   useMergeRefs
-} from "./chunk-ILFK3VKS.mjs";
+} from "./chunk-77M2ZTP7.mjs";
 import {
   Box
 } from "./chunk-3OGHJOJF.mjs";
@@ -127,4 +127,4 @@ export {
   ModalFooter,
   Modal
 };
-//# sourceMappingURL=chunk-GXIKHXWC.mjs.map
+//# sourceMappingURL=chunk-EQFY63YP.mjs.map

package/dist/{chunk-KCEWKQ4W.mjs → chunk-GYI4NCUY.mjs}

@@ -1,6 +1,6 @@
 import {
   useMergeRefs
-} from "./chunk-ILFK3VKS.mjs";
+} from "./chunk-77M2ZTP7.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -109,4 +109,4 @@ AutoAnimateHeight.displayName = "AutoAnimateHeight";
 export {
   AutoAnimateHeight
 };
-//# sourceMappingURL=chunk-KCEWKQ4W.mjs.map
+//# sourceMappingURL=chunk-GYI4NCUY.mjs.map

package/dist/{chunk-J5SCUELT.mjs → chunk-HBGFFKP3.mjs}

@@ -5,7 +5,7 @@ import {
   useHydrated,
   useMergeRefs,
   useResize
-} from "./chunk-ILFK3VKS.mjs";
+} from "./chunk-77M2ZTP7.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -107,4 +107,4 @@ export {
   TabsList,
   TabsTab
 };
-//# sourceMappingURL=chunk-J5SCUELT.mjs.map
+//# sourceMappingURL=chunk-HBGFFKP3.mjs.map

package/dist/{chunk-4C76JM3T.mjs → chunk-I4NL4ESV.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-TYCGAA35.mjs";
 import {
   Accordion
-} from "./chunk-CKG2XRMX.mjs";
+} from "./chunk-R6MQFVHE.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -106,4 +106,4 @@ export {
   FooterLinkSection,
   Footer
 };
-//# sourceMappingURL=chunk-4C76JM3T.mjs.map
+//# sourceMappingURL=chunk-I4NL4ESV.mjs.map

package/dist/{chunk-GVO57ZWU.mjs → chunk-J35DWEJX.mjs}

@@ -1,9 +1,9 @@
 import {
   InputGroup
-} from "./chunk-XZ43OSZ5.mjs";
+} from "./chunk-6OJINZ37.mjs";
 import {
   useMergeRefs
-} from "./chunk-ILFK3VKS.mjs";
+} from "./chunk-77M2ZTP7.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -17,7 +17,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var DatePicker = forwardRef(function DatePicker2(_a, ref) {
   var _b = _a, {
     className,
-    variant,
+    size,
     errorMessage,
     labelProps,
     label,
@@ -28,7 +28,7 @@ var DatePicker = forwardRef(function DatePicker2(_a, ref) {
     calendarButtonTitle = "\xC5pne kalender"
   } = _b, rest = __objRest(_b, [
     "className",
-    "variant",
+    "size",
     "errorMessage",
     "labelProps",
     "label",
@@ -51,7 +51,7 @@ var DatePicker = forwardRef(function DatePicker2(_a, ref) {
       labelProps,
       readOnly,
       style,
-      variant,
+      size,
       children: (inputProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           "input",
@@ -83,4 +83,4 @@ DatePicker.displayName = "DatePicker";
 export {
   DatePicker
 };
-//# sourceMappingURL=chunk-GVO57ZWU.mjs.map
+//# sourceMappingURL=chunk-J35DWEJX.mjs.map

package/dist/chunk-J35DWEJX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/date-picker/date-picker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup, type InputGroupProps } from \"../input-group\";\nimport { useMergeRefs } from \"../../utils/utils\";\n\nexport type DatePickerProps = Omit<\n  InputGroupProps & Omit<InputHTMLAttributes<HTMLInputElement>, \"size\">,\n  \"children\" | \"type\"\n> & {\n  /**\n   * Accessible title for the calendar button\n   *\n   * This button currently only shows in Chrome.\n   *\n   * @defaultValue \"Åpne kalender\"\n   */\n  calendarButtonTitle?: string;\n};\n\n/**\n * A basic implementation of a date picker\n *\n * This date picker is an implementation of native date picker, as you get\n * with `<input type=\"date\" />`, where the input field is dressed in Hedwig styling.\n *\n * Due to accessibility concerns you will only see the appropriate Hedwig calendar\n * icon in Chrome. Firefox will show built in icon and Safari will show no icon.\n * Not tested in Edge.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n  {\n    className,\n    size,\n    errorMessage,\n    labelProps,\n    label,\n    id,\n    style,\n    disabled,\n    readOnly,\n    calendarButtonTitle = \"Åpne kalender\",\n    ...rest\n  },\n  ref,\n) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const mergedRef = useMergeRefs([inputRef, ref]);\n\n  return (\n    <InputGroup\n      className={clsx(\"hds-date-picker\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      readOnly={readOnly}\n      style={style}\n      size={size}\n    >\n      {(inputProps) => (\n        <>\n          <input\n            {...rest}\n            {...inputProps}\n            disabled={disabled}\n            readOnly={readOnly}\n            ref={mergedRef}\n            type=\"date\"\n          />\n          <button\n            className={clsx(\"hds-date-picker__calendar-button\")}\n            type=\"button\"\n            title={calendarButtonTitle}\n            onClick={() => {\n              inputRef.current?.showPicker();\n            }}\n          />\n        </>\n      )}\n    </InputGroup>\n  );\n});\n\nDatePicker.displayName = \"DatePicker\";\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,YAAY,cAAwC;AAC7D,SAAS,YAAY;AA4Db,mBACE,KADF;AAhCD,IAAM,aAAa,WAA8C,SAASA,YAC/E,IAaA,KACA;AAdA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,EAxC1B,IA8BE,IAWK,iBAXL,IAWK;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,YAAY,aAAa,CAAC,UAAU,GAAG,CAAC;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,mBAAmB,SAAsB;AAAA,MACzD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,eACA,iCACE;AAAA;AAAA,UAAC;AAAA,0DACK,OACA,aAFL;AAAA,YAGC;AAAA,YACA;AAAA,YACA,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,KAAK,kCAAkC;AAAA,YAClD,MAAK;AAAA,YACL,OAAO;AAAA,YACP,SAAS,MAAM;AA1E3B,kBAAAC;AA2Ec,eAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAED,WAAW,cAAc;","names":["DatePicker","_a"]}

package/dist/{chunk-JEAGKB4V.mjs → chunk-N4W3OMA2.mjs}

@@ -1,6 +1,6 @@
 import {
   InputGroup
-} from "./chunk-XZ43OSZ5.mjs";
+} from "./chunk-6OJINZ37.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -12,7 +12,7 @@ import { forwardRef } from "react";
 import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var Textarea = forwardRef(function Textarea2(_a, ref) {
-  var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
+  var _b = _a, { className, size, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "size", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
   return /* @__PURE__ */ jsx(
     InputGroup,
     {
@@ -24,7 +24,7 @@ var Textarea = forwardRef(function Textarea2(_a, ref) {
       labelProps,
       readOnly,
       style,
-      variant,
+      size,
       children: /* @__PURE__ */ jsx("textarea", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
     }
   );
@@ -34,4 +34,4 @@ Textarea.displayName = "Textarea";
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-JEAGKB4V.mjs.map
+//# sourceMappingURL=chunk-N4W3OMA2.mjs.map

package/dist/chunk-N4W3OMA2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/textarea/textarea.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type TextareaProps = Omit<\n  InputGroupProps & TextareaHTMLAttributes<HTMLTextAreaElement>,\n  \"children\"\n>;\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, size, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-textarea\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      readOnly={readOnly}\n      style={style}\n      size={size}\n    >\n      <textarea {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n    </InputGroup>\n  );\n});\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AAyBf;AAhBC,IAAM,WAAW,WAA+C,SAASA,UAC9E,IACA,KACA;AAFA,eAAE,aAAW,MAAM,cAAc,YAAY,OAAO,IAAI,OAAO,UAAU,SAZ3E,IAYE,IAAsF,iBAAtF,IAAsF,CAApF,aAAW,QAAM,gBAAc,cAAY,SAAO,MAAI,SAAO,YAAU;AAGzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,6CAAa,OAAb,EAAmB,UAAoB,UAAoB,MAAU;AAAA;AAAA,EACxE;AAEJ,CAAC;AAED,SAAS,cAAc;","names":["Textarea"]}

package/dist/{chunk-AXEAIXG7.mjs → chunk-NBEGX26X.mjs}

@@ -1,6 +1,6 @@
 import {
   InputGroup
-} from "./chunk-XZ43OSZ5.mjs";
+} from "./chunk-6OJINZ37.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -12,7 +12,7 @@ import { forwardRef } from "react";
 import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var Select = forwardRef(function Select2(_a, ref) {
-  var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, children } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "children"]);
+  var _b = _a, { className, size, errorMessage, labelProps, label, id, style, disabled, children } = _b, rest = __objRest(_b, ["className", "size", "errorMessage", "labelProps", "label", "id", "style", "disabled", "children"]);
   return /* @__PURE__ */ jsx(
     InputGroup,
     {
@@ -23,7 +23,7 @@ var Select = forwardRef(function Select2(_a, ref) {
       label,
       labelProps,
       style,
-      variant,
+      size,
       children: /* @__PURE__ */ jsx("select", __spreadProps(__spreadValues({}, rest), { disabled, ref, children }))
     }
   );
@@ -33,4 +33,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-AXEAIXG7.mjs.map
+//# sourceMappingURL=chunk-NBEGX26X.mjs.map

package/dist/chunk-NBEGX26X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/select/select.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, type SelectHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type SelectProps = Omit<\n  InputGroupProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, \"size\">,\n  \"readOnly\" | \"children\"\n> & { children: ReactNode };\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { className, size, errorMessage, labelProps, label, id, style, disabled, children, ...rest },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-select\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      style={style}\n      size={size}\n    >\n      <select {...rest} disabled={disabled} ref={ref}>\n        {children}\n      </select>\n    </InputGroup>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAA6D;AACtE,SAAS,YAAY;AAwBf;AAfC,IAAM,SAAS,WAA2C,SAASA,QACxE,IACA,KACA;AAFA,eAAE,aAAW,MAAM,cAAc,YAAY,OAAO,IAAI,OAAO,UAAU,SAX3E,IAWE,IAAsF,iBAAtF,IAAsF,CAApF,aAAW,QAAM,gBAAc,cAAY,SAAO,MAAI,SAAO,YAAU;AAGzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,cAAc,SAAsB;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,2CAAW,OAAX,EAAiB,UAAoB,KACnC,WACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,OAAO,cAAc;","names":["Select"]}

package/dist/{chunk-DTU7AXY3.mjs → chunk-NUP7ZBVE.mjs}

@@ -2,7 +2,7 @@ import {
   NavbarExpandableMenu,
   NavbarExpandableMenuContent,
   NavbarExpandableMenuTrigger
-} from "./chunk-DRSAVDIE.mjs";
+} from "./chunk-W6CFPK2C.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -133,4 +133,4 @@ export {
   NavbarNavigation,
   Navbar
 };
-//# sourceMappingURL=chunk-DTU7AXY3.mjs.map
+//# sourceMappingURL=chunk-NUP7ZBVE.mjs.map

package/dist/{chunk-CKG2XRMX.mjs → chunk-R6MQFVHE.mjs}

@@ -1,6 +1,6 @@
 import {
   AccordionContent
-} from "./chunk-5FWY7FIX.mjs";
+} from "./chunk-AGIY7SFP.mjs";
 import {
   AccordionHeader
 } from "./chunk-MYVC3HMO.mjs";
@@ -42,4 +42,4 @@ Accordion.Content = AccordionContent;
 export {
   Accordion
 };
-//# sourceMappingURL=chunk-CKG2XRMX.mjs.map
+//# sourceMappingURL=chunk-R6MQFVHE.mjs.map

package/dist/{chunk-DRSAVDIE.mjs → chunk-W6CFPK2C.mjs}

@@ -3,8 +3,9 @@ import {
   MenuIcon
 } from "./chunk-XMDDGSCF.mjs";
 import {
-  focusTrap
-} from "./chunk-ILFK3VKS.mjs";
+  focusTrap,
+  inertPropValue
+} from "./chunk-77M2ZTP7.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -100,7 +101,7 @@ var NavbarExpandableMenuContent = forwardRef((_a, ref) => {
       id: contentId,
       className: clsx("hds-navbar__expandable-menu-content", className),
       "data-state": open ? "open" : "closed"
-    }), { inert: open ? void 0 : "true" }), {
+    }), { inert: inertPropValue(!open) }), {
       ref,
       children: /* @__PURE__ */ jsx("div", { className: clsx("hds-navbar__expandable-menu-content-inner"), children })
     })
@@ -114,4 +115,4 @@ export {
   NavbarExpandableMenuTrigger,
   NavbarExpandableMenuContent
 };
-//# sourceMappingURL=chunk-DRSAVDIE.mjs.map
+//# sourceMappingURL=chunk-W6CFPK2C.mjs.map

package/dist/chunk-W6CFPK2C.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navbar/navbar-expandable-menu.tsx"],"sourcesContent":["import { createContext, useContext, forwardRef, useState, useEffect, useId } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { focusTrap, inertPropValue } from \"../utils/utils\";\nimport { CloseIcon, MenuIcon } from \"./icons\";\n\ninterface ExpandableMenuContextProps {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  contentId: string;\n}\n\nconst ExpandableMenuContext = createContext<ExpandableMenuContextProps | null>(null);\nexport const useNavbarExpendableMenuContext = () => {\n  const value = useContext(ExpandableMenuContext);\n  if (value === null) {\n    throw new Error(\"useNavbarExpendableMenuContext must be used within a Navbar.ExpandableMenu\");\n  }\n  return value;\n};\n\nexport interface NavbarExpandableMenuProps {\n  children: React.ReactNode;\n}\n\n/**\n * Expandable Menu Provider\n * Handles scroll and focus locking,\n * as well as scrolling the user to the top of the page.\n *\n * If we want a sticky header in the future the scrolling should be configurable\n */\nexport function NavbarExpandableMenu({ children }: NavbarExpandableMenuProps) {\n  const contentId = useId();\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    if (open) {\n      window.scrollTo(0, 0);\n      document.body.classList.add(clsx(\"hds-navbar-scroll-lock\"));\n      const releaseFocusTrap = focusTrap(\n        document.getElementsByClassName(clsx(\"hds-navbar\"))[0] as HTMLElement,\n      );\n\n      return () => {\n        document.body.classList.remove(clsx(\"hds-navbar-scroll-lock\"));\n        releaseFocusTrap();\n      };\n    }\n  }, [open]);\n\n  return (\n    <ExpandableMenuContext.Provider value={{ contentId, open, setOpen }}>\n      {children}\n    </ExpandableMenuContext.Provider>\n  );\n}\n\nNavbarExpandableMenu.displayName = \"NavbarExpandableMenu\";\n\n/**\n * Trigger\n */\nexport interface NavbarExpandableMenuTriggerProps\n  extends Omit<React.HTMLAttributes<HTMLButtonElement>, \"children\"> {\n  whenClosedText: React.ReactNode;\n  whenClosedHelperTitle?: string;\n\n  whenOpenText: React.ReactNode;\n  whenOpenHelperTitle?: string;\n}\n\nexport const NavbarExpandableMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  NavbarExpandableMenuTriggerProps\n>(\n  (\n    {\n      whenClosedText,\n      whenClosedHelperTitle,\n\n      whenOpenText,\n      whenOpenHelperTitle,\n\n      style,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { contentId, open, setOpen } = useNavbarExpendableMenuContext();\n\n    function toggleOpen() {\n      setOpen(!open);\n    }\n\n    return (\n      <button\n        aria-expanded={open}\n        aria-controls={contentId}\n        className={clsx(\n          \"hds-navbar__item\",\n          className as undefined,\n          open ? \"hds-navbar__item--open\" : \"hds-navbar__item--closed\",\n        )}\n        onClick={toggleOpen}\n        ref={ref}\n        title={open ? whenOpenHelperTitle : whenClosedHelperTitle}\n        type=\"button\"\n        style={{ position: \"relative\", ...style }}\n        {...rest}\n      >\n        <span className=\"hds-navbar__item-responsive-text\">\n          <span aria-hidden={!open} className={clsx(\"hds-navbar__item-whenopentext\")}>\n            {whenOpenText}\n          </span>\n          <span aria-hidden={open} className={clsx(\"hds-navbar__item-whenclosedtext\")}>\n            {whenClosedText}\n          </span>\n        </span>\n        <span style={{ width: 32, height: 32 }}>{open ? <CloseIcon /> : <MenuIcon />}</span>\n      </button>\n    );\n  },\n);\nNavbarExpandableMenuTrigger.displayName = \"Navbar.ExpandableMenuTrigger\";\n\n/**\n * Content\n */\nexport interface NavbarExpandableMenuContentProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const NavbarExpandableMenuContent = forwardRef<\n  HTMLDivElement,\n  NavbarExpandableMenuContentProps\n>(({ children, className, ...rest }, ref) => {\n  const { contentId, open } = useNavbarExpendableMenuContext();\n\n  return (\n    <section\n      {...rest}\n      id={contentId}\n      className={clsx(\"hds-navbar__expandable-menu-content\", className as undefined)}\n      data-state={open ? \"open\" : \"closed\"}\n      {...{ inert: inertPropValue(!open) }}\n      ref={ref}\n    >\n      <div className={clsx(\"hds-navbar__expandable-menu-content-inner\")}>{children}</div>\n    </section>\n  );\n});\nNavbarExpandableMenuContent.displayName = \"Navbar.ExpandableMenuContent\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,eAAe,YAAY,YAAY,UAAU,WAAW,aAAa;AAClF,SAAS,YAAY;AAkDjB,cA4DI,YA5DJ;AAxCJ,IAAM,wBAAwB,cAAiD,IAAI;AAC5E,IAAM,iCAAiC,MAAM;AAClD,QAAM,QAAQ,WAAW,qBAAqB;AAC9C,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI,MAAM,4EAA4E;AAAA,EAC9F;AACA,SAAO;AACT;AAaO,SAAS,qBAAqB,EAAE,SAAS,GAA8B;AAC5E,QAAM,YAAY,MAAM;AACxB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,YAAU,MAAM;AACd,QAAI,MAAM;AACR,aAAO,SAAS,GAAG,CAAC;AACpB,eAAS,KAAK,UAAU,IAAI,KAAK,wBAAwB,CAAC;AAC1D,YAAM,mBAAmB;AAAA,QACvB,SAAS,uBAAuB,KAAK,YAAY,CAAC,EAAE,CAAC;AAAA,MACvD;AAEA,aAAO,MAAM;AACX,iBAAS,KAAK,UAAU,OAAO,KAAK,wBAAwB,CAAC;AAC7D,yBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,WAAW,MAAM,QAAQ,GAC/D,UACH;AAEJ;AAEA,qBAAqB,cAAc;AAc5B,IAAM,8BAA8B;AAAA,EAIzC,CACE,IAWA,QACG;AAZH,iBACE;AAAA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,IApFN,IA4EI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAKF,UAAM,EAAE,WAAW,MAAM,QAAQ,IAAI,+BAA+B;AAEpE,aAAS,aAAa;AACpB,cAAQ,CAAC,IAAI;AAAA,IACf;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,OAAO,2BAA2B;AAAA,QACpC;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,OAAO,OAAO,sBAAsB;AAAA,QACpC,MAAK;AAAA,QACL,OAAO,iBAAE,UAAU,cAAe;AAAA,SAC9B,OAbL;AAAA,QAeC;AAAA,+BAAC,UAAK,WAAU,oCACd;AAAA,gCAAC,UAAK,eAAa,CAAC,MAAM,WAAW,KAAK,+BAA+B,GACtE,wBACH;AAAA,YACA,oBAAC,UAAK,eAAa,MAAM,WAAW,KAAK,iCAAiC,GACvE,0BACH;AAAA,aACF;AAAA,UACA,oBAAC,UAAK,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAI,iBAAO,oBAAC,aAAU,IAAK,oBAAC,YAAS,GAAG;AAAA;AAAA;AAAA,IAC/E;AAAA,EAEJ;AACF;AACA,4BAA4B,cAAc;AAUnC,IAAM,8BAA8B,WAGzC,CAAC,IAAkC,QAAQ;AAA1C,eAAE,YAAU,UAzIf,IAyIG,IAA0B,iBAA1B,IAA0B,CAAxB,YAAU;AACb,QAAM,EAAE,WAAW,KAAK,IAAI,+BAA+B;AAE3D,SACE;AAAA,IAAC;AAAA,kEACK,OADL;AAAA,MAEC,IAAI;AAAA,MACJ,WAAW,KAAK,uCAAuC,SAAsB;AAAA,MAC7E,cAAY,OAAO,SAAS;AAAA,QACxB,EAAE,OAAO,eAAe,CAAC,IAAI,EAAE,IALpC;AAAA,MAMC;AAAA,MAEA,8BAAC,SAAI,WAAW,KAAK,2CAA2C,GAAI,UAAS;AAAA;AAAA,EAC/E;AAEJ,CAAC;AACD,4BAA4B,cAAc;","names":[]}

package/dist/{chunk-ZSYBCM2L.mjs → chunk-W7CPW23K.mjs}

@@ -1,18 +1,18 @@
 import {
   focusWithLegendOrLabelInViewport
 } from "./chunk-CKAL5ZJZ.mjs";
-import {
-  Message
-} from "./chunk-BYFBK3J7.mjs";
-import {
-  useMergeRefs
-} from "./chunk-ILFK3VKS.mjs";
 import {
   Link
 } from "./chunk-OHDHIRAW.mjs";
 import {
   UnorderedList
 } from "./chunk-3QHKPEXO.mjs";
+import {
+  useMergeRefs
+} from "./chunk-77M2ZTP7.mjs";
+import {
+  Box
+} from "./chunk-3OGHJOJF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -21,11 +21,14 @@ import {
 
 // src/form/error-summary/error-summary.tsx
 import { forwardRef, useEffect, useRef } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var ErrorSummaryHeading = forwardRef((_a, ref) => {
-  var _b = _a, { children, as: Tag, autoFocus = true } = _b, rest = __objRest(_b, ["children", "as", "autoFocus"]);
+  var _b = _a, { asChild, children, as: Tag, autoFocus = true } = _b, rest = __objRest(_b, ["asChild", "children", "as", "autoFocus"]);
   const focusRef = useRef(null);
   const mergedRef = useMergeRefs([focusRef, ref]);
+  const Component = asChild ? Slot : Tag;
   useEffect(() => {
     setTimeout(() => {
       if (focusRef.current && autoFocus) {
@@ -33,17 +36,13 @@ var ErrorSummaryHeading = forwardRef((_a, ref) => {
       }
     });
   }, []);
-  return /* @__PURE__ */ jsx(Message.Title, __spreadProps(__spreadValues({ ref: mergedRef, tabIndex: -1, asChild: true }, rest), { children: Tag ? /* @__PURE__ */ jsx(Tag, { children }) : children }));
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ className: clsx(`hds-error-summary__title`), ref: mergedRef, tabIndex: -1 }, rest), { children }));
 });
 ErrorSummaryHeading.displayName = "ErrorSummary.Heading";
 var ErrorSummaryList = forwardRef(
   (_a, ref) => {
-    var _b = _a, { children, style: _style, size = "small" } = _b, rest = __objRest(_b, ["children", "style", "size"]);
-    const style = __spreadValues({
-      // Match the link `solid` style, which black underline
-      "--_hds-list-marker-color": "var(--hds-ui-colors-black)"
-    }, _style);
-    return /* @__PURE__ */ jsx(Message.Description, { asChild: true, children: /* @__PURE__ */ jsx(UnorderedList, __spreadProps(__spreadValues({ size, ref, style }, rest), { children })) });
+    var _b = _a, { children, size = "small" } = _b, rest = __objRest(_b, ["children", "size"]);
+    return /* @__PURE__ */ jsx(UnorderedList, __spreadProps(__spreadValues({ size, ref }, rest), { children }));
   }
 );
 ErrorSummaryList.displayName = "ErrorSummary.List";
@@ -57,14 +56,24 @@ var ErrorSummaryItem = forwardRef(
         e.preventDefault();
       }
     }
-    return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({ size: "small", href, variant: "solid" }, linkProps), { onClick, children })) }));
+    return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({ className: clsx(`hds-error-summary__list-item`), ref }, rest), { children: /* @__PURE__ */ jsx(
+      Link,
+      __spreadProps(__spreadValues({
+        size: "small",
+        href,
+        variant: "inverted-no-underline"
+      }, linkProps), {
+        onClick,
+        children
+      })
+    ) }));
   }
 );
 ErrorSummaryItem.displayName = "ErrorSummary.Item";
 var ErrorSummary = forwardRef(
   (_a, ref) => {
-    var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ jsx(Message, __spreadProps(__spreadValues({ variant: "warning", ref }, rest), { children }));
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ jsx(Box, __spreadProps(__spreadValues({ ref }, rest), { className: clsx(`hds-error-summary`, className), children }));
   }
 );
 ErrorSummary.displayName = "ErrorSummary";
@@ -78,4 +87,4 @@ export {
   ErrorSummaryItem,
   ErrorSummary
 };
-//# sourceMappingURL=chunk-ZSYBCM2L.mjs.map
+//# sourceMappingURL=chunk-W7CPW23K.mjs.map

package/dist/chunk-W7CPW23K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/error-summary/error-summary.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, type HTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { Box, type BoxProps } from \"../../box\";\nimport { UnorderedList, type ListProps } from \"../../list\";\nimport { Link } from \"../../link\";\nimport { useMergeRefs } from \"../../utils\";\nimport { focusWithLegendOrLabelInViewport } from \"./focus\";\n\ninterface ErrorSummaryHeadingPropsAutoFocus {\n  /**\n   * The heading will be focused when the component mounts\n   *\n   * On following errornous form submissions you should manually focus the heading\n   * e.g. by passing a ref and calling `ref.current.focus()`\n   *\n   * @default true\n   */\n  autoFocus?: boolean;\n}\n\ninterface ErrorSummaryHeadingPropsAs {\n  /**\n   * A heading level must be selected, or optionally opting out for a different element\n   *\n   * Use {@link ErrorSummaryHeadingPropsAsChild.asChild} if you need more control of the rendered element.\n   */\n  as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"span\" | \"div\" | \"label\" | \"p\";\n  asChild?: never;\n}\n\ninterface ErrorSummaryHeadingPropsAsChild {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild: true;\n  as?: never;\n}\n\nexport type ErrorSummaryHeadingProps = HTMLAttributes<HTMLElement> &\n  ErrorSummaryHeadingPropsAutoFocus &\n  (ErrorSummaryHeadingPropsAs | ErrorSummaryHeadingPropsAsChild);\n\nexport const ErrorSummaryHeading = forwardRef<\n  HTMLParagraphElement,\n  ErrorSummaryHeadingProps & (ErrorSummaryHeadingPropsAs | ErrorSummaryHeadingPropsAsChild)\n>(({ asChild, children, as: Tag, autoFocus = true, ...rest }, ref) => {\n  const focusRef = useRef<HTMLElement>(null);\n  const mergedRef = useMergeRefs([focusRef, ref]);\n  const Component = asChild ? Slot : Tag;\n\n  useEffect(() => {\n    /**\n     * Hack: Safari 18 on mac at the time of writing\n     * does not correctly focus it with VoiceOver without the timeout\n     */\n    setTimeout(() => {\n      if (focusRef.current && autoFocus) {\n        focusRef.current.focus();\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only on initial render\n  }, []);\n\n  return (\n    <Component className={clsx(`hds-error-summary__title`)} ref={mergedRef} tabIndex={-1} {...rest}>\n      {children}\n    </Component>\n  );\n});\nErrorSummaryHeading.displayName = \"ErrorSummary.Heading\";\n\nexport interface ErrorSummaryListProps extends ListProps {\n  /**\n   * Sets the size of the items (font)\n   *\n   * @default \"small\"\n   */\n  size?: ListProps[\"size\"];\n}\nexport const ErrorSummaryList = forwardRef<HTMLUListElement, ErrorSummaryListProps>(\n  ({ children, size = \"small\", ...rest }, ref) => (\n    <UnorderedList size={size} ref={ref} {...rest}>\n      {children}\n    </UnorderedList>\n  ),\n);\nErrorSummaryList.displayName = \"ErrorSummary.List\";\n\nexport interface ErrorSummaryItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  /**\n   * A hash link to the element that the error message refers to\n   *\n   * Must start with \"#\" as it's passed to the `href` attribute of an anchor element\n   *\n   * @example \"#email\"\n   */\n  href: `#${string}`;\n\n  /**\n   * Extra props to pass to the link element\n   */\n  linkProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;\n}\nexport const ErrorSummaryItem = forwardRef<HTMLLIElement, ErrorSummaryItemProps>(\n  ({ children, href, linkProps, ...rest }, ref) => {\n    function onClick(e: React.MouseEvent<HTMLAnchorElement>) {\n      linkProps?.onClick?.(e);\n      if (focusWithLegendOrLabelInViewport(href.replace(\"#\", \"\"))) {\n        e.preventDefault();\n      }\n    }\n\n    return (\n      <li className={clsx(`hds-error-summary__list-item`)} ref={ref} {...rest}>\n        <Link\n          size=\"small\"\n          href={href}\n          variant=\"inverted-no-underline\"\n          {...linkProps}\n          onClick={onClick}\n        >\n          {children}\n        </Link>\n      </li>\n    );\n  },\n);\nErrorSummaryItem.displayName = \"ErrorSummary.Item\";\n\nexport type ErrorSummaryProps = Omit<\n  BoxProps,\n  \"variant\" | \"closeable\" | \"onClose\" | \"closed\" | \"closeButtonProps\"\n>;\n\nexport const ErrorSummary = forwardRef<HTMLDivElement, ErrorSummaryProps>(\n  ({ children, className, ...rest }, ref) => (\n    <Box ref={ref} {...rest} className={clsx(`hds-error-summary`, className as undefined)}>\n      {children}\n    </Box>\n  ),\n) as ErrorSummaryType;\nErrorSummary.displayName = \"ErrorSummary\";\n\ntype ErrorSummaryType = ReturnType<typeof forwardRef<HTMLDivElement, ErrorSummaryProps>> & {\n  Heading: typeof ErrorSummaryHeading;\n  List: typeof ErrorSummaryList;\n  Item: typeof ErrorSummaryItem;\n};\nErrorSummary.Heading = ErrorSummaryHeading;\nErrorSummary.List = ErrorSummaryList;\nErrorSummary.Item = ErrorSummaryItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,WAAW,cAAmC;AACnE,SAAS,YAAY;AACrB,SAAS,YAAY;AA+DjB;AAtBG,IAAM,sBAAsB,WAGjC,CAAC,IAA2D,QAAQ;AAAnE,eAAE,WAAS,UAAU,IAAI,KAAK,YAAY,KA9C7C,IA8CG,IAAmD,iBAAnD,IAAmD,CAAjD,WAAS,YAAU,MAAS;AAC/B,QAAM,WAAW,OAAoB,IAAI;AACzC,QAAM,YAAY,aAAa,CAAC,UAAU,GAAG,CAAC;AAC9C,QAAM,YAAY,UAAU,OAAO;AAEnC,YAAU,MAAM;AAKd,eAAW,MAAM;AACf,UAAI,SAAS,WAAW,WAAW;AACjC,iBAAS,QAAQ,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,0CAAU,WAAW,KAAK,0BAA0B,GAAG,KAAK,WAAW,UAAU,MAAQ,OAAzF,EACE,WACH;AAEJ,CAAC;AACD,oBAAoB,cAAc;AAU3B,IAAM,mBAAmB;AAAA,EAC9B,CAAC,IAAuC,QAAK;AAA5C,iBAAE,YAAU,OAAO,QAjFtB,IAiFG,IAA+B,iBAA/B,IAA+B,CAA7B,YAAU;AACX,+BAAC,8CAAc,MAAY,OAAc,OAAxC,EACE,WACH;AAAA;AAEJ;AACA,iBAAiB,cAAc;AAiBxB,IAAM,mBAAmB;AAAA,EAC9B,CAAC,IAAwC,QAAQ;AAAhD,iBAAE,YAAU,MAAM,UAzGrB,IAyGG,IAAgC,iBAAhC,IAAgC,CAA9B,YAAU,QAAM;AACjB,aAAS,QAAQ,GAAwC;AA1G7D,UAAAA;AA2GM,OAAAA,MAAA,uCAAW,YAAX,gBAAAA,IAAA,gBAAqB;AACrB,UAAI,iCAAiC,KAAK,QAAQ,KAAK,EAAE,CAAC,GAAG;AAC3D,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAEA,WACE,oBAAC,qCAAG,WAAW,KAAK,8BAA8B,GAAG,OAAc,OAAlE,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,SAAQ;AAAA,SACJ,YAJL;AAAA,QAKC;AAAA,QAEC;AAAA;AAAA,IACH,IACF;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAOxB,IAAM,eAAe;AAAA,EAC1B,CAAC,IAAkC,QAAK;AAAvC,iBAAE,YAAU,UAxIf,IAwIG,IAA0B,iBAA1B,IAA0B,CAAxB,YAAU;AACX,+BAAC,oCAAI,OAAc,OAAlB,EAAwB,WAAW,KAAK,qBAAqB,SAAsB,GACjF,WACH;AAAA;AAEJ;AACA,aAAa,cAAc;AAO3B,aAAa,UAAU;AACvB,aAAa,OAAO;AACpB,aAAa,OAAO;","names":["_a"]}

package/dist/footer/footer.js

@@ -1,10 +1,12 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -44,6 +46,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/footer/footer.tsx
@@ -56,12 +66,12 @@ __export(footer_exports, {
   FooterLogo: () => FooterLogo
 });
 module.exports = __toCommonJS(footer_exports);
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_typed_classname8 = require("@postenbring/hedwig-css/typed-classname");
 var import_react_slot2 = require("@radix-ui/react-slot");
 
 // src/accordion/accordion.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname");
 
 // src/accordion/accordion-item.tsx
@@ -133,13 +143,21 @@ var AccordionHeader = (0, import_react3.forwardRef)(
 AccordionHeader.displayName = "Accordion.Header";
 
 // src/accordion/accordion-content.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
+
+// src/utils/utils.ts
+var React = __toESM(require("react"));
+var import_react4 = require("react");
+var inertBooleanSupported = Number(import_react4.version.split(".")[0]) >= 19;
+var inertPropValue = inertBooleanSupported ? (x) => x : (x) => x ? "" : void 0;
+
+// src/accordion/accordion-content.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var AccordionContent = (0, import_react4.forwardRef)(
+var AccordionContent = (0, import_react5.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    const context = (0, import_react4.useContext)(AccordionItemContext);
+    const context = (0, import_react5.useContext)(AccordionItemContext);
     if (context === null) {
       return null;
     }
@@ -148,7 +166,7 @@ var AccordionContent = (0, import_react4.forwardRef)(
       __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         id: context.contentId,
         "data-state": context.open ? "open" : "closed"
-      }, { inert: context.open ? void 0 : "true" }), {
+      }, { inert: inertPropValue(!context.open) }), {
         className: (0, import_typed_classname3.clsx)("hds-accordion-item-content", className),
         ref
       }), rest), {
@@ -161,7 +179,7 @@ AccordionContent.displayName = "Accordion.Content";
 
 // src/accordion/accordion.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Accordion = (0, import_react5.forwardRef)(
+var Accordion = (0, import_react6.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className, indent = true } = _b, rest = __objRest(_b, ["children", "className", "indent"]);
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -185,13 +203,13 @@ Accordion.Content = AccordionContent;
 
 // src/list/link-list.tsx
 var import_typed_classname6 = require("@postenbring/hedwig-css/typed-classname");
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/list/list.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_typed_classname5 = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var UnorderedList = (0, import_react6.forwardRef)(
+var UnorderedList = (0, import_react7.forwardRef)(
   (_a, ref) => {
     var _b = _a, { size = "default", className } = _b, rest = __objRest(_b, ["size", "className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -208,7 +226,7 @@ var UnorderedList = (0, import_react6.forwardRef)(
   }
 );
 UnorderedList.displayName = "UnorderedList";
-var OrderedList = (0, import_react6.forwardRef)(
+var OrderedList = (0, import_react7.forwardRef)(
   (_a, ref) => {
     var _b = _a, { size = "medium", className } = _b, rest = __objRest(_b, ["size", "className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -228,7 +246,7 @@ OrderedList.displayName = "OrderedList";
 
 // src/list/link-list.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var LinkList = (0, import_react7.forwardRef)(
+var LinkList = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -243,11 +261,11 @@ var LinkList = (0, import_react7.forwardRef)(
 LinkList.displayName = "LinkList";
 
 // src/button/button.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Button = (0, import_react8.forwardRef)(
+var Button = (0, import_react9.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       asChild,
@@ -294,7 +312,7 @@ Button.displayName = "Button";
 
 // src/footer/footer.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var FooterLogo = (0, import_react9.forwardRef)(
+var FooterLogo = (0, import_react10.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className, asChild } = _b, rest = __objRest(_b, ["children", "className", "asChild"]);
     const Component = asChild ? import_react_slot2.Slot : "div";
@@ -302,7 +320,7 @@ var FooterLogo = (0, import_react9.forwardRef)(
   }
 );
 FooterLogo.displayName = "Footer.Logo";
-var FooterButtonLink = (0, import_react9.forwardRef)(
+var FooterButtonLink = (0, import_react10.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className, asChild } = _b, rest = __objRest(_b, ["children", "className", "asChild"]);
     const Component = asChild ? import_react_slot2.Slot : "a";
@@ -310,7 +328,7 @@ var FooterButtonLink = (0, import_react9.forwardRef)(
   }
 );
 FooterButtonLink.displayName = "FooterButton";
-var FooterLinkSections = (0, import_react9.forwardRef)(
+var FooterLinkSections = (0, import_react10.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -325,7 +343,7 @@ var FooterLinkSections = (0, import_react9.forwardRef)(
   }
 );
 FooterLinkSections.displayName = "Footer.LinkSections";
-var FooterLinkSection = (0, import_react9.forwardRef)(
+var FooterLinkSection = (0, import_react10.forwardRef)(
   (_a, ref) => {
     var _b = _a, { heading, children, className } = _b, rest = __objRest(_b, ["heading", "children", "className"]);
     const linkListChildren = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LinkList, { children });
@@ -350,7 +368,7 @@ var FooterLinkSection = (0, import_react9.forwardRef)(
   }
 );
 FooterLinkSection.displayName = "Footer.LinkSection";
-var Footer = (0, import_react9.forwardRef)(
+var Footer = (0, import_react10.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className, variant, asChild } = _b, rest = __objRest(_b, ["children", "className", "variant", "asChild"]);
     const Component = asChild ? import_react_slot2.Slot : "footer";