@postenbring/hedwig-react 0.0.57 → 0.0.59

package/dist/accordion/index.mjs

@@ -1,10 +1,10 @@
 import {
   AccordionComponent
-} from "../chunk-FL4LCX4F.mjs";
-import "../chunk-VUD7AVYO.mjs";
-import "../chunk-GPV2IEZD.mjs";
-import "../chunk-5WUSLDKN.mjs";
-import "../chunk-2C6OZWFA.mjs";
+} from "../chunk-DJRMXOCP.mjs";
+import "../chunk-KRGKVH5J.mjs";
+import "../chunk-FT5CX2W5.mjs";
+import "../chunk-SAGJ5W7M.mjs";
+import "../chunk-VRIY65P5.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {

package/dist/badge/badge.js

@@ -55,7 +55,7 @@ __export(badge_exports, {
   WhiteBadge: () => WhiteBadge
 });
 module.exports = __toCommonJS(badge_exports);
-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");
 function BaseBadge(_a) {
   var _b = _a, {

package/dist/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAqB;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,eAAW;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,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,MAAM,cAAc;AAEb,SAAS,UAAU,OAAmB;AAC3C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,SAAO;AAC9C;AAEA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAmB;AAC5C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,UAAQ;AAC/C;AAEA,WAAW,cAAc;AAElB,SAAS,aAAa,OAAmB;AAC9C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,aAAa,cAAc;","names":[]}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAqB;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,eAAW;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,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,MAAM,cAAc;AAEb,SAAS,UAAU,OAAmB;AAC3C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,SAAO;AAC9C;AAEA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAmB;AAC5C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,UAAQ;AAC/C;AAEA,WAAW,cAAc;AAElB,SAAS,aAAa,OAAmB;AAC9C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,aAAa,cAAc;","names":[]}

package/dist/badge/badge.mjs

@@ -3,7 +3,7 @@ import {
   DarkBadge,
   WarningBadge,
   WhiteBadge
-} from "../chunk-R6GRXGDW.mjs";
+} from "../chunk-JDJQFQQ6.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Badge,

package/dist/badge/index.js

