@postenbring/hedwig-react 0.0.57 → 0.0.59

package/dist/{chunk-P6A7LH6M.mjs → chunk-6TI7ACBR.mjs}

@@ -1,6 +1,6 @@
 import {
   InputGroup
-} from "./chunk-RLK2ENCB.mjs";
+} from "./chunk-SKI2APSK.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -9,7 +9,7 @@ import {
 
 // src/form/input/input.tsx
 import { forwardRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var Input = 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"]);
@@ -34,4 +34,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-P6A7LH6M.mjs.map
+//# sourceMappingURL=chunk-6TI7ACBR.mjs.map

package/dist/chunk-6TI7ACBR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/input/input.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type InputProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, \"children\">;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-input\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      readOnly={readOnly}\n      style={style}\n      variant={variant}\n    >\n      <input {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n    </InputGroup>\n  );\n});\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AAsBf;AAhBC,IAAM,QAAQ,WAAyC,SAASA,OACrE,IACA,KACA;AAFA,eAAE,aAAW,SAAS,cAAc,YAAY,OAAO,IAAI,OAAO,UAAU,SAT9E,IASE,IAAyF,iBAAzF,IAAyF,CAAvF,aAAW,WAAS,gBAAc,cAAY,SAAO,MAAI,SAAO,YAAU;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,aAAa,SAAsB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,0CAAU,OAAV,EAAgB,UAAoB,UAAoB,MAAU;AAAA;AAAA,EACrE;AAEJ,CAAC;AAED,MAAM,cAAc;","names":["Input"]}

package/dist/{chunk-QOBS2TS5.mjs → chunk-AR2NOI4U.mjs}

@@ -2,7 +2,7 @@ import {
   Message,
   MessageDescription,
   MessageTitle
-} from "./chunk-IDDIXDNV.mjs";
+} from "./chunk-ME66RUR6.mjs";
 
 // src/message/index.tsx
 var MessageComponent = Message;
@@ -12,4 +12,4 @@ MessageComponent.Description = MessageDescription;
 export {
   MessageComponent
 };
-//# sourceMappingURL=chunk-QOBS2TS5.mjs.map
+//# sourceMappingURL=chunk-AR2NOI4U.mjs.map

package/dist/{chunk-ZOW7HKNV.mjs → chunk-BZNDK3KJ.mjs}

@@ -1,7 +1,7 @@
 import {
   Box,
   BoxCloseButton
-} from "./chunk-R7WBXNQA.mjs";
+} from "./chunk-EGXM575K.mjs";
 
 // src/box/index.tsx
 var BoxComponent = Box;
@@ -10,4 +10,4 @@ BoxComponent.CloseButton = BoxCloseButton;
 export {
   BoxComponent
 };
-//# sourceMappingURL=chunk-ZOW7HKNV.mjs.map
+//# sourceMappingURL=chunk-BZNDK3KJ.mjs.map

package/dist/{chunk-FL4LCX4F.mjs → chunk-DJRMXOCP.mjs}

@@ -1,15 +1,15 @@
 import {
   AccordionContent
-} from "./chunk-VUD7AVYO.mjs";
+} from "./chunk-KRGKVH5J.mjs";
 import {
   AccordionHeader
-} from "./chunk-GPV2IEZD.mjs";
+} from "./chunk-FT5CX2W5.mjs";
 import {
   AccordionItem
-} from "./chunk-5WUSLDKN.mjs";
+} from "./chunk-SAGJ5W7M.mjs";
 import {
   Accordion
-} from "./chunk-2C6OZWFA.mjs";
+} from "./chunk-VRIY65P5.mjs";
 
 // src/accordion/index.tsx
 var AccordionComponent = Accordion;
@@ -20,4 +20,4 @@ AccordionComponent.Content = AccordionContent;
 export {
   AccordionComponent
 };
-//# sourceMappingURL=chunk-FL4LCX4F.mjs.map
+//# sourceMappingURL=chunk-DJRMXOCP.mjs.map

package/dist/chunk-DY7LD3X3.mjs

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

package/dist/{chunk-R7WBXNQA.mjs → chunk-EGXM575K.mjs}

