@postenbring/hedwig-react 0.0.71 → 0.0.72

package/dist/{chunk-OUHO4LGN.mjs → chunk-BWFFP6BB.mjs}

@@ -29,9 +29,6 @@ var BaseButton = forwardRef(
       "icon",
       "className"
     ]);
-    if (fill === "outlined") {
-      console.warn("The `fill` value `outlined` is deprecated, use `fill='outline'` instead");
-    }
     return /* @__PURE__ */ jsxs(
       Component,
       __spreadProps(__spreadValues({
@@ -40,7 +37,7 @@ var BaseButton = forwardRef(
           `hds-button--${size}`,
           {
             [`hds-button--${variant}`]: fill === "contained",
-            [`hds-button--outline-${variant}`]: fill === "outline" || fill === "outlined",
+            [`hds-button--outline-${variant}`]: fill === "outline",
             "hds-button--full": fullWidth === true,
             "hds-button--mobile-full": fullWidth === "mobile",
             "hds-button--icon-only": icon && !children
@@ -76,4 +73,4 @@ export {
   PrimaryButton,
   SecondaryButton
 };
-//# sourceMappingURL=chunk-OUHO4LGN.mjs.map
+//# sourceMappingURL=chunk-BWFFP6BB.mjs.map

package/dist/chunk-BWFFP6BB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The height, font size and padding of the button\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * The background fill of the button\n   */\n  fill?: \"contained\" | \"outline\";\n\n  /**\n   * Make the button use 100% width available.\n   * Using the \"mobile\" it only stretch to full width on smaller screens\n   */\n  fullWidth?: boolean | \"mobile\";\n\n  /**\n   * Use an icon inside the button\n   */\n  icon?: React.ReactNode;\n\n  children?: React.ReactNode;\n}\n\nexport const BaseButton: OverridableComponent<\n  ButtonProps & { variant: \"primary\" | \"secondary\" },\n  HTMLButtonElement\n> = forwardRef(\n  (\n    {\n      as: Component = \"button\",\n      children,\n      variant,\n      size = \"medium\",\n      fullWidth = false,\n      fill = \"contained\",\n      icon,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        className={clsx(\n          \"hds-button\",\n          `hds-button--${size}`,\n          {\n            [`hds-button--${variant}`]: fill === \"contained\",\n            [`hds-button--outline-${variant}`]: fill === \"outline\",\n            \"hds-button--full\": fullWidth === true,\n            \"hds-button--mobile-full\": fullWidth === \"mobile\",\n            \"hds-button--icon-only\": icon && !children,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {icon && !children ? icon : null}\n        {children}\n      </Component>\n    );\n  },\n);\nBaseButton.displayName = \"BaseButton\";\n\n/**\n * ## TODO\n *\n * - [x] Handle links that looks like buttons\n * - [ ] Revisit how to handle outline\n * - [ ] Figure out outline-white\n */\n\nexport const PrimaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"primary\" />;\n  },\n);\n\nPrimaryButton.displayName = \"PrimaryButton\";\n\nexport const SecondaryButton: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} variant=\"secondary\" />;\n  },\n);\n\nSecondaryButton.displayName = \"SecondaryButton\";\n"],"mappings":";;;;;;;AAAA,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AA+Cf,SAkCK,KAlCL;AAnBC,IAAM,aAGT;AAAA,EACF,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IA1CN,IAkCI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,eAAe,IAAI;AAAA,UACnB;AAAA,YACE,CAAC,eAAe,OAAO,EAAE,GAAG,SAAS;AAAA,YACrC,CAAC,uBAAuB,OAAO,EAAE,GAAG,SAAS;AAAA,YAC7C,oBAAoB,cAAc;AAAA,YAClC,2BAA2B,cAAc;AAAA,YACzC,yBAAyB,QAAQ,CAAC;AAAA,UACpC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,SACI,OAdL;AAAA,QAgBE;AAAA,kBAAQ,CAAC,WAAW,OAAO;AAAA,UAC3B;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAUlB,IAAM,gBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,kBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/chunk-CFAH2LID.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-CFAH2LID.mjs.map

package/dist/{chunk-ZRFDCZ62.mjs → chunk-CSFSJGLY.mjs}

@@ -1,7 +1,3 @@
-import {
-  TabsContent,
-  TabsContents
-} from "./chunk-UWTGHSWT.mjs";
 import {
   TabsList,
   TabsTab
@@ -9,6 +5,10 @@ import {
 import {
   Tabs
 } from "./chunk-XVFQWVHO.mjs";
+import {
+  TabsContent,
+  TabsContents
+} from "./chunk-UWTGHSWT.mjs";
 
 // src/tabs/index.tsx
 var TabsComponent = Tabs;
@@ -20,4 +20,4 @@ TabsComponent.Content = TabsContent;
 export {
   TabsComponent
 };
-//# sourceMappingURL=chunk-ZRFDCZ62.mjs.map
+//# sourceMappingURL=chunk-CSFSJGLY.mjs.map

package/dist/{chunk-K2HG7WRK.mjs → chunk-CU56G5WS.mjs}

@@ -4,7 +4,7 @@ import {
   FooterLinkSection,
   FooterLinkSections,
   FooterLogo
-} from "./chunk-O32FZU7E.mjs";
+} from "./chunk-BFNITN5E.mjs";
 
 // src/footer/index.tsx
 var FooterComponent = Footer;
@@ -16,4 +16,4 @@ FooterComponent.LinkSection = FooterLinkSection;
 export {
   FooterComponent
 };
-//# sourceMappingURL=chunk-K2HG7WRK.mjs.map
+//# sourceMappingURL=chunk-CU56G5WS.mjs.map

package/dist/chunk-E5O6ID3L.mjs

@@ -0,0 +1,54 @@
+import {
+  BoxComponent
+} from "./chunk-NMMFIRLZ.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/help-text/help-text.tsx
+import * as Popover from "@radix-ui/react-popover";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var HelpText = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className, word, title, side = "top", align = "start", boxProps } = _b, rest = __objRest(_b, ["children", "className", "word", "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__ */ jsxs(Popover.Root, { children: [
+        /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          __spreadProps(__spreadValues({
+            ref,
+            className: clsx("hds-help-text-button", className),
+            title,
+            type: "button"
+          }, rest), {
+            children: word
+          })
+        ) }),
+        /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Content, { asChild: true, side, align, children: /* @__PURE__ */ jsxs(
+          BoxComponent,
+          __spreadProps(__spreadValues({}, boxProps), {
+            className: clsx("hds-help-text-box", boxProps == null ? void 0 : boxProps.className),
+            children: [
+              /* @__PURE__ */ jsx(Popover.Close, { asChild: true, children: /* @__PURE__ */ jsx(BoxComponent.CloseButton, {}) }),
+              children
+            ]
+          })
+        ) }) })
+      ] })
+    );
+  }
+);
+HelpText.displayName = "HelpText";
+
+export {
+  HelpText
+};
+//# sourceMappingURL=chunk-E5O6ID3L.mjs.map

