@postenbring/hedwig-react 0.0.65 → 0.0.67

package/dist/accordion/index.d.mts

@@ -1,9 +1,9 @@
 export { Accordion_alias_3 as Accordion } from '../_tsup-dts-rollup';
+export { AccordionItem_alias_3 as AccordionItem } from '../_tsup-dts-rollup';
+export { AccordionHeader_alias_3 as AccordionHeader } from '../_tsup-dts-rollup';
+export { AccordionContent_alias_3 as AccordionContent } from '../_tsup-dts-rollup';
 export { AccordionProps_alias_3 as AccordionProps } from '../_tsup-dts-rollup';
 export { AccordionItemChildrenType_alias_3 as AccordionItemChildrenType } from '../_tsup-dts-rollup';
 export { AccordionItemProps_alias_3 as AccordionItemProps } from '../_tsup-dts-rollup';
-export { AccordionItem_alias_3 as AccordionItem } from '../_tsup-dts-rollup';
 export { AccordionHeaderProps_alias_3 as AccordionHeaderProps } from '../_tsup-dts-rollup';
-export { AccordionHeader_alias_3 as AccordionHeader } from '../_tsup-dts-rollup';
 export { AccordionContentProps_alias_3 as AccordionContentProps } from '../_tsup-dts-rollup';
-export { AccordionContent_alias_3 as AccordionContent } from '../_tsup-dts-rollup';

package/dist/accordion/index.d.ts

@@ -1,9 +1,9 @@
 export { Accordion_alias_3 as Accordion } from '../_tsup-dts-rollup';
+export { AccordionItem_alias_3 as AccordionItem } from '../_tsup-dts-rollup';
+export { AccordionHeader_alias_3 as AccordionHeader } from '../_tsup-dts-rollup';
+export { AccordionContent_alias_3 as AccordionContent } from '../_tsup-dts-rollup';
 export { AccordionProps_alias_3 as AccordionProps } from '../_tsup-dts-rollup';
 export { AccordionItemChildrenType_alias_3 as AccordionItemChildrenType } from '../_tsup-dts-rollup';
 export { AccordionItemProps_alias_3 as AccordionItemProps } from '../_tsup-dts-rollup';
-export { AccordionItem_alias_3 as AccordionItem } from '../_tsup-dts-rollup';
 export { AccordionHeaderProps_alias_3 as AccordionHeaderProps } from '../_tsup-dts-rollup';
-export { AccordionHeader_alias_3 as AccordionHeader } from '../_tsup-dts-rollup';
 export { AccordionContentProps_alias_3 as AccordionContentProps } from '../_tsup-dts-rollup';
-export { AccordionContent_alias_3 as AccordionContent } from '../_tsup-dts-rollup';

package/dist/accordion/index.js

@@ -49,7 +49,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/accordion/index.tsx
 var accordion_exports = {};
 __export(accordion_exports, {
-  Accordion: () => AccordionComponent
+  Accordion: () => AccordionComponent,
+  AccordionContent: () => AccordionContent,
+  AccordionHeader: () => AccordionHeader,
+  AccordionItem: () => AccordionItem
 });
 module.exports = __toCommonJS(accordion_exports);
 
@@ -186,6 +189,9 @@ AccordionComponent.Header = AccordionHeader;
 AccordionComponent.Content = AccordionContent;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Accordion
+  Accordion,
+  AccordionContent,
+  AccordionHeader,
+  AccordionItem
 });
 //# sourceMappingURL=index.js.map

