@postenbring/hedwig-react 0.0.57 → 0.0.58

package/dist/card/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const Card: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: Exclude<ElementType, \"a\">;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component = \"section\", className, children, ...rest }, ref) => {\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends HTMLAttributes<HTMLDivElement> {\n  aspectRatio?: string;\n}\nexport const CardMediaImg: OverridableComponent<CardImageMediaProps, HTMLImageElement> = forwardRef(\n  ({ as: Component = \"img\", className, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.Media.Img\";\n\nexport const CardBody: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps & {\n    /**\n     * Heading level of the card heading\n     */\n    as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  }\n>(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.Body.Header\";\n\nexport const CardBodyHeaderOverline: OverridableComponent<CardBaseProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"span\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  });\nCardBodyHeaderOverline.displayName = \"Card.Body.Header.Overline\";\n\nexport const CardBodyHeaderTitle: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be this header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as: ElementType;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header-title\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeaderTitle.displayName = \"Card.Body.Header.Title\";\n\nexport const CardBodyDescription: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"p\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.Body.Description\";\n\nexport const CardBodyAction: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.Body.Action\";\n\nexport const CardBodyActionArrow: OverridableComponent<\n  HTMLAttributes<HTMLSpanElement>,\n  HTMLSpanElement\n> = forwardRef(({ as: Component = \"span\", className, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n      ref={ref}\n    />\n  );\n});\nCardBodyActionArrow.displayName = \"Card.Body.Action.Arrow\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/card/card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const Card: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: Exclude<ElementType, \"a\">;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component = \"section\", className, children, ...rest }, ref) => {\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends HTMLAttributes<HTMLDivElement> {\n  aspectRatio?: string;\n}\nexport const CardMediaImg: OverridableComponent<CardImageMediaProps, HTMLImageElement> = forwardRef(\n  ({ as: Component = \"img\", className, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.Media.Img\";\n\nexport const CardBody: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps & {\n    /**\n     * Heading level of the card heading\n     */\n    as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  }\n>(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.Body.Header\";\n\nexport const CardBodyHeaderOverline: OverridableComponent<CardBaseProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"span\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  });\nCardBodyHeaderOverline.displayName = \"Card.Body.Header.Overline\";\n\nexport const CardBodyHeaderTitle: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be this header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as: ElementType;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header-title\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeaderTitle.displayName = \"Card.Body.Header.Title\";\n\nexport const CardBodyDescription: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"p\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.Body.Description\";\n\nexport const CardBodyAction: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.Body.Action\";\n\nexport const CardBodyActionArrow: OverridableComponent<\n  HTMLAttributes<HTMLSpanElement>,\n  HTMLSpanElement\n> = forwardRef(({ as: Component = \"span\", className, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n      ref={ref}\n    />\n  );\n});\nCardBodyActionArrow.displayName = \"Card.Body.Action.Arrow\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2B;AAC3B,6BAAqB;AAqBjB;AAdG,IAAM,WAYT,yBAAW,CAAC,IAA6D,QAAQ;AAArE,eAAE,MAAI,YAAY,WAAW,WAAW,SArBxD,IAqBgB,IAAqD,iBAArD,IAAqD,CAAnD,MAA2B,aAAW;AACtD,SACE,4CAAC,4CAAc,OAAd,EAAoB,eAAW,6BAAK,YAAY,SAAsB,GAAG,KACvE,WACH;AAEJ,CAAC;AACD,KAAK,cAAc;AAEZ,IAAM,gBAAiE;AAAA,EAC5E,CAAC,IAAyD,QAAQ;AAAjE,iBAAE,MAAI,YAAY,OAAO,WAAW,SA/BvC,IA+BG,IAAiD,iBAAjD,IAAiD,CAA/C,MAAuB,aAAW;AACnC,WACE,4CAAC,4CAAc,OAAd,EAAoB,eAAW,6BAAK,mBAAmB,SAAsB,GAAG,KAC9E,WACH;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;AAKjB,IAAM,mBAA4E;AAAA,EACvF,CAAC,IAA+C,QAAQ;AAAvD,iBAAE,MAAI,YAAY,OAAO,UA7C5B,IA6CG,IAAuC,iBAAvC,IAAuC,CAArC,MAAuB;AACxB,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,eAAW,6BAAK,wBAAwB,SAAsB;AAAA,QAC9D;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAEpB,IAAM,eAAgE;AAAA,EAC3E,CAAC,IAAyD,QAAQ;AAAjE,iBAAE,MAAI,YAAY,OAAO,WAAW,SA1DvC,IA0DG,IAAiD,iBAAjD,IAAiD,CAA/C,MAAuB,aAAW;AACnC,WACE,4CAAC,4CAAc,OAAd,EAAoB,eAAW,6BAAK,kBAAkB,SAAsB,GAAG,KAC7E,WACH;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;AAEhB,IAAM,qBAAiB,yBAQ5B,CAAC,IAAiD,QAAQ;AAAzD,eAAE,MAAI,WAAW,WAAW,SA5E/B,IA4EG,IAAyC,iBAAzC,IAAyC,CAAvC,MAAe,aAAW;AAC7B,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,eAAW,6BAAK,yBAAyB,SAAsB;AAAA,MAC/D;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,eAAe,cAAc;AAEtB,IAAM,6BACX,yBAAW,CAAC,IAA0D,QAAQ;AAAlE,eAAE,MAAI,YAAY,QAAQ,WAAW,SA1FnD,IA0Fc,IAAkD,iBAAlD,IAAkD,CAAhD,MAAwB,aAAW;AAC/C,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,eAAW,6BAAK,kCAAkC,SAAsB;AAAA,MACxE;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AACH,uBAAuB,cAAc;AAE9B,IAAM,0BAYT,yBAAW,CAAC,IAAiD,QAAQ;AAAzD,eAAE,MAAI,WAAW,WAAW,SAnH5C,IAmHgB,IAAyC,iBAAzC,IAAyC,CAAvC,MAAe,aAAW;AAC1C,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,eAAW,6BAAK,+BAA+B,SAAsB;AAAA,MACrE;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,oBAAoB,cAAc;AAE3B,IAAM,0BAA2E;AAAA,EACtF,CAAC,IAAuD,QAAQ;AAA/D,iBAAE,MAAI,YAAY,KAAK,WAAW,SAjIrC,IAiIG,IAA+C,iBAA/C,IAA+C,CAA7C,MAAqB,aAAW;AACjC,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,eAAW,6BAAK,8BAA8B,SAAsB;AAAA,QACpE;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,oBAAoB,cAAc;AAE3B,IAAM,qBAAsE;AAAA,EACjF,CAAC,IAAyD,QAAQ;AAAjE,iBAAE,MAAI,YAAY,OAAO,WAAW,SAhJvC,IAgJG,IAAiD,iBAAjD,IAAiD,CAA/C,MAAuB,aAAW;AACnC,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,eAAW,6BAAK,yBAAyB,SAAsB;AAAA,QAC/D;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAEtB,IAAM,0BAGT,yBAAW,CAAC,IAAgD,QAAQ;AAAxD,eAAE,MAAI,YAAY,QAAQ,UAjK1C,IAiKgB,IAAwC,iBAAxC,IAAwC,CAAtC,MAAwB;AACxC,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,eAAW,6BAAK,+BAA+B,SAAsB;AAAA,MACrE;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,oBAAoB,cAAc;","names":[]}