package/dist/chunk-E5O6ID3L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/help-text/help-text.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef } from \"react\";\nimport { Box } from \"../box\";\n\ninterface HelpTextProps extends React.HTMLAttributes<HTMLButtonElement> {\n  className?: string;\n\n  /**\n   * The content of the help text\n   */\n  children: React.ReactNode;\n\n  /**\n   * The word that should be clickable to show the help text\n   */\n  word?: React.ReactNode;\n\n  /**\n   * The title of the help text. Used by screen readers and if the user hover over the help text\n   */\n  title?: string;\n\n  /**\n   * Props for the `Box` that contains the help text\n   */\n  boxProps?: React.ComponentProps<typeof Box>;\n\n  /**\n   * The side of the trigger the popover should be attached to\n   *\n   * default is `top`\n   */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n\n  /**\n   * The alignment of the popover content\n   *\n   * default is `start`\n   */\n  align?: \"center\" | \"end\" | \"start\";\n}\n\n/**\n * Show a help text for a word or phrase when clicked\n *\n * Useful for providing explanations for domain-specific terms or acronyms\n */\nexport const HelpText = forwardRef<HTMLButtonElement, HelpTextProps>(\n  ({ children, className, word, title, side = \"top\", align = \"start\", boxProps, ...rest }, ref) => {\n    return (\n      // NOTE: Using radix's [Popover component](https://www.radix-ui.com/primitives/docs/components/popover)\n      // In the future we can use the native popover api, but as of writing, though all browsers support it\n      // it's not far enough back to be used in production\n      // https://caniuse.com/mdn-html_elements_input_popovertarget\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            ref={ref}\n            className={clsx(\"hds-help-text-button\", className as undefined)}\n            title={title}\n            type=\"button\"\n            {...rest}\n          >\n            {word}\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content asChild side={side} align={align}>\n            <Box\n              {...boxProps}\n              className={clsx(\"hds-help-text-box\", boxProps?.className as undefined)}\n            >\n              <Popover.Close asChild>\n                <Box.CloseButton />\n              </Popover.Close>\n              {children}\n            </Box>\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    );\n  },\n);\nHelpText.displayName = \"HelpText\";\n"],"mappings":";;;;;;;;;;AAAA,YAAY,aAAa;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAuDjB,cAYE,YAZF;AATH,IAAM,WAAW;AAAA,EACtB,CAAC,IAAwF,QAAQ;AAAhG,iBAAE,YAAU,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,SAAS,SAjDtE,IAiDG,IAAgF,iBAAhF,IAAgF,CAA9E,YAAU,aAAW,QAAM,SAAO,QAAc,SAAiB;AAClE;AAAA;AAAA;AAAA;AAAA;AAAA,MAKE,qBAAS,cAAR,EACC;AAAA,4BAAS,iBAAR,EAAgB,SAAO,MACtB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,KAAK,wBAAwB,SAAsB;AAAA,YAC9D;AAAA,YACA,MAAK;AAAA,aACD,OALL;AAAA,YAOE;AAAA;AAAA,QACH,GACF;AAAA,QACA,oBAAS,gBAAR,EACC,8BAAS,iBAAR,EAAgB,SAAO,MAAC,MAAY,OACnC;AAAA,UAAC;AAAA,2CACK,WADL;AAAA,YAEC,WAAW,KAAK,qBAAqB,qCAAU,SAAsB;AAAA,YAErE;AAAA,kCAAS,eAAR,EAAc,SAAO,MACpB,8BAAC,aAAI,aAAJ,EAAgB,GACnB;AAAA,cACC;AAAA;AAAA;AAAA,QACH,GACF,GACF;AAAA,SACF;AAAA;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/chunk-EMI7NAO2.mjs