package/dist/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/accordion/index.tsx","../../src/accordion/accordion.tsx","../../src/accordion/accordion-item.tsx","../../src/accordion/context.ts","../../src/accordion/accordion-header.tsx","../../src/accordion/accordion-content.tsx"],"sourcesContent":["import { Accordion } from \"./accordion\";\nimport { AccordionItem } from \"./accordion-item\";\nimport { AccordionHeader } from \"./accordion-header\";\nimport { AccordionContent } from \"./accordion-content\";\n\nconst AccordionComponent = Accordion as typeof Accordion & {\n  Item: typeof AccordionItem;\n  Header: typeof AccordionHeader;\n  Content: typeof AccordionContent;\n};\n\nAccordionComponent.Item = AccordionItem;\nAccordionComponent.Header = AccordionHeader;\nAccordionComponent.Content = AccordionContent;\n\nexport { AccordionComponent as Accordion };\n\nexport type * from \"./accordion\";\nexport type * from \"./accordion-item\";\nexport type * from \"./accordion-header\";\nexport type * from \"./accordion-content\";\n","import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport type { AccordionItemProps } from \"./accordion-item\";\n\nexport interface AccordionProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Accepts type of <AccordionItem/>\n   */\n  children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];\n\n  /**\n   * Adds padding to the left of the accordion\n   */\n  indent?: boolean;\n\n  className?: string;\n}\n\nexport const Accordion: OverridableComponent<AccordionProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", children, className, indent = true, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\n          \"hds-accordion\",\n          !indent && \"hds-accordion--no-indent\",\n          className as undefined,\n        )}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nAccordion.displayName = \"Accordion\";\n","import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\nimport type { AccordionHeaderProps } from \"./accordion-header\";\nimport type { AccordionContentProps } from \"./accordion-content\";\n\nexport type AccordionItemChildrenType =\n  | ReactElement<AccordionHeaderProps>\n  | ReactElement<AccordionContentProps>;\n\nexport interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Control the open state of the accordion manually\n   */\n  open?: boolean;\n\n  /**\n   * Use with open to control the open state of the accordion manually\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * If the accordion should be open by default\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Accepts type of Accordion.Content and Accordion.Header\n   */\n  children: AccordionItemChildrenType[];\n}\n\nexport const AccordionItem: OverridableComponent<AccordionItemProps, HTMLDivElement> = forwardRef(\n  (\n    {\n      as: Component = \"div\",\n      children,\n      defaultOpen,\n      open: outerOpen,\n      onOpenChange,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [innerOpen, setInnerOpen] = useState(defaultOpen ?? false);\n    const open = outerOpen ?? innerOpen;\n\n    const handleOpen = () => {\n      if (outerOpen !== undefined) {\n        onOpenChange && onOpenChange(!open);\n      } else {\n        setInnerOpen(!open);\n      }\n    };\n\n    return (\n      <Component\n        {...rest}\n        data-state={open ? \"open\" : \"closed\"}\n        className={clsx(\"hds-accordion-item\", className as undefined)}\n        ref={ref}\n      >\n        <AccordionItemContext.Provider value={{ open, setOpen: handleOpen }}>\n          {children}\n        </AccordionItemContext.Provider>\n      </Component>\n    );\n  },\n);\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { createContext } from \"react\";\n\nexport interface AccordionItemContextProps {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextProps | null>(null);\n","import type { ButtonHTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n}\n\nexport const AccordionHeader: OverridableComponent<AccordionHeaderProps, HTMLButtonElement> =\n  forwardRef(({ as: Component = \"button\", children, className, onClick, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n      context.setOpen(!context.open);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        {...rest}\n        aria-expanded={context.open}\n        data-state={context.open ? \"open\" : \"closed\"}\n        className={clsx(\"hds-accordion-item-header\", className as undefined)}\n        onClick={expandOrCollapse}\n        ref={ref}\n        type=\"button\"\n      >\n        <span>{children}</span>\n      </Component>\n    );\n  });\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import type { HTMLAttributes, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const AccordionContent: OverridableComponent<AccordionContentProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"div\", children, className, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    return (\n      <Component\n        aria-hidden={!context.open}\n        data-state={context.open ? \"open\" : \"closed\"}\n        inert={context.open ? undefined : \"true\"}\n        className={clsx(\"hds-accordion-item-content\", className as undefined)}\n        ref={ref}\n        {...rest}\n      >\n        <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n      </Component>\n    );\n  });\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/accordion/index.tsx","../../src/accordion/accordion.tsx","../../src/accordion/accordion-item.tsx","../../src/accordion/context.ts","../../src/accordion/accordion-header.tsx","../../src/accordion/accordion-content.tsx"],"sourcesContent":["import { Accordion } from \"./accordion\";\nimport { AccordionItem } from \"./accordion-item\";\nimport { AccordionHeader } from \"./accordion-header\";\nimport { AccordionContent } from \"./accordion-content\";\n\nconst AccordionComponent = Accordion as typeof Accordion & {\n  Item: typeof AccordionItem;\n  Header: typeof AccordionHeader;\n  Content: typeof AccordionContent;\n};\n\nAccordionComponent.Item = AccordionItem;\nAccordionComponent.Header = AccordionHeader;\nAccordionComponent.Content = AccordionContent;\n\nexport { AccordionComponent as Accordion, AccordionItem, AccordionHeader, AccordionContent };\n\nexport type * from \"./accordion\";\nexport type * from \"./accordion-item\";\nexport type * from \"./accordion-header\";\nexport type * from \"./accordion-content\";\n","import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport type { AccordionItemProps } from \"./accordion-item\";\n\nexport interface AccordionProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Accepts type of <AccordionItem/>\n   */\n  children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];\n\n  /**\n   * Adds padding to the left of the accordion\n   */\n  indent?: boolean;\n\n  className?: string;\n}\n\nexport const Accordion: OverridableComponent<AccordionProps, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", children, className, indent = true, ...rest }, ref) => {\n    return (\n      <Component\n        {...rest}\n        className={clsx(\n          \"hds-accordion\",\n          !indent && \"hds-accordion--no-indent\",\n          className as undefined,\n        )}\n        ref={ref}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nAccordion.displayName = \"Accordion\";\n","import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\nimport type { AccordionHeaderProps } from \"./accordion-header\";\nimport type { AccordionContentProps } from \"./accordion-content\";\n\nexport type AccordionItemChildrenType =\n  | ReactElement<AccordionHeaderProps>\n  | ReactElement<AccordionContentProps>;\n\nexport interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Control the open state of the accordion manually\n   */\n  open?: boolean;\n\n  /**\n   * Use with open to control the open state of the accordion manually\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * If the accordion should be open by default\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Accepts type of Accordion.Content and Accordion.Header\n   */\n  children: AccordionItemChildrenType[];\n}\n\nexport const AccordionItem: OverridableComponent<AccordionItemProps, HTMLDivElement> = forwardRef(\n  (\n    {\n      as: Component = \"div\",\n      children,\n      defaultOpen,\n      open: outerOpen,\n      onOpenChange,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [innerOpen, setInnerOpen] = useState(defaultOpen ?? false);\n    const open = outerOpen ?? innerOpen;\n\n    const handleOpen = () => {\n      if (outerOpen !== undefined) {\n        onOpenChange && onOpenChange(!open);\n      } else {\n        setInnerOpen(!open);\n      }\n    };\n\n    return (\n      <Component\n        {...rest}\n        data-state={open ? \"open\" : \"closed\"}\n        className={clsx(\"hds-accordion-item\", className as undefined)}\n        ref={ref}\n      >\n        <AccordionItemContext.Provider value={{ open, setOpen: handleOpen }}>\n          {children}\n        </AccordionItemContext.Provider>\n      </Component>\n    );\n  },\n);\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { createContext } from \"react\";\n\nexport interface AccordionItemContextProps {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextProps | null>(null);\n","import type { ButtonHTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n}\n\nexport const AccordionHeader: OverridableComponent<AccordionHeaderProps, HTMLButtonElement> =\n  forwardRef(({ as: Component = \"button\", children, className, onClick, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n      context.setOpen(!context.open);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        {...rest}\n        aria-expanded={context.open}\n        data-state={context.open ? \"open\" : \"closed\"}\n        className={clsx(\"hds-accordion-item-header\", className as undefined)}\n        onClick={expandOrCollapse}\n        ref={ref}\n        type=\"button\"\n      >\n        <span>{children}</span>\n      </Component>\n    );\n  });\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import type { HTMLAttributes, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const AccordionContent: OverridableComponent<AccordionContentProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"div\", children, className, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    return (\n      <Component\n        aria-hidden={!context.open}\n        data-state={context.open ? \"open\" : \"closed\"}\n        inert={context.open ? undefined : \"true\"}\n        className={clsx(\"hds-accordion-item-content\", className as undefined)}\n        ref={ref}\n        {...rest}\n      >\n        <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n      </Component>\n    );\n  });\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime"]}

package/dist/accordion/index.mjs

@@ -1,13 +1,22 @@
 import {
   AccordionComponent
-} from "../chunk-LIQ3FB56.mjs";
-import "../chunk-62F4I3MQ.mjs";
+} from "../chunk-XYIY6FHW.mjs";
+import {
+  AccordionContent
+} from "../chunk-GUB3UCXO.mjs";
+import {
+  AccordionHeader
+} from "../chunk-YXHXRUFX.mjs";
+import {
+  AccordionItem
+} from "../chunk-62F4I3MQ.mjs";
 import "../chunk-VRIY65P5.mjs";
-import "../chunk-GUB3UCXO.mjs";
-import "../chunk-YXHXRUFX.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
-  AccordionComponent as Accordion
+  AccordionComponent as Accordion,
+  AccordionContent,
+  AccordionHeader,
+  AccordionItem
 };
 //# sourceMappingURL=index.mjs.map

package/dist/box/index.d.mts

@@ -1,4 +1,4 @@
 export { Box_alias_3 as Box } from '../_tsup-dts-rollup';
+export { BoxCloseButton_alias_3 as BoxCloseButton } from '../_tsup-dts-rollup';
 export { BoxProps_alias_3 as BoxProps } from '../_tsup-dts-rollup';
 export { BoxCloseButtonProps_alias_3 as BoxCloseButtonProps } from '../_tsup-dts-rollup';
