@postenbring/hedwig-react 0.0.76 → 0.0.77

package/dist/chunk-WHMIHTPC.mjs

@@ -0,0 +1,41 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/list/list.tsx
+import { forwardRef } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { jsx } from "react/jsx-runtime";
+var UnorderedList = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { size = "medium", className } = _b, rest = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ jsx(
+      "ul",
+      __spreadValues({
+        ref,
+        className: clsx("hds-list", `hds-list--${size}`, className)
+      }, rest)
+    );
+  }
+);
+UnorderedList.displayName = "UnorderedList";
+var OrderedList = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { size = "medium", className } = _b, rest = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ jsx(
+      "ol",
+      __spreadValues({
+        ref,
+        className: clsx("hds-list", `hds-list--${size}`, className)
+      }, rest)
+    );
+  }
+);
+OrderedList.displayName = "OrderedList";
+
+export {
+  UnorderedList,
+  OrderedList
+};
+//# sourceMappingURL=chunk-WHMIHTPC.mjs.map

package/dist/chunk-WHMIHTPC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/list/list.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface ListProps extends HTMLAttributes<HTMLOListElement | HTMLUListElement> {\n  /**\n   * Sets the size of the items (font)\n   *\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\n/**\n * An unordered list of simple items, often text. You can nest other lists inside this component.\n *\n * If you have other list needs, you can build your own using the semantic `ul` and `ol` tags.\n *\n * @example\n * ```tsx\n * <UnorderedList>\n *  <li>Item 1</li>\n *  <li>Item 2</li>\n *  <li>Item 3</li>\n * </UnorderedList>\n * ```\n */\nexport const UnorderedList = forwardRef<HTMLUListElement, ListProps>(\n  ({ size = \"medium\", className, ...rest }, ref) => {\n    return (\n      <ul\n        ref={ref}\n        className={clsx(\"hds-list\", `hds-list--${size}`, className as undefined)}\n        {...rest}\n      />\n    );\n  },\n);\nUnorderedList.displayName = \"UnorderedList\";\n\n/**\n * An ordered list of simple items\n *\n * If you have other list needs, you can build your own using the semantic `ul` and `ol` tags.\n *\n * @example\n * ```tsx\n * <OrderedList>\n *  <li>Item 1</li>\n *  <li>Item 2</li>\n *  <li>Item 3</li>\n * </OrderedList>\n * ```\n */\nexport const OrderedList = forwardRef<HTMLOListElement, ListProps>(\n  ({ size = \"medium\", className, ...rest }, ref) => {\n    return (\n      <ol\n        ref={ref}\n        className={clsx(\"hds-list\", `hds-list--${size}`, className as undefined)}\n        {...rest}\n      />\n    );\n  },\n);\nOrderedList.displayName = \"OrderedList\";\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuC;AAChD,SAAS,YAAY;AA4Bf;AAHC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,IAAyC,QAAQ;AAAjD,iBAAE,SAAO,UAAU,UA3BtB,IA2BG,IAAiC,iBAAjC,IAAiC,CAA/B,QAAiB;AAClB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,YAAY,aAAa,IAAI,IAAI,SAAsB;AAAA,SACnE;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAgBrB,IAAM,cAAc;AAAA,EACzB,CAAC,IAAyC,QAAQ;AAAjD,iBAAE,SAAO,UAAU,UAtDtB,IAsDG,IAAiC,iBAAjC,IAAiC,CAA/B,QAAiB;AAClB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,YAAY,aAAa,IAAI,IAAI,SAAsB;AAAA,SACnE;AAAA,IACN;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}

package/dist/{chunk-PUESATBQ.mjs → chunk-XC3UHH2U.mjs}

@@ -1,6 +1,6 @@
 import {
   BoxComponent
-} from "./chunk-NMMFIRLZ.mjs";
+} from "./chunk-3NL3TOZF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -22,57 +22,43 @@ var WarningBanner = forwardRef(
   }
 );
 WarningBanner.displayName = "WarningBanner";
-var WarningBannerTitle = forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      variant,
-      as: Component = variant === "expandable" ? "button" : "p",
-      children,
-      className
-    } = _b, rest = __objRest(_b, [
-      "variant",
-      "as",
-      "children",
-      "className"
-    ]);
-    const [open, setOpen] = useState(false);
-    if (variant === "expandable") {
-      return /* @__PURE__ */ jsx(
-        Component,
-        __spreadProps(__spreadValues({
-          className: clsx(
-            "hds-warning-banner__title",
-            "hds-warning-banner__title-trigger",
-            { "hds-warning-banner--closed": !open },
-            className
-          ),
-          onClick: () => {
-            setOpen(!open);
-          },
-          ref,
-          type: "button"
-        }, rest), {
-          children: /* @__PURE__ */ jsx("span", { children })
-        })
-      );
-    }
+var WarningBannerTitle = forwardRef((_a, ref) => {
+  var _b = _a, { variant, children, className } = _b, rest = __objRest(_b, ["variant", "children", "className"]);
+  const [open, setOpen] = useState(false);
+  if (variant === "expandable") {
     return /* @__PURE__ */ jsx(
-      Component,
-      __spreadProps(__spreadValues({
-        className: clsx("hds-warning-banner__title", className),
-        ref
-      }, rest), {
-        children
+      "button",
+      __spreadProps(__spreadValues({}, rest), {
+        className: clsx(
+          "hds-warning-banner__title",
+          "hds-warning-banner__title-trigger",
+          { "hds-warning-banner--closed": !open },
+          className
+        ),
+        onClick: () => {
+          setOpen((prev) => !prev);
+        },
+        ref,
+        type: "button",
+        children: /* @__PURE__ */ jsx("span", { children })
       })
     );
   }
-);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx("hds-warning-banner__title", className),
+      ref,
+      children
+    })
+  );
+});
 WarningBannerTitle.displayName = "WarningBannerTitle";
 var WarningBannerDescription = forwardRef(
   (_a, ref) => {
-    var _b = _a, { as: Component = "p", className } = _b, rest = __objRest(_b, ["as", "className"]);
+    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
     return /* @__PURE__ */ jsx(
-      Component,
+      "p",
       __spreadValues({
         className: clsx("hds-warning-banner__description", className),
         ref
@@ -85,4 +71,4 @@ WarningBannerDescription.displayName = "WarningBannerDescription";
 export {
   WarningBanner
 };
-//# sourceMappingURL=chunk-PUESATBQ.mjs.map
+//# sourceMappingURL=chunk-XC3UHH2U.mjs.map

package/dist/chunk-XC3UHH2U.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/warning-banner/warning-banner.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Box } from \"../box\";\n\nexport interface WarningBannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description?: ReactNode;\n}\n\nexport const WarningBanner = forwardRef<HTMLDivElement, WarningBannerProps>(\n  ({ title, description, className, ...rest }, ref) => {\n    const expandable = !!description;\n    return (\n      <Box {...rest} className={clsx(\"hds-warning-banner\", className as undefined)} ref={ref}>\n        <WarningBannerTitle variant={expandable ? \"expandable\" : \"default\"}>\n          {title}\n        </WarningBannerTitle>\n        {expandable ? <WarningBannerDescription>{description}</WarningBannerDescription> : null}\n      </Box>\n    );\n  },\n);\nWarningBanner.displayName = \"WarningBanner\";\n\ntype WarningBannerTitleProps =\n  | ({ variant: \"expandable\" } & React.ButtonHTMLAttributes<HTMLButtonElement>)\n  | ({ variant: \"default\" } & React.HTMLAttributes<HTMLParagraphElement>);\n\nconst WarningBannerTitle = forwardRef<\n  HTMLButtonElement | HTMLParagraphElement,\n  WarningBannerTitleProps\n>(({ variant, children, className, ...rest }, ref) => {\n  const [open, setOpen] = useState<boolean>(false);\n  if (variant === \"expandable\") {\n    return (\n      <button\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        className={clsx(\n          \"hds-warning-banner__title\",\n          \"hds-warning-banner__title-trigger\",\n          { \"hds-warning-banner--closed\": !open },\n          className as undefined,\n        )}\n        onClick={() => {\n          setOpen((prev) => !prev);\n        }}\n        ref={ref as React.Ref<HTMLButtonElement>}\n        type=\"button\"\n      >\n        <span>{children}</span>\n      </button>\n    );\n  }\n  return (\n    <p\n      {...(rest as React.HTMLAttributes<HTMLParagraphElement>)}\n      className={clsx(\"hds-warning-banner__title\", className as undefined)}\n      ref={ref as React.Ref<HTMLParagraphElement>}\n    >\n      {children}\n    </p>\n  );\n});\nWarningBannerTitle.displayName = \"WarningBannerTitle\";\n\ntype WarningBannerDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nconst WarningBannerDescription = forwardRef<HTMLParagraphElement, WarningBannerDescriptionProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <p\n        className={clsx(\"hds-warning-banner__description\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nWarningBannerDescription.displayName = \"WarningBannerDescription\";\n"],"mappings":";;;;;;;;;;AACA,SAAgB,YAAY,gBAAgB;AAC5C,SAAS,YAAY;AAYf,SACE,KADF;AAJC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,IAA4C,QAAQ;AAApD,iBAAE,SAAO,aAAa,UAXzB,IAWG,IAAoC,iBAApC,IAAoC,CAAlC,SAAO,eAAa;AACrB,UAAM,aAAa,CAAC,CAAC;AACrB,WACE,qBAAC,+CAAQ,OAAR,EAAc,WAAW,KAAK,sBAAsB,SAAsB,GAAG,KAC5E;AAAA,0BAAC,sBAAmB,SAAS,aAAa,eAAe,WACtD,iBACH;AAAA,MACC,aAAa,oBAAC,4BAA0B,uBAAY,IAA8B;AAAA,QACrF;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAM5B,IAAM,qBAAqB,WAGzB,CAAC,IAA2C,QAAQ;AAAnD,eAAE,WAAS,UAAU,UAhCxB,IAgCG,IAAmC,iBAAnC,IAAmC,CAAjC,WAAS,YAAU;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,KAAK;AAC/C,MAAI,YAAY,cAAc;AAC5B,WACE;AAAA,MAAC;AAAA,uCACM,OADN;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,EAAE,8BAA8B,CAAC,KAAK;AAAA,UACtC;AAAA,QACF;AAAA,QACA,SAAS,MAAM;AACb,kBAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,QACzB;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QAEL,8BAAC,UAAM,UAAS;AAAA;AAAA,IAClB;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA,qCACM,OADN;AAAA,MAEC,WAAW,KAAK,6BAA6B,SAAsB;AAAA,MACnE;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,mBAAmB,cAAc;AAGjC,IAAM,2BAA2B;AAAA,EAC/B,CAAC,IAAwB,QAAQ;AAAhC,iBAAE,YApEL,IAoEG,IAAgB,iBAAhB,IAAgB,CAAd;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,mCAAmC,SAAsB;AAAA,QACzE;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,yBAAyB,cAAc;","names":[]}

package/dist/{chunk-MKC7HZCM.mjs → chunk-XUWZ4HGD.mjs}

@@ -1,9 +1,9 @@
 import {
   Box
-} from "./chunk-EGXM575K.mjs";
+} from "./chunk-ENKVTAJB.mjs";
 import {
   useMergeRefs
-} from "./chunk-JXA3B33M.mjs";
+} from "./chunk-DEX36MFK.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -13,6 +13,7 @@ import {
 // src/modal/modal.tsx
 import { forwardRef, useEffect, useRef } from "react";
 import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var Modal = forwardRef(
   (_a, ref) => {
@@ -42,24 +43,23 @@ var Modal = forwardRef(
     }
     return /* @__PURE__ */ jsx(
       Box,
-      __spreadProps(__spreadValues({
-        as: "dialog",
+      {
+        asChild: true,
         className: clsx("hds-modal", className),
         closeable: true,
         onClick: onDialogClick,
         onClose: onCloseButtonClick,
-        ref: mergedRef,
-        variant: "white"
-      }, rest), {
-        children
-      })
+        variant: "white",
+        children: /* @__PURE__ */ jsx("dialog", __spreadProps(__spreadValues({ ref: mergedRef }, rest), { children }))
+      }
     );
   }
 );
 Modal.displayName = "Modal";
 var ModalHeader = forwardRef(
   (_a, ref) => {
-    var _b = _a, { as: Component = "h1", className } = _b, rest = __objRest(_b, ["as", "className"]);
+    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
+    const Component = asChild ? Slot : "h1";
     return /* @__PURE__ */ jsx(
       Component,
       __spreadValues({
@@ -72,7 +72,8 @@ var ModalHeader = forwardRef(
 ModalHeader.displayName = "Modal.Header";
 var ModalContent = forwardRef(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", className } = _b, rest = __objRest(_b, ["as", "className"]);
+    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
+    const Component = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
       Component,
       __spreadValues({
@@ -85,7 +86,8 @@ var ModalContent = forwardRef(
 ModalContent.displayName = "Modal.Content";
 var ModalFooter = forwardRef(
   (_a, ref) => {
-    var _b = _a, { as: Component = "footer", className } = _b, rest = __objRest(_b, ["as", "className"]);
+    var _b = _a, { asChild, className } = _b, rest = __objRest(_b, ["asChild", "className"]);
+    const Component = asChild ? Slot : "footer";
     return /* @__PURE__ */ jsx(
       Component,
       __spreadValues({
@@ -124,7 +126,6 @@ export {
   Modal,
   ModalHeader,
   ModalContent,
-  ModalFooter,
-  useScrollLock
+  ModalFooter
 };
-//# sourceMappingURL=chunk-MKC7HZCM.mjs.map
+//# sourceMappingURL=chunk-XUWZ4HGD.mjs.map

package/dist/chunk-XUWZ4HGD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal/modal.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { Box } from \"../box/box\";\nimport { useMergeRefs } from \"../utils\";\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDialogElement> {\n  children: React.ReactNode;\n\n  /**\n   * Controls the open state of the modal\n   */\n  open?: boolean;\n\n  /**\n   * Whether to close when clicking on the backdrop.\n   */\n  closeOnBackdropClick?: boolean;\n}\n\n/**\n * A modal dialog is a window that forces the user to interact with it before they can return to other parts of the application.\n *\n * Uses the native [`dialog`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) element.\n *\n * @example\n * ```tsx\n *   const modalRef = useRef<HTMLDialogElement>(null);\n *   const onClose = () => modalRef.current?.close();\n *\n *   return (\n *     <>\n *       <PrimaryButton onClick={() => modalRef.current?.showModal()}>Open Modal</PrimaryButton>\n *       <Modal ref={modalRef}>\n *         <Modal.Header>Dialog header</Modal.Header>\n *         <Modal.Content>\n *           <p>\n *             Dialog header Dialog description - a description of what is about to happen and maybe\n *             something about the consequences.\n *           </p>\n *         </Modal.Content>\n *         <Modal.Footer>\n *           <HStack gap=\"16\" wrap>\n *             <PrimaryButton onClick={onMainAction}>Main action</PrimaryButton>\n *             <PrimaryButton fill=\"outline\" onClick={onClose}>\n *               Cancel\n *             </PrimaryButton>\n *           </HStack>\n *         </Modal.Footer>\n *       </Modal>\n *     </>\n *   );\n * ```\n */\nexport const Modal = forwardRef<HTMLDialogElement, ModalProps>(\n  ({ children, className, open, closeOnBackdropClick, onClick, ...rest }, ref) => {\n    const modalRef = useRef<HTMLDialogElement>(null);\n    const mergedRef = useMergeRefs([modalRef, ref]);\n\n    // The X close button that comes from the `Box` component\n    function onCloseButtonClick() {\n      modalRef.current?.close();\n      return false;\n    }\n\n    // No scroll when modal is open\n    useScrollLock(modalRef, \"hds-modal-scroll-lock\");\n\n    // `open` prop\n    useEffect(() => {\n      if (modalRef.current && open !== undefined) {\n        if (open && !modalRef.current.open) {\n          modalRef.current.showModal();\n        } else if (!open && modalRef.current.open) {\n          modalRef.current.close();\n        }\n      }\n    }, [modalRef, open]);\n\n    function onDialogClick(e: React.MouseEvent<HTMLElement>) {\n      if (closeOnBackdropClick && e.target === modalRef.current) {\n        modalRef.current.close();\n      }\n      onClick?.(e as React.MouseEvent<HTMLDialogElement>);\n    }\n\n    return (\n      <Box\n        asChild\n        className={clsx(\"hds-modal\", className as undefined)}\n        closeable\n        onClick={onDialogClick}\n        onClose={onCloseButtonClick}\n        variant=\"white\"\n      >\n        <dialog ref={mergedRef} {...rest}>\n          {children}\n        </dialog>\n      </Box>\n    );\n  },\n);\nModal.displayName = \"Modal\";\n\ninterface ModalHeaderProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\nexport const ModalHeader = forwardRef<HTMLHeadingElement, ModalHeaderProps>(\n  ({ asChild, className, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"h1\";\n    return (\n      <Component\n        className={clsx(\"hds-modal__header\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nModalHeader.displayName = \"Modal.Header\";\n\ninterface ModalContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n  ({ asChild, className, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"div\";\n    return (\n      <Component\n        className={clsx(\"hds-modal__content\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nModalContent.displayName = \"Modal.Content\";\n\ninterface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n}\nexport const ModalFooter = forwardRef<HTMLDivElement, ModalFooterProps>(\n  ({ asChild, className, ...rest }, ref) => {\n    const Component = asChild ? Slot : \"footer\";\n    return (\n      <Component\n        className={clsx(\"hds-modal__footer\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nModalFooter.displayName = \"Modal.Footer\";\n\nfunction useScrollLock(modalRef: React.RefObject<HTMLDialogElement>, bodyClass: string) {\n  useEffect(() => {\n    if (!modalRef.current) return;\n    if (modalRef.current.open) document.body.classList.add(bodyClass);\n\n    const observer = new MutationObserver(() => {\n      if (modalRef.current?.open) document.body.classList.add(bodyClass);\n      else document.body.classList.remove(bodyClass);\n    });\n    observer.observe(modalRef.current, {\n      attributes: true,\n      attributeFilter: [\"open\"],\n    });\n    return () => {\n      observer.disconnect();\n      document.body.classList.remove(bodyClass);\n    };\n  }, [bodyClass, modalRef]);\n}\n"],"mappings":"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","names":["_a"]}

package/dist/{chunk-GGEQEVZ4.mjs → chunk-YSFZCRWS.mjs}

@@ -19,4 +19,4 @@ Breadcrumbs.displayName = "Breadcrumbs";
 export {
   Breadcrumbs
 };
-//# sourceMappingURL=chunk-GGEQEVZ4.mjs.map
+//# sourceMappingURL=chunk-YSFZCRWS.mjs.map

package/dist/chunk-YSFZCRWS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n  children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n  /**\n   * Props passed to the `ol` html element\n   */\n  olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * @example\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n *   <li><Link href=\"../\">Previous page</Link></li>\n *   <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n *   <ol>\n *     <li><a href=\"../\">Previous page</a></li>\n *     <li aria-current=\"page\">Current page</li>\n *   </ol>\n * </nav>\n * ```\n */\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  ({ olProps, children, ...rest }, ref) => {\n    return (\n      <nav ref={ref} {...rest}>\n        <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n          {children}\n        </ol>\n      </nav>\n    );\n  },\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;AAAA,SAAS,kBAA0E;AACnF,SAAS,YAAY;AAsCb;AAJD,IAAM,cAAc;AAAA,EACzB,CAAC,IAAgC,QAAQ;AAAxC,iBAAE,WAAS,SApCd,IAoCG,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACV,WACE,oBAAC,sCAAI,OAAc,OAAlB,EACC,8BAAC,uCAAO,UAAP,EAAgB,WAAW,KAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}

package/dist/{chunk-XYIY6FHW.mjs → chunk-ZMLHJZQK.mjs}

@@ -1,15 +1,15 @@
-import {
-  AccordionContent
-} from "./chunk-GUB3UCXO.mjs";
-import {
-  AccordionHeader
-} from "./chunk-YXHXRUFX.mjs";
 import {
   AccordionItem
-} from "./chunk-62F4I3MQ.mjs";
+} from "./chunk-A2H2LAII.mjs";
 import {
   Accordion
-} from "./chunk-VRIY65P5.mjs";
+} from "./chunk-KPGSRU4I.mjs";
+import {
+  AccordionContent
+} from "./chunk-2UWPZNXC.mjs";
+import {
+  AccordionHeader
+} from "./chunk-3EFAPJ3H.mjs";
 
 // src/accordion/index.tsx
 var AccordionComponent = Accordion;
@@ -20,4 +20,4 @@ AccordionComponent.Content = AccordionContent;
 export {
   AccordionComponent
 };
-//# sourceMappingURL=chunk-XYIY6FHW.mjs.map
+//# sourceMappingURL=chunk-ZMLHJZQK.mjs.map

package/dist/description-list/description-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/description-list/description-list.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n  /**\n   * Either `DescriptionDetails` or `DescriptionTerm` elements\n   */\n  children?: ReactNode;\n  /**\n   * Direction of the description list\n   */\n  variant?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * Uses the HTML5 `<dl>` element\n *\n * Pass in corresponding `<dt>` and `<dd>` elements as children\n *\n * ```tsx\n * <DescriptionList>\n *   <dt>Vekt</dt>\n *   <dd>12 kg</dd>\n *   <dt>Antall kolli</dt>\n *   <dd>2</dd>\n * </DescriptionList>\n * ```\n *\n * Optionally wrap them in `<div>` elements as allowed by the HTML5 spec\n *\n * ```tsx\n * <DescriptionList>\n *   <div>\n *     <dt>Vekt</dt>\n *     <dd>12 kg</dd>\n *   </div>\n *   <div>\n *     <dt>Antall kolli</dt>\n *     <dd>2</dd>\n *   </div>\n * </DescriptionList>\n * ```\n */\nexport const DescriptionList = forwardRef<HTMLDListElement, DescriptionListProps>(\n  ({ variant = \"vertical\", className, ...rest }, ref) => {\n    return (\n      <dl\n        ref={ref}\n        className={clsx(\n          \"hds-description-list\",\n          {\n            \"hds-description-list--horizontal\": variant === \"horizontal\",\n          },\n          className as undefined,\n        )}\n        {...rest}\n      />\n    );\n  },\n);\nDescriptionList.displayName = \"DescriptionList\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AAChE,6BAAqB;AA6Cf;AAHC,IAAM,sBAAkB;AAAA,EAC7B,CAAC,IAA8C,QAAQ;AAAtD,iBAAE,YAAU,YAAY,UA5C3B,IA4CG,IAAsC,iBAAtC,IAAsC,CAApC,WAAsB;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,oCAAoC,YAAY;AAAA,UAClD;AAAA,UACA;AAAA,QACF;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../src/description-list/description-list.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n  /**\n   * Either `dt`, `dl`, or `div` elements\n   */\n  children?: ReactNode;\n  /**\n   * Direction of the description list\n   */\n  variant?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * Uses the HTML5 `<dl>` element\n *\n * Pass in corresponding `<dt>` and `<dd>` elements as children\n *\n * ```tsx\n * <DescriptionList>\n *   <dt>Vekt</dt>\n *   <dd>12 kg</dd>\n *   <dt>Antall kolli</dt>\n *   <dd>2</dd>\n * </DescriptionList>\n * ```\n *\n * Optionally wrap them in `<div>` elements as allowed by the HTML5 spec\n *\n * ```tsx\n * <DescriptionList>\n *   <div>\n *     <dt>Vekt</dt>\n *     <dd>12 kg</dd>\n *   </div>\n *   <div>\n *     <dt>Antall kolli</dt>\n *     <dd>2</dd>\n *   </div>\n * </DescriptionList>\n * ```\n */\nexport const DescriptionList = forwardRef<HTMLDListElement, DescriptionListProps>(\n  ({ variant = \"vertical\", className, ...rest }, ref) => {\n    return (\n      <dl\n        ref={ref}\n        className={clsx(\n          \"hds-description-list\",\n          {\n            \"hds-description-list--horizontal\": variant === \"horizontal\",\n          },\n          className as undefined,\n        )}\n        {...rest}\n      />\n    );\n  },\n);\nDescriptionList.displayName = \"DescriptionList\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AAChE,6BAAqB;AA6Cf;AAHC,IAAM,sBAAkB;AAAA,EAC7B,CAAC,IAA8C,QAAQ;AAAtD,iBAAE,YAAU,YAAY,UA5C3B,IA4CG,IAAsC,iBAAtC,IAAsC,CAApC,WAAsB;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,oCAAoC,YAAY;AAAA,UAClD;AAAA,UACA;AAAA,QACF;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}

package/dist/description-list/description-list.mjs

@@ -1,6 +1,6 @@
 import {
   DescriptionList
-} from "../chunk-Z753E3XF.mjs";
+} from "../chunk-HMATZX4A.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   DescriptionList

package/dist/description-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/description-list/index.tsx","../../src/description-list/description-list.tsx"],"sourcesContent":["export { DescriptionList } from \"./description-list\";\nexport type * from \"./description-list\";\n","import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n  /**\n   * Either `DescriptionDetails` or `DescriptionTerm` elements\n   */\n  children?: ReactNode;\n  /**\n   * Direction of the description list\n   */\n  variant?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * Uses the HTML5 `<dl>` element\n *\n * Pass in corresponding `<dt>` and `<dd>` elements as children\n *\n * ```tsx\n * <DescriptionList>\n *   <dt>Vekt</dt>\n *   <dd>12 kg</dd>\n *   <dt>Antall kolli</dt>\n *   <dd>2</dd>\n * </DescriptionList>\n * ```\n *\n * Optionally wrap them in `<div>` elements as allowed by the HTML5 spec\n *\n * ```tsx\n * <DescriptionList>\n *   <div>\n *     <dt>Vekt</dt>\n *     <dd>12 kg</dd>\n *   </div>\n *   <div>\n *     <dt>Antall kolli</dt>\n *     <dd>2</dd>\n *   </div>\n * </DescriptionList>\n * ```\n */\nexport const DescriptionList = forwardRef<HTMLDListElement, DescriptionListProps>(\n  ({ variant = \"vertical\", className, ...rest }, ref) => {\n    return (\n      <dl\n        ref={ref}\n        className={clsx(\n          \"hds-description-list\",\n          {\n            \"hds-description-list--horizontal\": variant === \"horizontal\",\n          },\n          className as undefined,\n        )}\n        {...rest}\n      />\n    );\n  },\n);\nDescriptionList.displayName = \"DescriptionList\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAgE;AAChE,6BAAqB;AA6Cf;AAHC,IAAM,sBAAkB;AAAA,EAC7B,CAAC,IAA8C,QAAQ;AAAtD,iBAAE,YAAU,YAAY,UA5C3B,IA4CG,IAAsC,iBAAtC,IAAsC,CAApC,WAAsB;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,oCAAoC,YAAY;AAAA,UAClD;AAAA,UACA;AAAA,QACF;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../src/description-list/index.tsx","../../src/description-list/description-list.tsx"],"sourcesContent":["export { DescriptionList } from \"./description-list\";\nexport type * from \"./description-list\";\n","import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n  /**\n   * Either `dt`, `dl`, or `div` elements\n   */\n  children?: ReactNode;\n  /**\n   * Direction of the description list\n   */\n  variant?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * Uses the HTML5 `<dl>` element\n *\n * Pass in corresponding `<dt>` and `<dd>` elements as children\n *\n * ```tsx\n * <DescriptionList>\n *   <dt>Vekt</dt>\n *   <dd>12 kg</dd>\n *   <dt>Antall kolli</dt>\n *   <dd>2</dd>\n * </DescriptionList>\n * ```\n *\n * Optionally wrap them in `<div>` elements as allowed by the HTML5 spec\n *\n * ```tsx\n * <DescriptionList>\n *   <div>\n *     <dt>Vekt</dt>\n *     <dd>12 kg</dd>\n *   </div>\n *   <div>\n *     <dt>Antall kolli</dt>\n *     <dd>2</dd>\n *   </div>\n * </DescriptionList>\n * ```\n */\nexport const DescriptionList = forwardRef<HTMLDListElement, DescriptionListProps>(\n  ({ variant = \"vertical\", className, ...rest }, ref) => {\n    return (\n      <dl\n        ref={ref}\n        className={clsx(\n          \"hds-description-list\",\n          {\n            \"hds-description-list--horizontal\": variant === \"horizontal\",\n          },\n          className as undefined,\n        )}\n        {...rest}\n      />\n    );\n  },\n);\nDescriptionList.displayName = \"DescriptionList\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAgE;AAChE,6BAAqB;AA6Cf;AAHC,IAAM,sBAAkB;AAAA,EAC7B,CAAC,IAA8C,QAAQ;AAAtD,iBAAE,YAAU,YAAY,UA5C3B,IA4CG,IAAsC,iBAAtC,IAAsC,CAApC,WAAsB;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,oCAAoC,YAAY;AAAA,UAClD;AAAA,UACA;AAAA,QACF;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}

package/dist/description-list/index.mjs

@@ -1,7 +1,7 @@
 import "../chunk-2YL2MVWN.mjs";
 import {
   DescriptionList
-} from "../chunk-Z753E3XF.mjs";
+} from "../chunk-HMATZX4A.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   DescriptionList

package/dist/footer/footer.d.mts

@@ -1,7 +1,7 @@
 export { FooterProps_alias_2 as FooterProps } from '../_tsup-dts-rollup';
 export { Footer_alias_2 as Footer } from '../_tsup-dts-rollup';
+export { FooterLogo_alias_2 as FooterLogo } from '../_tsup-dts-rollup';
 export { FooterButtonLinkProps_alias_2 as FooterButtonLinkProps } from '../_tsup-dts-rollup';
 export { FooterButtonLink_alias_2 as FooterButtonLink } from '../_tsup-dts-rollup';
-export { FooterLogo_alias_2 as FooterLogo } from '../_tsup-dts-rollup';
 export { FooterLinkSections_alias_2 as FooterLinkSections } from '../_tsup-dts-rollup';
 export { FooterLinkSection_alias_2 as FooterLinkSection } from '../_tsup-dts-rollup';

package/dist/footer/footer.d.ts

@@ -1,7 +1,7 @@
 export { FooterProps_alias_2 as FooterProps } from '../_tsup-dts-rollup';
 export { Footer_alias_2 as Footer } from '../_tsup-dts-rollup';
+export { FooterLogo_alias_2 as FooterLogo } from '../_tsup-dts-rollup';
 export { FooterButtonLinkProps_alias_2 as FooterButtonLinkProps } from '../_tsup-dts-rollup';
 export { FooterButtonLink_alias_2 as FooterButtonLink } from '../_tsup-dts-rollup';
-export { FooterLogo_alias_2 as FooterLogo } from '../_tsup-dts-rollup';
 export { FooterLinkSections_alias_2 as FooterLinkSections } from '../_tsup-dts-rollup';
 export { FooterLinkSection_alias_2 as FooterLinkSection } from '../_tsup-dts-rollup';