@@ -0,0 +1,45 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/table/table.tsx
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { forwardRef, useId } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Table = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className, size, caption, description } = _b, rest = __objRest(_b, ["children", "className", "size", "caption", "description"]);
+    const descriptionId = useId();
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "table",
+        __spreadProps(__spreadValues({
+          "aria-describedby": description ? descriptionId : void 0,
+          ref,
+          className: clsx(
+            "hds-table",
+            {
+              "hds-table--compressed": size === "compressed",
+              "hds-table--mobile-compressed": size === "mobile-compressed"
+            },
+            className
+          )
+        }, rest), {
+          children: [
+            caption ? /* @__PURE__ */ jsx("caption", { children: caption }) : null,
+            children
+          ]
+        })
+      ),
+      description ? /* @__PURE__ */ jsx("p", { className: clsx("hds-table-description"), id: descriptionId, children: description }) : null
+    ] });
+  }
+);
+Table.displayName = "Table";
+
+export {
+  Table
+};
+//# sourceMappingURL=chunk-EMI7NAO2.mjs.map

package/dist/chunk-EMI7NAO2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/table/table.tsx"],"sourcesContent":["import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef, useId } from \"react\";\n\ninterface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  className?: string;\n\n  /**\n   * Size of the table\n   *\n   * Use `compressed` for a more compact table, or `mobile-compressed` for a compact table on mobile screens only.\n   */\n  size?: \"default\" | \"compressed\" | \"mobile-compressed\";\n\n  /**\n   * The table caption\n   *\n   * You can also set this by passing `<caption>` as a first child of the table\n   */\n  caption?: React.ReactNode;\n\n  /**\n   * Optional description of the table displayed underneath the table\n   *\n   * Ensures the `aria-describedby` attribute is set on the table, making it accessible for screen readers.\n   */\n  description?: React.ReactNode;\n}\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  ({ children, className, size, caption, description, ...rest }, ref) => {\n    const descriptionId = useId();\n    return (\n      <>\n        <table\n          aria-describedby={description ? descriptionId : undefined}\n          ref={ref}\n          className={clsx(\n            \"hds-table\",\n            {\n              \"hds-table--compressed\": size === \"compressed\",\n              \"hds-table--mobile-compressed\": size === \"mobile-compressed\",\n            },\n            className as undefined,\n          )}\n          {...rest}\n        >\n          {caption ? <caption>{caption}</caption> : null}\n          {children}\n        </table>\n        {description ? (\n          <p className={clsx(\"hds-table-description\")} id={descriptionId}>\n            {description}\n          </p>\n        ) : null}\n      </>\n    );\n  },\n);\nTable.displayName = \"Table\";\n"],"mappings":";;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,YAAY,aAAa;AA+B5B,mBAce,KAbb,YADF;AAJC,IAAM,QAAQ;AAAA,EACnB,CAAC,IAA8D,QAAQ;AAAtE,iBAAE,YAAU,WAAW,MAAM,SAAS,YA7BzC,IA6BG,IAAsD,iBAAtD,IAAsD,CAApD,YAAU,aAAW,QAAM,WAAS;AACrC,UAAM,gBAAgB,MAAM;AAC5B,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,oBAAkB,cAAc,gBAAgB;AAAA,UAChD;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,yBAAyB,SAAS;AAAA,cAClC,gCAAgC,SAAS;AAAA,YAC3C;AAAA,YACA;AAAA,UACF;AAAA,WACI,OAXL;AAAA,UAaE;AAAA,sBAAU,oBAAC,aAAS,mBAAQ,IAAa;AAAA,YACzC;AAAA;AAAA;AAAA,MACH;AAAA,MACC,cACC,oBAAC,OAAE,WAAW,KAAK,uBAAuB,GAAG,IAAI,eAC9C,uBACH,IACE;AAAA,OACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/chunk-GGEQEVZ4.mjs