-export { BoxCloseButton_alias_3 as BoxCloseButton } from '../_tsup-dts-rollup';

package/dist/box/index.d.ts

@@ -1,4 +1,4 @@
 export { Box_alias_3 as Box } from '../_tsup-dts-rollup';
+export { BoxCloseButton_alias_3 as BoxCloseButton } from '../_tsup-dts-rollup';
 export { BoxProps_alias_3 as BoxProps } from '../_tsup-dts-rollup';
 export { BoxCloseButtonProps_alias_3 as BoxCloseButtonProps } from '../_tsup-dts-rollup';
-export { BoxCloseButton_alias_3 as BoxCloseButton } from '../_tsup-dts-rollup';

package/dist/box/index.js

@@ -49,7 +49,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/box/index.tsx
 var box_exports = {};
 __export(box_exports, {
-  Box: () => BoxComponent
+  Box: () => BoxComponent,
+  BoxCloseButton: () => BoxCloseButton
 });
 module.exports = __toCommonJS(box_exports);
 
@@ -130,6 +131,7 @@ var BoxComponent = Box;
 BoxComponent.CloseButton = BoxCloseButton;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Box
+  Box,
+  BoxCloseButton
 });
 //# sourceMappingURL=index.js.map

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\";\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, BoxCloseButton };\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;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,9 +1,12 @@
 import {
   BoxComponent
-} from "../chunk-BZNDK3KJ.mjs";
-import "../chunk-EGXM575K.mjs";
+} from "../chunk-NMMFIRLZ.mjs";
+import {
+  BoxCloseButton
+} from "../chunk-EGXM575K.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
-  BoxComponent as Box
+  BoxComponent as Box,
+  BoxCloseButton
 };
 //# sourceMappingURL=index.mjs.map

package/dist/card/index.d.mts

@@ -1,11 +1,11 @@
 export { Card_alias_4 as Card } from '../_tsup-dts-rollup';
-export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
 export { CardMedia_alias_3 as CardMedia } from '../_tsup-dts-rollup';
-export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';
 export { CardMediaImg_alias_3 as CardMediaImg } from '../_tsup-dts-rollup';
 export { CardBody_alias_3 as CardBody } from '../_tsup-dts-rollup';
 export { CardBodyHeader_alias_3 as CardBodyHeader } from '../_tsup-dts-rollup';
 export { CardBodyHeaderOverline_alias_3 as CardBodyHeaderOverline } from '../_tsup-dts-rollup';
+export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
+export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';
 export { CardBodyHeaderTitle_alias_3 as CardBodyHeaderTitle } from '../_tsup-dts-rollup';
 export { CardBodyDescription_alias_3 as CardBodyDescription } from '../_tsup-dts-rollup';
 export { CardBodyAction_alias_3 as CardBodyAction } from '../_tsup-dts-rollup';

package/dist/card/index.d.ts

@@ -1,11 +1,11 @@
 export { Card_alias_4 as Card } from '../_tsup-dts-rollup';
-export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
 export { CardMedia_alias_3 as CardMedia } from '../_tsup-dts-rollup';
-export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';
 export { CardMediaImg_alias_3 as CardMediaImg } from '../_tsup-dts-rollup';
 export { CardBody_alias_3 as CardBody } from '../_tsup-dts-rollup';
 export { CardBodyHeader_alias_3 as CardBodyHeader } from '../_tsup-dts-rollup';
 export { CardBodyHeaderOverline_alias_3 as CardBodyHeaderOverline } from '../_tsup-dts-rollup';
+export { CardBaseProps_alias_3 as CardBaseProps } from '../_tsup-dts-rollup';
+export { CardImageMediaProps_alias_3 as CardImageMediaProps } from '../_tsup-dts-rollup';
 export { CardBodyHeaderTitle_alias_3 as CardBodyHeaderTitle } from '../_tsup-dts-rollup';
 export { CardBodyDescription_alias_3 as CardBodyDescription } from '../_tsup-dts-rollup';
 export { CardBodyAction_alias_3 as CardBodyAction } from '../_tsup-dts-rollup';

package/dist/card/index.js

@@ -49,7 +49,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/card/index.tsx
 var card_exports = {};
 __export(card_exports, {
-  Card: () => CardComponent
+  Card: () => CardComponent,
+  CardBody: () => CardBody,
+  CardBodyHeader: () => CardBodyHeader,
+  CardBodyHeaderOverline: () => CardBodyHeaderOverline,
+  CardMedia: () => CardMedia,
+  CardMediaImg: () => CardMediaImg
 });
 module.exports = __toCommonJS(card_exports);
 
@@ -182,6 +187,11 @@ CardComponent.Media = CardMediaComponent;
 CardComponent.Body = CardBodyComponent;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Card
+  Card,
+  CardBody,
+  CardBodyHeader,
+  CardBodyHeaderOverline,
+  CardMedia,
+  CardMediaImg
 });
 //# sourceMappingURL=index.js.map

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\";\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 {\n  CardComponent as Card,\n  CardMedia,\n  CardMediaImg,\n  CardBody,\n  CardBodyHeader,\n  CardBodyHeaderOverline,\n};\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,9 +1,20 @@
 import {
   CardComponent
-} from "../chunk-JC6DBIFE.mjs";
-import "../chunk-X5JERDDU.mjs";
+} from "../chunk-XE4UZBL2.mjs";
+import {
+  CardBody,
+  CardBodyHeader,
+  CardBodyHeaderOverline,
+  CardMedia,
+  CardMediaImg
+} from "../chunk-X5JERDDU.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {
-  CardComponent as Card
+  CardComponent as Card,
+  CardBody,
+  CardBodyHeader,
+  CardBodyHeaderOverline,
+  CardMedia,
+  CardMediaImg
 };
 //# sourceMappingURL=index.mjs.map

package/dist/{chunk-POJTVNEO.mjs → chunk-2FXMUF6K.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-EGXM575K.mjs";
 import {
   useMergeRefs
-} from "./chunk-WCA2WPFS.mjs";
+} from "./chunk-ZL56N4UK.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -127,4 +127,4 @@ export {
   ModalFooter,
   useScrollLock
 };
-//# sourceMappingURL=chunk-POJTVNEO.mjs.map
+//# sourceMappingURL=chunk-2FXMUF6K.mjs.map

