@postenbring/hedwig-react 0.0.84 → 0.0.86

package/dist/index-no-css.js

@@ -1,2622 +0,0 @@
-"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;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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/index-no-css.tsx
-var index_no_css_exports = {};
-__export(index_no_css_exports, {
-  Accordion: () => Accordion,
-  AccordionContent: () => AccordionContent,
-  AccordionHeader: () => AccordionHeader,
-  AccordionItem: () => AccordionItem,
-  AutoAnimateHeight: () => AutoAnimateHeight,
-  Badge: () => Badge,
-  Box: () => Box,
-  BoxCloseButton: () => BoxCloseButton,
-  Breadcrumbs: () => Breadcrumbs,
-  Button: () => Button,
-  Card: () => Card,
-  CardBody: () => CardBody,
-  CardBodyAction: () => CardBodyAction,
-  CardBodyActionArrow: () => CardBodyActionArrow,
-  CardBodyDescription: () => CardBodyDescription,
-  CardBodyHeader: () => CardBodyHeader,
-  CardBodyHeaderOverline: () => CardBodyHeaderOverline,
-  CardBodyHeaderTitle: () => CardBodyHeaderTitle,
-  CardMedia: () => CardMedia,
-  CardMediaImg: () => CardMediaImg,
-  Checkbox: () => Checkbox,
-  Container: () => Container,
-  DatePicker: () => DatePicker,
-  DescriptionList: () => DescriptionList,
-  ErrorMessage: () => ErrorMessage,
-  Fieldset: () => Fieldset,
-  Footer: () => Footer,
-  FooterButtonLink: () => FooterButtonLink,
-  FooterLinkSection: () => FooterLinkSection,
-  FooterLinkSections: () => FooterLinkSections,
-  FooterLogo: () => FooterLogo,
-  Grid: () => Grid,
-  GridItem: () => GridItem,
-  HStack: () => HStack,
-  HelpText: () => HelpText,
-  Input: () => Input,
-  Link: () => Link,
-  LinkList: () => LinkList,
-  Message: () => Message,
-  MessageDescription: () => MessageDescription,
-  MessageTitle: () => MessageTitle,
-  Modal: () => Modal,
-  ModalContent: () => ModalContent,
-  ModalFooter: () => ModalFooter,
-  ModalHeader: () => ModalHeader,
-  Navbar: () => Navbar,
-  NavbarButtonItem: () => NavbarButtonItem,
-  NavbarExpandableMenu: () => NavbarExpandableMenu,
-  NavbarExpandableMenuContent: () => NavbarExpandableMenuContent,
-  NavbarExpandableMenuTrigger: () => NavbarExpandableMenuTrigger,
-  NavbarItem: () => NavbarItem,
-  NavbarItemIcon: () => NavbarItemIcon,
-  NavbarLinkItem: () => NavbarLinkItem,
-  NavbarLogo: () => NavbarLogo,
-  NavbarLogoAndServiceText: () => NavbarLogoAndServiceText,
-  NavbarNavigation: () => NavbarNavigation,
-  OrderedList: () => OrderedList,
-  RadioGroup: () => RadioGroup,
-  Radiobutton: () => Radiobutton,
-  Select: () => Select,
-  ShowMoreButton: () => ShowMoreButton,
-  Skeleton: () => Skeleton,
-  Stack: () => Stack,
-  StepIndicator: () => StepIndicator,
-  StyledHtml: () => StyledHtml,
-  Table: () => Table,
-  Tabs: () => Tabs,
-  TabsContent: () => TabsContent,
-  TabsContents: () => TabsContents,
-  TabsList: () => TabsList,
-  TabsTab: () => TabsTab,
-  Text: () => Text,
-  Textarea: () => Textarea,
-  UnorderedList: () => UnorderedList,
-  VStack: () => VStack,
-  WarningBanner: () => WarningBanner,
-  focusTrap: () => focusTrap,
-  useFieldsetContext: () => useFieldsetContext,
-  useHydrated: () => useHydrated,
-  useMergeRefs: () => useMergeRefs,
-  useNavbarExpendableMenuContext: () => useNavbarExpendableMenuContext,
-  useRadioGroupContext: () => useRadioGroupContext,
-  useResize: () => useResize
-});
-module.exports = __toCommonJS(index_no_css_exports);
-
-// src/accordion/accordion.tsx
-var import_react5 = require("react");
-var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname");
-
-// src/accordion/accordion-item.tsx
-var import_react2 = require("react");
-var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
-
-// src/accordion/context.ts
-var import_react = require("react");
-var AccordionItemContext = (0, import_react.createContext)(null);
-
-// src/accordion/accordion-item.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var AccordionItem = (0, import_react2.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, defaultOpen, open: outerOpen, onOpenChange, className } = _b, rest = __objRest(_b, ["children", "defaultOpen", "open", "onOpenChange", "className"]);
-    const contentId = (0, import_react2.useId)();
-    const [innerOpen, setInnerOpen] = (0, import_react2.useState)(defaultOpen != null ? defaultOpen : false);
-    const open = outerOpen != null ? outerOpen : innerOpen;
-    const handleOpen = () => {
-      if (outerOpen !== void 0) {
-        onOpenChange && onOpenChange(!open);
-      } else {
-        setInnerOpen(!open);
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      __spreadProps(__spreadValues({}, rest), {
-        "data-state": open ? "open" : "closed",
-        className: (0, import_typed_classname.clsx)("hds-accordion-item", className),
-        ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionItemContext.Provider, { value: { contentId, open, setOpen: handleOpen }, children })
-      })
-    );
-  }
-);
-AccordionItem.displayName = "Accordion.Item";
-
-// src/accordion/accordion-header.tsx
-var import_react3 = require("react");
-var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AccordionHeader = (0, import_react3.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, onClick } = _b, rest = __objRest(_b, ["children", "className", "onClick"]);
-    const context = (0, import_react3.useContext)(AccordionItemContext);
-    if (context === null) {
-      return null;
-    }
-    const expandOrCollapse = (e) => {
-      context.setOpen(!context.open);
-      onClick == null ? void 0 : onClick(e);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "button",
-      __spreadProps(__spreadValues({}, rest), {
-        "aria-expanded": context.open,
-        "aria-controls": context.contentId,
-        "data-state": context.open ? "open" : "closed",
-        className: (0, import_typed_classname2.clsx)("hds-accordion-item-header", className),
-        onClick: expandOrCollapse,
-        ref,
-        type: "button",
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children })
-      })
-    );
-  }
-);
-AccordionHeader.displayName = "Accordion.Header";
-
-// src/accordion/accordion-content.tsx
-var import_react4 = require("react");
-var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var AccordionContent = (0, import_react4.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    const context = (0, import_react4.useContext)(AccordionItemContext);
-    if (context === null) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "div",
-      __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-        id: context.contentId,
-        "aria-hidden": !context.open,
-        "data-state": context.open ? "open" : "closed"
-      }, { inert: context.open ? void 0 : "true" }), {
-        className: (0, import_typed_classname3.clsx)("hds-accordion-item-content", className),
-        ref
-      }), rest), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: (0, import_typed_classname3.clsx)("hds-accordion-item-content-inner"), children })
-      })
-    );
-  }
-);
-AccordionContent.displayName = "Accordion.Content";
-
-// src/accordion/accordion.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Accordion = (0, import_react5.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, indent = true } = _b, rest = __objRest(_b, ["children", "className", "indent"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "div",
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname4.clsx)(
-          "hds-accordion",
-          !indent && "hds-accordion--no-indent",
-          className
-        ),
-        ref,
-        children
-      })
-    );
-  }
-);
-Accordion.displayName = "Accordion";
-Accordion.Item = AccordionItem;
-Accordion.Header = AccordionHeader;
-Accordion.Content = AccordionContent;
-
-// src/badge/badge.tsx
-var import_typed_classname5 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot = require("@radix-ui/react-slot");
-var import_react6 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Badge = (0, import_react6.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, asChild, variant = "lighter", size = "small", className } = _b, rest = __objRest(_b, ["children", "asChild", "variant", "size", "className"]);
-    const Component = asChild ? import_react_slot.Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        ref,
-        className: (0, import_typed_classname5.clsx)(
-          "hds-badge",
-          `hds-badge--${size}`,
-          `hds-badge--${variant}`,
-          className
-        )
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Badge.displayName = "Badge";
-
-// src/box/box.tsx
-var import_react7 = require("react");
-var import_typed_classname6 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot2 = require("@radix-ui/react-slot");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var BoxCloseButton = (0, import_react7.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      __spreadValues({
-        className: (0, import_typed_classname6.clsx)("hds-box__close-button", className),
-        ref,
-        type: "button"
-      }, rest)
-    );
-  }
-);
-BoxCloseButton.displayName = "Box.CloseButton";
-var Box = (0, import_react7.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      asChild,
-      variant,
-      closeable = false,
-      onClose: onCloseProp,
-      closed: closedProp,
-      closeButtonProps,
-      children,
-      className
-    } = _b, rest = __objRest(_b, [
-      "asChild",
-      "variant",
-      "closeable",
-      "onClose",
-      "closed",
-      "closeButtonProps",
-      "children",
-      "className"
-    ]);
-    const [closedState, setClosedState] = (0, import_react7.useState)(false);
-    const onClose = (0, import_react7.useCallback)(() => {
-      if (onCloseProp) {
-        const result = onCloseProp();
-        if (result === true) {
-          setClosedState(true);
-        }
-      } else {
-        setClosedState(true);
-      }
-    }, []);
-    const closed = closedProp != null ? closedProp : closedState;
-    const Component = asChild ? import_react_slot2.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname6.clsx)(
-          "hds-box",
-          variant && `hds-box--${variant}`,
-          { "hds-box--closed": closed },
-          className
-        ),
-        ref
-      }, rest), {
-        children: [
-          closeable ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BoxCloseButton, __spreadValues({ onClick: onClose }, closeButtonProps)) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_slot2.Slottable, { children })
-        ]
-      })
-    );
-  }
-);
-Box.displayName = "Box";
-Box.CloseButton = BoxCloseButton;
-
-// src/breadcrumbs/breadcrumbs.tsx
-var import_react8 = require("react");
-var import_typed_classname7 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Breadcrumbs = (0, import_react8.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ol", __spreadProps(__spreadValues({}, olProps), { className: (0, import_typed_classname7.clsx)("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
-  }
-);
-Breadcrumbs.displayName = "Breadcrumbs";
-
-// src/button/button.tsx
-var import_react9 = require("react");
-var import_typed_classname8 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot3 = require("@radix-ui/react-slot");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Button = (0, import_react9.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      asChild,
-      children,
-      variant = "primary",
-      size = "medium",
-      fullWidth = false,
-      icon,
-      className
-    } = _b, rest = __objRest(_b, [
-      "asChild",
-      "children",
-      "variant",
-      "size",
-      "fullWidth",
-      "icon",
-      "className"
-    ]);
-    const Component = asChild ? import_react_slot3.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname8.clsx)(
-          "hds-button",
-          `hds-button--${size}`,
-          `hds-button--${variant}`,
-          {
-            "hds-button--full": fullWidth === true,
-            "hds-button--mobile-full": fullWidth === "mobile",
-            "hds-button--icon-only": icon
-          },
-          className
-        ),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/card/card.tsx
-var import_react10 = require("react");
-var import_typed_classname9 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot4 = require("@radix-ui/react-slot");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var CardMedia = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
-    const Component = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname9.clsx)("hds-card__media", className), ref, children }));
-  }
-);
-CardMedia.displayName = "Card.Media";
-var CardMediaImg = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot4.Slot : "img";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      Component,
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname9.clsx)("hds-card__media__img", className),
-        ref
-      })
-    );
-  }
-);
-CardMediaImg.displayName = "Card.MediaImg";
-var CardBody = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
-    const Component = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname9.clsx)("hds-card__body", className), ref, children }));
-  }
-);
-CardBody.displayName = "Card.Body";
-var CardBodyHeader = (0, import_react10.forwardRef)((_a, ref) => {
-  var _b = _a, { as: Tag, asChild, className, children } = _b, rest = __objRest(_b, ["as", "asChild", "className", "children"]);
-  const Component = asChild ? import_react_slot4.Slot : Tag;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    Component,
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname9.clsx)("hds-card__body-header", className),
-      ref,
-      children
-    })
-  );
-});
-CardBodyHeader.displayName = "Card.BodyHeader";
-var CardBodyHeaderOverline = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
-    const Component = asChild ? import_react_slot4.Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      Component,
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname9.clsx)("hds-card__body-header-overline", className),
-        ref,
-        children
-      })
-    );
-  }
-);
-CardBodyHeaderOverline.displayName = "Card.BodyHeaderOverline";
-var CardBodyHeaderTitle = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
-    const Component = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      Component,
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname9.clsx)("hds-card__body-header-title", className),
-        ref,
-        children
-      })
-    );
-  }
-);
-CardBodyHeaderTitle.displayName = "Card.BodyHeaderTitle";
-var CardBodyDescription = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
-    const Component = asChild ? import_react_slot4.Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      Component,
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname9.clsx)("hds-card__body-description", className),
-        ref,
-        children
-      })
-    );
-  }
-);
-CardBodyDescription.displayName = "Card.BodyDescription";
-var CardBodyAction = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className, children } = _b, rest = __objRest(_b, ["asChild", "className", "children"]);
-    const Component = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      Component,
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname9.clsx)("hds-card__body-action", className),
-        ref,
-        children
-      })
-    );
-  }
-);
-CardBodyAction.displayName = "Card.BodyAction";
-var CardBodyActionArrow = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot4.Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      Component,
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname9.clsx)("hds-card__body-action-arrow", className),
-        ref
-      })
-    );
-  }
-);
-CardBodyActionArrow.displayName = "Card.BodyActionArrow";
-var Card = (0, import_react10.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { as: Tag = "section", asChild, className, children } = _b, rest = __objRest(_b, ["as", "asChild", "className", "children"]);
-    const Component = asChild ? import_react_slot4.Slot : Tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname9.clsx)("hds-card", className), ref, children }));
-  }
-);
-Card.displayName = "Card";
-Card.Media = CardMedia;
-Card.MediaImg = CardMediaImg;
-Card.Body = CardBody;
-Card.BodyHeader = CardBodyHeader;
-Card.BodyHeaderOverline = CardBodyHeaderOverline;
-Card.BodyHeaderTitle = CardBodyHeaderTitle;
-Card.BodyDescription = CardBodyDescription;
-Card.BodyAction = CardBodyAction;
-Card.BodyActionArrow = CardBodyActionArrow;
-
-// src/description-list/description-list.tsx
-var import_react11 = require("react");
-var import_typed_classname10 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var DescriptionList = (0, import_react11.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { variant = "vertical", className } = _b, rest = __objRest(_b, ["variant", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "dl",
-      __spreadValues({
-        ref,
-        className: (0, import_typed_classname10.clsx)(
-          "hds-description-list",
-          {
-            "hds-description-list--horizontal": variant === "horizontal"
-          },
-          className
-        )
-      }, rest)
-    );
-  }
-);
-DescriptionList.displayName = "DescriptionList";
-
-// src/form/checkbox/checkbox.tsx
-var import_react14 = require("react");
-var import_typed_classname13 = require("@postenbring/hedwig-css/typed-classname");
-
-// src/form/error-message/error-message.tsx
-var import_typed_classname11 = require("@postenbring/hedwig-css/typed-classname");
-var import_react12 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var ErrorMessage = (0, import_react12.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, id, className } = _b, rest = __objRest(_b, ["children", "id", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      "div",
-      __spreadProps(__spreadValues({
-        "aria-live": "assertive",
-        className: (0, import_typed_classname11.clsx)("hds-error-message", className),
-        id,
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-ErrorMessage.displayName = "ErrorMessage";
-
-// src/form/fieldset/fieldset.tsx
-var import_react13 = require("react");
-var import_typed_classname12 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var FieldsetContext = (0, import_react13.createContext)({ hasError: false });
-var useFieldsetContext = () => (0, import_react13.useContext)(FieldsetContext);
-var Fieldset = (0, import_react13.forwardRef)(function Fieldset2(_a, ref) {
-  var _b = _a, {
-    className,
-    style,
-    errorMessage,
-    legendProps: _c = {}
-  } = _b, _d = _c, { size: legendSize = "default", className: legendClassName } = _d, legendProps = __objRest(_d, ["size", "className"]), _e = _b, {
-    legend,
-    children
-  } = _e, rest = __objRest(_e, [
-    "className",
-    "style",
-    "errorMessage",
-    "legendProps",
-    "legend",
-    "children"
-  ]);
-  const errorMessageId = (0, import_react13.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    "fieldset",
-    __spreadProps(__spreadValues({
-      "aria-describedby": errorMessage ? errorMessageId : void 0,
-      "aria-invalid": errorMessage ? true : void 0,
-      className: (0, import_typed_classname12.clsx)("hds-fieldset", className),
-      ref,
-      style
-    }, rest), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "legend",
-          __spreadProps(__spreadValues({
-            className: (0, import_typed_classname12.clsx)(
-              "hds-fieldset__legend",
-              { [`hds-fieldset__legend--${legendSize}`]: legendSize },
-              legendClassName
-            )
-          }, legendProps), {
-            children: legend
-          })
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FieldsetContext.Provider, { value: { hasError: Boolean(errorMessage) }, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
-      ]
-    })
-  );
-});
-
-// src/form/checkbox/checkbox.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Checkbox = (0, import_react14.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      variant = "plain",
-      hasError: hasErrorProp,
-      errorMessage,
-      title,
-      children,
-      className
-    } = _b, rest = __objRest(_b, [
-      "variant",
-      "hasError",
-      "errorMessage",
-      "title",
-      "children",
-      "className"
-    ]);
-    const errorMessageId = (0, import_react14.useId)();
-    const { hasError: hasFieldsetError } = useFieldsetContext();
-    const hasError = !!errorMessage || hasFieldsetError || hasErrorProp;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_typed_classname13.clsx)("hds-checkbox-wrapper"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-        "div",
-        {
-          className: (0, import_typed_classname13.clsx)(
-            "hds-checkbox",
-            {
-              [`hds-checkbox--${variant}`]: variant === "bounding-box",
-              "hds-checkbox--error": hasError
-            },
-            className
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                "input",
-                __spreadProps(__spreadValues({}, rest), {
-                  "aria-invalid": hasError ? true : void 0,
-                  "aria-describedby": errorMessage ? errorMessageId : void 0,
-                  ref,
-                  type: "checkbox"
-                })
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": true, className: "hds-checkbox__checkmark" }),
-              title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hds-checkbox__title", children: title }) : children
-            ] }),
-            title ? children : null
-          ]
-        }
-      ),
-      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage }) : null
-    ] });
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-// src/form/date-picker/date-picker.tsx
-var import_react17 = require("react");
-var import_typed_classname15 = require("@postenbring/hedwig-css/typed-classname");
-
-// src/form/input-group/input-group.tsx
-var import_react15 = require("react");
-var import_typed_classname14 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var InputGroup = (0, import_react15.forwardRef)(function InputGroup2(_a, ref) {
-  var _b = _a, {
-    id,
-    className,
-    style,
-    variant = "default",
-    errorMessage,
-    labelProps: _c = {}
-  } = _b, _d = _c, { className: labelClassName } = _d, labelProps = __objRest(_d, ["className"]), _e = _b, {
-    label,
-    disabled,
-    readOnly,
-    children
-  } = _e, rest = __objRest(_e, [
-    "id",
-    "className",
-    "style",
-    "variant",
-    "errorMessage",
-    "labelProps",
-    "label",
-    "disabled",
-    "readOnly",
-    "children"
-  ]);
-  const errorMessageId = (0, import_react15.useId)();
-  const inputId = (0, import_react15.useId)();
-  const renderInput = () => {
-    var _a2;
-    const inputProps = {
-      "aria-describedby": errorMessage ? errorMessageId : void 0,
-      "aria-invalid": errorMessage ? true : void 0,
-      id: id != null ? id : inputId,
-      className: (0, import_typed_classname14.clsx)("hds-input-group__input")
-    };
-    if (typeof children === "function") {
-      return children(inputProps);
-    }
-    const input = import_react15.Children.toArray(children)[0];
-    if (!(0, import_react15.isValidElement)(input)) {
-      return;
-    }
-    return (0, import_react15.cloneElement)(input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), input.props), {
-      className: `${inputProps.className} ${(_a2 = input.props.className) != null ? _a2 : ""}`
-    }));
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    "div",
-    __spreadProps(__spreadValues({
-      className: (0, import_typed_classname14.clsx)(
-        "hds-input-group",
-        {
-          [`hds-input-group--${variant}`]: variant,
-          "hds-input-group--error": errorMessage
-        },
-        className
-      ),
-      ref,
-      style
-    }, rest), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          "label",
-          __spreadProps(__spreadValues({
-            className: (0, import_typed_classname14.clsx)("hds-input-group__label", labelClassName)
-          }, labelProps), {
-            htmlFor: id != null ? id : inputId,
-            children: label
-          })
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          "div",
-          {
-            className: (0, import_typed_classname14.clsx)("hds-input-group__input-wrapper"),
-            "data-disabled": disabled,
-            "data-readonly": readOnly,
-            children: renderInput()
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
-      ]
-    })
-  );
-});
-
-// src/utils/utils.ts
-var React = __toESM(require("react"));
-var import_react16 = require("react");
-function useMergeRefs(refs) {
-  return React.useMemo(() => {
-    if (refs.every((ref) => ref === null)) {
-      return null;
-    }
-    return (value) => {
-      refs.forEach((ref) => {
-        if (typeof ref === "function") {
-          ref(value);
-        } else if (ref !== null) {
-          ref.current = value;
-        }
-      });
-    };
-  }, refs);
-}
-function useResize(ref) {
-  const [width, setWidth] = (0, import_react16.useState)(0);
-  const [height, setHeight] = (0, import_react16.useState)(0);
-  const handleResize = (0, import_react16.useCallback)(() => {
-    var _a, _b, _c, _d;
-    if ((ref == null ? void 0 : ref.current) !== null) {
-      setWidth((_b = (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.offsetWidth) != null ? _b : 0);
-      setHeight((_d = (_c = ref == null ? void 0 : ref.current) == null ? void 0 : _c.offsetHeight) != null ? _d : 0);
-    }
-  }, [ref]);
-  (0, import_react16.useEffect)(() => {
-    window.addEventListener("load", handleResize);
-    window.addEventListener("resize", handleResize);
-    return () => {
-      window.removeEventListener("load", handleResize);
-      window.removeEventListener("resize", handleResize);
-    };
-  }, [ref, handleResize]);
-  (0, import_react16.useEffect)(() => {
-    handleResize();
-  }, []);
-  return { width, height };
-}
-function subscribe() {
-  return () => {
-  };
-}
-function useHydrated() {
-  return React.useSyncExternalStore(
-    subscribe,
-    () => true,
-    () => false
-  );
-}
-function focusTrap(element) {
-  var _a, _b;
-  if (element === document.body)
-    return () => {
-    };
-  let inertElements = [];
-  for (let el = element; el; el = el.parentElement) {
-    if (el === document.body)
-      break;
-    for (const sibling of (_b = (_a = el.parentElement) == null ? void 0 : _a.children) != null ? _b : []) {
-      if (sibling === el)
-        continue;
-      if (!(sibling instanceof HTMLElement))
-        continue;
-      if (sibling.hasAttribute("inert"))
-        continue;
-      sibling.setAttribute("inert", "true");
-      inertElements.push(sibling);
-    }
-  }
-  return () => {
-    releaseFocusTrap(inertElements);
-    inertElements = [];
-  };
-}
-function releaseFocusTrap(inertElements) {
-  for (const el of inertElements) {
-    el.removeAttribute("inert");
-  }
-}
-
-// src/form/date-picker/date-picker.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var DatePicker = (0, import_react17.forwardRef)(function DatePicker2(_a, ref) {
-  var _b = _a, {
-    className,
-    variant,
-    errorMessage,
-    labelProps,
-    label,
-    id,
-    style,
-    disabled,
-    readOnly,
-    calendarButtonTitle = "\xC5pne kalender"
-  } = _b, rest = __objRest(_b, [
-    "className",
-    "variant",
-    "errorMessage",
-    "labelProps",
-    "label",
-    "id",
-    "style",
-    "disabled",
-    "readOnly",
-    "calendarButtonTitle"
-  ]);
-  const inputRef = (0, import_react17.useRef)(null);
-  const mergedRef = useMergeRefs([inputRef, ref]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    InputGroup,
-    {
-      className: (0, import_typed_classname15.clsx)("hds-date-picker", className),
-      disabled,
-      errorMessage,
-      id,
-      label,
-      labelProps,
-      readOnly,
-      style,
-      variant,
-      children: (inputProps) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "input",
-          __spreadProps(__spreadValues(__spreadValues({}, rest), inputProps), {
-            disabled,
-            readOnly,
-            ref: mergedRef,
-            type: "date"
-          })
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "button",
-          {
-            className: (0, import_typed_classname15.clsx)("hds-date-picker__calendar-button"),
-            type: "button",
-            title: calendarButtonTitle,
-            onClick: () => {
-              var _a2;
-              (_a2 = inputRef.current) == null ? void 0 : _a2.showPicker();
-            }
-          }
-        )
-      ] })
-    }
-  );
-});
-DatePicker.displayName = "DatePicker";
-
-// src/form/input/input.tsx
-var import_react18 = require("react");
-var import_typed_classname16 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Input = (0, import_react18.forwardRef)(function Input2(_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"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    InputGroup,
-    {
-      className: (0, import_typed_classname16.clsx)("hds-input", className),
-      disabled,
-      errorMessage,
-      id,
-      label,
-      labelProps,
-      readOnly,
-      style,
-      variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
-    }
-  );
-});
-Input.displayName = "Input";
-
-// src/form/radiobutton/radiobutton.tsx
-var import_react20 = require("react");
-var import_typed_classname17 = require("@postenbring/hedwig-css/typed-classname");
-
-// src/form/radiobutton/radiogroup.tsx
-var import_react19 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var RadioGroupContext = (0, import_react19.createContext)({
-  hasError: false,
-  onChange: () => {
-    return void 0;
-  }
-});
-var useRadioGroupContext = () => (0, import_react19.useContext)(RadioGroupContext);
-var RadioGroup = (0, import_react19.forwardRef)(function RadioGroup2(_a, ref) {
-  var _b = _a, { name, value, errorMessage, onChange, children } = _b, rest = __objRest(_b, ["name", "value", "errorMessage", "onChange", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
-});
-RadioGroup.displayName = "RadioGroup";
-
-// src/form/radiobutton/radiobutton.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var isChecked = ({
-  checked,
-  selectedValue,
-  value
-}) => {
-  if (typeof checked !== "undefined")
-    return checked;
-  if (typeof selectedValue !== "undefined")
-    return value === selectedValue;
-  return void 0;
-};
-var Radiobutton = (0, import_react20.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      checked,
-      value,
-      variant = "plain",
-      hasError: hasErrorProp,
-      title,
-      children,
-      className
-    } = _b, rest = __objRest(_b, [
-      "checked",
-      "value",
-      "variant",
-      "hasError",
-      "title",
-      "children",
-      "className"
-    ]);
-    const _a2 = useRadioGroupContext(), {
-      value: selectedValue,
-      hasError: hasRadioGroupError
-    } = _a2, context = __objRest(_a2, [
-      "value",
-      "hasError"
-    ]);
-    const { hasError: hasFieldsetError } = useFieldsetContext();
-    const hasError = hasFieldsetError || hasRadioGroupError || hasErrorProp;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      "div",
-      {
-        className: (0, import_typed_classname17.clsx)(
-          "hds-radiobutton",
-          {
-            [`hds-radiobutton--${variant}`]: variant === "bounding-box",
-            "hds-radiobutton--error": hasError
-          },
-          className
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-              "input",
-              __spreadProps(__spreadValues(__spreadValues({}, context), rest), {
-                checked: isChecked({ checked, selectedValue, value }),
-                value,
-                ref,
-                type: "radio"
-              })
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { "aria-hidden": true, className: "hds-radiobutton__checkmark" }),
-            title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hds-radiobutton__title", children: title }) : children
-          ] }),
-          title ? children : null
-        ]
-      }
-    );
-  }
-);
-Radiobutton.displayName = "Radiobutton";
-
-// src/form/select/select.tsx
-var import_react21 = require("react");
-var import_typed_classname18 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Select = (0, import_react21.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"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    InputGroup,
-    {
-      className: (0, import_typed_classname18.clsx)("hds-select", className),
-      disabled,
-      errorMessage,
-      id,
-      label,
-      labelProps,
-      style,
-      variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("select", __spreadProps(__spreadValues({}, rest), { disabled, ref, children }))
-    }
-  );
-});
-Select.displayName = "Select";
-
-// src/form/textarea/textarea.tsx
-var import_react22 = require("react");
-var import_typed_classname19 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Textarea = (0, import_react22.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"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    InputGroup,
-    {
-      className: (0, import_typed_classname19.clsx)("hds-textarea", className),
-      disabled,
-      errorMessage,
-      id,
-      label,
-      labelProps,
-      readOnly,
-      style,
-      variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("textarea", __spreadProps(__spreadValues({}, rest), { disabled, readOnly, ref }))
-    }
-  );
-});
-Textarea.displayName = "Textarea";
-
-// src/footer/footer.tsx
-var import_react25 = require("react");
-var import_typed_classname22 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot5 = require("@radix-ui/react-slot");
-
-// src/list/link-list.tsx
-var import_typed_classname21 = require("@postenbring/hedwig-css/typed-classname");
-var import_react24 = require("react");
-
-// src/list/list.tsx
-var import_react23 = require("react");
-var import_typed_classname20 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var UnorderedList = (0, import_react23.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { size = "medium", className } = _b, rest = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      "ul",
-      __spreadValues({
-        ref,
-        className: (0, import_typed_classname20.clsx)("hds-list", `hds-list--${size}`, className)
-      }, rest)
-    );
-  }
-);
-UnorderedList.displayName = "UnorderedList";
-var OrderedList = (0, import_react23.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { size = "medium", className } = _b, rest = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      "ol",
-      __spreadValues({
-        ref,
-        className: (0, import_typed_classname20.clsx)("hds-list", `hds-list--${size}`, className)
-      }, rest)
-    );
-  }
-);
-OrderedList.displayName = "OrderedList";
-
-// src/list/link-list.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var LinkList = (0, import_react24.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      UnorderedList,
-      __spreadValues({
-        ref,
-        className: (0, import_typed_classname21.clsx)("hds-list--link-list", className)
-      }, rest)
-    );
-  }
-);
-LinkList.displayName = "LinkList";
-
-// src/footer/footer.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var FooterLogo = (0, import_react25.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, asChild } = _b, rest = __objRest(_b, ["children", "className", "asChild"]);
-    const Component = asChild ? import_react_slot5.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_typed_classname22.clsx)(`hds-footer__logo`, className), ref }, rest), { children }));
-  }
-);
-FooterLogo.displayName = "Footer.Logo";
-var FooterButtonLink = (0, import_react25.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, asChild } = _b, rest = __objRest(_b, ["children", "className", "asChild"]);
-    const Component = asChild ? import_react_slot5.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { asChild: true, variant: "primary-outline", className: (0, import_typed_classname22.clsx)(className), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Component, __spreadProps(__spreadValues({ ref }, rest), { children })) });
-  }
-);
-FooterButtonLink.displayName = "FooterButton";
-var FooterLinkSections = (0, import_react25.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      Accordion,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname22.clsx)("hds-footer__link-sections", className),
-        ref
-      }, rest), {
-        children
-      })
-    ) });
-  }
-);
-FooterLinkSections.displayName = "Footer.LinkSections";
-var FooterLinkSection = (0, import_react25.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { heading, children, className } = _b, rest = __objRest(_b, ["heading", "children", "className"]);
-    const linkListChildren = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LinkList, { children });
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-        Accordion.Item,
-        __spreadProps(__spreadValues({
-          className: (0, import_typed_classname22.clsx)(`hds-footer__link-section`, className),
-          ref
-        }, rest), {
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Accordion.Header, { children: heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Accordion.Content, { children: linkListChildren })
-          ]
-        })
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: (0, import_typed_classname22.clsx)(`hds-footer__link-section`, className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { children: heading }),
-        linkListChildren
-      ] })
-    ] });
-  }
-);
-FooterLinkSection.displayName = "Footer.LinkSection";
-var Footer = (0, import_react25.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, variant, asChild } = _b, rest = __objRest(_b, ["children", "className", "variant", "asChild"]);
-    const Component = asChild ? import_react_slot5.Slot : "footer";
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname22.clsx)(
-          `hds-footer`,
-          variant === "slim" && "hds-footer--slim",
-          className
-        ),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Footer.displayName = "Footer";
-Footer.Logo = FooterLogo;
-Footer.ButtonLink = FooterButtonLink;
-Footer.LinkSections = FooterLinkSections;
-Footer.LinkSection = FooterLinkSection;
-
-// src/help-text/help-text.tsx
-var Popover = __toESM(require("@radix-ui/react-popover"));
-var import_typed_classname23 = require("@postenbring/hedwig-css/typed-classname");
-var import_react26 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var HelpText = (0, import_react26.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, helpText, title, side = "top", align = "start", boxProps } = _b, rest = __objRest(_b, ["children", "className", "helpText", "title", "side", "align", "boxProps"]);
-    return (
-      // NOTE: Using radix's [Popover component](https://www.radix-ui.com/primitives/docs/components/popover)
-      // In the future we can use the native popover api, but as of writing, though all browsers support it
-      // it's not far enough back to be used in production
-      // https://caniuse.com/mdn-html_elements_input_popovertarget
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Popover.Root, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          "button",
-          __spreadProps(__spreadValues({
-            ref,
-            className: (0, import_typed_classname23.clsx)("hds-help-text-button", className),
-            title,
-            type: "button"
-          }, rest), {
-            children
-          })
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Popover.Content, { asChild: true, side, align, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-          Box,
-          __spreadProps(__spreadValues({}, boxProps), {
-            className: (0, import_typed_classname23.clsx)("hds-help-text-box", boxProps == null ? void 0 : boxProps.className),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Box.CloseButton, {}) }),
-              helpText
-            ]
-          })
-        ) }) })
-      ] })
-    );
-  }
-);
-HelpText.displayName = "HelpText";
-
-// src/layout/container/container.tsx
-var import_typed_classname24 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot6 = require("@radix-ui/react-slot");
-var import_react27 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var Container = (0, import_react27.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { as: Tag = "div", asChild, className, children, variant } = _b, rest = __objRest(_b, ["as", "asChild", "className", "children", "variant"]);
-    const Component = asChild ? import_react_slot6.Slot : Tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      Component,
-      __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname24.clsx)(
-          "hds-container",
-          { "hds-container--slim": variant === "slim" },
-          className
-        ),
-        ref,
-        children
-      })
-    );
-  }
-);
-Container.displayName = "Container";
-
-// src/layout/grid/grid.tsx
-var import_typed_classname25 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot7 = require("@radix-ui/react-slot");
-var import_react28 = require("react");
-
-// src/layout/responsive.ts
-function getResponsiveProps(variable, inputValues, valueTransformer = (value) => String(value)) {
-  if (!inputValues)
-    return {};
-  if (typeof inputValues !== "object") {
-    return { [`${variable}-initial`]: valueTransformer(inputValues) };
-  }
-  const result = {};
-  for (const [key, value] of Object.entries(inputValues)) {
-    result[`${variable}-${key}`] = valueTransformer(value);
-  }
-  return result;
-}
-
-// src/layout/spacing.ts
-function getSpacingVariable(size) {
-  return `var(--hds-spacing-${size})`;
-}
-
-// src/layout/grid/grid.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var GridItem = (0, import_react28.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, asChild, className, span, center, style: _style } = _b, rest = __objRest(_b, ["children", "asChild", "className", "span", "center", "style"]);
-    const Component = asChild ? import_react_slot7.Slot : "div";
-    const style = __spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-grid-item-span", span)), getResponsiveProps("--hds-grid-item-center", center, (value) => value ? "1" : "0"));
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        style,
-        className: (0, import_typed_classname25.clsx)("hds-grid__item", className),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-GridItem.displayName = "Grid.Item";
-var Grid = (0, import_react28.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, asChild, className, span, center, style: _style, gap, gapX, gapY } = _b, rest = __objRest(_b, ["children", "asChild", "className", "span", "center", "style", "gap", "gapX", "gapY"]);
-    const Component = asChild ? import_react_slot7.Slot : "div";
-    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-grid-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-grid-gap-x", gapX, getSpacingVariable)), getResponsiveProps("--hds-grid-gap-y", gapY, getSpacingVariable)), getResponsiveProps("--hds-grid-span", span)), getResponsiveProps("--hds-grid-center", center, (value) => value ? "1" : "0"));
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        style,
-        className: (0, import_typed_classname25.clsx)("hds-grid", className),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Grid.displayName = "Grid";
-Grid.Item = GridItem;
-
-// src/layout/stack/stack.tsx
-var React2 = require("react");
-var import_typed_classname26 = require("@postenbring/hedwig-css/typed-classname");
-var import_react29 = require("react");
-var import_react_slot8 = require("@radix-ui/react-slot");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Stack = (0, import_react29.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      children,
-      asChild,
-      className,
-      style: _style,
-      gap,
-      gapX,
-      gapY,
-      direction,
-      wrap,
-      align,
-      justify
-    } = _b, rest = __objRest(_b, [
-      "children",
-      "asChild",
-      "className",
-      "style",
-      "gap",
-      "gapX",
-      "gapY",
-      "direction",
-      "wrap",
-      "align",
-      "justify"
-    ]);
-    const Component = asChild ? import_react_slot8.Slot : "div";
-    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, _style), getResponsiveProps("--hds-stack-gap", gap, getSpacingVariable)), getResponsiveProps("--hds-stack-gap-x", gapX, getSpacingVariable)), getResponsiveProps("--hds-stack-gap-y", gapY, getSpacingVariable)), getResponsiveProps("--hds-stack-direction", direction)), getResponsiveProps("--hds-stack-wrap", wrap, (value) => value ? "wrap" : "nowrap")), getResponsiveProps("--hds-stack-align", align)), getResponsiveProps("--hds-stack-justify", justify));
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        style,
-        className: (0, import_typed_classname26.clsx)("hds-stack", className),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Stack.displayName = "Stack";
-var HStack = (0, import_react29.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Stack, __spreadProps(__spreadValues({ ref }, props), { direction: "row" }));
-});
-HStack.displayName = "HStack";
-var VStack = (0, import_react29.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Stack, __spreadProps(__spreadValues({ ref }, props), { direction: "column" }));
-});
-VStack.displayName = "VStack";
-
-// src/link/link.tsx
-var React3 = require("react");
-var import_typed_classname27 = require("@postenbring/hedwig-css/typed-classname");
-var import_react30 = require("react");
-var import_react_slot9 = require("@radix-ui/react-slot");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var Link = (0, import_react30.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, children, variant = "underline", size = "medium", className } = _b, rest = __objRest(_b, ["asChild", "children", "variant", "size", "className"]);
-    const Component = asChild ? import_react_slot9.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname27.clsx)(
-          "hds-link",
-          variant !== "underline" && `hds-link--${variant}`,
-          size !== "medium" && `hds-link--${size}`,
-          className
-        ),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Link.displayName = "Link";
-
-// src/message/message.tsx
-var import_react31 = require("react");
-var import_typed_classname28 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot10 = require("@radix-ui/react-slot");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var MessageTitle = (0, import_react31.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot10.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname28.clsx)("hds-message__title", className),
-        ref
-      }, rest)
-    );
-  }
-);
-MessageTitle.displayName = "Message.Title";
-var MessageDescription = (0, import_react31.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot10.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname28.clsx)("hds-message__description", className),
-        ref
-      }, rest)
-    );
-  }
-);
-MessageDescription.displayName = "Message.Description";
-var Message = (0, import_react31.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, variant = "success", icon, iconClassName } = _b, rest = __objRest(_b, ["children", "className", "variant", "icon", "iconClassName"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-      Box,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname28.clsx)(`hds-message`, `hds-message--${variant}`, className),
-        ref
-      }, rest), {
-        children: [
-          variant === "neutral" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: (0, import_typed_classname28.clsx)("hds-message--neutral__icon", iconClassName), children: icon }),
-          children
-        ]
-      })
-    );
-  }
-);
-Message.displayName = "Message";
-Message.Title = MessageTitle;
-Message.Description = MessageDescription;
-
-// src/modal/modal.tsx
-var import_react32 = require("react");
-var import_typed_classname29 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot11 = require("@radix-ui/react-slot");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var ModalHeader = (0, import_react32.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot11.Slot : "h1";
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname29.clsx)("hds-modal__header", className),
-        ref
-      }, rest)
-    );
-  }
-);
-ModalHeader.displayName = "Modal.Header";
-var ModalContent = (0, import_react32.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot11.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname29.clsx)("hds-modal__content", className),
-        ref
-      }, rest)
-    );
-  }
-);
-ModalContent.displayName = "Modal.Content";
-var ModalFooter = (0, import_react32.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot11.Slot : "footer";
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname29.clsx)("hds-modal__footer", className),
-        ref
-      }, rest)
-    );
-  }
-);
-ModalFooter.displayName = "Modal.Footer";
-var Modal = (0, import_react32.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, open, closeOnBackdropClick, onClick } = _b, rest = __objRest(_b, ["children", "className", "open", "closeOnBackdropClick", "onClick"]);
-    const modalRef = (0, import_react32.useRef)(null);
-    const mergedRef = useMergeRefs([modalRef, ref]);
-    function onCloseButtonClick() {
-      var _a2;
-      (_a2 = modalRef.current) == null ? void 0 : _a2.close();
-      return false;
-    }
-    useScrollLock(modalRef, "hds-modal-scroll-lock");
-    (0, import_react32.useEffect)(() => {
-      if (modalRef.current && open !== void 0) {
-        if (open && !modalRef.current.open) {
-          modalRef.current.showModal();
-        } else if (!open && modalRef.current.open) {
-          modalRef.current.close();
-        }
-      }
-    }, [modalRef, open]);
-    function onDialogClick(e) {
-      if (closeOnBackdropClick && e.target === modalRef.current) {
-        modalRef.current.close();
-      }
-      onClick == null ? void 0 : onClick(e);
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      Box,
-      {
-        asChild: true,
-        className: (0, import_typed_classname29.clsx)("hds-modal", className),
-        closeable: true,
-        onClick: onDialogClick,
-        onClose: onCloseButtonClick,
-        variant: "white",
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("dialog", __spreadProps(__spreadValues({ ref: mergedRef }, rest), { children }))
-      }
-    );
-  }
-);
-Modal.displayName = "Modal";
-Modal.Header = ModalHeader;
-Modal.Content = ModalContent;
-Modal.Footer = ModalFooter;
-function useScrollLock(modalRef, bodyClass) {
-  (0, import_react32.useEffect)(() => {
-    if (!modalRef.current)
-      return;
-    if (modalRef.current.open)
-      document.body.classList.add(bodyClass);
-    const observer = new MutationObserver(() => {
-      var _a;
-      if ((_a = modalRef.current) == null ? void 0 : _a.open)
-        document.body.classList.add(bodyClass);
-      else
-        document.body.classList.remove(bodyClass);
-    });
-    observer.observe(modalRef.current, {
-      attributes: true,
-      attributeFilter: ["open"]
-    });
-    return () => {
-      observer.disconnect();
-      document.body.classList.remove(bodyClass);
-    };
-  }, [bodyClass, modalRef]);
-}
-
-// src/navbar/navbar.tsx
-var import_react34 = require("react");
-var import_typed_classname31 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot12 = require("@radix-ui/react-slot");
-
-// src/navbar/navbar-expandable-menu.tsx
-var import_react33 = require("react");
-var import_typed_classname30 = require("@postenbring/hedwig-css/typed-classname");
-
-// src/navbar/icons.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-function CloseIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    "path",
-    {
-      fill: "currentColor",
-      d: "m13.16 12.25 3.621-3.586.739-.738c.105-.106.105-.281 0-.422l-.774-.774c-.14-.105-.316-.105-.422 0L12 11.09 7.64 6.73c-.105-.105-.28-.105-.421 0l-.774.774c-.105.14-.105.316 0 .422l4.36 4.324-4.36 4.36c-.105.105-.105.28 0 .421l.774.774c.14.105.316.105.422 0L12 13.445l3.586 3.621.738.739c.106.105.281.105.422 0l.774-.774c.105-.14.105-.316 0-.422l-4.36-4.359Z"
-    }
-  ) });
-}
-function MenuIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", width: 32, height: 32, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M25.938 10.146a.57.57 0 0 0 .562-.563v-1.5c0-.281-.281-.562-.563-.562H6.063a.57.57 0 0 0-.562.562v1.5c0 .328.234.563.563.563h19.875Zm0 7.5a.57.57 0 0 0 .562-.563v-1.5c0-.281-.281-.563-.563-.563H6.063a.57.57 0 0 0-.562.563v1.5c0 .328.234.563.563.563h19.875Zm0 7.5a.57.57 0 0 0 .562-.563v-1.5c0-.281-.281-.563-.563-.563H6.063a.57.57 0 0 0-.562.563v1.5c0 .328.234.563.563.563h19.875Z"
-    }
-  ) });
-}
-
-// src/navbar/navbar-expandable-menu.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var ExpandableMenuContext = (0, import_react33.createContext)(null);
-var useNavbarExpendableMenuContext = () => {
-  const value = (0, import_react33.useContext)(ExpandableMenuContext);
-  if (value === null) {
-    throw new Error("useNavbarExpendableMenuContext must be used within a Navbar.ExpandableMenu");
-  }
-  return value;
-};
-function NavbarExpandableMenu({ children }) {
-  const contentId = (0, import_react33.useId)();
-  const [open, setOpen] = (0, import_react33.useState)(false);
-  (0, import_react33.useEffect)(() => {
-    if (open) {
-      window.scrollTo(0, 0);
-      document.body.classList.add((0, import_typed_classname30.clsx)("hds-navbar-scroll-lock"));
-      const releaseFocusTrap2 = focusTrap(
-        document.getElementsByClassName((0, import_typed_classname30.clsx)("hds-navbar"))[0]
-      );
-      return () => {
-        document.body.classList.remove((0, import_typed_classname30.clsx)("hds-navbar-scroll-lock"));
-        releaseFocusTrap2();
-      };
-    }
-  }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ExpandableMenuContext.Provider, { value: { contentId, open, setOpen }, children });
-}
-NavbarExpandableMenu.displayName = "NavbarExpandableMenu";
-var NavbarExpandableMenuTrigger = (0, import_react33.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      whenClosedText,
-      whenClosedHelperTitle,
-      whenOpenText,
-      whenOpenHelperTitle,
-      style,
-      className
-    } = _b, rest = __objRest(_b, [
-      "whenClosedText",
-      "whenClosedHelperTitle",
-      "whenOpenText",
-      "whenOpenHelperTitle",
-      "style",
-      "className"
-    ]);
-    const { contentId, open, setOpen } = useNavbarExpendableMenuContext();
-    const [textWidth, setTextWidth] = (0, import_react33.useState)(void 0);
-    const measurementId = (0, import_react33.useId)();
-    (0, import_react33.useEffect)(() => {
-      var _a2, _b2, _c, _d;
-      const widthWhenOpen = (_b2 = (_a2 = document.getElementById(`${measurementId}-when-open`)) == null ? void 0 : _a2.getBoundingClientRect().width) != null ? _b2 : 0;
-      const widthWhenClosed = (_d = (_c = document.getElementById(`${measurementId}-when-closed`)) == null ? void 0 : _c.getBoundingClientRect().width) != null ? _d : 0;
-      setTextWidth(widthWhenOpen < widthWhenClosed ? widthWhenClosed : widthWhenOpen);
-    }, [measurementId]);
-    const text = open ? whenOpenText : whenClosedText;
-    const title = open ? whenOpenHelperTitle : whenClosedHelperTitle;
-    const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CloseIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MenuIcon, {});
-    function toggleOpen() {
-      setOpen(!open);
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      "button",
-      __spreadProps(__spreadValues({
-        "aria-expanded": open,
-        "aria-controls": contentId,
-        className: (0, import_typed_classname30.clsx)("hds-navbar__item", className),
-        onClick: toggleOpen,
-        ref,
-        title,
-        type: "button",
-        style: __spreadValues({ position: "relative" }, style)
-      }, rest), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            "span",
-            {
-              id: `${measurementId}-when-closed`,
-              "aria-hidden": true,
-              style: {
-                position: "absolute",
-                visibility: "hidden",
-                pointerEvents: "none",
-                whiteSpace: "nowrap"
-              },
-              children: whenOpenText
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            "span",
-            {
-              id: `${measurementId}-when-open`,
-              "aria-hidden": true,
-              style: {
-                position: "absolute",
-                visibility: "hidden",
-                pointerEvents: "none",
-                whiteSpace: "nowrap"
-              },
-              children: whenClosedText
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            "span",
-            {
-              style: { width: textWidth, whiteSpace: "nowrap" },
-              className: (0, import_typed_classname30.clsx)("hds-navbar__item-responsive-text"),
-              children: text
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { style: { width: 32, height: 32 }, children: icon })
-        ]
-      })
-    );
-  }
-);
-NavbarExpandableMenuTrigger.displayName = "Navbar.ExpandableMenuTrigger";
-var NavbarExpandableMenuContent = (0, import_react33.forwardRef)((_a, ref) => {
-  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  const { contentId, open } = useNavbarExpendableMenuContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    "section",
-    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
-      id: contentId,
-      className: (0, import_typed_classname30.clsx)("hds-navbar__expandable-menu-content", className),
-      "data-state": open ? "open" : "closed"
-    }), { inert: open ? void 0 : "true" }), {
-      ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: (0, import_typed_classname30.clsx)("hds-navbar__expandable-menu-content-inner"), children })
-    })
-  );
-});
-NavbarExpandableMenuContent.displayName = "Navbar.ExpandableMenuContent";
-
-// src/navbar/navbar.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var NavbarLogo = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, asChild } = _b, rest = __objRest(_b, ["children", "className", "asChild"]);
-    const Component = asChild ? import_react_slot12.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_typed_classname31.clsx)(`hds-navbar__logo`, className), ref }, rest), { children }));
-  }
-);
-NavbarLogo.displayName = "Navbar.Logo";
-var NavbarLogoAndServiceText = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, asChild, variant, className } = _b, rest = __objRest(_b, ["children", "asChild", "variant", "className"]);
-    const Component = asChild ? import_react_slot12.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        ref,
-        className: (0, import_typed_classname31.clsx)(
-          "hds-navbar__logo-and-service-text",
-          `hds-navbar__logo-and-service-text--${variant}`,
-          className
-        )
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-NavbarLogoAndServiceText.displayName = "Navbar.NavbarLogoAndText";
-var NavbarItemIcon = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_slot12.Slot, __spreadProps(__spreadValues({ className: (0, import_typed_classname31.clsx)("hds-navbar__item-icon", className), ref }, rest), { children }));
-  }
-);
-NavbarItemIcon.displayName = "Navbar.ItemIcon";
-var NavbarItem = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, children, className } = _b, rest = __objRest(_b, ["asChild", "children", "className"]);
-    const Component = asChild ? import_react_slot12.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_typed_classname31.clsx)("hds-navbar__item", className), ref }, rest), { children }));
-  }
-);
-NavbarItem.displayName = "Navbar.Item";
-var NavbarButtonItem = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, children, className } = _b, rest = __objRest(_b, ["asChild", "children", "className"]);
-    const Component = asChild ? import_react_slot12.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname31.clsx)("hds-navbar__item", className),
-        ref,
-        type: "button"
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-NavbarButtonItem.displayName = "Navbar.ButtonItem";
-var NavbarLinkItem = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, children, className } = _b, rest = __objRest(_b, ["asChild", "children", "className"]);
-    const Component = asChild ? import_react_slot12.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_typed_classname31.clsx)("hds-navbar__item", className), ref }, rest), { children }));
-  }
-);
-NavbarLinkItem.displayName = "Navbar.LinkItem";
-var NavbarNavigation = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
-    const Component = asChild ? import_react_slot12.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      Component,
-      __spreadValues({
-        className: (0, import_typed_classname31.clsx)("hds-navbar__navigation", className),
-        ref
-      }, rest)
-    );
-  }
-);
-NavbarNavigation.displayName = "Navbar.Navigation";
-var Navbar = (0, import_react34.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, children, className, variant } = _b, rest = __objRest(_b, ["asChild", "children", "className", "variant"]);
-    const Component = asChild ? import_react_slot12.Slot : "header";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname31.clsx)("hds-navbar", variant && `hds-navbar--${variant}`, className),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Navbar.displayName = "Navbar";
-Navbar.Logo = NavbarLogo;
-Navbar.LogoAndServiceText = NavbarLogoAndServiceText;
-Navbar.ExpandableMenu = NavbarExpandableMenu;
-Navbar.ExpandableMenuTrigger = NavbarExpandableMenuTrigger;
-Navbar.ExpandableMenuContent = NavbarExpandableMenuContent;
-Navbar.Item = NavbarItem;
-Navbar.ButtonItem = NavbarButtonItem;
-Navbar.LinkItem = NavbarLinkItem;
-Navbar.ItemIcon = NavbarItemIcon;
-Navbar.Navigation = NavbarNavigation;
-
-// src/show-more/show-more.tsx
-var import_typed_classname32 = require("@postenbring/hedwig-css/typed-classname");
-var import_react35 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var ShowMoreButton = (0, import_react35.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { text, variant, expanded, className } = _b, rest = __objRest(_b, ["text", "variant", "expanded", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
-      "button",
-      __spreadProps(__spreadValues({
-        ref,
-        className: (0, import_typed_classname32.clsx)(
-          "hds-show-more",
-          variant === "show-more-show-less" && "hds-show-more--show-less",
-          className
-        ),
-        "data-state": expanded ? "expanded" : void 0,
-        type: "button"
-      }, rest), {
-        children: [
-          text,
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: (0, import_typed_classname32.clsx)("hds-show-more__icon") })
-        ]
-      })
-    );
-  }
-);
-ShowMoreButton.displayName = "ShowMoreButton";
-
-// src/skeleton/skeleton.tsx
-var import_typed_classname33 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot13 = require("@radix-ui/react-slot");
-var import_react36 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var Skeleton = (0, import_react36.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      as: Tag = "div",
-      asChild,
-      children,
-      animation = true,
-      variant = "text",
-      width,
-      height,
-      className,
-      style
-    } = _b, rest = __objRest(_b, [
-      "as",
-      "asChild",
-      "children",
-      "animation",
-      "variant",
-      "width",
-      "height",
-      "className",
-      "style"
-    ]);
-    const Component = asChild ? import_react_slot13.Slot : Tag;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      Component,
-      __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-        className: (0, import_typed_classname33.clsx)(
-          "hds-skeleton",
-          `hds-skeleton--${variant}`,
-          !animation && `hds-skeleton--no-animation`,
-          className
-        ),
-        style: __spreadProps(__spreadValues({}, style), { width, height }),
-        "aria-hidden": true
-      }, { inert: "true" }), {
-        ref
-      }), rest), {
-        children
-      })
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-
-// src/step-indicator/step-indicator.tsx
-var import_typed_classname34 = require("@postenbring/hedwig-css/typed-classname");
-var import_react37 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var StepIndicator = (0, import_react37.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      activeStep,
-      totalSteps,
-      className,
-      label,
-      lang = "en",
-      title,
-      titleAs: TitleComponent
-    } = _b, rest = __objRest(_b, [
-      "activeStep",
-      "totalSteps",
-      "className",
-      "label",
-      "lang",
-      "title",
-      "titleAs"
-    ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-      "div",
-      __spreadProps(__spreadValues({
-        ref,
-        className: (0, import_typed_classname34.clsx)("hds-step-indicator", className),
-        lang
-      }, rest), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: (0, import_typed_classname34.clsx)("hds-step-indicator__header"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: (0, import_typed_classname34.clsx)("hds-step-indicator__left-label"), children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: stepLabelTranslations[lang](activeStep, totalSteps) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: (0, import_typed_classname34.clsx)("hds-step-indicator__steps"), children: Array.from({ length: totalSteps }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-            "div",
-            {
-              className: (0, import_typed_classname34.clsx)("hds-step-indicator__step"),
-              "data-state": getStepState(i + 1, activeStep)
-            },
-            i
-          )) }),
-          title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TitleComponent, { className: (0, import_typed_classname34.clsx)("hds-step-indicator__title"), children: title }) : null
-        ]
-      })
-    );
-  }
-);
-StepIndicator.displayName = "StepIndicator";
-var stepLabelTranslations = {
-  no: (activeStep, totalSteps) => `steg ${activeStep} av ${totalSteps}`,
-  en: (activeStep, totalSteps) => `step ${activeStep} of ${totalSteps}`,
-  da: (activeStep, totalSteps) => `trin ${activeStep} af ${totalSteps}`,
-  sv: (activeStep, totalSteps) => `steg ${activeStep} av ${totalSteps}`
-};
-function getStepState(renderedStep, activeStep) {
-  if (renderedStep < activeStep) {
-    return "previous";
-  }
-  if (renderedStep === activeStep) {
-    return "active";
-  }
-  return "next";
-}
-
-// src/styled-html/styled-html.tsx
-var import_react38 = require("react");
-var import_typed_classname35 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot14 = require("@radix-ui/react-slot");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var StyledHtml = (0, import_react38.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, children, size, darkmode = false, className } = _b, rest = __objRest(_b, ["asChild", "children", "size", "darkmode", "className"]);
-    const Component = asChild ? import_react_slot14.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname35.clsx)(
-          `hds-styled-html`,
-          size === "small" && "hds-styled-html--small",
-          darkmode && "hds-styled-html--darkmode",
-          className
-        ),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-StyledHtml.displayName = "StyledHtml";
-
-// src/table/table.tsx
-var import_typed_classname36 = require("@postenbring/hedwig-css/typed-classname");
-var import_react39 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var Table = (0, import_react39.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, className, size, caption, description } = _b, rest = __objRest(_b, ["children", "className", "size", "caption", "description"]);
-    const descriptionId = (0, import_react39.useId)();
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-        "table",
-        __spreadProps(__spreadValues({
-          "aria-describedby": description ? descriptionId : void 0,
-          ref,
-          className: (0, import_typed_classname36.clsx)(
-            "hds-table",
-            {
-              "hds-table--compressed": size === "compressed",
-              "hds-table--mobile-compressed": size === "mobile-compressed"
-            },
-            className
-          )
-        }, rest), {
-          children: [
-            caption ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("caption", { children: caption }) : null,
-            children
-          ]
-        })
-      ),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: (0, import_typed_classname36.clsx)("hds-table-description"), id: descriptionId, children: description }) : null
-    ] });
-  }
-);
-Table.displayName = "Table";
-
-// src/tabs/tabs.tsx
-var import_react43 = require("react");
-var import_typed_classname39 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot16 = require("@radix-ui/react-slot");
-
-// src/tabs/context.ts
-var import_react40 = require("react");
-var TabsContext = (0, import_react40.createContext)(null);
-function useTabsContext() {
-  const context = (0, import_react40.useContext)(TabsContext);
-  if (!context) {
-    throw new Error(
-      "Tabs context required. Did you use `<Tabs.List />`, `<Tabs.Tab />`, or `<Tabs.Content />` outside of <Tabs/>?"
-    );
-  }
-  return context;
-}
-
-// src/tabs/tabs-content.tsx
-var import_react41 = require("react");
-var import_typed_classname37 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot15 = require("@radix-ui/react-slot");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var TabsContents = (0, import_react41.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, children } = _b, rest = __objRest(_b, ["asChild", "children"]);
-    const Component = asChild ? import_react_slot15.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Component, __spreadProps(__spreadValues({ ref, className: (0, import_typed_classname37.clsx)("hds-tabs__contents") }, rest), { children }));
-  }
-);
-TabsContents.displayName = "Tabs.Contents";
-var TabsContent = (0, import_react41.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, forTabId, children } = _b, rest = __objRest(_b, ["asChild", "forTabId", "children"]);
-    const context = useTabsContext();
-    const Component = asChild ? import_react_slot15.Slot : "div";
-    if (context.activeTabId === forTabId) {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Component, __spreadProps(__spreadValues({}, rest), { ref, children }));
-    }
-    return null;
-  }
-);
-TabsContent.displayName = "Tabs.Content";
-
-// src/tabs/tabs-list.tsx
-var import_react42 = require("react");
-var import_typed_classname38 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var TabsList = (0, import_react42.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, direction = "horizontal", className } = _b, rest = __objRest(_b, ["children", "direction", "className"]);
-    const { activeTabId } = useTabsContext();
-    const tabsListRef = (0, import_react42.useRef)(null);
-    const mergedRef = useMergeRefs([tabsListRef, ref]);
-    const { width: tabsWidth } = useResize(tabsListRef);
-    const isClientSide = useHydrated();
-    const { innerWidth } = isClientSide ? window : { innerWidth: 1e3 };
-    const wideEnough = innerWidth >= tabsWidth;
-    const previousTabId = (0, import_react42.useRef)(activeTabId);
-    (0, import_react42.useEffect)(() => {
-      const tabList = tabsListRef.current;
-      const activeTab = tabList == null ? void 0 : tabList.querySelector(`[data-tabid="${activeTabId}"]`);
-      if (!activeTab || !tabList)
-        return;
-      const { offsetHeight: containerHeight, offsetWidth: containerWidth } = tabList;
-      const { offsetHeight, offsetWidth, offsetTop, offsetLeft } = activeTab;
-      const height = offsetHeight / containerHeight;
-      const width = offsetWidth / containerWidth;
-      tabsListRef.current.style.setProperty("--_hds-tabs-marker-height", String(height));
-      tabsListRef.current.style.setProperty("--_hds-tabs-marker-width", String(width));
-      tabsListRef.current.style.setProperty("--_hds-tabs-marker-top", `${offsetTop}px`);
-      tabsListRef.current.style.setProperty("--_hds-tabs-marker-left", `${offsetLeft}px`);
-      if (previousTabId.current !== activeTabId) {
-        tabsListRef.current.style.setProperty(
-          "--_hds-tabs-marker-animated-color",
-          "var(--_hds-tabs-marker-color)"
-        );
-        tabsListRef.current.style.setProperty(
-          "--_hds-tabs-marker-border-fallback-color",
-          "transparent"
-        );
-      }
-      previousTabId.current = activeTabId;
-    }, [activeTabId, innerWidth]);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      "div",
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname38.clsx)(
-          "hds-tabs__list",
-          direction === "horizontal" ? {
-            "hds-tabs__list--horizontal": wideEnough,
-            "hds-tabs__list--vertical": !wideEnough
-          } : {
-            "hds-tabs__list--vertical": true
-          },
-          className
-        ),
-        ref: mergedRef,
-        role: "tablist"
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-TabsList.displayName = "Tabs.List";
-var TabsTab = (0, import_react42.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { children, tabId, className, onClick } = _b, rest = __objRest(_b, ["children", "tabId", "className", "onClick"]);
-    const context = useTabsContext();
-    const toggleTab = (e) => {
-      e.preventDefault();
-      context.toggleActiveTabId(tabId);
-      onClick == null ? void 0 : onClick(e);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      "button",
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname38.clsx)(
-          "hds-tabs__tab",
-          { "hds-tabs__tab--active": context.activeTabId === tabId },
-          className
-        ),
-        "data-tabid": tabId,
-        onClick: toggleTab,
-        ref,
-        type: "button",
-        role: "tab"
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-TabsTab.displayName = "Tabs.Tab";
-
-// src/tabs/tabs.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var Tabs = (0, import_react43.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { asChild, defaultTab, children } = _b, rest = __objRest(_b, ["asChild", "defaultTab", "children"]);
-    const [activeTabId, setActiveTabId] = (0, import_react43.useState)(defaultTab);
-    const Component = asChild ? import_react_slot16.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_typed_classname39.clsx)("hds-tabs"), ref }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TabsContext.Provider, { value: { activeTabId, toggleActiveTabId: setActiveTabId }, children }) }));
-  }
-);
-Tabs.displayName = "Tabs";
-Tabs.List = TabsList;
-Tabs.Tab = TabsTab;
-Tabs.Contents = TabsContents;
-Tabs.Content = TabsContent;
-
-// src/text/text.tsx
-var import_react44 = require("react");
-var import_typed_classname40 = require("@postenbring/hedwig-css/typed-classname");
-var import_react_slot17 = require("@radix-ui/react-slot");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var defaultHTMLTag = {
-  "h1-display": "h1",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  "h3-title": "h3",
-  body: "p",
-  "body-title": "p",
-  "body-small": "p",
-  "body-small-title": "p",
-  technical: "p",
-  "technical-title": "p",
-  caption: "p",
-  "caption-title": "p"
-};
-var Text = (0, import_react44.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      as: Tag,
-      asChild,
-      variant = "body",
-      size = "fluid",
-      _unstableSpacing: spacing,
-      children,
-      className
-    } = _b, rest = __objRest(_b, [
-      "as",
-      "asChild",
-      "variant",
-      "size",
-      "_unstableSpacing",
-      "children",
-      "className"
-    ]);
-    const Component = asChild ? import_react_slot17.Slot : Tag != null ? Tag : defaultHTMLTag[variant];
-    const sizeModifier = size !== "fluid" && variant !== "caption" && variant !== "caption-title" && size;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      Component,
-      __spreadProps(__spreadValues({
-        className: (0, import_typed_classname40.clsx)(
-          `hds-text-${variant}`,
-          sizeModifier && `hds-text--${sizeModifier}`,
-          spacing && "hds-text--spacing",
-          className
-        ),
-        ref
-      }, rest), {
-        children
-      })
-    );
-  }
-);
-Text.displayName = "Text";
-
-// src/utils/auto-animate-height.tsx
-var import_react45 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var AutoAnimateHeight = (0, import_react45.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
-      children,
-      style,
-      animationDuration = "quick",
-      animationEasing = "normal",
-      onTransitionEnd
-    } = _b, rest = __objRest(_b, [
-      "children",
-      "style",
-      "animationDuration",
-      "animationEasing",
-      "onTransitionEnd"
-    ]);
-    var _a2, _b2;
-    const rootRef = (0, import_react45.useRef)(null);
-    const mergedRef = useMergeRefs([rootRef, ref]);
-    const measurementRef = (0, import_react45.useRef)(null);
-    const [height, setHeight] = (0, import_react45.useState)(
-      void 0
-    );
-    const [clonedChildren, setClonedChildren] = (0, import_react45.useState)(
-      () => (0, import_react45.cloneElement)(/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children }), {})
-    );
-    (0, import_react45.useEffect)(() => {
-      var _a3;
-      if (!rootRef.current)
-        return;
-      if (!measurementRef.current)
-        return;
-      if (document.body.scrollHeight === 0)
-        return;
-      const currentMeasurement = measurementRef.current;
-      const { height: newHeight } = currentMeasurement.getBoundingClientRect();
-      let previouslyObservedHeight = newHeight;
-      const resizeObserver = new ResizeObserver(() => {
-        const { height: resizedHeight } = currentMeasurement.getBoundingClientRect();
-        if (resizedHeight === previouslyObservedHeight)
-          return;
-        previouslyObservedHeight = resizedHeight;
-        setHeight({ height: resizedHeight, shouldAnimate: false });
-      });
-      resizeObserver.observe(currentMeasurement);
-      setHeight({ height: newHeight, shouldAnimate: true });
-      const nextClonedChildren = (0, import_react45.cloneElement)(/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children }), {});
-      if (newHeight >= ((_a3 = height == null ? void 0 : height.height) != null ? _a3 : 0)) {
-        setClonedChildren(nextClonedChildren);
-        return () => {
-          resizeObserver.disconnect();
-        };
-      }
-      const currentRoot = rootRef.current;
-      function onTransitionEndHandler(e) {
-        if (e.propertyName !== "height")
-          return;
-        setClonedChildren(nextClonedChildren);
-      }
-      currentRoot.addEventListener("transitionend", onTransitionEndHandler);
-      return () => {
-        resizeObserver.disconnect();
-        currentRoot.removeEventListener("transitionend", onTransitionEndHandler);
-      };
-    }, [children]);
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-      "div",
-      __spreadProps(__spreadValues({
-        ref: mergedRef,
-        onTransitionEnd,
-        style: __spreadValues({
-          position: "relative",
-          overflow: "hidden",
-          height: (_b2 = height == null ? void 0 : height.height) != null ? _b2 : (_a2 = measurementRef.current) == null ? void 0 : _a2.getBoundingClientRect().height,
-          transitionProperty: (height == null ? void 0 : height.shouldAnimate) ? "height" : "none",
-          transitionDuration: `var(--hds-micro-animation-duration-${animationDuration})`,
-          transitionTimingFunction: `var(--hds-micro-animation-easing-${animationEasing})`,
-          willChange: "height"
-        }, style)
-      }, rest), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            "div",
-            {
-              "aria-hidden": true,
-              ref: measurementRef,
-              style: {
-                position: "absolute",
-                visibility: "hidden",
-                pointerEvents: "none"
-              },
-              children
-            }
-          ),
-          clonedChildren
-        ]
-      })
-    );
-  }
-);
-AutoAnimateHeight.displayName = "AutoAnimateHeight";
-
-// src/warning-banner/warning-banner.tsx
-var import_react46 = require("react");
-var import_typed_classname41 = require("@postenbring/hedwig-css/typed-classname");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var WarningBanner = (0, import_react46.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { title, description, className } = _b, rest = __objRest(_b, ["title", "description", "className"]);
-    const descriptionId = (0, import_react46.useId)();
-    const expandable = !!description;
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", __spreadProps(__spreadValues({}, rest), { className: (0, import_typed_classname41.clsx)("hds-warning-banner", className), ref, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        WarningBannerTitle,
-        {
-          variant: expandable ? "expandable" : "default",
-          descriptionId,
-          children: title
-        }
-      ),
-      expandable ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(WarningBannerDescription, { id: descriptionId, children: description }) : null
-    ] }));
-  }
-);
-WarningBanner.displayName = "WarningBanner";
-var WarningBannerTitle = (0, import_react46.forwardRef)((_a, ref) => {
-  var _b = _a, { variant, descriptionId, children, className } = _b, rest = __objRest(_b, ["variant", "descriptionId", "children", "className"]);
-  const [open, setOpen] = (0, import_react46.useState)(false);
-  if (variant === "expandable") {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      "button",
-      __spreadProps(__spreadValues({}, rest), {
-        "aria-expanded": open,
-        "aria-controls": descriptionId,
-        "data-state": open ? "open" : "closed",
-        className: (0, import_typed_classname41.clsx)(
-          "hds-warning-banner__title",
-          "hds-warning-banner__title-trigger",
-          className
-        ),
-        onClick: () => {
-          setOpen((prev) => !prev);
-        },
-        ref,
-        type: "button",
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children })
-      })
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    "p",
-    __spreadProps(__spreadValues({}, rest), {
-      className: (0, import_typed_classname41.clsx)("hds-warning-banner__title", className),
-      ref,
-      children
-    })
-  );
-});
-WarningBannerTitle.displayName = "WarningBannerTitle";
-var WarningBannerDescription = (0, import_react46.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, { className, id } = _b, rest = __objRest(_b, ["className", "id"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      "p",
-      __spreadValues({
-        id,
-        className: (0, import_typed_classname41.clsx)("hds-warning-banner__description", className),
-        ref
-      }, rest)
-    );
-  }
-);
-WarningBannerDescription.displayName = "WarningBannerDescription";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Accordion,
-  AccordionContent,
-  AccordionHeader,
-  AccordionItem,
-  AutoAnimateHeight,
-  Badge,
-  Box,
-  BoxCloseButton,
-  Breadcrumbs,
-  Button,
-  Card,
-  CardBody,
-  CardBodyAction,
-  CardBodyActionArrow,
-  CardBodyDescription,
-  CardBodyHeader,
-  CardBodyHeaderOverline,
-  CardBodyHeaderTitle,
-  CardMedia,
-  CardMediaImg,
-  Checkbox,
-  Container,
-  DatePicker,
-  DescriptionList,
-  ErrorMessage,
-  Fieldset,
-  Footer,
-  FooterButtonLink,
-  FooterLinkSection,
-  FooterLinkSections,
-  FooterLogo,
-  Grid,
-  GridItem,
-  HStack,
-  HelpText,
-  Input,
-  Link,
-  LinkList,
-  Message,
-  MessageDescription,
-  MessageTitle,
-  Modal,
-  ModalContent,
-  ModalFooter,
-  ModalHeader,
-  Navbar,
-  NavbarButtonItem,
-  NavbarExpandableMenu,
-  NavbarExpandableMenuContent,
-  NavbarExpandableMenuTrigger,
-  NavbarItem,
-  NavbarItemIcon,
-  NavbarLinkItem,
-  NavbarLogo,
-  NavbarLogoAndServiceText,
-  NavbarNavigation,
-  OrderedList,
-  RadioGroup,
-  Radiobutton,
-  Select,
-  ShowMoreButton,
-  Skeleton,
-  Stack,
-  StepIndicator,
-  StyledHtml,
-  Table,
-  Tabs,
-  TabsContent,
-  TabsContents,
-  TabsList,
-  TabsTab,
-  Text,
-  Textarea,
-  UnorderedList,
-  VStack,
-  WarningBanner,
-  focusTrap,
-  useFieldsetContext,
-  useHydrated,
-  useMergeRefs,
-  useNavbarExpendableMenuContext,
-  useRadioGroupContext,
-  useResize
-});
-//# sourceMappingURL=index-no-css.js.map