package/dist/card/card.mjs

@@ -9,7 +9,7 @@ import {
   CardBodyHeaderTitle,
   CardMedia,
   CardMediaImg
-} from "../chunk-ODFEKAJO.mjs";
+} from "../chunk-X5JERDDU.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Card,

package/dist/card/index.js

@@ -55,7 +55,7 @@ module.exports = __toCommonJS(card_exports);
 
 // src/card/card.tsx
 var import_react = require("react");
-var import_typed_classname = require("@postenbring/hedwig-css/typed-classname/index.mjs");
+var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Card = (0, import_react.forwardRef)((_a, ref) => {
   var _b = _a, { as: Component = "section", className, children } = _b, rest = __objRest(_b, ["as", "className", "children"]);

package/dist/card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/index.tsx","../../src/card/card.tsx"],"sourcesContent":["import {\n  Card,\n  CardMedia,\n  CardMediaImg,\n  CardBody,\n  CardBodyHeader,\n  CardBodyHeaderOverline,\n  CardBodyHeaderTitle,\n  CardBodyDescription,\n  CardBodyAction,\n  CardBodyActionArrow,\n} from \"./card\";\n\nconst CardMediaComponent = CardMedia as typeof CardMedia & {\n  Img: typeof CardMediaImg;\n};\nCardMediaComponent.Img = CardMediaImg;\n\nconst CardBodyHeaderComponent = CardBodyHeader as typeof CardBodyHeader & {\n  Overline: typeof CardBodyHeaderOverline;\n  Title: typeof CardBodyHeaderTitle;\n};\nCardBodyHeaderComponent.Overline = CardBodyHeaderOverline;\nCardBodyHeaderComponent.Title = CardBodyHeaderTitle;\n\nconst CardBodyActionComponent = CardBodyAction as typeof CardBodyAction & {\n  Arrow: typeof CardBodyActionArrow;\n};\nCardBodyActionComponent.Arrow = CardBodyActionArrow;\n\nconst CardBodyComponent = CardBody as typeof CardBody & {\n  Header: typeof CardBodyHeaderComponent;\n  Overline: typeof CardBodyHeaderOverline;\n  Title: typeof CardBodyHeaderTitle;\n  Description: typeof CardBodyDescription;\n  Action: typeof CardBodyActionComponent;\n};\n\nCardBodyComponent.Header = CardBodyHeaderComponent;\nCardBodyComponent.Description = CardBodyDescription;\nCardBodyComponent.Action = CardBodyActionComponent;\n\nconst CardComponent = Card as typeof Card & {\n  Media: typeof CardMediaComponent;\n  Body: typeof CardBodyComponent;\n};\nCardComponent.Media = CardMediaComponent;\nCardComponent.Body = CardBodyComponent;\n\nexport { CardComponent as Card };\n\nexport type * from \"./card\";\n","import type { HTMLAttributes, ReactNode, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const Card: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: Exclude<ElementType, \"a\">;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component = \"section\", className, children, ...rest }, ref) => {\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends HTMLAttributes<HTMLDivElement> {\n  aspectRatio?: string;\n}\nexport const CardMediaImg: OverridableComponent<CardImageMediaProps, HTMLImageElement> = forwardRef(\n  ({ as: Component = \"img\", className, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.Media.Img\";\n\nexport const CardBody: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps & {\n    /**\n     * Heading level of the card heading\n     */\n    as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  }\n>(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.Body.Header\";\n\nexport const CardBodyHeaderOverline: OverridableComponent<CardBaseProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"span\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  });\nCardBodyHeaderOverline.displayName = \"Card.Body.Header.Overline\";\n\nexport const CardBodyHeaderTitle: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be this header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as: ElementType;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header-title\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeaderTitle.displayName = \"Card.Body.Header.Title\";\n\nexport const CardBodyDescription: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"p\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.Body.Description\";\n\nexport const CardBodyAction: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.Body.Action\";\n\nexport const CardBodyActionArrow: OverridableComponent<\n  HTMLAttributes<HTMLSpanElement>,\n  HTMLSpanElement\n> = forwardRef(({ as: Component = \"span\", className, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n      ref={ref}\n    />\n  );\n});\nCardBodyActionArrow.displayName = \"Card.Body.Action.Arrow\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/card/index.tsx","../../src/card/card.tsx"],"sourcesContent":["import {\n  Card,\n  CardMedia,\n  CardMediaImg,\n  CardBody,\n  CardBodyHeader,\n  CardBodyHeaderOverline,\n  CardBodyHeaderTitle,\n  CardBodyDescription,\n  CardBodyAction,\n  CardBodyActionArrow,\n} from \"./card\";\n\nconst CardMediaComponent = CardMedia as typeof CardMedia & {\n  Img: typeof CardMediaImg;\n};\nCardMediaComponent.Img = CardMediaImg;\n\nconst CardBodyHeaderComponent = CardBodyHeader as typeof CardBodyHeader & {\n  Overline: typeof CardBodyHeaderOverline;\n  Title: typeof CardBodyHeaderTitle;\n};\nCardBodyHeaderComponent.Overline = CardBodyHeaderOverline;\nCardBodyHeaderComponent.Title = CardBodyHeaderTitle;\n\nconst CardBodyActionComponent = CardBodyAction as typeof CardBodyAction & {\n  Arrow: typeof CardBodyActionArrow;\n};\nCardBodyActionComponent.Arrow = CardBodyActionArrow;\n\nconst CardBodyComponent = CardBody as typeof CardBody & {\n  Header: typeof CardBodyHeaderComponent;\n  Overline: typeof CardBodyHeaderOverline;\n  Title: typeof CardBodyHeaderTitle;\n  Description: typeof CardBodyDescription;\n  Action: typeof CardBodyActionComponent;\n};\n\nCardBodyComponent.Header = CardBodyHeaderComponent;\nCardBodyComponent.Description = CardBodyDescription;\nCardBodyComponent.Action = CardBodyActionComponent;\n\nconst CardComponent = Card as typeof Card & {\n  Media: typeof CardMediaComponent;\n  Body: typeof CardBodyComponent;\n};\nCardComponent.Media = CardMediaComponent;\nCardComponent.Body = CardBodyComponent;\n\nexport { CardComponent as Card };\n\nexport type * from \"./card\";\n","import type { HTMLAttributes, ReactNode, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\nexport interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const Card: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be the header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as?: Exclude<ElementType, \"a\">;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component = \"section\", className, children, ...rest }, ref) => {\n  return (\n    <Component {...rest} className={clsx(\"hds-card\", className as undefined)} ref={ref}>\n      {children}\n    </Component>\n  );\n});\nCard.displayName = \"Card\";\n\nexport const CardMedia: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__media\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardMedia.displayName = \"Card.Media\";\n\nexport interface CardImageMediaProps extends HTMLAttributes<HTMLDivElement> {\n  aspectRatio?: string;\n}\nexport const CardMediaImg: OverridableComponent<CardImageMediaProps, HTMLImageElement> = forwardRef(\n  ({ as: Component = \"img\", className, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__media__img\", className as undefined)}\n        ref={ref}\n      />\n    );\n  },\n);\nCardMediaImg.displayName = \"Card.Media.Img\";\n\nexport const CardBody: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component {...rest} className={clsx(\"hds-card__body\", className as undefined)} ref={ref}>\n        {children}\n      </Component>\n    );\n  },\n);\nCardBody.displayName = \"Card.Body\";\n\nexport const CardBodyHeader = forwardRef<\n  HTMLHeadingElement,\n  CardBaseProps & {\n    /**\n     * Heading level of the card heading\n     */\n    as: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  }\n>(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeader.displayName = \"Card.Body.Header\";\n\nexport const CardBodyHeaderOverline: OverridableComponent<CardBaseProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"span\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-header-overline\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  });\nCardBodyHeaderOverline.displayName = \"Card.Body.Header.Overline\";\n\nexport const CardBodyHeaderTitle: OverridableComponent<\n  CardBaseProps & {\n    /**\n     * A Card should in most cases appear as a big link,\n     * but the actual link should just be this header title.\n     * To make life better for those with screen readers we should not make\n     * the entire card a link, as that would cause the entire card to be read\n     * as a link to the user. That would be perceived as information overload.\n     */\n    as: ElementType;\n  },\n  HTMLDivElement\n> = forwardRef(({ as: Component, className, children, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-header-title\", className as undefined)}\n      ref={ref}\n    >\n      {children}\n    </Component>\n  );\n});\nCardBodyHeaderTitle.displayName = \"Card.Body.Header.Title\";\n\nexport const CardBodyDescription: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"p\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-description\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyDescription.displayName = \"Card.Body.Description\";\n\nexport const CardBodyAction: OverridableComponent<CardBaseProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, children, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\"hds-card__body-action\", className as undefined)}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nCardBodyAction.displayName = \"Card.Body.Action\";\n\nexport const CardBodyActionArrow: OverridableComponent<\n  HTMLAttributes<HTMLSpanElement>,\n  HTMLSpanElement\n> = forwardRef(({ as: Component = \"span\", className, ...rest }, ref) => {\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-card__body-action-arrow\", className as undefined)}\n      ref={ref}\n    />\n  );\n});\nCardBodyActionArrow.displayName = \"Card.Body.Action.Arrow\";\n"],"mappings":"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","names":[]}