@@ -57,7 +57,7 @@ __export(badge_exports, {
 module.exports = __toCommonJS(badge_exports);
 
 // src/badge/badge.tsx
-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");
 function BaseBadge(_a) {
   var _b = _a, {

package/dist/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/badge/index.tsx","../../src/badge/badge.tsx"],"sourcesContent":["export { Badge, DarkBadge, WarningBadge, WhiteBadge } from \"./badge\";\n\nexport type * from \"./badge\";\n","import * as React from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAAqB;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,eAAW;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,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,MAAM,cAAc;AAEb,SAAS,UAAU,OAAmB;AAC3C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,SAAO;AAC9C;AAEA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAmB;AAC5C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,UAAQ;AAC/C;AAEA,WAAW,cAAc;AAElB,SAAS,aAAa,OAAmB;AAC9C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,aAAa,cAAc;","names":[]}
+{"version":3,"sources":["../../src/badge/index.tsx","../../src/badge/badge.tsx"],"sourcesContent":["export { Badge, DarkBadge, WarningBadge, WhiteBadge } from \"./badge\";\n\nexport type * from \"./badge\";\n","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAAqB;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,eAAW;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,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,MAAM,cAAc;AAEb,SAAS,UAAU,OAAmB;AAC3C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,SAAO;AAC9C;AAEA,UAAU,cAAc;AAEjB,SAAS,WAAW,OAAmB;AAC5C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,UAAQ;AAC/C;AAEA,WAAW,cAAc;AAElB,SAAS,aAAa,OAAmB;AAC9C,SAAO,4CAAC,4CAAc,QAAd,EAAqB,SAAQ,YAAU;AACjD;AAEA,aAAa,cAAc;","names":[]}

package/dist/badge/index.mjs

@@ -4,7 +4,7 @@ import {
   DarkBadge,
   WarningBadge,
   WhiteBadge
-} from "../chunk-R6GRXGDW.mjs";
+} from "../chunk-JDJQFQQ6.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Badge,

package/dist/box/box.js

@@ -54,7 +54,7 @@ __export(box_exports, {
 });
 module.exports = __toCommonJS(box_exports);
 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 Box = (0, import_react.forwardRef)(
   (_a, ref) => {

package/dist/box/box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/box/box.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAClD,6BAAqB;AAmEf;AA9BC,IAAM,UAAsD;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,QAAI,uBAAS,KAAK;AACpD,UAAM,cAAU,0BAAY,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,eAAW;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,4CAAC,iCAAe,SAAS,WAAa,iBAAkB,IAAK;AAAA,UACzE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;AAGX,IAAM,qBAAiB;AAAA,EAC5B,CAAC,IAAwB,QAAQ;AAAhC,iBAAE,YAxFL,IAwFG,IAAgB,iBAAhB,IAAgB,CAAd;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,6BAAK,yBAAyB,SAAsB;AAAA,QAC/D;AAAA,QACA,MAAK;AAAA,SACD;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAClD,6BAAqB;AAmEf;AA9BC,IAAM,UAAsD;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,QAAI,uBAAS,KAAK;AACpD,UAAM,cAAU,0BAAY,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,eAAW;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,4CAAC,iCAAe,SAAS,WAAa,iBAAkB,IAAK;AAAA,UACzE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;AAGX,IAAM,qBAAiB;AAAA,EAC5B,CAAC,IAAwB,QAAQ;AAAhC,iBAAE,YAxFL,IAwFG,IAAgB,iBAAhB,IAAgB,CAAd;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,6BAAK,yBAAyB,SAAsB;AAAA,QAC/D;AAAA,QACA,MAAK;AAAA,SACD;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}

package/dist/box/box.mjs

@@ -1,7 +1,7 @@
 import {
   Box,
   BoxCloseButton
-} from "../chunk-R7WBXNQA.mjs";
+} from "../chunk-EGXM575K.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Box,

package/dist/box/index.js

@@ -55,7 +55,7 @@ module.exports = __toCommonJS(box_exports);
 
 // src/box/box.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 Box = (0, import_react.forwardRef)(
   (_a, ref) => {

package/dist/box/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/box/index.tsx","../../src/box/box.tsx"],"sourcesContent":["import { Box, BoxCloseButton } from \"./box\";\n\nconst BoxComponent = Box as typeof Box & {\n  CloseButton: typeof BoxCloseButton;\n};\nBoxComponent.CloseButton = BoxCloseButton;\n\nexport { BoxComponent as Box };\n\nexport type * from \"./box\";\n","import { forwardRef, useCallback, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\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;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkD;AAClD,6BAAqB;AAmEf;AA9BC,IAAM,UAAsD;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,QAAI,uBAAS,KAAK;AACpD,UAAM,cAAU,0BAAY,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,eAAW;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,4CAAC,iCAAe,SAAS,WAAa,iBAAkB,IAAK;AAAA,UACzE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;AAGX,IAAM,qBAAiB;AAAA,EAC5B,CAAC,IAAwB,QAAQ;AAAhC,iBAAE,YAxFL,IAwFG,IAAgB,iBAAhB,IAAgB,CAAd;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,6BAAK,yBAAyB,SAAsB;AAAA,QAC/D;AAAA,QACA,MAAK;AAAA,SACD;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;;;ADjG7B,IAAM,eAAe;AAGrB,aAAa,cAAc;","names":[]}
+{"version":3,"sources":["../../src/box/index.tsx","../../src/box/box.tsx"],"sourcesContent":["import { Box, BoxCloseButton } from \"./box\";\n\nconst BoxComponent = Box as typeof Box & {\n  CloseButton: typeof BoxCloseButton;\n};\nBoxComponent.CloseButton = BoxCloseButton;\n\nexport { BoxComponent as Box };\n\nexport type * from \"./box\";\n","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;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkD;AAClD,6BAAqB;AAmEf;AA9BC,IAAM,UAAsD;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,QAAI,uBAAS,KAAK;AACpD,UAAM,cAAU,0BAAY,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,eAAW;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,4CAAC,iCAAe,SAAS,WAAa,iBAAkB,IAAK;AAAA,UACzE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,IAAI,cAAc;AAGX,IAAM,qBAAiB;AAAA,EAC5B,CAAC,IAAwB,QAAQ;AAAhC,iBAAE,YAxFL,IAwFG,IAAgB,iBAAhB,IAAgB,CAAd;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,6BAAK,yBAAyB,SAAsB;AAAA,QAC/D;AAAA,QACA,MAAK;AAAA,SACD;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;;;ADjG7B,IAAM,eAAe;AAGrB,aAAa,cAAc;","names":[]}

package/dist/box/index.mjs

@@ -1,7 +1,7 @@
 import {
   BoxComponent
-} from "../chunk-ZOW7HKNV.mjs";
-import "../chunk-R7WBXNQA.mjs";
+} from "../chunk-BZNDK3KJ.mjs";
+import "../chunk-EGXM575K.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   BoxComponent as Box

package/dist/breadcrumb/breadcrumb.js

@@ -52,7 +52,7 @@ __export(breadcrumb_exports, {
   Breadcrumbs: () => Breadcrumbs
 });
 module.exports = __toCommonJS(breadcrumb_exports);
-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");
 function Breadcrumbs(_a) {
   var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);

package/dist/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n  children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n  /**\n   * Props passed to the `ol` html element\n   */\n  olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n *   <li><Link href=\"../\">Previous page</Link></li>\n *   <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n *   <ol>\n *     <li><a href=\"../\">Previous page</a></li>\n *     <li aria-current=\"page\">Current page</li>\n *   </ol>\n * </nav>\n * ```\n */\nexport function Breadcrumbs({ olProps, children, ...rest }: BreadcrumbsProps) {\n  return (\n    <nav {...rest}>\n      <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n        {children}\n      </ol>\n    </nav>\n  );\n}\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAqB;AAqCf;AAHC,SAAS,YAAY,IAAkD;AAAlD,eAAE,WAAS,SAnCvC,IAmC4B,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACrC,SACE,4CAAC,wCAAQ,OAAR,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAEJ;AAEA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n  children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n  /**\n   * Props passed to the `ol` html element\n   */\n  olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n *   <li><Link href=\"../\">Previous page</Link></li>\n *   <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n *   <ol>\n *     <li><a href=\"../\">Previous page</a></li>\n *     <li aria-current=\"page\">Current page</li>\n *   </ol>\n * </nav>\n * ```\n */\nexport function Breadcrumbs({ olProps, children, ...rest }: BreadcrumbsProps) {\n  return (\n    <nav {...rest}>\n      <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n        {children}\n      </ol>\n    </nav>\n  );\n}\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAqB;AAqCf;AAHC,SAAS,YAAY,IAAkD;AAAlD,eAAE,WAAS,SAnCvC,IAmC4B,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACrC,SACE,4CAAC,wCAAQ,OAAR,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAEJ;AAEA,YAAY,cAAc;","names":[]}

package/dist/breadcrumb/breadcrumb.mjs

@@ -1,6 +1,6 @@
 import {
   Breadcrumbs
-} from "../chunk-NTCLPQG3.mjs";
+} from "../chunk-YKDKFWP2.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Breadcrumbs

package/dist/breadcrumb/index.js

@@ -54,7 +54,7 @@ __export(breadcrumb_exports, {
 module.exports = __toCommonJS(breadcrumb_exports);
 
 // src/breadcrumb/breadcrumb.tsx
-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");
 function Breadcrumbs(_a) {
   var _b = _a, { olProps, children } = _b, rest = __objRest(_b, ["olProps", "children"]);

package/dist/breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/breadcrumb/index.tsx","../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["export { Breadcrumbs } from \"./breadcrumb\";\n\nexport type * from \"./breadcrumb\";\n","import type { HTMLAttributes, ReactElement } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n  children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n  /**\n   * Props passed to the `ol` html element\n   */\n  olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n *   <li><Link href=\"../\">Previous page</Link></li>\n *   <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n *   <ol>\n *     <li><a href=\"../\">Previous page</a></li>\n *     <li aria-current=\"page\">Current page</li>\n *   </ol>\n * </nav>\n * ```\n */\nexport function Breadcrumbs({ olProps, children, ...rest }: BreadcrumbsProps) {\n  return (\n    <nav {...rest}>\n      <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n        {children}\n      </ol>\n    </nav>\n  );\n}\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAAqB;AAqCf;AAHC,SAAS,YAAY,IAAkD;AAAlD,eAAE,WAAS,SAnCvC,IAmC4B,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACrC,SACE,4CAAC,wCAAQ,OAAR,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAEJ;AAEA,YAAY,cAAc;","names":[]}
+{"version":3,"sources":["../../src/breadcrumb/index.tsx","../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["export { Breadcrumbs } from \"./breadcrumb\";\n\nexport type * from \"./breadcrumb\";\n","import type { HTMLAttributes, ReactElement } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {\n  children: ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];\n\n  /**\n   * Props passed to the `ol` html element\n   */\n  olProps?: HTMLAttributes<HTMLElement>;\n}\n\n/**\n * A breadcrumbs navigation menu\n *\n * **Usage**\n *\n * ```tsx\n * <Breadcrumbs data-testid=\"breadcrumbs\">\n *   <li><Link href=\"../\">Previous page</Link></li>\n *   <li aria-current=\"page\">Current page</li>\n * </Breadcrumbs>\n * ```\n *\n * Outputs this html structure\n *\n * ```html\n * <nav data-testid=\"breadcrumbs\">\n *   <ol>\n *     <li><a href=\"../\">Previous page</a></li>\n *     <li aria-current=\"page\">Current page</li>\n *   </ol>\n * </nav>\n * ```\n */\nexport function Breadcrumbs({ olProps, children, ...rest }: BreadcrumbsProps) {\n  return (\n    <nav {...rest}>\n      <ol {...olProps} className={clsx(\"hds-breadcrumbs\", olProps?.className as undefined)}>\n        {children}\n      </ol>\n    </nav>\n  );\n}\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAAqB;AAqCf;AAHC,SAAS,YAAY,IAAkD;AAAlD,eAAE,WAAS,SAnCvC,IAmC4B,IAAwB,iBAAxB,IAAwB,CAAtB,WAAS;AACrC,SACE,4CAAC,wCAAQ,OAAR,EACC,sDAAC,uCAAO,UAAP,EAAgB,eAAW,6BAAK,mBAAmB,mCAAS,SAAsB,GAChF,WACH,IACF;AAEJ;AAEA,YAAY,cAAc;","names":[]}

package/dist/breadcrumb/index.mjs

@@ -1,7 +1,7 @@
 import "../chunk-ZOCMUEOX.mjs";
 import {
   Breadcrumbs
-} from "../chunk-NTCLPQG3.mjs";
+} from "../chunk-YKDKFWP2.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   Breadcrumbs

package/dist/button/button.js

@@ -55,7 +55,7 @@ __export(button_exports, {
 });
 module.exports = __toCommonJS(button_exports);
 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 BaseButton = (0, import_react.forwardRef)(
   (_a, ref) => {

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/button/button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAC3B,6BAAqB;AAgEf;AAzBC,IAAM,iBAGT;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,eAAW;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,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAC3B,6BAAqB;AAgEf;AAzBC,IAAM,iBAGT;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,eAAW;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,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/button/button.mjs

@@ -2,7 +2,7 @@ import {
   BaseButton,
   PrimaryButton,
   SecondaryButton
-} from "../chunk-OJ42PRYY.mjs";
+} from "../chunk-OUHO4LGN.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   BaseButton,

package/dist/button/index.js

@@ -56,7 +56,7 @@ module.exports = __toCommonJS(button_exports);
 
 // src/button/button.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 BaseButton = (0, import_react.forwardRef)(
   (_a, ref) => {

package/dist/button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/button/index.tsx","../../src/button/button.tsx"],"sourcesContent":["export { PrimaryButton, SecondaryButton } from \"./button\";\n\nexport type * from \"./button\";\n","import { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\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;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,6BAAqB;AAgEf;AAzBC,IAAM,iBAGT;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,eAAW;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,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../src/button/index.tsx","../../src/button/button.tsx"],"sourcesContent":["export { PrimaryButton, SecondaryButton } from \"./button\";\n\nexport type * from \"./button\";\n","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;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,6BAAqB;AAgEf;AAzBC,IAAM,iBAGT;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,eAAW;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,oBAAsE;AAAA,EACjF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,YAAU;AAAA,EAC5D;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,sBAAwE;AAAA,EACnF,CAAC,OAAO,QAAQ;AACd,WAAO,4CAAC,6CAAe,QAAf,EAAsB,KAAU,SAAQ,cAAY;AAAA,EAC9D;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/button/index.mjs

@@ -2,7 +2,7 @@ import "../chunk-HT2EIJAD.mjs";
 import {
   PrimaryButton,
   SecondaryButton
-} from "../chunk-OJ42PRYY.mjs";
+} from "../chunk-OUHO4LGN.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
   PrimaryButton,

package/dist/card/card.js

@@ -62,7 +62,7 @@ __export(card_exports, {
 });
 module.exports = __toCommonJS(card_exports);
 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/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":"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","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-2YL2MVWN.mjs

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

package/dist/{chunk-P4XTJEES.mjs → chunk-37WVYY6X.mjs}

@@ -1,6 +1,6 @@
 import {
   ErrorMessage
-} from "./chunk-3VYJTKR3.mjs";
+} from "./chunk-IL7576PP.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -9,7 +9,7 @@ import {
 
 // src/form/fieldset/fieldset.tsx
 import { useId, 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 Fieldset = forwardRef(function Fieldset2(_a, ref) {
   var _b = _a, {
@@ -61,4 +61,4 @@ var Fieldset = forwardRef(function Fieldset2(_a, ref) {
 export {
   Fieldset
 };
-//# sourceMappingURL=chunk-P4XTJEES.mjs.map
+//# sourceMappingURL=chunk-37WVYY6X.mjs.map

package/dist/chunk-37WVYY6X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/fieldset/fieldset.tsx"],"sourcesContent":["import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  className?: string;\n  style?: CSSProperties;\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n  {\n    className,\n    style,\n    errorMessage,\n    legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n    legend,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const errorMessageId = useId();\n\n  return (\n    <fieldset\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      aria-invalid={errorMessage ? true : undefined}\n      className={clsx(\"hds-fieldset\", className as undefined)}\n      ref={ref}\n      style={style}\n      {...rest}\n    >\n      <legend\n        className={clsx(\n          \"hds-fieldset__legend\",\n          { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n          legendClassName as undefined,\n        )}\n        {...legendProps}\n      >\n        {legend}\n      </legend>\n      <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n"],"mappings":";;;;;;;;;;AAAA,SAAS,OAAO,kBAAkB;AAElC,SAAS,YAAY;AA2BjB,SAQE,KARF;AAfG,IAAM,WAAW,WAA+C,SAASA,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EAnBjG,IAeE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBAnB5D,IAmBiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EArBJ,IAeE,IAOK,iBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,iBAAiB,MAAM;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,eAAe,iBAAiB;AAAA,MAClD,gBAAc,eAAe,OAAO;AAAA,MACpC,WAAW,KAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,EAAE,CAAC,yBAAyB,UAAU,EAAE,GAAG,WAAW;AAAA,cACtD;AAAA,YACF;AAAA,aACI,cANL;AAAA,YAQE;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,SAAI,WAAW,KAAK,6BAA6B,GAAI,UAAS;AAAA,QAC/D,oBAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["Fieldset"]}

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

@@ -1,14 +1,14 @@
+import {
+  Tab,
+  TabsList
+} from "./chunk-XVZ44NGD.mjs";
 import {
   Tabs
-} from "./chunk-DVFL3S5W.mjs";
+} from "./chunk-MBBFU4IR.mjs";
 import {
   TabsContent,
   TabsContents
-} from "./chunk-C3HIZBXH.mjs";
-import {
-  Tab,
-  TabsList
-} from "./chunk-WXU2FTGO.mjs";
+} from "./chunk-EJADADIY.mjs";
 
 // src/tabs/index.tsx
 var TabsComponent = Tabs;
@@ -20,4 +20,4 @@ TabsComponent.Content = TabsContent;
 export {
   TabsComponent
 };
-//# sourceMappingURL=chunk-52XZAPT6.mjs.map
+//# sourceMappingURL=chunk-5MDJP43L.mjs.map

package/dist/chunk-6QV3OV66.mjs

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