@@ -0,0 +1,22 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/breadcrumbs/breadcrumbs.tsx
+import { forwardRef } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { jsx } from "react/jsx-runtime";
+var Breadcrumbs = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);
+    return /* @__PURE__ */ jsx("nav", __spreadProps(__spreadValues({ ref }, rest), { children: /* @__PURE__ */ jsx("ol", __spreadProps(__spreadValues({}, olProps), { className: clsx("hds-breadcrumbs", olProps == null ? void 0 : olProps.className), children })) }));
+  }
+);
+Breadcrumbs.displayName = "Breadcrumbs";
+
+export {
+  Breadcrumbs
+};
+//# sourceMappingURL=chunk-GGEQEVZ4.mjs.map

package/dist/chunk-GGEQEVZ4.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 * **Usage**\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-HSIL53A5.mjs

@@ -0,0 +1,118 @@
+import {
+  useMergeRefs
+} from "./chunk-ZL56N4UK.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/utilities/auto-animate-height.tsx
+import { cloneElement, forwardRef, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AutoAnimateHeight = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      as: Component = "div",
+      children,
+      style,
+      animationDuration = "quick",
+      animationEasing = "normal",
+      onTransitionEnd
+    } = _b, rest = __objRest(_b, [
+      "as",
+      "children",
+      "style",
+      "animationDuration",
+      "animationEasing",
+      "onTransitionEnd"
+    ]);
+    var _a2, _b2;
+    const rootRef = useRef(null);
+    const mergedRef = useMergeRefs([rootRef, ref]);
+    const measurementRef = useRef(null);
+    const [height, setHeight] = useState(
+      void 0
+    );
+    const [clonedChildren, setClonedChildren] = useState(
+      () => cloneElement(/* @__PURE__ */ jsx(Fragment, { children }), {})
+    );
+    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 = cloneElement(/* @__PURE__ */ jsx(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__ */ jsxs(
+      Component,
+      __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__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              ref: measurementRef,
+              style: {
+                position: "absolute",
+                visibility: "hidden"
+              },
+              children
+            }
+          ),
+          clonedChildren
+        ]
+      })
+    );
+  }
+);
+AutoAnimateHeight.displayName = "AutoAnimateHeight";
+
+export {
+  AutoAnimateHeight
+};
+//# sourceMappingURL=chunk-HSIL53A5.mjs.map