package/dist/chunk-2FXMUF6K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal/modal.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { Box } from \"../box/box\";\nimport type { OverridableComponent } from \"../utils\";\nimport { useMergeRefs } from \"../utils\";\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDialogElement> {\n  children: React.ReactNode;\n\n  /**\n   * Controls the open state of the modal\n   */\n  open?: boolean;\n\n  /**\n   * Whether to close when clicking on the backdrop.\n   */\n  closeOnBackdropClick?: boolean;\n}\n\n/**\n * A modal dialog is a window that forces the user to interact with it before they can return to other parts of the application.\n *\n * Uses the native [`dialog`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) element.\n *\n * Example\n * ```\n    const modalRef = useRef<HTMLDialogElement>(null);\n    const onClose = () => modalRef.current?.close();\n\n    return (\n      <>\n        <PrimaryButton onClick={() => modalRef.current?.showModal()}>Open Modal</PrimaryButton>\n        <Modal ref={modalRef}>\n          <Modal.Header>Dialog header</Modal.Header>\n          <Modal.Content>\n            <p>\n              Dialog header Dialog description - a description of what is about to happen and maybe\n              something about the consequences.\n            </p>\n          </Modal.Content>\n          <Modal.Footer>\n            <HStack gap=\"16\" wrap>\n              <PrimaryButton onClick={onMainAction}>Main action</PrimaryButton>\n              <PrimaryButton fill=\"outline\" onClick={onClose}>\n                Cancel\n              </PrimaryButton>\n            </HStack>\n          </Modal.Footer>\n        </Modal>\n      </>\n    );\n * ```\n */\nexport const Modal = forwardRef<HTMLDialogElement, ModalProps>(\n  ({ children, className, open, closeOnBackdropClick, onClick, ...rest }, ref) => {\n    const modalRef = useRef<HTMLDialogElement>(null);\n    const mergedRef = useMergeRefs([modalRef, ref]);\n\n    // The X close button that comes from the `Box` component\n    function onCloseButtonClick() {\n      modalRef.current?.close();\n      return false;\n    }\n\n    // No scroll when modal is open\n    useScrollLock(modalRef, \"hds-modal-scroll-lock\");\n\n    // `open` prop\n    useEffect(() => {\n      if (modalRef.current && open !== undefined) {\n        if (open && !modalRef.current.open) {\n          modalRef.current.showModal();\n        } else if (!open && modalRef.current.open) {\n          modalRef.current.close();\n        }\n      }\n    }, [modalRef, open]);\n\n    function onDialogClick(e: React.MouseEvent<HTMLElement>) {\n      if (closeOnBackdropClick && e.target === modalRef.current) {\n        modalRef.current.close();\n      }\n      onClick?.(e as React.MouseEvent<HTMLDialogElement>);\n    }\n\n    return (\n      <Box\n        as=\"dialog\"\n        className={clsx(\"hds-modal\", className as undefined)}\n        closeable\n        onClick={onDialogClick}\n        onClose={onCloseButtonClick}\n        ref={mergedRef}\n        variant=\"white\"\n        {\n          ...(rest as object) /* TODO remove type casting */\n        }\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nModal.displayName = \"Modal\";\n\nexport const ModalHeader: OverridableComponent<object, HTMLHeadingElement> = forwardRef(\n  ({ as: Component = \"h1\", className, ...rest }, ref) => {\n    return (\n      <Component\n        className={clsx(\"hds-modal__header\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nModalHeader.displayName = \"Modal.Header\";\n\nexport const ModalContent: OverridableComponent<object, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"div\", className, ...rest }, ref) => {\n    return (\n      <Component\n        className={clsx(\"hds-modal__content\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nModalContent.displayName = \"Modal.Content\";\n\nexport const ModalFooter: OverridableComponent<object, HTMLDivElement> = forwardRef(\n  ({ as: Component = \"footer\", className, ...rest }, ref) => {\n    return (\n      <Component\n        className={clsx(\"hds-modal__footer\", className as undefined)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\nModalFooter.displayName = \"Modal.Footer\";\n\nexport function useScrollLock(modalRef: React.RefObject<HTMLDialogElement>, bodyClass: string) {\n  useEffect(() => {\n    if (!modalRef.current) return;\n    if (modalRef.current.open) document.body.classList.add(bodyClass);\n\n    const observer = new MutationObserver(() => {\n      if (modalRef.current?.open) document.body.classList.add(bodyClass);\n      else document.body.classList.remove(bodyClass);\n    });\n    observer.observe(modalRef.current, {\n      attributes: true,\n      attributeFilter: [\"open\"],\n    });\n    return () => {\n      observer.disconnect();\n      document.body.classList.remove(bodyClass);\n    };\n  }, [bodyClass, modalRef]);\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,YAAY,WAAW,cAAc;AAC9C,SAAS,YAAY;AAsFf;AAjCC,IAAM,QAAQ;AAAA,EACnB,CAAC,IAAuE,QAAQ;AAA/E,iBAAE,YAAU,WAAW,MAAM,sBAAsB,QAvDtD,IAuDG,IAA+D,iBAA/D,IAA+D,CAA7D,YAAU,aAAW,QAAM,wBAAsB;AAClD,UAAM,WAAW,OAA0B,IAAI;AAC/C,UAAM,YAAY,aAAa,CAAC,UAAU,GAAG,CAAC;AAG9C,aAAS,qBAAqB;AA5DlC,UAAAA;AA6DM,OAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAClB,aAAO;AAAA,IACT;AAGA,kBAAc,UAAU,uBAAuB;AAG/C,cAAU,MAAM;AACd,UAAI,SAAS,WAAW,SAAS,QAAW;AAC1C,YAAI,QAAQ,CAAC,SAAS,QAAQ,MAAM;AAClC,mBAAS,QAAQ,UAAU;AAAA,QAC7B,WAAW,CAAC,QAAQ,SAAS,QAAQ,MAAM;AACzC,mBAAS,QAAQ,MAAM;AAAA,QACzB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,aAAS,cAAc,GAAkC;AACvD,UAAI,wBAAwB,EAAE,WAAW,SAAS,SAAS;AACzD,iBAAS,QAAQ,MAAM;AAAA,MACzB;AACA,yCAAU;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,aAAa,SAAsB;AAAA,QACnD,WAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,KAAK;AAAA,QACL,SAAQ;AAAA,SAEF,OATP;AAAA,QAYE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;AAEb,IAAM,cAAgE;AAAA,EAC3E,CAAC,IAA8C,QAAQ;AAAtD,iBAAE,MAAI,YAAY,MAAM,UA3G3B,IA2GG,IAAsC,iBAAtC,IAAsC,CAApC,MAAsB;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,qBAAqB,SAAsB;AAAA,QAC3D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAEnB,IAAM,eAA6D;AAAA,EACxE,CAAC,IAA+C,QAAQ;AAAvD,iBAAE,MAAI,YAAY,OAAO,UAxH5B,IAwHG,IAAuC,iBAAvC,IAAuC,CAArC,MAAuB;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,sBAAsB,SAAsB;AAAA,QAC5D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAEpB,IAAM,cAA4D;AAAA,EACvE,CAAC,IAAkD,QAAQ;AAA1D,iBAAE,MAAI,YAAY,UAAU,UArI/B,IAqIG,IAA0C,iBAA1C,IAA0C,CAAxC,MAA0B;AAC3B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,qBAAqB,SAAsB;AAAA,QAC3D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAEnB,SAAS,cAAc,UAA8C,WAAmB;AAC7F,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AAAS;AACvB,QAAI,SAAS,QAAQ;AAAM,eAAS,KAAK,UAAU,IAAI,SAAS;AAEhE,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAtJhD;AAuJM,WAAI,cAAS,YAAT,mBAAkB;AAAM,iBAAS,KAAK,UAAU,IAAI,SAAS;AAAA;AAC5D,iBAAS,KAAK,UAAU,OAAO,SAAS;AAAA,IAC/C,CAAC;AACD,aAAS,QAAQ,SAAS,SAAS;AAAA,MACjC,YAAY;AAAA,MACZ,iBAAiB,CAAC,MAAM;AAAA,IAC1B,CAAC;AACD,WAAO,MAAM;AACX,eAAS,WAAW;AACpB,eAAS,KAAK,UAAU,OAAO,SAAS;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,WAAW,QAAQ,CAAC;AAC1B;","names":["_a"]}