@@ -6,7 +6,7 @@ import {
 
 // src/box/box.tsx
 import { forwardRef, useCallback, useState } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Box = forwardRef(
   (_a, ref) => {
@@ -80,4 +80,4 @@ export {
   Box,
   BoxCloseButton
 };
-//# sourceMappingURL=chunk-R7WBXNQA.mjs.map
+//# sourceMappingURL=chunk-EGXM575K.mjs.map

package/dist/chunk-EGXM575K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/box/box.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: \"light-grey\" | \"lighter\" | \"white\" | \"warning\";\n  children?: React.ReactNode;\n\n  /**\n   * If `true`, a close button will be shown.\n   * Use when you want to control the close button using the BoxCloseButton component.\n   */\n  closeable?: boolean;\n\n  /**\n   * Callback fired when the component requests to be closed.\n   * If not set, the component will be closed without any user interaction.\n   *\n   * If set, and the handler returns non-true value, the component will not be closed.\n   * Use this if you want to control the closing of the component, using the `closed` prop\n   *\n   * If set, and the handler returns the true, the component will be closed.\n   * Use this with `window.confirm()` to ask the user to confirm closing the component.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents -- It's fine, I want to have the boolean in the type\n  onClose?: () => boolean | unknown;\n\n  /**\n   * If `true`, the box will be closed and hidden from view\n   */\n  closed?: boolean;\n\n  /**\n   * Props applied to the close button element.\n   */\n  closeButtonProps?: BoxCloseButtonProps;\n}\n\nexport const Box: OverridableComponent<BoxProps, HTMLDivElement> = forwardRef(\n  (\n    {\n      as: Component = \"div\",\n      variant,\n      closeable = false,\n      onClose: onCloseProp,\n      closed: closedProp,\n      closeButtonProps,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [closedState, setClosedState] = useState(false);\n    const onClose = useCallback(() => {\n      if (onCloseProp) {\n        const result = onCloseProp();\n        if (result === true) {\n          setClosedState(true);\n        }\n      } else {\n        setClosedState(true);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- I know better\n    }, []);\n    const closed = closedProp ?? closedState;\n\n    return (\n      <Component\n        className={clsx(\n          \"hds-box\",\n          variant && `hds-box--${variant}`,\n          { \"hds-box--closed\": closed },\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {closeable ? <BoxCloseButton onClick={onClose} {...closeButtonProps} /> : null}\n        {children}\n      </Component>\n    );\n  },\n);\nBox.displayName = \"Box\";\n\nexport type BoxCloseButtonProps = Omit<React.HTMLAttributes<HTMLButtonElement>, \"children\">;\nexport const BoxCloseButton = forwardRef<HTMLButtonElement, BoxCloseButtonProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <button\n        className={clsx(\"hds-box__close-button\", className as undefined)}\n        ref={ref}\n        type=\"button\"\n        {...rest}\n      />\n    );\n  },\n);\nBoxCloseButton.displayName = \"Box.CloseButton\";\n"],"mappings":";;;;;;;AAAA,SAAS,YAAY,aAAa,gBAAgB;AAClD,SAAS,YAAY;AAmEf,SAUe,KAVf;AA9BC,IAAM,MAAsD;AAAA,EACjE,CACE,IAWA,QACG;AAZH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,IAhDN,IAwCI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,UAAM,UAAU,YAAY,MAAM;AAChC,UAAI,aAAa;AACf,cAAM,SAAS,YAAY;AAC3B,YAAI,WAAW,MAAM;AACnB,yBAAe,IAAI;AAAA,QACrB;AAAA,MACF,OAAO;AACL,uBAAe,IAAI;AAAA,MACrB;AAAA,IAEF,GAAG,CAAC,CAAC;AACL,UAAM,SAAS,kCAAc;AAE7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,YAAY,OAAO;AAAA,UAC9B,EAAE,mBAAmB,OAAO;AAAA,UAC5B;AAAA,QACF;AAAA,QACA;AAAA,SACI,OARL;AAAA,QAUE;AAAA,sBAAY,oBAAC,iCAAe,SAAS,WAAa,iBAAkB,IAAK;AAAA,UACzE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;AAGX,IAAM,iBAAiB;AAAA,EAC5B,CAAC,IAAwB,QAAQ;AAAhC,iBAAE,YAxFL,IAwFG,IAAgB,iBAAhB,IAAgB,CAAd;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,yBAAyB,SAAsB;AAAA,QAC/D;AAAA,QACA,MAAK;AAAA,SACD;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}

package/dist/{chunk-C3HIZBXH.mjs → chunk-EJADADIY.mjs}

@@ -9,7 +9,7 @@ import {
 
 // src/tabs/tabs-content.tsx
 import { forwardRef, useContext } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 function TabsContents(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
@@ -35,4 +35,4 @@ export {
   TabsContents,
   TabsContent
 };
-//# sourceMappingURL=chunk-C3HIZBXH.mjs.map
+//# sourceMappingURL=chunk-EJADADIY.mjs.map

package/dist/chunk-EJADADIY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs/tabs-content.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { TabsContext } from \"./context\";\n\nexport interface TabContentsProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactElement<TabsContentProps> | ReactElement<TabsContentProps>[];\n}\n\nexport function TabsContents({ children, ...rest }: TabContentsProps) {\n  return (\n    <div className={clsx(\"hds-tabs--contents\")} {...rest}>\n      {children}\n    </div>\n  );\n}\nTabsContents.displayName = \"Tabs.Contents\";\n\nexport interface TabsContentProps extends HTMLAttributes<HTMLElement> {\n  children: ReactElement<HTMLElement> | ReactElement<HTMLElement>[] | string;\n\n  /**\n   * Content for the referenced tabId\n   */\n  forTabId: string;\n}\n\nexport const TabsContent: OverridableComponent<TabsContentProps, HTMLElement> = forwardRef(\n  ({ as: Component = \"div\", forTabId, children, ...rest }, ref) => {\n    const context = useContext(TabsContext);\n    if (!context.mounted) {\n      throw new Error(\"Context required. Did you use <Tabs.Content /> outside of <Tabs/>?\");\n    }\n    if (context.activeTabId === forTabId) {\n      return (\n        <Component {...rest} ref={ref}>\n          {children}\n        </Component>\n      );\n    }\n    return null;\n  },\n);\n\nTabsContent.displayName = \"Tabs.Content\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,kBAAkB;AACvC,SAAS,YAAY;AAUjB;AAFG,SAAS,aAAa,IAAyC;AAAzC,eAAE,WAV/B,IAU6B,IAAe,iBAAf,IAAe,CAAb;AAC7B,SACE,oBAAC,sCAAI,WAAW,KAAK,oBAAoB,KAAO,OAA/C,EACE,WACH;AAEJ;AACA,aAAa,cAAc;AAWpB,IAAM,cAAmE;AAAA,EAC9E,CAAC,IAAwD,QAAQ;AAAhE,iBAAE,MAAI,YAAY,OAAO,UAAU,SA7BtC,IA6BG,IAAgD,iBAAhD,IAAgD,CAA9C,MAAuB,YAAU;AAClC,UAAM,UAAU,WAAW,WAAW;AACtC,QAAI,CAAC,QAAQ,SAAS;AACpB,YAAM,IAAI,MAAM,oEAAoE;AAAA,IACtF;AACA,QAAI,QAAQ,gBAAgB,UAAU;AACpC,aACE,oBAAC,4CAAc,OAAd,EAAoB,KAClB,WACH;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AACF;AAEA,YAAY,cAAc;","names":[]}

package/dist/{chunk-GPV2IEZD.mjs → chunk-FT5CX2W5.mjs}

@@ -9,7 +9,7 @@ import {
 
 // src/accordion/accordion-header.tsx
 import { forwardRef, useContext } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var AccordionHeader = forwardRef((_a, ref) => {
   var _b = _a, { as: Component = "button", children, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "className", "onClick"]);
@@ -42,4 +42,4 @@ AccordionHeader.displayName = "Accordion.Header";
 export {
   AccordionHeader
 };
-//# sourceMappingURL=chunk-GPV2IEZD.mjs.map
+//# sourceMappingURL=chunk-FT5CX2W5.mjs.map

package/dist/chunk-FT5CX2W5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion/accordion-header.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n}\n\nexport const AccordionHeader: OverridableComponent<AccordionHeaderProps, HTMLButtonElement> =\n  forwardRef(({ as: Component = \"button\", children, className, onClick, ...rest }, ref) => {\n    const itemContext = useContext(AccordionItemContext);\n    if (itemContext === null) {\n      return null;\n    }\n    const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n      itemContext.setOpen(!itemContext.open);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        {...rest}\n        aria-expanded={itemContext.open}\n        className={clsx(\n          \"hds-accordion-item-header\",\n          { \"hds-accordion-item-header--open\": itemContext.open },\n          className as undefined,\n        )}\n        onClick={expandOrCollapse}\n        ref={ref}\n        type=\"button\"\n      >\n        <span>{children}</span>\n      </Component>\n    );\n  });\n\nAccordionHeader.displayName = \"Accordion.Header\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,kBAAkB;AACvC,SAAS,YAAY;AA+Bb;AAvBD,IAAM,kBACX,WAAW,CAAC,IAAqE,QAAQ;AAA7E,eAAE,MAAI,YAAY,UAAU,UAAU,WAAW,QAX/D,IAWc,IAA6D,iBAA7D,IAA6D,CAA3D,MAA0B,YAAU,aAAW;AAC3D,QAAM,cAAc,WAAW,oBAAoB;AACnD,MAAI,gBAAgB,MAAM;AACxB,WAAO;AAAA,EACT;AACA,QAAM,mBAAmB,CAAC,MAAqC;AAC7D,gBAAY,QAAQ,CAAC,YAAY,IAAI;AACrC,eAAW,QAAQ,CAAC;AAAA,EACtB;AACA,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,iBAAe,YAAY;AAAA,MAC3B,WAAW;AAAA,QACT;AAAA,QACA,EAAE,mCAAmC,YAAY,KAAK;AAAA,QACtD;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MAEL,8BAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ,CAAC;AAEH,gBAAgB,cAAc;","names":[]}

package/dist/{chunk-V4NGQVBQ.mjs → chunk-FYNTNGIY.mjs}

@@ -1,6 +1,6 @@
 import {
   Text
-} from "./chunk-LYRXA4WS.mjs";
+} from "./chunk-57SSGJ4X.mjs";
 import {
   __spreadValues
 } from "./chunk-R4SQKVDQ.mjs";
@@ -58,4 +58,4 @@ export {
   TextCaption,
   TextCaptionTitle
 };
-//# sourceMappingURL=chunk-V4NGQVBQ.mjs.map
+//# sourceMappingURL=chunk-FYNTNGIY.mjs.map

package/dist/{chunk-GKWD4EVJ.mjs → chunk-I6GDRDYD.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/layout/container/container.tsx
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var Container = forwardRef(
@@ -30,4 +30,4 @@ Container.displayName = "Container";
 export {
   Container
 };
-//# sourceMappingURL=chunk-GKWD4EVJ.mjs.map
+//# sourceMappingURL=chunk-I6GDRDYD.mjs.map

package/dist/chunk-I6GDRDYD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/container/container.tsx"],"sourcesContent":["import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { OverridableComponent } from \"../../utils\";\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"default\" | \"slim\";\n  children: ReactNode;\n}\n\n/**\n * Container is a layout component that is used to wrap content.\n * It ensures a max-width and minimum spacing on the sides.\n */\nexport const Container: OverridableComponent<ContainerProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, variant, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\n          \"hds-container\",\n          { \"hds-container--slim\": variant === \"slim\" },\n          className as undefined,\n        )}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nContainer.displayName = \"Container\";\n"],"mappings":";;;;;;;AAAA,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAerB;AAHC,IAAM,YAAkE;AAAA,EAC7E,CAAC,IAAkE,QAAQ;AAA1E,iBAAE,MAAI,YAAY,OAAO,WAAW,UAAU,QAfjD,IAeG,IAA0D,iBAA1D,IAA0D,CAAxD,MAAuB,aAAW,YAAU;AAC7C,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,EAAE,uBAAuB,YAAY,OAAO;AAAA,UAC5C;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}

package/dist/{chunk-GAKMKOPK.mjs → chunk-IAS3E2S3.mjs}

@@ -1,6 +1,6 @@
 import {
   BoxComponent
-} from "./chunk-ZOW7HKNV.mjs";
+} from "./chunk-BZNDK3KJ.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -9,7 +9,7 @@ import {
 
 // src/warning-banner/warning-banner.tsx
 import { forwardRef, useState } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
 var WarningBanner = forwardRef(
   (_a, ref) => {
@@ -85,4 +85,4 @@ WarningBannerDescription.displayName = "WarningBannerDescription";
 export {
   WarningBanner
 };
-//# sourceMappingURL=chunk-GAKMKOPK.mjs.map
+//# sourceMappingURL=chunk-IAS3E2S3.mjs.map

package/dist/chunk-IAS3E2S3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/warning-banner/warning-banner.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { Box } from \"../box\";\n\nexport interface WarningBannerProps {\n  title: ReactNode;\n  description?: ReactNode;\n}\n\nexport const WarningBanner: OverridableComponent<WarningBannerProps, HTMLDivElement> = forwardRef(\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\ninterface WarningBannerTitleProps {\n  variant: \"expandable\" | \"default\";\n  children: ReactNode;\n}\n\nconst WarningBannerTitle: OverridableComponent<WarningBannerTitleProps, HTMLDivElement> =\n  forwardRef(\n    (\n      {\n        variant,\n        as: Component = variant === \"expandable\" ? \"button\" : \"p\",\n        children,\n        className,\n        ...rest\n      },\n      ref,\n    ) => {\n      const [open, setOpen] = useState<boolean>(false);\n      if (variant === \"expandable\") {\n        return (\n          <Component\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(!open);\n            }}\n            ref={ref}\n            type=\"button\"\n            {...rest}\n          >\n            <span>{children}</span>\n          </Component>\n        );\n      }\n      return (\n        <Component\n          className={clsx(\"hds-warning-banner__title\", className as undefined)}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </Component>\n      );\n    },\n  );\nWarningBannerTitle.displayName = \"WarningBannerTitle\";\n\nconst WarningBannerDescription: OverridableComponent<object, HTMLParagraphElement> = forwardRef(\n  ({ as: Component = \"p\", className, ...rest }, ref) => {\n    return (\n      <Component\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,SAAS,YAAY,gBAAgB;AACrC,SAAS,YAAY;AAaf,SACE,KADF;AAJC,IAAM,gBAA0E;AAAA,EACrF,CAAC,IAA4C,QAAQ;AAApD,iBAAE,SAAO,aAAa,UAZzB,IAYG,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;AAO5B,IAAM,qBACJ;AAAA,EACE,CACE,IAOA,QACG;AARH,iBACE;AAAA;AAAA,MACA,IAAI,YAAY,YAAY,eAAe,WAAW;AAAA,MACtD;AAAA,MACA;AAAA,IAtCR,IAkCM,IAKK,iBALL,IAKK;AAAA,MAJH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,KAAK;AAC/C,QAAI,YAAY,cAAc;AAC5B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA,EAAE,8BAA8B,CAAC,KAAK;AAAA,YACtC;AAAA,UACF;AAAA,UACA,SAAS,MAAM;AACb,oBAAQ,CAAC,IAAI;AAAA,UACf;AAAA,UACA;AAAA,UACA,MAAK;AAAA,WACD,OAZL;AAAA,UAcC,8BAAC,UAAM,UAAS;AAAA;AAAA,MAClB;AAAA,IAEJ;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,6BAA6B,SAAsB;AAAA,QACnE;AAAA,SACI,OAHL;AAAA,QAKE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACF,mBAAmB,cAAc;AAEjC,IAAM,2BAA+E;AAAA,EACnF,CAAC,IAA6C,QAAQ;AAArD,iBAAE,MAAI,YAAY,KAAK,UA9E1B,IA8EG,IAAqC,iBAArC,IAAqC,CAAnC,MAAqB;AACtB,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-3VYJTKR3.mjs → chunk-IL7576PP.mjs}

@@ -1,5 +1,5 @@
 // src/form/error-message/error-message.tsx
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 function ErrorMessage({ children, id, className }) {
   return /* @__PURE__ */ jsx(
@@ -16,4 +16,4 @@ function ErrorMessage({ children, id, className }) {
 export {
   ErrorMessage
 };
-//# sourceMappingURL=chunk-3VYJTKR3.mjs.map
+//# sourceMappingURL=chunk-IL7576PP.mjs.map

package/dist/chunk-IL7576PP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/error-message/error-message.tsx"],"sourcesContent":["import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n  return (\n    <div\n      aria-live=\"assertive\"\n      className={clsx(\"hds-error-message\", className as undefined)}\n      id={id}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAAA,SAAS,YAAY;AAWjB;AAFG,SAAS,aAAa,EAAE,UAAU,IAAI,UAAU,GAAsB;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,KAAK,qBAAqB,SAAsB;AAAA,MAC3D;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/{chunk-22GG466D.mjs → chunk-JC6DBIFE.mjs}

@@ -9,7 +9,7 @@ import {
   CardBodyHeaderTitle,
   CardMedia,
   CardMediaImg
-} from "./chunk-ODFEKAJO.mjs";
+} from "./chunk-X5JERDDU.mjs";
 
 // src/card/index.tsx
 var CardMediaComponent = CardMedia;
@@ -30,4 +30,4 @@ CardComponent.Body = CardBodyComponent;
 export {
   CardComponent
 };
-//# sourceMappingURL=chunk-22GG466D.mjs.map
+//# sourceMappingURL=chunk-JC6DBIFE.mjs.map

package/dist/{chunk-R6GRXGDW.mjs → chunk-JDJQFQQ6.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/badge/badge.tsx
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 function BaseBadge(_a) {
   var _b = _a, {
@@ -57,4 +57,4 @@ export {
   WhiteBadge,
   WarningBadge
 };
-//# sourceMappingURL=chunk-R6GRXGDW.mjs.map
+//# sourceMappingURL=chunk-JDJQFQQ6.mjs.map

package/dist/chunk-JDJQFQQ6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge/badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BadgeProps extends React.AnchorHTMLAttributes<HTMLSpanElement> {\n  /**\n   * Font size of the badge\n   */\n  size?: \"small\" | \"smaller\";\n\n  children: React.ReactNode;\n}\n\nfunction BaseBadge({\n  children,\n  variant,\n  size = \"small\",\n  className,\n  ...rest\n}: BadgeProps & { variant: \"lighter\" | \"dark\" | \"white\" | \"warning\" }) {\n  return (\n    <span\n      className={clsx(\n        \"hds-badge\",\n        `hds-badge--${size}`,\n        `hds-badge--${variant}`,\n        className as undefined,\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n\nBaseBadge.displayName = \"BaseBadge\";\n\nexport function Badge(props: BadgeProps) {\n  return <BaseBadge {...props} variant=\"lighter\" />;\n}\n\nBadge.displayName = \"Badge\";\n\nexport function DarkBadge(props: BadgeProps) {\n  return <BaseBadge {...props} variant=\"dark\" />;\n}\n\nDarkBadge.displayName = \"DarkBadge\";\n\nexport function WhiteBadge(props: BadgeProps) {\n  return <BaseBadge {...props} variant=\"white\" />;\n}\n\nWhiteBadge.displayName = \"WhiteBadge\";\n\nexport function WarningBadge(props: BadgeProps) {\n  return <BaseBadge {...props} variant=\"warning\" />;\n}\n\nWarningBadge.displayName = \"WarningBadge\";\n"],"mappings":";;;;;;;AACA,SAAS,YAAY;AAmBjB;AARJ,SAAS,UAAU,IAMoD;AANpD,eACjB;AAAA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EAhBF,IAYmB,IAKd,iBALc,IAKd;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cAAc,IAAI;AAAA,QAClB,cAAc,OAAO;AAAA,QACrB;AAAA,MACF;AAAA,OACI,OAPL;AAAA,MASE;AAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;AAEjB,SAAS,MAAM,OAAmB;AACvC,SAAO,oBAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,MAAM,cAAc;AAEb,SAAS,UAAU,OAAmB;AAC3C,SAAO,oBAAC,4CAAc,QAAd,EAAqB,SAAQ,SAAO;AAC9C;AAEA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAmB;AAC5C,SAAO,oBAAC,4CAAc,QAAd,EAAqB,SAAQ,UAAQ;AAC/C;AAEA,WAAW,cAAc;AAElB,SAAS,aAAa,OAAmB;AAC9C,SAAO,oBAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,aAAa,cAAc;","names":[]}

package/dist/{chunk-76XO5GE7.mjs → chunk-JMDXW2ML.mjs}

@@ -6,7 +6,7 @@ import {
 
 // src/navbar/navbar.tsx
 import { forwardRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Navbar = forwardRef(
   (_a, ref) => {
@@ -51,4 +51,4 @@ export {
   NavbarButton,
   NavbarNavigation
 };
-//# sourceMappingURL=chunk-76XO5GE7.mjs.map
+//# sourceMappingURL=chunk-JMDXW2ML.mjs.map

package/dist/chunk-JMDXW2ML.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navbar/navbar.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface NavbarProps extends HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n/**\n * 🚨 WORK IN PROGRESS 🚨\n */\nexport const Navbar = forwardRef<HTMLElement, NavbarProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <header className={clsx(\"hds-navbar\", className as undefined)} ref={ref} {...rest}>\n        {children}\n      </header>\n    );\n  },\n);\nNavbar.displayName = \"Navbar\";\n\n// Navbar logo\ninterface NavbarLogoProps {\n  children?: never;\n}\nexport const NavbarLogo: OverridableComponent<NavbarLogoProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, ...rest }, ref) => {\n    return (\n      <Component className={clsx(\"hds-navbar__logo\", className as undefined)} ref={ref} {...rest} />\n    );\n  },\n);\nNavbarLogo.displayName = \"Navbar.Logo\";\n\n// Navbar button\ninterface NavbarButtonProps {\n  icon?: React.ReactNode;\n  children: React.ReactNode;\n}\nexport const NavbarButton: OverridableComponent<NavbarButtonProps, HTMLElement> = forwardRef(\n  ({ as: Component = \"button\", children, icon, className, ...rest }, ref) => {\n    return (\n      <Component className={clsx(\"hds-navbar__button\", className as undefined)} ref={ref} {...rest}>\n        {children} {icon}\n      </Component>\n    );\n  },\n);\nNavbarButton.displayName = \"Navbar.Button\";\n\ninterface NavbarNavigationProps {\n  children: React.ReactNode;\n}\nexport const NavbarNavigation: OverridableComponent<NavbarNavigationProps, HTMLElement> =\n  forwardRef(({ as: Component = \"div\", className, ...rest }, ref) => {\n    return (\n      <Component\n        className={clsx(\"hds-navbar__navigation\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  });\nNavbarNavigation.displayName = \"Navbar.Navigation\";\n"],"mappings":";;;;;;;AAAA,SAAgB,kBAAuC;AACvD,SAAS,YAAY;AAYf,cA6BA,YA7BA;AAHC,IAAM,SAAS;AAAA,EACpB,CAAC,IAAkC,QAAQ;AAA1C,iBAAE,YAAU,UAXf,IAWG,IAA0B,iBAA1B,IAA0B,CAAxB,YAAU;AACX,WACE,oBAAC,yCAAO,WAAW,KAAK,cAAc,SAAsB,GAAG,OAAc,OAA5E,EACE,WACH;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;AAMd,IAAM,aAAoE;AAAA,EAC/E,CAAC,IAA+C,QAAQ;AAAvD,iBAAE,MAAI,YAAY,OAAO,UA1B5B,IA0BG,IAAuC,iBAAvC,IAAuC,CAArC,MAAuB;AACxB,WACE,oBAAC,4BAAU,WAAW,KAAK,oBAAoB,SAAsB,GAAG,OAAc,KAAM;AAAA,EAEhG;AACF;AACA,WAAW,cAAc;AAOlB,IAAM,eAAqE;AAAA,EAChF,CAAC,IAAkE,QAAQ;AAA1E,iBAAE,MAAI,YAAY,UAAU,UAAU,MAAM,UAxC/C,IAwCG,IAA0D,iBAA1D,IAA0D,CAAxD,MAA0B,YAAU,QAAM;AAC3C,WACE,qBAAC,0CAAU,WAAW,KAAK,sBAAsB,SAAsB,GAAG,OAAc,OAAvF,EACE;AAAA;AAAA,MAAS;AAAA,MAAE;AAAA,QACd;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAKpB,IAAM,mBACX,WAAW,CAAC,IAA+C,QAAQ;AAAvD,eAAE,MAAI,YAAY,OAAO,UAtDvC,IAsDc,IAAuC,iBAAvC,IAAuC,CAArC,MAAuB;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,0BAA0B,SAAsB;AAAA,MAChE;AAAA,OACI;AAAA,EACN;AAEJ,CAAC;AACH,iBAAiB,cAAc;","names":[]}

package/dist/{chunk-VUD7AVYO.mjs → chunk-KRGKVH5J.mjs}

@@ -9,7 +9,7 @@ import {
 
 // src/accordion/accordion-content.tsx
 import { forwardRef, useContext } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var AccordionContent = forwardRef((_a, ref) => {
   var _b = _a, { as: Component = "div", children, className } = _b, rest = __objRest(_b, ["as", "children", "className"]);
@@ -39,4 +39,4 @@ AccordionContent.displayName = "Accordion.Content";
 export {
   AccordionContent
 };
-//# sourceMappingURL=chunk-VUD7AVYO.mjs.map
+//# sourceMappingURL=chunk-KRGKVH5J.mjs.map

package/dist/chunk-KRGKVH5J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion/accordion-content.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const AccordionContent: OverridableComponent<AccordionContentProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"div\", children, className, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    return (\n      <Component\n        aria-hidden={!context.open}\n        {...rest}\n        className={clsx(\n          \"hds-accordion-item-content\",\n          {\n            \"hds-accordion-item-content--closed\": !context.open,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n      >\n        <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n      </Component>\n    );\n  });\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,kBAAkB;AACvC,SAAS,YAAY;AA2Bb;AAnBD,IAAM,mBACX,WAAW,CAAC,IAAyD,QAAQ;AAAjE,eAAE,MAAI,YAAY,OAAO,UAAU,UAXjD,IAWc,IAAiD,iBAAjD,IAAiD,CAA/C,MAAuB,YAAU;AAC7C,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,CAAC,QAAQ;AAAA,OAClB,OAFL;AAAA,MAGC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,sCAAsC,CAAC,QAAQ;AAAA,QACjD;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MAEA,8BAAC,SAAI,WAAW,KAAK,kCAAkC,GAAI,UAAS;AAAA;AAAA,EACtE;AAEJ,CAAC;AAEH,iBAAiB,cAAc;","names":[]}

package/dist/{chunk-DVFL3S5W.mjs → chunk-MBBFU4IR.mjs}

@@ -9,7 +9,7 @@ import {
 
 // src/tabs/tabs.tsx
 import { forwardRef, useState } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var Tabs = forwardRef(
   (_a, ref) => {
@@ -29,4 +29,4 @@ Tabs.displayName = "Tabs";
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-DVFL3S5W.mjs.map
+//# sourceMappingURL=chunk-MBBFU4IR.mjs.map

package/dist/chunk-MBBFU4IR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs/tabs.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { TabsContext } from \"./context\";\nimport type { TabContentsProps } from \"./tabs-content\";\nimport type { TabListProps } from \"./tabs-list\";\n\nexport interface TabsProps extends HTMLAttributes<HTMLElement> {\n  children: ReactElement<TabListProps | TabContentsProps>[] | ReactElement;\n\n  /**\n   * Define which tab to use as default. Must be one of the <Tab/>s identifier.\n   */\n  defaultTab: string;\n}\n\nexport const Tabs: OverridableComponent<TabsProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", defaultTab, children, ...rest }, ref) => {\n    const [activeTabId, setActiveTabId] = useState<string>(defaultTab);\n    return (\n      <Component className={clsx(\"hds-tabs\")} ref={ref} {...rest}>\n        <TabsContext.Provider\n          value={{ activeTabId, toggleActiveTabId: setActiveTabId, mounted: true }}\n        >\n          {children}\n        </TabsContext.Provider>\n      </Component>\n    );\n  },\n);\n\nTabs.displayName = \"Tabs\";\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,gBAAgB;AACrC,SAAS,YAAY;AAoBb;AALD,IAAM,OAAwD;AAAA,EACnE,CAAC,IAA0D,QAAQ;AAAlE,iBAAE,MAAI,YAAY,OAAO,YAAY,SAlBxC,IAkBG,IAAkD,iBAAlD,IAAkD,CAAhD,MAAuB,cAAY;AACpC,UAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,UAAU;AACjE,WACE,oBAAC,0CAAU,WAAW,KAAK,UAAU,GAAG,OAAc,OAArD,EACC;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,OAAO,EAAE,aAAa,mBAAmB,gBAAgB,SAAS,KAAK;AAAA,QAEtE;AAAA;AAAA,IACH,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/{chunk-HYOVIP56.mjs → chunk-MDA3MMNA.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/link/link.tsx
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var Link = forwardRef(
@@ -32,4 +32,4 @@ Link.displayName = "Link";
 export {
   Link
 };
-//# sourceMappingURL=chunk-HYOVIP56.mjs.map
+//# sourceMappingURL=chunk-MDA3MMNA.mjs.map

package/dist/chunk-MDA3MMNA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link/link.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef } from \"react\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The visual style of the link\n   */\n  variant?: \"underline\" | \"solid\" | \"inverted\" | \"no-underline\";\n\n  /**\n   * Font size of the link\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  children: React.ReactNode;\n}\n\nexport const Link: OverridableComponent<LinkProps, HTMLAnchorElement> = forwardRef(\n  (\n    { as: Component = \"a\", children, variant = \"underline\", size = \"medium\", className, ...rest },\n    ref,\n  ) => {\n    return (\n      <Component\n        className={clsx(\n          \"hds-link\",\n          variant !== \"underline\" && `hds-link--${variant}`,\n          size !== \"medium\" && `hds-link--${size}`,\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nLink.displayName = \"Link\";\n"],"mappings":";;;;;;;AACA,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAuBrB;AANC,IAAM,OAA2D;AAAA,EACtE,CACE,IACA,QACG;AAFH,iBAAE,MAAI,YAAY,KAAK,UAAU,UAAU,aAAa,OAAO,UAAU,UArB7E,IAqBI,IAAuF,iBAAvF,IAAuF,CAArF,MAAqB,YAAU,WAAuB,QAAiB;AAGzE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YAAY,eAAe,aAAa,OAAO;AAAA,UAC/C,SAAS,YAAY,aAAa,IAAI;AAAA,UACtC;AAAA,QACF;AAAA,QACA;AAAA,SACI,OARL;AAAA,QAUE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;","names":[]}

package/dist/{chunk-IDDIXDNV.mjs → chunk-ME66RUR6.mjs}

@@ -1,6 +1,6 @@
 import {
   Box
-} from "./chunk-R7WBXNQA.mjs";
+} from "./chunk-EGXM575K.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -9,7 +9,7 @@ import {
 
 // src/message/message.tsx
 import { forwardRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Message = forwardRef(
   (_a, ref) => {
@@ -61,4 +61,4 @@ export {
   MessageTitle,
   MessageDescription
 };
-//# sourceMappingURL=chunk-IDDIXDNV.mjs.map
+//# sourceMappingURL=chunk-ME66RUR6.mjs.map

package/dist/chunk-ME66RUR6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/message/message.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { Box, type BoxProps } from \"../box/box\";\n\nexport type MessageProps = (\n  | {\n      variant?: \"success\" | \"attention\" | \"warning\";\n      icon?: never;\n      iconClassName?: never;\n    }\n  | {\n      variant: \"neutral\";\n      icon?: React.ReactNode;\n      iconClassName?: string;\n    }\n) &\n  Omit<BoxProps, \"variant\">;\n\nexport const Message: OverridableComponent<MessageProps, HTMLDivElement> = forwardRef(\n  ({ children, className, variant = \"success\", icon, iconClassName, ...rest }, ref) => {\n    return (\n      <Box\n        className={clsx(`hds-message`, `hds-message--${variant}`, className as undefined)}\n        ref={ref}\n        {...rest}\n      >\n        {variant === \"neutral\" && (\n          <div className={clsx(\"hds-message--neutral__icon\", iconClassName as undefined)}>\n            {icon}\n          </div>\n        )}\n        {children}\n      </Box>\n    );\n  },\n);\nMessage.displayName = \"Message\";\n\nexport const MessageTitle: OverridableComponent<object, HTMLParagraphElement> = forwardRef(\n  ({ as: Component = \"p\", className, ...rest }, ref) => {\n    return (\n      <Component\n        className={clsx(\"hds-message__title\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nMessageTitle.displayName = \"Message.Title\";\n\nexport const MessageDescription: OverridableComponent<object, HTMLParagraphElement> = forwardRef(\n  ({ as: Component = \"p\", className, ...rest }, ref) => {\n    return (\n      <Component\n        className={clsx(\"hds-message__description\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nMessageDescription.displayName = \"Message.Description\";\n"],"mappings":";;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,SAAS,YAAY;AAqBf,SAMI,KANJ;AAHC,IAAM,UAA8D;AAAA,EACzE,CAAC,IAA4E,QAAQ;AAApF,iBAAE,YAAU,WAAW,UAAU,WAAW,MAAM,cApBrD,IAoBG,IAAoE,iBAApE,IAAoE,CAAlE,YAAU,aAAW,WAAqB,QAAM;AACjD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,eAAe,gBAAgB,OAAO,IAAI,SAAsB;AAAA,QAChF;AAAA,SACI,OAHL;AAAA,QAKE;AAAA,sBAAY,aACX,oBAAC,SAAI,WAAW,KAAK,8BAA8B,aAA0B,GAC1E,gBACH;AAAA,UAED;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,QAAQ,cAAc;AAEf,IAAM,eAAmE;AAAA,EAC9E,CAAC,IAA6C,QAAQ;AAArD,iBAAE,MAAI,YAAY,KAAK,UAxC1B,IAwCG,IAAqC,iBAArC,IAAqC,CAAnC,MAAqB;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,sBAAsB,SAAsB;AAAA,QAC5D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAEpB,IAAM,qBAAyE;AAAA,EACpF,CAAC,IAA6C,QAAQ;AAArD,iBAAE,MAAI,YAAY,KAAK,UArD1B,IAqDG,IAAqC,iBAArC,IAAqC,CAAnC,MAAqB;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,4BAA4B,SAAsB;AAAA,QAClE;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;","names":[]}

package/dist/{chunk-PAVPAIBQ.mjs → chunk-NIRIPLQ5.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/step-indicator/step-indicator.tsx
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StepIndicator(_a) {
   var _b = _a, {
@@ -60,4 +60,4 @@ function getStepState(renderedStep, activeStep) {
 export {
   StepIndicator
 };
-//# sourceMappingURL=chunk-PAVPAIBQ.mjs.map
+//# sourceMappingURL=chunk-NIRIPLQ5.mjs.map

package/dist/chunk-NIRIPLQ5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/step-indicator/step-indicator.tsx"],"sourcesContent":["import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\ntype TitleProps =\n  | {\n      /**\n       * Optional title of the active step to be shown underneath the step indicator\n       *\n       * Use `titleAs` to set the correct heading level\n       */\n      title: React.ReactNode;\n      titleAs: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n    }\n  | {\n      title?: undefined;\n      titleAs?: undefined;\n    };\n\ninterface StepIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /*\n   * 1-indexed number of the active step\n   */\n  activeStep: number;\n\n  /**\n   * 1-indexed number of steps\n   */\n  totalSteps: number;\n\n  /**\n   * Label on the left side above the steps\n   */\n  label: React.ReactNode;\n\n  /**\n   * Language for the \"step x of y\" label, default is \"en\"\n   */\n  lang?: \"no\" | \"en\" | \"da\" | \"sv\";\n}\n\n/**\n * Indicate a step in a process.\n *\n * It does not handle step content or navigation, only the visual indication of the active step.\n */\nexport function StepIndicator({\n  activeStep,\n  totalSteps,\n  className,\n  label,\n  lang = \"en\",\n  title,\n  titleAs: TitleComponent,\n  ...rest\n}: StepIndicatorProps & TitleProps) {\n  return (\n    <div className={clsx(\"hds-step-indicator\", className as undefined)} lang={lang} {...rest}>\n      <div className={clsx(\"hds-step-indicator__header\")}>\n        <span className={clsx(\"hds-step-indicator__left-label\")}>{label}</span>\n        <span>{stepLabelTranslations[lang](activeStep, totalSteps)}</span>\n      </div>\n\n      <div className={clsx(\"hds-step-indicator__steps\")}>\n        {Array.from({ length: totalSteps }, (_, i) => (\n          <div\n            className={clsx(\"hds-step-indicator__step\")}\n            data-state={getStepState(i + 1, activeStep)}\n            key={i}\n          />\n        ))}\n      </div>\n\n      {title ? (\n        <TitleComponent className={clsx(\"hds-step-indicator__title\")}>{title}</TitleComponent>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Translated texts for the `step x of y` label.\n */\nconst stepLabelTranslations: Record<\n  \"no\" | \"en\" | \"da\" | \"sv\",\n  (activeStep: number, totalSteps: number) => string\n> = {\n  no: (activeStep: number, totalSteps: number) => `steg ${activeStep} av ${totalSteps}`,\n  en: (activeStep: number, totalSteps: number) => `step ${activeStep} of ${totalSteps}`,\n  da: (activeStep: number, totalSteps: number) => `trin ${activeStep} af ${totalSteps}`,\n  sv: (activeStep: number, totalSteps: number) => `steg ${activeStep} av ${totalSteps}`,\n};\n\n/**\n * Determine the state of a step.\n * 1-indexed\n */\nfunction getStepState(renderedStep: number, activeStep: number) {\n  if (renderedStep < activeStep) {\n    return \"previous\";\n  }\n  if (renderedStep === activeStep) {\n    return \"active\";\n  }\n  return \"next\";\n}\n"],"mappings":";;;;;;;AAAA,SAAS,YAAY;AAwDf,SACE,KADF;AAZC,SAAS,cAAc,IASM;AATN,eAC5B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,SAAS;AAAA,EAnDX,IA4C8B,IAQzB,iBARyB,IAQzB;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,qBAAC,sCAAI,WAAW,KAAK,sBAAsB,SAAsB,GAAG,QAAgB,OAAnF,EACC;AAAA,yBAAC,SAAI,WAAW,KAAK,4BAA4B,GAC/C;AAAA,0BAAC,UAAK,WAAW,KAAK,gCAAgC,GAAI,iBAAM;AAAA,MAChE,oBAAC,UAAM,gCAAsB,IAAI,EAAE,YAAY,UAAU,GAAE;AAAA,OAC7D;AAAA,IAEA,oBAAC,SAAI,WAAW,KAAK,2BAA2B,GAC7C,gBAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,CAAC,GAAG,MACtC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,0BAA0B;AAAA,QAC1C,cAAY,aAAa,IAAI,GAAG,UAAU;AAAA;AAAA,MACrC;AAAA,IACP,CACD,GACH;AAAA,IAEC,QACC,oBAAC,kBAAe,WAAW,KAAK,2BAA2B,GAAI,iBAAM,IACnE;AAAA,MACN;AAEJ;AAKA,IAAM,wBAGF;AAAA,EACF,IAAI,CAAC,YAAoB,eAAuB,QAAQ,UAAU,OAAO,UAAU;AAAA,EACnF,IAAI,CAAC,YAAoB,eAAuB,QAAQ,UAAU,OAAO,UAAU;AAAA,EACnF,IAAI,CAAC,YAAoB,eAAuB,QAAQ,UAAU,OAAO,UAAU;AAAA,EACnF,IAAI,CAAC,YAAoB,eAAuB,QAAQ,UAAU,OAAO,UAAU;AACrF;AAMA,SAAS,aAAa,cAAsB,YAAoB;AAC9D,MAAI,eAAe,YAAY;AAC7B,WAAO;AAAA,EACT;AACA,MAAI,iBAAiB,YAAY;AAC/B,WAAO;AAAA,EACT;AACA,SAAO;AACT;","names":[]}

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

@@ -6,7 +6,7 @@ import {
 
 // src/button/button.tsx
 import { forwardRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
 var BaseButton = forwardRef(
   (_a, ref) => {
@@ -76,4 +76,4 @@ export {
   PrimaryButton,
   SecondaryButton
 };
-//# sourceMappingURL=chunk-OJ42PRYY.mjs.map
+//# sourceMappingURL=chunk-OUHO4LGN.mjs.map

package/dist/chunk-OUHO4LGN.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\ninterface ButtonPropsInternal extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The height, font size and padding of the button\n   */\n  size?: \"small\" | \"medium\" | \"large\";\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 type ButtonProps = ButtonPropsInternal &\n  (\n    | {\n        /**\n         * The background fill of the button\n         */\n        fill?: \"contained\" | \"outline\";\n      }\n    | {\n        /**\n         * @deprecated use `fill='outline'` instead\n         */\n        fill?: \"outlined\";\n      }\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    // TODO: Remove deprecated fill value name at some point\n    // Deprecated at 10. march 2024\n    if (fill === \"outlined\") {\n      // eslint-disable-next-line no-console -- Deprecation warning\n      console.warn(\"The `fill` value `outlined` is deprecated, use `fill='outline'` instead\");\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\" || fill === \"outlined\",\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;AAgEf,SAkCK,KAlCL;AAzBC,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,IArDN,IA6CI,IASK,iBATL,IASK;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAOF,QAAI,SAAS,YAAY;AAEvB,cAAQ,KAAK,yEAAyE;AAAA,IACxF;AACA,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,SAAS;AAAA,YACnE,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-GVSLN5KE.mjs → chunk-POJTVNEO.mjs}

@@ -1,6 +1,6 @@
 import {
   Box
-} from "./chunk-R7WBXNQA.mjs";
+} from "./chunk-EGXM575K.mjs";
 import {
   useMergeRefs
 } from "./chunk-WCA2WPFS.mjs";
@@ -12,7 +12,7 @@ import {
 
 // src/modal/modal.tsx
 import { forwardRef, useEffect, useRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var Modal = forwardRef(
   (_a, ref) => {
@@ -127,4 +127,4 @@ export {
   ModalFooter,
   useScrollLock
 };
-//# sourceMappingURL=chunk-GVSLN5KE.mjs.map
+//# sourceMappingURL=chunk-POJTVNEO.mjs.map

package/dist/chunk-POJTVNEO.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 { Box } from \"../box/box\";\nimport type { OverridableComponent } from \"../utils\";\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 * ```\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 style={{ display: \"flex\", gap: 16 }}>\n            <PrimaryButton fill=\"outline\" onClick={onClose}>\n              Close\n            </PrimaryButton>\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        as=\"dialog\"\n        className={clsx(\"hds-modal\", className as undefined)}\n        closeable\n        onClick={onDialogClick}\n        onClose={onCloseButtonClick}\n        ref={mergedRef}\n        variant=\"white\"\n        {\n          ...(rest as object) /* TODO remove type casting */\n        }\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nModal.displayName = \"Modal\";\n\nexport const ModalHeader: OverridableComponent<object, HTMLHeadingElement> = forwardRef(\n  ({ as: Component = \"h1\", className, ...rest }, ref) => {\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\nexport const ModalContent: OverridableComponent<object, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, ...rest }, ref) => {\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\nexport const ModalFooter: OverridableComponent<object, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"footer\", className, ...rest }, ref) => {\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\nexport function 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":";;;;;;;;;;;;;AAAA,SAAS,YAAY,WAAW,cAAc;AAC9C,SAAS,YAAY;AAmFf;AAjCC,IAAM,QAAQ;AAAA,EACnB,CAAC,IAAuE,QAAQ;AAA/E,iBAAE,YAAU,WAAW,MAAM,sBAAsB,QApDtD,IAoDG,IAA+D,iBAA/D,IAA+D,CAA7D,YAAU,aAAW,QAAM,wBAAsB;AAClD,UAAM,WAAW,OAA0B,IAAI;AAC/C,UAAM,YAAY,aAAa,CAAC,UAAU,GAAG,CAAC;AAG9C,aAAS,qBAAqB;AAzDlC,UAAAA;AA0DM,OAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAClB,aAAO;AAAA,IACT;AAGA,kBAAc,UAAU,uBAAuB;AAG/C,cAAU,MAAM;AACd,UAAI,SAAS,WAAW,SAAS,QAAW;AAC1C,YAAI,QAAQ,CAAC,SAAS,QAAQ,MAAM;AAClC,mBAAS,QAAQ,UAAU;AAAA,QAC7B,WAAW,CAAC,QAAQ,SAAS,QAAQ,MAAM;AACzC,mBAAS,QAAQ,MAAM;AAAA,QACzB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,aAAS,cAAc,GAAkC;AACvD,UAAI,wBAAwB,EAAE,WAAW,SAAS,SAAS;AACzD,iBAAS,QAAQ,MAAM;AAAA,MACzB;AACA,yCAAU;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,aAAa,SAAsB;AAAA,QACnD,WAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,KAAK;AAAA,QACL,SAAQ;AAAA,SAEF,OATP;AAAA,QAYE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;AAEb,IAAM,cAAgE;AAAA,EAC3E,CAAC,IAA8C,QAAQ;AAAtD,iBAAE,MAAI,YAAY,MAAM,UAxG3B,IAwGG,IAAsC,iBAAtC,IAAsC,CAApC,MAAsB;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,qBAAqB,SAAsB;AAAA,QAC3D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAEnB,IAAM,eAA6D;AAAA,EACxE,CAAC,IAA+C,QAAQ;AAAvD,iBAAE,MAAI,YAAY,OAAO,UArH5B,IAqHG,IAAuC,iBAAvC,IAAuC,CAArC,MAAuB;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,sBAAsB,SAAsB;AAAA,QAC5D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAEpB,IAAM,cAA4D;AAAA,EACvE,CAAC,IAAkD,QAAQ;AAA1D,iBAAE,MAAI,YAAY,UAAU,UAlI/B,IAkIG,IAA0C,iBAA1C,IAA0C,CAAxC,MAA0B;AAC3B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,qBAAqB,SAAsB;AAAA,QAC3D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAEnB,SAAS,cAAc,UAA8C,WAAmB;AAC7F,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AAAS;AACvB,QAAI,SAAS,QAAQ;AAAM,eAAS,KAAK,UAAU,IAAI,SAAS;AAEhE,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAnJhD;AAoJM,WAAI,cAAS,YAAT,mBAAkB;AAAM,iBAAS,KAAK,UAAU,IAAI,SAAS;AAAA;AAC5D,iBAAS,KAAK,UAAU,OAAO,SAAS;AAAA,IAC/C,CAAC;AACD,aAAS,QAAQ,SAAS,SAAS;AAAA,MACjC,YAAY;AAAA,MACZ,iBAAiB,CAAC,MAAM;AAAA,IAC1B,CAAC;AACD,WAAO,MAAM;AACX,eAAS,WAAW;AACpB,eAAS,KAAK,UAAU,OAAO,SAAS;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,WAAW,QAAQ,CAAC;AAC1B;","names":["_a"]}

package/dist/{chunk-YJBADJDW.mjs → chunk-PTANXZW6.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/list/list.tsx
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 function BaseList(_a) {
   var _b = _a, {
@@ -35,4 +35,4 @@ export {
   UnorderedList,
   OrderedList
 };
-//# sourceMappingURL=chunk-YJBADJDW.mjs.map
+//# sourceMappingURL=chunk-PTANXZW6.mjs.map

package/dist/chunk-PTANXZW6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/list/list.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport * as React from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface ListProps extends HTMLAttributes<HTMLOListElement | HTMLUListElement> {\n  children?: React.ReactElement<HTMLLIElement> | React.ReactElement<HTMLLIElement>[];\n  /**\n   * Sets the size of the items (font)\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\nfunction BaseList({\n  as: ListTag = \"ul\",\n  children,\n  size = \"medium\",\n  className,\n  ...rest\n}: ListProps & { as?: \"ul\" | \"ol\" }) {\n  return (\n    <ListTag className={clsx(\"hds-list\", `hds-list--${size}`, className as undefined)} {...rest}>\n      {children}\n    </ListTag>\n  );\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 build your own using the semantic `ul` and `ol` tags.\n */\nexport function UnorderedList(props: ListProps) {\n  return (\n    <BaseList as=\"ul\" {...props}>\n      {props.children}\n    </BaseList>\n  );\n}\n\n/**\n * An ordered list of simple items\n *\n * If you have other list needs build your own using the semantic `ul` and `ol` tags.\n */\nexport function OrderedList(props: ListProps) {\n  return (\n    <BaseList as=\"ol\" {...props}>\n      {props.children}\n    </BaseList>\n  );\n}\n\nBaseList.displayName = \"BaseList\";\nOrderedList.displayName = \"OrderedList\";\nUnorderedList.displayName = \"UnorderedList\";\n"],"mappings":";;;;;;;AAEA,SAAS,YAAY;AAkBjB;AARJ,SAAS,SAAS,IAMmB;AANnB,eAChB;AAAA,QAAI,UAAU;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EAhBF,IAYkB,IAKb,iBALa,IAKb;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,oBAAC,wCAAQ,WAAW,KAAK,YAAY,aAAa,IAAI,IAAI,SAAsB,KAAO,OAAtF,EACE,WACH;AAEJ;AAOO,SAAS,cAAc,OAAkB;AAC9C,SACE,oBAAC,yCAAS,IAAG,QAAS,QAArB,EACE,gBAAM,WACT;AAEJ;AAOO,SAAS,YAAY,OAAkB;AAC5C,SACE,oBAAC,yCAAS,IAAG,QAAS,QAArB,EACE,gBAAM,WACT;AAEJ;AAEA,SAAS,cAAc;AACvB,YAAY,cAAc;AAC1B,cAAc,cAAc;","names":[]}

package/dist/{chunk-D2YCZMUP.mjs → chunk-PXHYOQPB.mjs}

@@ -6,7 +6,7 @@ import {
 
 // src/form/checkbox/checkbox.tsx
 import { forwardRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Checkbox = forwardRef(
   (_a, ref) => {
@@ -39,4 +39,4 @@ Checkbox.displayName = "Checkbox";
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-D2YCZMUP.mjs.map
+//# sourceMappingURL=chunk-PXHYOQPB.mjs.map

package/dist/chunk-PXHYOQPB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/checkbox/checkbox.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\"> {\n  variant?: \"plain\" | \"bounding-box\";\n  hasError?: boolean;\n  title?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ variant = \"plain\", hasError, title, children, className, ...rest }, ref) => {\n    return (\n      <div\n        className={clsx(\n          \"hds-checkbox\",\n          {\n            [`hds-checkbox--${variant}`]: variant === \"bounding-box\",\n            \"hds-checkbox--error\": hasError,\n          },\n          className as undefined,\n        )}\n      >\n        <label>\n          <input {...rest} aria-invalid={hasError ? true : undefined} ref={ref} type=\"checkbox\" />\n          <span aria-hidden className=\"hds-checkbox__checkmark\" />\n          {title ? <p className=\"hds-checkbox__title\">{title}</p> : children}\n        </label>\n        {title ? children : null}\n      </div>\n    );\n  },\n);\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;;;;;AACA,SAAgB,kBAAkB;AAClC,SAAS,YAAY;AAqBb,SACE,KADF;AAbD,IAAM,WAAW;AAAA,EACtB,CAAC,IAAsE,QAAQ;AAA9E,iBAAE,YAAU,SAAS,UAAU,OAAO,UAAU,UAXnD,IAWG,IAA8D,iBAA9D,IAA8D,CAA5D,WAAmB,YAAU,SAAO,YAAU;AAC/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,CAAC,iBAAiB,OAAO,EAAE,GAAG,YAAY;AAAA,YAC1C,uBAAuB;AAAA,UACzB;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,+BAAC,WACC;AAAA,gCAAC,0CAAU,OAAV,EAAgB,gBAAc,WAAW,OAAO,QAAW,KAAU,MAAK,aAAW;AAAA,YACtF,oBAAC,UAAK,eAAW,MAAC,WAAU,2BAA0B;AAAA,YACrD,QAAQ,oBAAC,OAAE,WAAU,uBAAuB,iBAAM,IAAO;AAAA,aAC5D;AAAA,UACC,QAAQ,WAAW;AAAA;AAAA;AAAA,IACtB;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/{chunk-BDA6STW2.mjs → chunk-QSYU64U4.mjs}

@@ -3,7 +3,7 @@ import {
   ModalContent,
   ModalFooter,
   ModalHeader
-} from "./chunk-GVSLN5KE.mjs";
+} from "./chunk-POJTVNEO.mjs";
 
 // src/modal/index.tsx
 var ModalComponent = Modal;
@@ -14,4 +14,4 @@ ModalComponent.Footer = ModalFooter;
 export {
   ModalComponent
 };
-//# sourceMappingURL=chunk-BDA6STW2.mjs.map
+//# sourceMappingURL=chunk-QSYU64U4.mjs.map

package/dist/{chunk-3DOUHFA4.mjs → chunk-RK6BB3HH.mjs}

@@ -1,6 +1,6 @@
 import {
   InputGroup
-} from "./chunk-RLK2ENCB.mjs";
+} from "./chunk-SKI2APSK.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -9,7 +9,7 @@ import {
 
 // src/form/textarea/textarea.tsx
 import { forwardRef } from "react";
-import { clsx } from "@postenbring/hedwig-css/typed-classname/index.mjs";
+import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { jsx } from "react/jsx-runtime";
 var Textarea = forwardRef(function Textarea2(_a, ref) {
   var _b = _a, { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly } = _b, rest = __objRest(_b, ["className", "variant", "errorMessage", "labelProps", "label", "id", "style", "disabled", "readOnly"]);
@@ -34,4 +34,4 @@ Textarea.displayName = "Textarea";
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-3DOUHFA4.mjs.map
+//# sourceMappingURL=chunk-RK6BB3HH.mjs.map