package/dist/chunk-HSIL53A5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/auto-animate-height.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useEffect, useRef, useState } from \"react\";\nimport { useMergeRefs, type OverridableComponent } from \"../utils\";\n\nexport interface AutoAnimateHeightProps {\n  /**\n   * Time of the animation, using the hedwig animation tokens\n   * quick: 0.1s\n   * normal: 0.3s\n   * slow: 0.7s\n   *\n   * default is \"quick\"\n   */\n  animationDuration?: \"quick\" | \"normal\" | \"slow\";\n\n  /**\n   * Callback fired when animiation transition ends\n   * Use this to do effects after resizing is done, e.g. scrolling to the element\n   * using `element.scrollIntoView()`\n   */\n  onTransitionEnd?: () => void;\n\n  /**\n   * Which hedwig easing function to use, default is \"normal\"\n   */\n  animationEasing?: \"in\" | \"out\" | \"normal\";\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n}\n\n/**\n * Helper component to animate the height of the children when they change\n * It's done by rendering two versions of the passed children,\n * one hidden to measure the height and one visible to only changes after the height is measured.\n *\n * **IMPORTANT** Do not pass any components with effects (like data fetching), as they will trigger twice.\n */\nexport const AutoAnimateHeight: OverridableComponent<AutoAnimateHeightProps, HTMLDivElement> =\n  forwardRef(\n    (\n      {\n        as: Component = \"div\",\n        children,\n        style,\n        animationDuration = \"quick\",\n        animationEasing = \"normal\",\n        onTransitionEnd,\n        ...rest\n      },\n      ref,\n    ) => {\n      const rootRef = useRef<HTMLDivElement>(null);\n      const mergedRef = useMergeRefs([rootRef, ref]);\n      const measurementRef = useRef<HTMLDivElement>(null);\n      const [height, setHeight] = useState<{ height: number; shouldAnimate: boolean } | undefined>(\n        undefined,\n      );\n      const [clonedChildren, setClonedChildren] = useState<React.ReactNode>(() =>\n        cloneElement(<>{children}</>, {}),\n      );\n\n      useEffect(() => {\n        if (!rootRef.current) return;\n        if (!measurementRef.current) return;\n        if (document.body.scrollHeight === 0) return;\n        const currentMeasurement = measurementRef.current;\n        const { height: newHeight } = currentMeasurement.getBoundingClientRect();\n\n        // Listen for resize events on the measurement element\n        // Keep the children in sync with the height\n        // But don't animate it.\n        let previouslyObservedHeight = newHeight;\n        const resizeObserver = new ResizeObserver(() => {\n          const { height: resizedHeight } = currentMeasurement.getBoundingClientRect();\n          if (resizedHeight === previouslyObservedHeight) return;\n          previouslyObservedHeight = resizedHeight;\n          setHeight({ height: resizedHeight, shouldAnimate: false });\n        });\n        resizeObserver.observe(currentMeasurement); // This is cleaned up down below in the return functions\n\n        // Set the new height when children changes\n        setHeight({ height: newHeight, shouldAnimate: true });\n\n        // Update children\n        const nextClonedChildren = cloneElement(<>{children}</>, {});\n\n        // When increasing in height update immediately so the new content is shown during the animation\n        if (newHeight >= (height?.height ?? 0)) {\n          setClonedChildren(nextClonedChildren);\n          return () => {\n            resizeObserver.disconnect();\n          };\n        }\n\n        // When decreasing in height, wait until the animation is done so that we don't get a sudden flash of empty content\n        const currentRoot = rootRef.current;\n        function onTransitionEndHandler(e: TransitionEvent) {\n          if (e.propertyName !== \"height\") return;\n          setClonedChildren(nextClonedChildren);\n        }\n        currentRoot.addEventListener(\"transitionend\", onTransitionEndHandler);\n        return () => {\n          resizeObserver.disconnect();\n          currentRoot.removeEventListener(\"transitionend\", onTransitionEndHandler);\n        };\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps -- I know better\n      }, [children]);\n\n      return (\n        <Component\n          ref={mergedRef}\n          onTransitionEnd={onTransitionEnd}\n          style={{\n            position: \"relative\",\n            overflow: \"hidden\",\n            height: height?.height ?? measurementRef.current?.getBoundingClientRect().height,\n            transitionProperty: height?.shouldAnimate ? \"height\" : \"none\",\n            transitionDuration: `var(--hds-micro-animation-duration-${animationDuration})`,\n            transitionTimingFunction: `var(--hds-micro-animation-easing-${animationEasing})`,\n            willChange: \"height\",\n            ...style,\n          }}\n          {...rest}\n        >\n          <div\n            aria-hidden\n            ref={measurementRef}\n            style={{\n              position: \"absolute\",\n              visibility: \"hidden\",\n            }}\n          >\n            {children}\n          </div>\n          {clonedChildren}\n        </Component>\n      );\n    },\n  );\nAutoAnimateHeight.displayName = \"AutoAnimateHeight\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,cAAc,YAAY,WAAW,QAAQ,gBAAgB;AAyDjD,wBAoDb,YApDa;AArBd,IAAM,oBACX;AAAA,EACE,CACE,IASA,QACG;AAVH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,oBAAoB;AAAA,MACpB,kBAAkB;AAAA,MAClB;AAAA,IA7CR,IAuCM,IAOK,iBAPL,IAOK;AAAA,MANH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AA7CR,QAAAA,KAAAC;AAkDM,UAAM,UAAU,OAAuB,IAAI;AAC3C,UAAM,YAAY,aAAa,CAAC,SAAS,GAAG,CAAC;AAC7C,UAAM,iBAAiB,OAAuB,IAAI;AAClD,UAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,MAC1B;AAAA,IACF;AACA,UAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,MAA0B,MACpE,aAAa,gCAAG,UAAS,GAAK,CAAC,CAAC;AAAA,IAClC;AAEA,cAAU,MAAM;AA5DtB,UAAAD;AA6DQ,UAAI,CAAC,QAAQ;AAAS;AACtB,UAAI,CAAC,eAAe;AAAS;AAC7B,UAAI,SAAS,KAAK,iBAAiB;AAAG;AACtC,YAAM,qBAAqB,eAAe;AAC1C,YAAM,EAAE,QAAQ,UAAU,IAAI,mBAAmB,sBAAsB;AAKvE,UAAI,2BAA2B;AAC/B,YAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,cAAM,EAAE,QAAQ,cAAc,IAAI,mBAAmB,sBAAsB;AAC3E,YAAI,kBAAkB;AAA0B;AAChD,mCAA2B;AAC3B,kBAAU,EAAE,QAAQ,eAAe,eAAe,MAAM,CAAC;AAAA,MAC3D,CAAC;AACD,qBAAe,QAAQ,kBAAkB;AAGzC,gBAAU,EAAE,QAAQ,WAAW,eAAe,KAAK,CAAC;AAGpD,YAAM,qBAAqB,aAAa,gCAAG,UAAS,GAAK,CAAC,CAAC;AAG3D,UAAI,eAAcA,MAAA,iCAAQ,WAAR,OAAAA,MAAkB,IAAI;AACtC,0BAAkB,kBAAkB;AACpC,eAAO,MAAM;AACX,yBAAe,WAAW;AAAA,QAC5B;AAAA,MACF;AAGA,YAAM,cAAc,QAAQ;AAC5B,eAAS,uBAAuB,GAAoB;AAClD,YAAI,EAAE,iBAAiB;AAAU;AACjC,0BAAkB,kBAAkB;AAAA,MACtC;AACA,kBAAY,iBAAiB,iBAAiB,sBAAsB;AACpE,aAAO,MAAM;AACX,uBAAe,WAAW;AAC1B,oBAAY,oBAAoB,iBAAiB,sBAAsB;AAAA,MACzE;AAAA,IAGF,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAQC,MAAA,iCAAQ,WAAR,OAAAA,OAAkBD,MAAA,eAAe,YAAf,gBAAAA,IAAwB,wBAAwB;AAAA,UAC1E,qBAAoB,iCAAQ,iBAAgB,WAAW;AAAA,UACvD,oBAAoB,sCAAsC,iBAAiB;AAAA,UAC3E,0BAA0B,oCAAoC,eAAe;AAAA,UAC7E,YAAY;AAAA,WACT;AAAA,SAED,OAbL;AAAA,QAeC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,cACX,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,YAAY;AAAA,cACd;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACF,kBAAkB,cAAc;","names":["_a","_b"]}