package/dist/{chunk-DEVTAZKG.mjs → chunk-3KZOKDKP.mjs}

@@ -2,6 +2,9 @@ import {
   CloseIcon,
   MenuIcon
 } from "./chunk-MGUYIOP2.mjs";
+import {
+  useHydrated
+} from "./chunk-ZL56N4UK.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -22,6 +25,7 @@ var expandableMenuContext = createContext([
 var useNavbarExpendableMenuContext = () => useContext(expandableMenuContext);
 function NavbarExpandableMenu({ children }) {
   const [open, setOpen] = useState(false);
+  const isClientSide = useHydrated();
   const toggleOpen = () => {
     const nextOpenState = !open;
     setOpen(nextOpenState);
@@ -32,9 +36,15 @@ function NavbarExpandableMenu({ children }) {
       document.body.classList.remove(clsx("hds-navbar-scroll-lock"));
     }
   };
-  const navbarElement = document.getElementsByClassName(clsx("hds-navbar"))[0];
   return /* @__PURE__ */ jsxs(expandableMenuContext.Provider, { value: [open, toggleOpen], children: [
-    open ? /* @__PURE__ */ jsx(FocusTrap, { containerElements: [navbarElement] }) : null,
+    open && isClientSide ? /* @__PURE__ */ jsx(
+      FocusTrap,
+      {
+        containerElements: [
+          document.getElementsByClassName(clsx("hds-navbar"))[0]
+        ]
+      }
+    ) : null,
     children
   ] });
 }
@@ -167,6 +177,7 @@ var NavbarExpandableMenuContent = forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({}, rest), {
       className: clsx("hds-navbar__expandable-menu-content", className),
       "data-state": open ? "open" : "closed",
+      inert: open ? void 0 : "true",
       ref,
       children: /* @__PURE__ */ jsx("div", { className: clsx("hds-navbar__expandable-menu-content-inner"), children })
     })
@@ -180,4 +191,4 @@ export {
   NavbarExpandableMenuTrigger,
   NavbarExpandableMenuContent
 };
-//# sourceMappingURL=chunk-DEVTAZKG.mjs.map
+//# sourceMappingURL=chunk-3KZOKDKP.mjs.map