package/dist/card/index.mjs

@@ -1,7 +1,7 @@
 import {
   CardComponent
-} from "../chunk-22GG466D.mjs";
-import "../chunk-ODFEKAJO.mjs";
+} from "../chunk-JC6DBIFE.mjs";
+import "../chunk-X5JERDDU.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   CardComponent as Card

package/dist/{chunk-EJJIKLGC.mjs → chunk-44X6U32G.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-R4SQKVDQ.mjs";
 
 // src/skeleton/skeleton.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 Skeleton = forwardRef(
@@ -29,4 +29,4 @@ Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };
-//# sourceMappingURL=chunk-EJJIKLGC.mjs.map
+//# sourceMappingURL=chunk-44X6U32G.mjs.map

package/dist/chunk-44X6U32G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton/skeleton.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\ninterface DimensionsFromWidthAndHeight {\n  height?: number | string;\n  width?: number | string;\n}\n\ninterface SkeletonPropsInner extends React.AnchorHTMLAttributes<HTMLDivElement> {\n  /**\n   * The visual style of the Skeleton\n   */\n  variant?: \"text\" | \"circle\" | \"rectangle\" | \"rounded\";\n\n  children?: React.ReactNode;\n}\n\nexport type SkeletonProps = SkeletonPropsInner & DimensionsFromWidthAndHeight;\n\n/**\n * Make skeleton loading states as placeholders for your content while waiting for data to load.\n *\n * **Note**\n *\n * Consider if this is really needed. The best experience is to avoid loading states altogether.\n * If your loading takes under 1 second, it better to not show anything at all.\n *\n * - Make your backend faster\n * - Preload/prefetch data\n * - Avoid data loading waterfalls\n * - Use optimistic ui when doing mutations\n *\n * **Usage**\n *\n * ```tsx\n * <Skeleton variant=\"circle\" width=\"2rem\" height=\"2rem\" />\n * <Skeleton variant=\"text\" />\n * <Skeleton variant=\"text\" width=\"80%\" />\n * <Skeleton variant=\"text\">Uses content to determine width</Skeleton>\n * <Skeleton variant=\"rectangle\" width=\"300px\" height=\"400px\" />\n * ```\n *\n * Remember to set `aria-hidden` on top level components you use that are not the `Skeleton` component.\n *\n * The `Skeleton` component does this for it self, but if you are using other components higher up in the tree, it might cause problems with screen readers\n *\n * **References**\n * - https://aksel.nav.no/komponenter/core/skeleton\n * - https://chakra-ui.com/docs/components/skeleton\n * - https://mui.com/material-ui/react-skeleton/\n */\nexport const Skeleton: OverridableComponent<SkeletonProps, HTMLDivElement> = forwardRef(\n  (\n    { as: Component = \"div\", children, variant = \"text\", width, height, className, style, ...rest },\n    ref,\n  ) => {\n    return (\n      <Component\n        className={clsx(\"hds-skeleton\", `hds-skeleton--${variant}`, className as undefined)}\n        style={{ ...style, width, height }}\n        ref={ref}\n        aria-hidden\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nSkeleton.displayName = \"Skeleton\";\n"],"mappings":";;;;;;;AACA,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAyDrB;AANC,IAAM,WAAgE;AAAA,EAC3E,CACE,IACA,QACG;AAFH,iBAAE,MAAI,YAAY,OAAO,UAAU,UAAU,QAAQ,OAAO,QAAQ,WAAW,MAvDnF,IAuDI,IAAyF,iBAAzF,IAAyF,CAAvF,MAAuB,YAAU,WAAkB,SAAO,UAAQ,aAAW;AAG/E,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,gBAAgB,iBAAiB,OAAO,IAAI,SAAsB;AAAA,QAClF,OAAO,iCAAK,QAAL,EAAY,OAAO,OAAO;AAAA,QACjC;AAAA,QACA,eAAW;AAAA,SACP,OALL;AAAA,QAOE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/{chunk-LYRXA4WS.mjs → chunk-57SSGJ4X.mjs}