package/dist/chunk-ISAHCU7C.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-ISAHCU7C.mjs.map

package/dist/chunk-ISAHCU7C.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-JBWAZQKM.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-JBWAZQKM.mjs.map

package/dist/chunk-JBWAZQKM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-FOZSX44S.mjs → chunk-VM345XBI.mjs}

@@ -1,8 +1,3 @@
-import {
-  NavbarExpandableMenu,
-  NavbarExpandableMenuContent,
-  NavbarExpandableMenuTrigger
-} from "./chunk-3KZOKDKP.mjs";
 import {
   Navbar,
   NavbarButton,
@@ -10,6 +5,11 @@ import {
   NavbarLogoAndServiceText,
   NavbarNavigation
 } from "./chunk-625SVQEP.mjs";
+import {
+  NavbarExpandableMenu,
+  NavbarExpandableMenuContent,
+  NavbarExpandableMenuTrigger
+} from "./chunk-3KZOKDKP.mjs";
 
 // src/navbar/index.tsx
 var NavbarExpandableMenuComponent = NavbarExpandableMenu;
@@ -25,4 +25,4 @@ NavbarComponent.Navigation = NavbarNavigation;
 export {
   NavbarComponent
 };
-//# sourceMappingURL=chunk-FOZSX44S.mjs.map
+//# sourceMappingURL=chunk-VM345XBI.mjs.map

package/dist/chunk-Z753E3XF.mjs

@@ -0,0 +1,33 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-R4SQKVDQ.mjs";
+
+// src/description-list/description-list.tsx
+import { forwardRef } from "react";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
+import { jsx } from "react/jsx-runtime";
+var DescriptionList = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { variant = "vertical", className } = _b, rest = __objRest(_b, ["variant", "className"]);
+    return /* @__PURE__ */ jsx(
+      "dl",
+      __spreadValues({
+        ref,
+        className: clsx(
+          "hds-description-list",
+          {
+            "hds-description-list--horizontal": variant === "horizontal"
+          },
+          className
+        )
+      }, rest)
+    );
+  }
+);
+DescriptionList.displayName = "DescriptionList";
+
+export {
+  DescriptionList
+};
+//# sourceMappingURL=chunk-Z753E3XF.mjs.map