package/dist/chunk-3KZOKDKP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navbar/navbar-expandable-menu.tsx"],"sourcesContent":["import React, { createContext, useContext, forwardRef, useState, useRef, useEffect } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport type { ClassValue } from \"@postenbring/hedwig-css/typed-classname/index.mjs\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport FocusTrap from \"focus-trap-react\";\nimport { useHydrated, type OverridableComponent } from \"../utils\";\nimport { CloseIcon, MenuIcon } from \"./icons\";\n\nconst expandableMenuContext = createContext([\n  false as boolean,\n  () => {\n    // Empty\n  },\n] as const);\nexport const useNavbarExpendableMenuContext = () => useContext(expandableMenuContext);\n\n/**\n * Root\n */\nexport interface NavbarExpandableMenuProps {\n  children: React.ReactNode;\n}\nexport function NavbarExpandableMenu({ children }: NavbarExpandableMenuProps) {\n  const [open, setOpen] = useState(false);\n  const isClientSide = useHydrated();\n  const toggleOpen = () => {\n    const nextOpenState = !open;\n    setOpen(nextOpenState);\n    if (nextOpenState) {\n      window.scrollTo(0, 0);\n      document.body.classList.add(clsx(\"hds-navbar-scroll-lock\"));\n    } else {\n      document.body.classList.remove(clsx(\"hds-navbar-scroll-lock\"));\n    }\n  };\n  return (\n    <expandableMenuContext.Provider value={[open, toggleOpen]}>\n      {open && isClientSide ? (\n        <FocusTrap\n          containerElements={[\n            document.getElementsByClassName(clsx(\"hds-navbar\"))[0] as HTMLElement,\n          ]}\n        />\n      ) : null}\n      {children}\n    </expandableMenuContext.Provider>\n  );\n}\nNavbarExpandableMenu.displayName = \"NavbarExpandableMenu\";\n\ninterface ButtonInterface {\n  className?: ClassValue;\n  open?: boolean;\n  innerRef?: React.RefObject<HTMLButtonElement>;\n  ref?: React.ForwardedRef<HTMLButtonElement>;\n  text: React.ReactNode;\n  title?: string;\n  toggleOpen?: () => void;\n  width?: number;\n}\n\nfunction RenderButton({\n  className,\n  innerRef,\n  open = false,\n  ref,\n  text,\n  title,\n  toggleOpen,\n  width,\n  ...rest\n}: ButtonInterface) {\n  const icon = open ? <CloseIcon /> : <MenuIcon />;\n  const style = width ? { width } : {};\n  return (\n    <button\n      className={clsx(\"hds-navbar__button\", className)}\n      onClick={toggleOpen}\n      ref={ref ?? innerRef}\n      style={style}\n      title={title}\n      type=\"button\"\n      {...rest}\n    >\n      <span className={clsx(\"hds-navbar__button-responsive-text\")}>{text}</span> {icon}\n    </button>\n  );\n}\n\n/**\n * Trigger\n *\n * ## TODO\n * - [x] Hide text when on mobile\n * - [X] Open / Close icon\n * - [X] Make button have consistant width\n */\n\nexport interface NavbarExpandableMenuTriggerProps\n  extends Omit<React.HTMLAttributes<HTMLButtonElement>, \"children\"> {\n  whenClosedText: React.ReactNode;\n  whenClosedHelperTitle?: string;\n\n  whenOpenText: React.ReactNode;\n  whenOpenHelperTitle?: string;\n}\nexport const NavbarExpandableMenuTrigger = forwardRef<\n  HTMLButtonElement,\n  NavbarExpandableMenuTriggerProps\n>(\n  (\n    {\n      whenClosedText,\n      whenClosedHelperTitle,\n\n      whenOpenText,\n      whenOpenHelperTitle,\n\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [open, toggleOpen] = useNavbarExpendableMenuContext();\n    const [width, setWidth] = useState(0);\n    const measureButtonRef = useRef<HTMLButtonElement>(null);\n\n    const text: React.ReactNode = open ? whenOpenText : whenClosedText;\n    const title = open ? whenOpenHelperTitle : whenClosedHelperTitle;\n\n    /**\n     *\n     * @param element - Button to measure\n     * @param callback - report the width back\n     */\n    const measureButton = (element: React.ReactNode, callback: (width: number) => void) => {\n      // Create an empty div to render the Button in\n      const container = document.createElement(\"div\");\n      container.style.cssText = \"display: inline-block; position: absolute; visibility: hidden\";\n\n      // Attach the empty div inside the navigation section\n      const c = document.getElementsByClassName(\"hds-navbar__navigation\")[0];\n      c.appendChild(container);\n\n      // Render the Button here\n      const root = createRoot(container as HTMLElement);\n      root.render(element);\n\n      /**\n       * Get the offsetWidth now that it is rendered\n       * Also clean up after us\n       */\n      const getWidth = () => {\n        callback(measureButtonRef.current?.offsetWidth ?? 0);\n        root.unmount();\n        c.removeChild(container);\n      };\n      // This is instead of the callback that used to be on ReactDOM.render()\n      setTimeout(getWidth, 0);\n    };\n\n    useEffect(() => {\n      measureButton(\n        <RenderButton\n          className={(className ? className : \"\") as ClassValue}\n          innerRef={measureButtonRef}\n          text={whenClosedText}\n          title={title}\n          {...rest}\n        />,\n        (closedWidth: number) => {\n          measureButton(\n            <RenderButton\n              className={(className ? className : \"\") as ClassValue}\n              innerRef={measureButtonRef}\n              open\n              text={whenOpenText}\n              title={title}\n              {...rest}\n            />,\n            (openWidth: number) => {\n              setWidth(Math.max(openWidth, closedWidth));\n            },\n          );\n        },\n      );\n    }, [className, rest, title, whenClosedText, whenOpenText]);\n\n    return (\n      <RenderButton\n        className={(className ? className : \"\") as ClassValue}\n        open={open}\n        ref={ref}\n        text={text as string}\n        title={title}\n        toggleOpen={toggleOpen}\n        width={width}\n        {...rest}\n      />\n    );\n  },\n);\nNavbarExpandableMenuTrigger.displayName = \"Navbar.ExpandableMenu.Trigger\";\n\n/**\n * Content\n */\nexport interface NavbarExpandableMenuContentProps {\n  children: React.ReactNode;\n  className?: string;\n}\nexport const NavbarExpandableMenuContent: OverridableComponent<\n  NavbarExpandableMenuContentProps,\n  HTMLDivElement\n> = forwardRef(({ as: Component = \"section\", children, className, ...rest }, ref) => {\n  const [open] = useNavbarExpendableMenuContext();\n  return (\n    <Component\n      {...rest}\n      className={clsx(\"hds-navbar__expandable-menu-content\", className as undefined)}\n      data-state={open ? \"open\" : \"closed\"}\n      inert={open ? undefined : \"true\"}\n      ref={ref}\n    >\n      <div className={clsx(\"hds-navbar__expandable-menu-content-inner\")}>{children}</div>\n    </Component>\n  );\n});\nNavbarExpandableMenuContent.displayName = \"Navbar.ExpandableMenu.Content\";\n"],"mappings":"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","names":["_a","_b"]}

package/dist/{chunk-XFSZBILE.mjs → chunk-6NGF7FFY.mjs}

@@ -1,6 +1,6 @@
 import {
   Fieldset
-} from "./chunk-HXV2UMEV.mjs";
+} from "./chunk-DM4PJFLG.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -31,4 +31,4 @@ export {
   useRadioGroupContext,
   RadioGroup
 };
-//# sourceMappingURL=chunk-XFSZBILE.mjs.map
+//# sourceMappingURL=chunk-6NGF7FFY.mjs.map

package/dist/{chunk-MUVJAMFN.mjs → chunk-B56JZJOS.mjs}

@@ -1,9 +1,10 @@
-import {
-  useResize
-} from "./chunk-WCA2WPFS.mjs";
 import {
   useTabsContext
 } from "./chunk-KQITCS3U.mjs";
+import {
+  useHydrated,
+  useResize
+} from "./chunk-ZL56N4UK.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -19,7 +20,8 @@ function TabsList(_a) {
   const { activeTabId } = useTabsContext();
   const tabsListRef = useRef(null);
   const { width: tabsWidth } = useResize(tabsListRef);