@@ -6,7 +6,7 @@ import {
 
 // src/text/text.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 defaultHTMLTag = {
   "h1-display": "h1",
@@ -63,4 +63,4 @@ Text.displayName = "Text";
 export {
   Text
 };
-//# sourceMappingURL=chunk-LYRXA4WS.mjs.map
+//# sourceMappingURL=chunk-57SSGJ4X.mjs.map

package/dist/chunk-57SSGJ4X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text/text.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\n\ninterface HeadingProps {\n  variant: \"h1-display\" | \"h1\" | \"h2\" | \"h3\" | \"h3-title\";\n  as: React.ElementType;\n}\ninterface ParagraphProps {\n  variant?:\n    | \"body\"\n    | \"body-title\"\n    | \"body-small\"\n    | \"body-small-title\"\n    | \"technical\"\n    | \"technical-title\"\n    | \"caption\"\n    | \"caption-title\";\n}\n\nexport type TextProps = (HeadingProps | ParagraphProps) & {\n  children: React.ReactNode;\n\n  /**\n   * The font-size of the component. By default it's `fluid` which means it's smaller on mobile and larger on desktop.\n   *\n   * But you can lock it to either the min or the max size.\n   */\n  size?: \"min\" | \"max\" | \"fluid\";\n\n  /**\n   * 🚧 Experimental spacing\n   */\n  _unstableSpacing?: boolean;\n};\n\nconst defaultHTMLTag: Record<NonNullable<TextProps[\"variant\"]>, `h${1 | 2 | 3}` | \"p\"> = {\n  \"h1-display\": \"h1\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  \"h3-title\": \"h3\",\n  body: \"p\",\n  \"body-title\": \"p\",\n  \"body-small\": \"p\",\n  \"body-small-title\": \"p\",\n  technical: \"p\",\n  \"technical-title\": \"p\",\n  caption: \"p\",\n  \"caption-title\": \"p\",\n};\n\n/**\n * Text component\n *\n * If the variant is `h1-display`, `h1`, `h2`, `h3`, or `h3-title` the `as` prop is required.\n *\n * This to force the consumer to consider which semantic html element to use. E.g. `<h1>` or `<h2>`\n *\n * @example\n * ```tsx\n * <Text variant=\"h1-display\" as=\"h1\">Hello world</Text>\n * <Text variant=\"body\">\n *   This is a body text\n * </Text>\n * ```\n */\nexport const Text: OverridableComponent<TextProps, HTMLDivElement> = forwardRef(\n  (\n    {\n      as,\n      variant = \"body\",\n      size = \"fluid\",\n      _unstableSpacing: spacing,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const Component = as ?? defaultHTMLTag[variant];\n    const sizeModifier =\n      size !== \"fluid\" && variant !== \"caption\" && variant !== \"caption-title\" && size;\n    return (\n      <Component\n        className={clsx(\n          `hds-text-${variant}`,\n          sizeModifier && `hds-text--${sizeModifier}`,\n          spacing && \"hds-text--spacing\",\n          className as undefined,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nText.displayName = \"Text\";\n"],"mappings":";;;;;;;AAAA,SAAgB,kBAAkB;AAClC,SAAS,YAAY;AAmFf;AAhDN,IAAM,iBAAmF;AAAA,EACvF,cAAc;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,cAAc;AAAA,EACd,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,iBAAiB;AACnB;AAiBO,IAAM,OAAwD;AAAA,EACnE,CACE,IASA,QACG;AAVH,iBACE;AAAA;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,IA3EN,IAqEI,IAOK,iBAPL,IAOK;AAAA,MANH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,YAAY,kBAAM,eAAe,OAAO;AAC9C,UAAM,eACJ,SAAS,WAAW,YAAY,aAAa,YAAY,mBAAmB;AAC9E,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,YAAY,OAAO;AAAA,UACnB,gBAAgB,aAAa,YAAY;AAAA,UACzC,WAAW;AAAA,UACX;AAAA,QACF;AAAA,QACA;AAAA,SACI,OARL;AAAA,QAUE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;","names":[]}

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-52XZAPT6.mjs → chunk-CA226LBE.mjs}

@@ -1,14 +1,14 @@
 import {
   Tabs
-} from "./chunk-DVFL3S5W.mjs";
+} from "./chunk-MBBFU4IR.mjs";
 import {
   TabsContent,
   TabsContents
-} from "./chunk-C3HIZBXH.mjs";
+} from "./chunk-EJADADIY.mjs";
 import {
   Tab,
   TabsList
-} from "./chunk-WXU2FTGO.mjs";
+} from "./chunk-XVZ44NGD.mjs";
 
 // src/tabs/index.tsx
 var TabsComponent = Tabs;
@@ -20,4 +20,4 @@ TabsComponent.Content = TabsContent;
 export {
   TabsComponent
 };
-//# sourceMappingURL=chunk-52XZAPT6.mjs.map
+//# sourceMappingURL=chunk-CA226LBE.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-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":[]}