package/dist/chunk-Z753E3XF.mjs.map

@@ -0,0 +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,SAAS,kBAAuD;AAChE,SAAS,YAAY;AA6Cf;AAHC,IAAM,kBAAkB;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,WAAW;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.d.mts

@@ -1,2 +1,2 @@
-export { DescriptionList_alias_2 as DescriptionList } from '../_tsup-dts-rollup';
 export { DescriptionListProps_alias_2 as DescriptionListProps } from '../_tsup-dts-rollup';
+export { DescriptionList_alias_2 as DescriptionList } from '../_tsup-dts-rollup';

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

@@ -1,2 +1,2 @@
-export { DescriptionList_alias_2 as DescriptionList } from '../_tsup-dts-rollup';
 export { DescriptionListProps_alias_2 as DescriptionListProps } from '../_tsup-dts-rollup';
+export { DescriptionList_alias_2 as DescriptionList } from '../_tsup-dts-rollup';

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

@@ -49,29 +49,27 @@ __export(description_list_exports, {
   DescriptionList: () => DescriptionList
 });
 module.exports = __toCommonJS(description_list_exports);
+var import_react = require("react");
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
-function DescriptionList(_a) {
-  var _b = _a, {
-    variant = "vertical",
-    className
-  } = _b, rest = __objRest(_b, [
-    "variant",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "dl",
-    __spreadValues({
-      className: (0, import_typed_classname.clsx)(
-        "hds-description-list",
-        {
-          "hds-description-list--horizontal": variant === "horizontal"
-        },
-        className
-      )
-    }, rest)
-  );
-}
+var DescriptionList = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { variant = "vertical", className } = _b, rest = __objRest(_b, ["variant", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "dl",
+      __spreadValues({
+        ref,
+        className: (0, import_typed_classname.clsx)(
+          "hds-description-list",
+          {
+            "hds-description-list--horizontal": variant === "horizontal"
+          },
+          className
+        )
+      }, rest)
+    );
+  }
+);
 DescriptionList.displayName = "DescriptionList";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/description-list/description-list.tsx"],"sourcesContent":["import type { HTMLAttributes, 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 function DescriptionList({\n  variant = \"vertical\",\n  className,\n  ...rest\n}: DescriptionListProps) {\n  return (\n    <dl\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}\nDescriptionList.displayName = \"DescriptionList\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAqB;AAgDjB;AANG,SAAS,gBAAgB,IAIP;AAJO,eAC9B;AAAA,cAAU;AAAA,IACV;AAAA,EA7CF,IA2CgC,IAG3B,iBAH2B,IAG3B;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,oCAAoC,YAAY;AAAA,QAClD;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;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 `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":[]}

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

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

package/dist/description-list/index.js

@@ -51,29 +51,27 @@ __export(description_list_exports, {
 module.exports = __toCommonJS(description_list_exports);
 
 // src/description-list/description-list.tsx
+var import_react = require("react");
 var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
-function DescriptionList(_a) {
-  var _b = _a, {
-    variant = "vertical",
-    className
-  } = _b, rest = __objRest(_b, [
-    "variant",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "dl",
-    __spreadValues({
-      className: (0, import_typed_classname.clsx)(
-        "hds-description-list",
-        {
-          "hds-description-list--horizontal": variant === "horizontal"
-        },
-        className
-      )
-    }, rest)
-  );
-}
+var DescriptionList = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { variant = "vertical", className } = _b, rest = __objRest(_b, ["variant", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "dl",
+      __spreadValues({
+        ref,
+        className: (0, import_typed_classname.clsx)(
+          "hds-description-list",
+          {
+            "hds-description-list--horizontal": variant === "horizontal"
+          },
+          className
+        )
+      }, rest)
+    );
+  }
+);
 DescriptionList.displayName = "DescriptionList";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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 type { HTMLAttributes, 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 function DescriptionList({\n  variant = \"vertical\",\n  className,\n  ...rest\n}: DescriptionListProps) {\n  return (\n    <dl\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}\nDescriptionList.displayName = \"DescriptionList\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAAqB;AAgDjB;AANG,SAAS,gBAAgB,IAIP;AAJO,eAC9B;AAAA,cAAU;AAAA,IACV;AAAA,EA7CF,IA2CgC,IAG3B,iBAH2B,IAG3B;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,oCAAoC,YAAY;AAAA,QAClD;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;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 `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":[]}

package/dist/description-list/index.mjs

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

package/dist/footer/footer.js

@@ -257,9 +257,6 @@ var BaseButton = (0, import_react6.forwardRef)(
       "icon",
       "className"
     ]);
-    if (fill === "outlined") {
-      console.warn("The `fill` value `outlined` is deprecated, use `fill='outline'` instead");
-    }
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       Component,
       __spreadProps(__spreadValues({
@@ -268,7 +265,7 @@ var BaseButton = (0, import_react6.forwardRef)(
           `hds-button--${size}`,
           {
             [`hds-button--${variant}`]: fill === "contained",
-            [`hds-button--outline-${variant}`]: fill === "outline" || fill === "outlined",
+            [`hds-button--outline-${variant}`]: fill === "outline",
             "hds-button--full": fullWidth === true,
             "hds-button--mobile-full": fullWidth === "mobile",
             "hds-button--icon-only": icon && !children