-  const { innerWidth } = window;
+  const isClientSide = useHydrated();
+  const { innerWidth } = isClientSide ? window : { innerWidth: 1e3 };
   const wideEnough = innerWidth >= tabsWidth;
   const previousTabId = useRef(activeTabId);
   useEffect(() => {
@@ -68,7 +70,7 @@ function TabsList(_a) {
   );
 }
 TabsList.displayName = "Tabs.List";
-var Tab = forwardRef(
+var TabsTab = forwardRef(
   (_a, ref) => {
     var _b = _a, { as: Component = "button", children, tabId, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "tabId", "className", "onClick"]);
     const context = useTabsContext();
@@ -95,10 +97,10 @@ var Tab = forwardRef(
     );
   }
 );
-Tab.displayName = "Tabs.Tab";
+TabsTab.displayName = "Tabs.Tab";
 
 export {
   TabsList,
-  Tab
+  TabsTab
 };
-//# sourceMappingURL=chunk-MUVJAMFN.mjs.map
+//# sourceMappingURL=chunk-B56JZJOS.mjs.map

package/dist/chunk-B56JZJOS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs/tabs-list.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement, MouseEvent } from \"react\";\nimport { forwardRef, useEffect, useRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { type OverridableComponent, useResize, useHydrated } from \"../utils\";\nimport { useTabsContext } from \"./context\";\n\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactElement<TabsTabProps> | ReactElement<TabsTabProps>[];\n\n  /**\n   * Direction of the tabs. Can either be vertical or horizontal.\n   * Horizontal breaks on window width with fallback back to vertical\n   */\n  direction?: \"vertical\" | \"horizontal\";\n}\n\nexport function TabsList({ children, direction = \"horizontal\", className, ...rest }: TabListProps) {\n  const { activeTabId } = useTabsContext();\n  const tabsListRef = useRef<HTMLDivElement>(null);\n  const { width: tabsWidth } = useResize(tabsListRef);\n\n  const isClientSide = useHydrated();\n  const { innerWidth } = isClientSide ? window : { innerWidth: 1000 };\n  const wideEnough = innerWidth >= tabsWidth;\n\n  const previousTabId = useRef(activeTabId);\n\n  // Marker animation\n  useEffect(() => {\n    const tabList = tabsListRef.current;\n    const activeTab = tabList?.querySelector(`[data-tabid=\"${activeTabId}\"]`);\n    if (!activeTab || !tabList) return;\n\n    const { offsetHeight: containerHeight, offsetWidth: containerWidth } = tabList;\n    const { offsetHeight, offsetWidth, offsetTop, offsetLeft } = activeTab as HTMLElement;\n\n    // Calculate the height and width of the marker relative to the container\n    const height = offsetHeight / containerHeight;\n    const width = offsetWidth / containerWidth;\n\n    // NOTE: Doing a DOM manipulation here to set the CSS variables for the marker\n    // Not really the react idomatic way, but as long as it works we are able to skip some intermidiate `useState`\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-height\", String(height));\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-width\", String(width));\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-top\", `${offsetTop}px`);\n    tabsListRef.current.style.setProperty(\"--_hds-tabs-marker-left\", `${offsetLeft}px`);\n\n    // Start with border fallback, then switch to the animated marker when the user changes tabs\n    // This way the marker is placed immediately to the default tab, then animates smoothly to the next when selected\n    if (previousTabId.current !== activeTabId) {\n      tabsListRef.current.style.setProperty(\n        \"--_hds-tabs-marker-animated-color\",\n        \"var(--_hds-tabs-marker-color)\",\n      );\n      tabsListRef.current.style.setProperty(\n        \"--_hds-tabs-marker-border-fallback-color\",\n        \"transparent\",\n      );\n    }\n    previousTabId.current = activeTabId;\n  }, [activeTabId, innerWidth]);\n\n  return (\n    <div\n      className={clsx(\n        \"hds-tabs__list\",\n        direction === \"horizontal\"\n          ? {\n              \"hds-tabs__list--horizontal\": wideEnough,\n              \"hds-tabs__list--vertical\": !wideEnough,\n            }\n          : {\n              \"hds-tabs__list--vertical\": true,\n            },\n        className as undefined,\n      )}\n      ref={tabsListRef}\n      role=\"tablist\"\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"Tabs.List\";\n\nexport interface TabsTabProps extends HTMLAttributes<HTMLButtonElement> {\n  children: ReactElement<HTMLElement> | string;\n\n  /**\n   * Identifier for the tab\n   */\n  tabId: string;\n}\n\nexport const TabsTab: OverridableComponent<TabsTabProps, HTMLButtonElement> = forwardRef(\n  ({ as: Component = \"button\", children, tabId, className, onClick, ...rest }, ref) => {\n    const context = useTabsContext();\n\n    const toggleTab = (e: MouseEvent<HTMLButtonElement>) => {\n      e.preventDefault();\n      context.toggleActiveTabId(tabId);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        className={clsx(\n          \"hds-tabs__tab\",\n          { \"hds-tabs__tab--active\": context.activeTabId === tabId },\n          className as undefined,\n        )}\n        data-tabid={tabId}\n        onClick={toggleTab}\n        ref={ref}\n        role=\"tab\"\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nTabsTab.displayName = \"Tabs.Tab\";\n"],"mappings":";;;;;;;;;;;;;;AACA,SAAS,YAAY,WAAW,cAAc;AAC9C,SAAS,YAAY;AA6DjB;AA/CG,SAAS,SAAS,IAA0E;AAA1E,eAAE,YAAU,YAAY,cAAc,UAhB/D,IAgByB,IAAoD,iBAApD,IAAoD,CAAlD,YAAU,aAA0B;AAC7D,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,EAAE,OAAO,UAAU,IAAI,UAAU,WAAW;AAElD,QAAM,eAAe,YAAY;AACjC,QAAM,EAAE,WAAW,IAAI,eAAe,SAAS,EAAE,YAAY,IAAK;AAClE,QAAM,aAAa,cAAc;AAEjC,QAAM,gBAAgB,OAAO,WAAW;AAGxC,YAAU,MAAM;AACd,UAAM,UAAU,YAAY;AAC5B,UAAM,YAAY,mCAAS,cAAc,gBAAgB,WAAW;AACpE,QAAI,CAAC,aAAa,CAAC;AAAS;AAE5B,UAAM,EAAE,cAAc,iBAAiB,aAAa,eAAe,IAAI;AACvE,UAAM,EAAE,cAAc,aAAa,WAAW,WAAW,IAAI;AAG7D,UAAM,SAAS,eAAe;AAC9B,UAAM,QAAQ,cAAc;AAI5B,gBAAY,QAAQ,MAAM,YAAY,6BAA6B,OAAO,MAAM,CAAC;AACjF,gBAAY,QAAQ,MAAM,YAAY,4BAA4B,OAAO,KAAK,CAAC;AAC/E,gBAAY,QAAQ,MAAM,YAAY,0BAA0B,GAAG,SAAS,IAAI;AAChF,gBAAY,QAAQ,MAAM,YAAY,2BAA2B,GAAG,UAAU,IAAI;AAIlF,QAAI,cAAc,YAAY,aAAa;AACzC,kBAAY,QAAQ,MAAM;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AACA,kBAAY,QAAQ,MAAM;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,kBAAc,UAAU;AAAA,EAC1B,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cAAc,eACV;AAAA,UACE,8BAA8B;AAAA,UAC9B,4BAA4B,CAAC;AAAA,QAC/B,IACA;AAAA,UACE,4BAA4B;AAAA,QAC9B;AAAA,QACJ;AAAA,MACF;AAAA,MACA,KAAK;AAAA,MACL,MAAK;AAAA,OACD,OAfL;AAAA,MAiBE;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;AAWhB,IAAM,UAAiE;AAAA,EAC5E,CAAC,IAA4E,QAAQ;AAApF,iBAAE,MAAI,YAAY,UAAU,UAAU,OAAO,WAAW,QAjG3D,IAiGG,IAAoE,iBAApE,IAAoE,CAAlE,MAA0B,YAAU,SAAO,aAAW;AACvD,UAAM,UAAU,eAAe;AAE/B,UAAM,YAAY,CAAC,MAAqC;AACtD,QAAE,eAAe;AACjB,cAAQ,kBAAkB,KAAK;AAC/B,iBAAW,QAAQ,CAAC;AAAA,IACtB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,EAAE,yBAAyB,QAAQ,gBAAgB,MAAM;AAAA,UACzD;AAAA,QACF;AAAA,QACA,cAAY;AAAA,QACZ,SAAS;AAAA,QACT;AAAA,QACA,MAAK;AAAA,SACD,OAVL;AAAA,QAYE;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;","names":[]}

package/dist/{chunk-RVJD2UZF.mjs → chunk-DFH4YKQA.mjs}

@@ -1,6 +1,6 @@
 import {
   InputGroup
-} from "./chunk-SKI2APSK.mjs";
+} from "./chunk-TNU64NUN.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -33,4 +33,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-RVJD2UZF.mjs.map
+//# sourceMappingURL=chunk-DFH4YKQA.mjs.map

package/dist/chunk-DFH4YKQA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/select/select.tsx"],"sourcesContent":["import { forwardRef, type ReactNode , type SelectHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type SelectProps = Omit<\n  InputGroupProps & SelectHTMLAttributes<HTMLSelectElement>,\n  \"readOnly\" | \"children\"\n> & { children: ReactNode };\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { className, variant, errorMessage, labelProps, label, id, style, disabled, children, ...rest },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-select\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      style={style}\n      variant={variant}\n    >\n      <select {...rest} disabled={disabled} ref={ref}>\n        {children}\n      </select>\n    </InputGroup>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAA8D;AACvE,SAAS,YAAY;AAwBf;AAfC,IAAM,SAAS,WAA2C,SAASA,QACxE,IACA,KACA;AAFA,eAAE,aAAW,SAAS,cAAc,YAAY,OAAO,IAAI,OAAO,UAAU,SAX9E,IAWE,IAAyF,iBAAzF,IAAyF,CAAvF,aAAW,WAAS,gBAAc,cAAY,SAAO,MAAI,SAAO,YAAU;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,cAAc,SAAsB;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,2CAAW,OAAX,EAAiB,UAAoB,KACnC,WACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,OAAO,cAAc;","names":["Select"]}

package/dist/{chunk-HXV2UMEV.mjs → chunk-DM4PJFLG.mjs}

@@ -53,7 +53,7 @@ var Fieldset = forwardRef(function Fieldset2(_a, ref) {
             children: legend
           })
         ),
-        /* @__PURE__ */ jsx("div", { className: clsx("hds-fieldset__input-wrapper"), children: /* @__PURE__ */ jsx(FieldsetContext.Provider, { value: { hasError: Boolean(errorMessage) }, children }) }),
+        /* @__PURE__ */ jsx(FieldsetContext.Provider, { value: { hasError: Boolean(errorMessage) }, children }),
         /* @__PURE__ */ jsx(ErrorMessage, { id: errorMessageId, children: errorMessage })
       ]
     })
@@ -64,4 +64,4 @@ export {
   useFieldsetContext,
   Fieldset
 };
-//# sourceMappingURL=chunk-HXV2UMEV.mjs.map
+//# sourceMappingURL=chunk-DM4PJFLG.mjs.map

package/dist/{chunk-HXV2UMEV.mjs.map → chunk-DM4PJFLG.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/form/fieldset/fieldset.tsx"],"sourcesContent":["import { useId, forwardRef, createContext, useContext } 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  /**\n   * Providing an errorMessage will also give contained Checkboxes or Radiobuttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radiobuttons you are even better off using RadioGroup.\n   */\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nconst FieldsetContext = createContext<{ hasError: boolean }>({ hasError: false });\n\nexport const useFieldsetContext = () => useContext(FieldsetContext);\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\")}>\n        <FieldsetContext.Provider value={{ hasError: Boolean(errorMessage) }}>\n          {children}\n        </FieldsetContext.Provider>\n      </div>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n"],"mappings":";;;;;;;;;;AAAA,SAAS,OAAO,YAAY,eAAe,kBAAkB;AAE7D,SAAS,YAAY;AAqCjB,SAQE,KARF;AAnBJ,IAAM,kBAAkB,cAAqC,EAAE,UAAU,MAAM,CAAC;AAEzE,IAAM,qBAAqB,MAAM,WAAW,eAAe;AAE3D,IAAM,WAAW,WAA+C,SAASA,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EA7BjG,IAyBE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBA7B5D,IA6BiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EA/BJ,IAyBE,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,GAChD,8BAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,QAAQ,YAAY,EAAE,GAChE,UACH,GACF;AAAA,QACA,oBAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["Fieldset"]}
+{"version":3,"sources":["../src/form/fieldset/fieldset.tsx"],"sourcesContent":["import { useId, forwardRef, createContext, useContext } 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  /**\n   * Providing an errorMessage will also give contained Checkboxes or Radiobuttons\n   * error styling and aria to indicate invalid state.\n   *\n   * For Radiobuttons you are even better off using RadioGroup.\n   */\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nconst FieldsetContext = createContext<{ hasError: boolean }>({ hasError: false });\n\nexport const useFieldsetContext = () => useContext(FieldsetContext);\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      <FieldsetContext.Provider value={{ hasError: Boolean(errorMessage) }}>\n        {children}\n      </FieldsetContext.Provider>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n"],"mappings":";;;;;;;;;;AAAA,SAAS,OAAO,YAAY,eAAe,kBAAkB;AAE7D,SAAS,YAAY;AAqCjB,SAQE,KARF;AAnBJ,IAAM,kBAAkB,cAAqC,EAAE,UAAU,MAAM,CAAC;AAEzE,IAAM,qBAAqB,MAAM,WAAW,eAAe;AAE3D,IAAM,WAAW,WAA+C,SAASA,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EA7BjG,IAyBE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBA7B5D,IA6BiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EA/BJ,IAyBE,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,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,QAAQ,YAAY,EAAE,GAChE,UACH;AAAA,QACA,oBAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;","names":["Fieldset"]}

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

@@ -12,4 +12,4 @@ MessageComponent.Description = MessageDescription;
 export {
   MessageComponent
 };
-//# sourceMappingURL=chunk-AR2NOI4U.mjs.map
+//# sourceMappingURL=chunk-EJ7ANN7M.mjs.map

package/dist/{chunk-AR2NOI4U.mjs.map → chunk-EJ7ANN7M.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/message/index.tsx"],"sourcesContent":["import { Message, MessageTitle, MessageDescription } from \"./message\";\n\nconst MessageComponent = Message as typeof Message & {\n  Title: typeof MessageTitle;\n  Description: typeof MessageDescription;\n};\n\nMessageComponent.Title = MessageTitle;\nMessageComponent.Description = MessageDescription;\n\nexport { MessageComponent as Message };\n"],"mappings":";;;;;;;AAEA,IAAM,mBAAmB;AAKzB,iBAAiB,QAAQ;AACzB,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../src/message/index.tsx"],"sourcesContent":["import { Message, MessageTitle, MessageDescription } from \"./message\";\n\nconst MessageComponent = Message as typeof Message & {\n  Title: typeof MessageTitle;\n  Description: typeof MessageDescription;\n};\n\nMessageComponent.Title = MessageTitle;\nMessageComponent.Description = MessageDescription;\n\nexport { MessageComponent as Message, MessageTitle, MessageDescription };\n"],"mappings":";;;;;;;AAEA,IAAM,mBAAmB;AAKzB,iBAAiB,QAAQ;AACzB,iBAAiB,cAAc;","names":[]}