@postenbring/hedwig-react 0.0.64 → 0.0.65

package/dist/_tsup-dts-rollup.d.ts

@@ -12,14 +12,14 @@ import type { FieldsetHTMLAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import type { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import type { LabelHTMLAttributes } from 'react';
 import type { Meta } from '@storybook/react';
 import { Options } from 'tsup';
 import * as React_2 from 'react';
 import { default as React_3 } from 'react';
-import type { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import type { SelectHTMLAttributes } from 'react';
@@ -504,26 +504,44 @@ export { CardMediaImg as CardMediaImg_alias_1 }
 export { CardMediaImg as CardMediaImg_alias_2 }
 export { CardMediaImg as CardMediaImg_alias_3 }
 
-declare const Checkbox: React_3.ForwardRefExoticComponent<CheckboxProps & React_3.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
 export { Checkbox }
 export { Checkbox as Checkbox_alias_1 }
 export { Checkbox as Checkbox_alias_2 }
 export { Checkbox as Checkbox_alias_3 }
 export { Checkbox as Checkbox_alias_4 }
 
-declare interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
+declare type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> & {
+    children: ReactNode;
     variant?: "plain" | "bounding-box";
-    hasError?: boolean;
     title?: string;
-}
+} & ({
+    /**
+     * Set to `true` to add error styling. The component will take care of aria to indicate invalid state.
+     *
+     * Normally you don't need this, as you should wrap your Checkboxes in the Fieldset component.
+     * When providing an errorMessage to Fieldset, all contained Checkboxes will get correct hasError state.
+     *
+     * You can use this when your checkbox is part of a non-HDS fieldset which shows an error message.
+     */
+    hasError?: boolean;
+    errorMessage?: never;
+} | {
+    hasError?: never;
+    /**
+     * Set an error message to add error styling, and display the error message.
+     * The component will take care of aria to connect the error message to the checkbox.
+     *
+     * Use this when your checkbox is standalone (not part of a fieldset).
+     */
+    errorMessage?: ReactNode;
+});
 export { CheckboxProps }
 export { CheckboxProps as CheckboxProps_alias_1 }
 export { CheckboxProps as CheckboxProps_alias_2 }
 export { CheckboxProps as CheckboxProps_alias_3 }
 export { CheckboxProps as CheckboxProps_alias_4 }
 
-export declare const CheckboxWithErrorMessage: Story_9;
-
 export declare function CloseIcon(): JSX_2.Element;
 
 export declare const CompleteShowMoreShowLess: Story_23;
@@ -757,11 +775,19 @@ export { Fieldset as Fieldset_alias_2 }
 export { Fieldset as Fieldset_alias_3 }
 export { Fieldset as Fieldset_alias_4 }
 
-export declare const FieldsetError: Story_10;
+export declare const FieldsetErrorCheckboxes: Story_10;
+
+export declare const FieldsetErrorRadiobuttons: Story_10;
 
 declare interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
     className?: string;
     style?: CSSProperties;
+    /**
+     * Providing an errorMessage will also give contained Checkboxes or Radiobuttons
+     * error styling and aria to indicate invalid state.
+     *
+     * For Radiobuttons you are even better off using RadioGroup.
+     */
     errorMessage?: ReactNode;
     legendProps?: HTMLAttributes<HTMLElement> & {
         size: "default" | "large";
@@ -775,6 +801,100 @@ export { FieldsetProps as FieldsetProps_alias_2 }
 export { FieldsetProps as FieldsetProps_alias_3 }
 export { FieldsetProps as FieldsetProps_alias_4 }
 
+/**
+ * 🚨 WORK IN PROGRESS 🚨
+ */
+export declare const Footer_alias_2: ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * 🚨 WORK IN PROGRESS 🚨
+ */
+declare const FooterButtonLink: ForwardRefExoticComponent<FooterButtonLinkProps & RefAttributes<HTMLAnchorElement>>;
+export { FooterButtonLink }
+export { FooterButtonLink as FooterButtonLink_alias_1 }
+export { FooterButtonLink as FooterButtonLink_alias_2 }
+export { FooterButtonLink as FooterButtonLink_alias_3 }
+
+declare interface FooterButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+}
+export { FooterButtonLinkProps }
+export { FooterButtonLinkProps as FooterButtonLinkProps_alias_1 }
+export { FooterButtonLinkProps as FooterButtonLinkProps_alias_2 }
+export { FooterButtonLinkProps as FooterButtonLinkProps_alias_3 }
+
+declare const FooterComponent: ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLDivElement>> & {
+    Logo: typeof FooterLogo;
+    ButtonLink: typeof FooterButtonLink;
+    LinkSections: typeof FooterLinkSections;
+    LinkSection: typeof FooterLinkSection;
+};
+export { FooterComponent as Footer }
+export { FooterComponent as Footer_alias_1 }
+export { FooterComponent as Footer_alias_3 }
+
+declare const FooterLinkSection: ForwardRefExoticComponent<FooterLinkSectionProps & RefAttributes<HTMLDivElement>>;
+export { FooterLinkSection }
+export { FooterLinkSection as FooterLinkSection_alias_1 }
+export { FooterLinkSection as FooterLinkSection_alias_2 }
+export { FooterLinkSection as FooterLinkSection_alias_3 }
+
+declare interface FooterLinkSectionProps extends HTMLAttributes<HTMLDivElement> {
+    heading: React.ReactNode;
+    children: React.ReactNode;
+}
+
+/**
+ * Responsive sections of links. Will become an accordion on mobile.
+ *
+ * Use with `Footer.LinkSection` for each section.
+ *
+ * TODO:
+ * - [ ] Decrease number of DOM elements rendered. We should not rely on conditional rendering as that will make server-side rendering harder.
+ */
+declare const FooterLinkSections: ForwardRefExoticComponent<FooterLinkSectionsProps & RefAttributes<HTMLDivElement>>;
+export { FooterLinkSections }
+export { FooterLinkSections as FooterLinkSections_alias_1 }
+export { FooterLinkSections as FooterLinkSections_alias_2 }
+export { FooterLinkSections as FooterLinkSections_alias_3 }
+
+declare interface FooterLinkSectionsProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactElement<FooterLinkSectionProps> | ReactElement<FooterLinkSectionProps>[];
+}
+
+/**
+ * A fixed Posten or Bring logo.
+ *
+ * The logo follows the brand theme, so if the class `hds-theme-bring` is set the Bring logo will be shown instead of the Posten logo
+ */
+declare const FooterLogo: ForwardRefExoticComponent<FooterLogoProps & RefAttributes<HTMLDivElement>>;
+export { FooterLogo }
+export { FooterLogo as FooterLogo_alias_1 }
+export { FooterLogo as FooterLogo_alias_2 }
+export { FooterLogo as FooterLogo_alias_3 }
+
+declare interface FooterLogoProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+}
+
+declare interface FooterProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: "default" | "slim";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+}
+export { FooterProps }
+export { FooterProps as FooterProps_alias_1 }
+export { FooterProps as FooterProps_alias_2 }
+export { FooterProps as FooterProps_alias_3 }
+
 export declare const FormWithErrorsOnSubmit: Story_11;
 
 declare interface HeadingProps {
@@ -928,7 +1048,7 @@ declare const MessageComponent: {
     (props: MessageProps & RefAttributes<HTMLDivElement>): ReactNode;
     <As extends ElementType>(props: {
         as?: As | undefined;
-    } & MessageProps & Omit<ComponentPropsWithRef<As>, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onClose" | "variant" | "closeable" | "closed" | "closeButtonProps" | "icon" | "iconClassName">): ReactNode;
+    } & MessageProps & Omit<ComponentPropsWithRef<As>, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onClose" | "closed" | "variant" | "closeable" | "closeButtonProps" | "icon" | "iconClassName">): ReactNode;
 } & Pick<FC, "displayName"> & {
     Title: typeof MessageTitle;
     Description: typeof MessageDescription;
@@ -1094,7 +1214,7 @@ export declare const NavbarExpandableMenuTrigger: React_3.ForwardRefExoticCompon
  * Trigger
  *
  * ## TODO
- * - [ ] Hide text when on mobile
+ * - [x] Hide text when on mobile
  * - [X] Open / Close icon
  * - [X] Make button have consistant width
  */
@@ -1227,13 +1347,19 @@ declare interface ParagraphProps {
     variant?: "body" | "body-title" | "body-small" | "body-small-title" | "technical" | "technical-title" | "caption" | "caption-title";
 }
 
-export declare const PlainCheckbox: Story_8;
+export declare const PlainCheckboxes: Story_8;
+
+export declare const PlainCheckboxesWithError: Story_8;
+
+export declare const PlainCheckboxeWithError: Story_8;
 
 export declare const PlainInput: Story_11;
 
 export declare const PlainInputWithError: Story_11;
 
-export declare const PlainRadiobutton: Story_12;
+export declare const PlainRadiobuttons: Story_12;
+
+export declare const PlainRadiobuttonsWithError: Story_12;
 
 export declare const PlainRadioGroup: Story_13;
 
@@ -1260,7 +1386,7 @@ export { PrimaryButton as PrimaryButton_alias_3 }
 
 export declare const PrimaryOutline: Story_5;
 
-declare const Radiobutton: React_3.ForwardRefExoticComponent<RadiobuttonProps & React_3.RefAttributes<HTMLInputElement>>;
+declare const Radiobutton: ForwardRefExoticComponent<RadiobuttonProps & RefAttributes<HTMLInputElement>>;
 export { Radiobutton }
 export { Radiobutton as Radiobutton_alias_1 }
 export { Radiobutton as Radiobutton_alias_2 }
@@ -1268,7 +1394,16 @@ export { Radiobutton as Radiobutton_alias_3 }
 export { Radiobutton as Radiobutton_alias_4 }
 
 declare interface RadiobuttonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
+    children: ReactNode;
     variant?: "plain" | "bounding-box";
+    /**
+     * Set to `true` to add error styling. The component will take care of aria to indicate invalid state.
+     *
+     * Normally you don't need this, as you should wrap your Radiobuttons in the RadioGroup component.
+     * When providing an errorMessage to RadioGroup, all contained Radiobuttons will get correct hasError state.
+     *
+     * You can use this when your Radiobutton is part of a non-HDS fieldset which shows an error message.
+     */
     hasError?: boolean;
     title?: string;
 }
@@ -1290,13 +1425,14 @@ declare type RadioGroupContextProps = {
 } & Pick<RadioGroupProps, "name" | "value" | "onChange">;
 
 declare interface RadioGroupProps extends Omit<FieldsetProps, "onChange"> {
+    children: ReactNode;
     /** Will be passed to all Radiobuttons within the radio group */
     name?: RadiobuttonProps["name"];
     /** If you want the group to be controlled, you can pass the selected value here */
     value?: RadiobuttonProps["value"];
     /**
-     * Error message is passed to the internal Fieldset,
-     * and also marks all radiobuttons as invalid
+     * Error message is passed to the internal Fieldset, and will also give contained Radiobuttons
+     * error styling and aria to indicate invalid state.
      */
     errorMessage?: ReactNode;
     /** Will be passed to all Radiobuttons within the radio group */
@@ -1670,11 +1806,10 @@ export { TabsContents as TabsContents_alias_1 }
 export { TabsContents as TabsContents_alias_2 }
 export { TabsContents as TabsContents_alias_3 }
 
-export declare const TabsContext: Context<TabsContextProps>;
+export declare const TabsContext: Context<TabsContextProps | null>;
 
 export declare interface TabsContextProps {
-    mounted: boolean;
-    activeTabId?: string;
+    activeTabId: string;
     toggleActiveTabId: (tabId: string) => void;
 }
 
@@ -1946,12 +2081,27 @@ export { UnorderedList as UnorderedList_alias_3 }
 
 export declare const UnorderedListStory: Story_19;
 
+declare const useFieldsetContext: () => {
+    hasError: boolean;
+};
+export { useFieldsetContext }
+export { useFieldsetContext as useFieldsetContext_alias_1 }
+export { useFieldsetContext as useFieldsetContext_alias_2 }
+export { useFieldsetContext as useFieldsetContext_alias_3 }
+export { useFieldsetContext as useFieldsetContext_alias_4 }
+
 /**
  * Merges an array of refs into a single memoized callback ref or `null`.
  * @see https://floating-ui.com/docs/useMergeRefs
  */
 export declare function useMergeRefs<Instance>(refs: (React_2.Ref<Instance> | undefined)[]): React_2.RefCallback<Instance> | null;
 
+declare const useNavbarExpendableMenuContext: () => readonly [boolean, () => void];
+export { useNavbarExpendableMenuContext }
+export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_1 }
+export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_2 }
+export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_3 }
+
 declare const useRadioGroupContext: () => RadioGroupContextProps;
 export { useRadioGroupContext }
 export { useRadioGroupContext as useRadioGroupContext_alias_1 }
@@ -1970,6 +2120,8 @@ export { useScrollLock as useScrollLock_alias_1 }
 export { useScrollLock as useScrollLock_alias_2 }
 export { useScrollLock as useScrollLock_alias_3 }
 
+export declare function useTabsContext(): TabsContextProps;
+
 declare type Variant = {
     variant?: "show-more";
     expanded?: never;

package/dist/accordion/accordion-content.js

@@ -70,16 +70,12 @@ var AccordionContent = (0, import_react2.forwardRef)((_a, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component,
     __spreadProps(__spreadValues({
-      "aria-hidden": !context.open
+      "aria-hidden": !context.open,
+      "data-state": context.open ? "open" : "closed",
+      inert: context.open ? void 0 : "true",
+      className: (0, import_typed_classname.clsx)("hds-accordion-item-content", className),
+      ref
     }, rest), {
-      className: (0, import_typed_classname.clsx)(
-        "hds-accordion-item-content",
-        {
-          "hds-accordion-item-content--closed": !context.open
-        },
-        className
-      ),
-      ref,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_typed_classname.clsx)("hds-accordion-item-content-inner"), children })
     })
   );

package/dist/accordion/accordion-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/accordion/accordion-content.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const AccordionContent: OverridableComponent<AccordionContentProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"div\", children, className, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    return (\n      <Component\n        aria-hidden={!context.open}\n        {...rest}\n        className={clsx(\n          \"hds-accordion-item-content\",\n          {\n            \"hds-accordion-item-content--closed\": !context.open,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n      >\n        <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n      </Component>\n    );\n  });\n\nAccordionContent.displayName = \"Accordion.Content\";\n","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAuC;AACvC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;ADsBhF;AAnBD,IAAM,uBACX,0BAAW,CAAC,IAAyD,QAAQ;AAAjE,eAAE,MAAI,YAAY,OAAO,UAAU,UAXjD,IAWc,IAAiD,iBAAjD,IAAiD,CAA/C,MAAuB,YAAU;AAC7C,QAAM,cAAU,0BAAW,oBAAoB;AAC/C,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,CAAC,QAAQ;AAAA,OAClB,OAFL;AAAA,MAGC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,sCAAsC,CAAC,QAAQ;AAAA,QACjD;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MAEA,sDAAC,SAAI,eAAW,6BAAK,kCAAkC,GAAI,UAAS;AAAA;AAAA,EACtE;AAEJ,CAAC;AAEH,iBAAiB,cAAc;","names":["import_react"]}
+{"version":3,"sources":["../../src/accordion/accordion-content.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const AccordionContent: OverridableComponent<AccordionContentProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"div\", children, className, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    return (\n      <Component\n        aria-hidden={!context.open}\n        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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAuC;AACvC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;ADkBhF;AAfD,IAAM,uBACX,0BAAW,CAAC,IAAyD,QAAQ;AAAjE,eAAE,MAAI,YAAY,OAAO,UAAU,UAXjD,IAWc,IAAiD,iBAAjD,IAAiD,CAA/C,MAAuB,YAAU;AAC7C,QAAM,cAAU,0BAAW,oBAAoB;AAC/C,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,CAAC,QAAQ;AAAA,MACtB,cAAY,QAAQ,OAAO,SAAS;AAAA,MACpC,OAAO,QAAQ,OAAO,SAAY;AAAA,MAClC,eAAW,6BAAK,8BAA8B,SAAsB;AAAA,MACpE;AAAA,OACI,OANL;AAAA,MAQC,sDAAC,SAAI,eAAW,6BAAK,kCAAkC,GAAI,UAAS;AAAA;AAAA,EACtE;AAEJ,CAAC;AAEH,iBAAiB,cAAc;","names":["import_react"]}

package/dist/accordion/accordion-content.mjs

@@ -1,6 +1,6 @@
 import {
   AccordionContent
-} from "../chunk-KRGKVH5J.mjs";
+} from "../chunk-GUB3UCXO.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {

package/dist/accordion/accordion-header.js

@@ -63,23 +63,20 @@ var AccordionItemContext = (0, import_react.createContext)(null);
 var import_jsx_runtime = require("react/jsx-runtime");
 var AccordionHeader = (0, import_react2.forwardRef)((_a, ref) => {
   var _b = _a, { as: Component = "button", children, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "className", "onClick"]);
-  const itemContext = (0, import_react2.useContext)(AccordionItemContext);
-  if (itemContext === null) {
+  const context = (0, import_react2.useContext)(AccordionItemContext);
+  if (context === null) {
     return null;
   }
   const expandOrCollapse = (e) => {
-    itemContext.setOpen(!itemContext.open);
+    context.setOpen(!context.open);
     onClick && onClick(e);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component,
     __spreadProps(__spreadValues({}, rest), {
-      "aria-expanded": itemContext.open,
-      className: (0, import_typed_classname.clsx)(
-        "hds-accordion-item-header",
-        { "hds-accordion-item-header--open": itemContext.open },
-        className
-      ),
+      "aria-expanded": context.open,
+      "data-state": context.open ? "open" : "closed",
+      className: (0, import_typed_classname.clsx)("hds-accordion-item-header", className),
       onClick: expandOrCollapse,
       ref,
       type: "button",

package/dist/accordion/accordion-header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/accordion/accordion-header.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { ButtonHTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n}\n\nexport const AccordionHeader: OverridableComponent<AccordionHeaderProps, HTMLButtonElement> =\n  forwardRef(({ as: Component = \"button\", children, className, onClick, ...rest }, ref) => {\n    const itemContext = useContext(AccordionItemContext);\n    if (itemContext === null) {\n      return null;\n    }\n    const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n      itemContext.setOpen(!itemContext.open);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        {...rest}\n        aria-expanded={itemContext.open}\n        className={clsx(\n          \"hds-accordion-item-header\",\n          { \"hds-accordion-item-header--open\": itemContext.open },\n          className as undefined,\n        )}\n        onClick={expandOrCollapse}\n        ref={ref}\n        type=\"button\"\n      >\n        <span>{children}</span>\n      </Component>\n    );\n  });\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAuC;AACvC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;AD0BhF;AAvBD,IAAM,sBACX,0BAAW,CAAC,IAAqE,QAAQ;AAA7E,eAAE,MAAI,YAAY,UAAU,UAAU,WAAW,QAX/D,IAWc,IAA6D,iBAA7D,IAA6D,CAA3D,MAA0B,YAAU,aAAW;AAC3D,QAAM,kBAAc,0BAAW,oBAAoB;AACnD,MAAI,gBAAgB,MAAM;AACxB,WAAO;AAAA,EACT;AACA,QAAM,mBAAmB,CAAC,MAAqC;AAC7D,gBAAY,QAAQ,CAAC,YAAY,IAAI;AACrC,eAAW,QAAQ,CAAC;AAAA,EACtB;AACA,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,iBAAe,YAAY;AAAA,MAC3B,eAAW;AAAA,QACT;AAAA,QACA,EAAE,mCAAmC,YAAY,KAAK;AAAA,QACtD;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MAEL,sDAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ,CAAC;AAEH,gBAAgB,cAAc;","names":["import_react"]}
+{"version":3,"sources":["../../src/accordion/accordion-header.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { ButtonHTMLAttributes, MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n}\n\nexport const AccordionHeader: OverridableComponent<AccordionHeaderProps, HTMLButtonElement> =\n  forwardRef(({ as: Component = \"button\", children, className, onClick, ...rest }, ref) => {\n    const 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 { 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAuC;AACvC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;ADuBhF;AApBD,IAAM,sBACX,0BAAW,CAAC,IAAqE,QAAQ;AAA7E,eAAE,MAAI,YAAY,UAAU,UAAU,WAAW,QAX/D,IAWc,IAA6D,iBAA7D,IAA6D,CAA3D,MAA0B,YAAU,aAAW;AAC3D,QAAM,cAAU,0BAAW,oBAAoB;AAC/C,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AACA,QAAM,mBAAmB,CAAC,MAAqC;AAC7D,YAAQ,QAAQ,CAAC,QAAQ,IAAI;AAC7B,eAAW,QAAQ,CAAC;AAAA,EACtB;AACA,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,iBAAe,QAAQ;AAAA,MACvB,cAAY,QAAQ,OAAO,SAAS;AAAA,MACpC,eAAW,6BAAK,6BAA6B,SAAsB;AAAA,MACnE,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MAEL,sDAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ,CAAC;AAEH,gBAAgB,cAAc;","names":["import_react"]}

package/dist/accordion/accordion-header.mjs

@@ -1,6 +1,6 @@
 import {
   AccordionHeader
-} from "../chunk-FT5CX2W5.mjs";
+} from "../chunk-YXHXRUFX.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {

package/dist/accordion/accordion-item.js

@@ -90,13 +90,8 @@ var AccordionItem = (0, import_react2.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname.clsx)(
-          "hds-accordion-item",
-          {
-            "hds-accordion-item__expanded": open
-          },
-          className
-        ),
+        "data-state": open ? "open" : "closed",
+        className: (0, import_typed_classname.clsx)("hds-accordion-item", className),
         ref,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionItemContext.Provider, { value: { open, setOpen: handleOpen }, children })
       })

package/dist/accordion/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/accordion/accordion-item.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { 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        className={clsx(\n          \"hds-accordion-item\",\n          {\n            \"hds-accordion-item__expanded\": open,\n          },\n          className as undefined,\n        )}\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAqC;AACrC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;AD+DhF;AApCD,IAAM,oBAA0E;AAAA,EACrF,CACE,IASA,QACG;AAVH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IA1CN,IAoCI,IAOK,iBAPL,IAOK;AAAA,MANH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,CAAC,WAAW,YAAY,QAAI,wBAAS,oCAAe,KAAK;AAC/D,UAAM,OAAO,gCAAa;AAE1B,UAAM,aAAa,MAAM;AACvB,UAAI,cAAc,QAAW;AAC3B,wBAAgB,aAAa,CAAC,IAAI;AAAA,MACpC,OAAO;AACL,qBAAa,CAAC,IAAI;AAAA,MACpB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,eAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,gCAAgC;AAAA,UAClC;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QAEA,sDAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,MAAM,SAAS,WAAW,GAC/D,UACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;","names":["import_react"]}
+{"version":3,"sources":["../../src/accordion/accordion-item.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAqC;AACrC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;AD0DhF;AA/BD,IAAM,oBAA0E;AAAA,EACrF,CACE,IASA,QACG;AAVH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IA1CN,IAoCI,IAOK,iBAPL,IAOK;AAAA,MANH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,CAAC,WAAW,YAAY,QAAI,wBAAS,oCAAe,KAAK;AAC/D,UAAM,OAAO,gCAAa;AAE1B,UAAM,aAAa,MAAM;AACvB,UAAI,cAAc,QAAW;AAC3B,wBAAgB,aAAa,CAAC,IAAI;AAAA,MACpC,OAAO;AACL,qBAAa,CAAC,IAAI;AAAA,MACpB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,cAAY,OAAO,SAAS;AAAA,QAC5B,eAAW,6BAAK,sBAAsB,SAAsB;AAAA,QAC5D;AAAA,QAEA,sDAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,MAAM,SAAS,WAAW,GAC/D,UACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;","names":["import_react"]}

package/dist/accordion/accordion-item.mjs

@@ -1,6 +1,6 @@
 import {
   AccordionItem
-} from "../chunk-SAGJ5W7M.mjs";
+} from "../chunk-62F4I3MQ.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {

package/dist/accordion/index.js

@@ -115,13 +115,8 @@ var AccordionItem = (0, import_react3.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Component,
       __spreadProps(__spreadValues({}, rest), {
-        className: (0, import_typed_classname2.clsx)(
-          "hds-accordion-item",
-          {
-            "hds-accordion-item__expanded": open
-          },
-          className
-        ),
+        "data-state": open ? "open" : "closed",
+        className: (0, import_typed_classname2.clsx)("hds-accordion-item", className),
         ref,
         children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemContext.Provider, { value: { open, setOpen: handleOpen }, children })
       })
@@ -136,23 +131,20 @@ var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname")
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var AccordionHeader = (0, import_react4.forwardRef)((_a, ref) => {
   var _b = _a, { as: Component = "button", children, className, onClick } = _b, rest = __objRest(_b, ["as", "children", "className", "onClick"]);
-  const itemContext = (0, import_react4.useContext)(AccordionItemContext);
-  if (itemContext === null) {
+  const context = (0, import_react4.useContext)(AccordionItemContext);
+  if (context === null) {
     return null;
   }
   const expandOrCollapse = (e) => {
-    itemContext.setOpen(!itemContext.open);
+    context.setOpen(!context.open);
     onClick && onClick(e);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Component,
     __spreadProps(__spreadValues({}, rest), {
-      "aria-expanded": itemContext.open,
-      className: (0, import_typed_classname3.clsx)(
-        "hds-accordion-item-header",
-        { "hds-accordion-item-header--open": itemContext.open },
-        className
-      ),
+      "aria-expanded": context.open,
+      "data-state": context.open ? "open" : "closed",
+      className: (0, import_typed_classname3.clsx)("hds-accordion-item-header", className),
       onClick: expandOrCollapse,
       ref,
       type: "button",
@@ -175,16 +167,12 @@ var AccordionContent = (0, import_react5.forwardRef)((_a, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Component,
     __spreadProps(__spreadValues({
-      "aria-hidden": !context.open
+      "aria-hidden": !context.open,
+      "data-state": context.open ? "open" : "closed",
+      inert: context.open ? void 0 : "true",
+      className: (0, import_typed_classname4.clsx)("hds-accordion-item-content", className),
+      ref
     }, rest), {
-      className: (0, import_typed_classname4.clsx)(
-        "hds-accordion-item-content",
-        {
-          "hds-accordion-item-content--closed": !context.open
-        },
-        className
-      ),
-      ref,
       children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_typed_classname4.clsx)("hds-accordion-item-content-inner"), children })
     })
   );

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        className={clsx(\n          \"hds-accordion-item\",\n          {\n            \"hds-accordion-item__expanded\": open,\n          },\n          className as undefined,\n        )}\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 itemContext = useContext(AccordionItemContext);\n    if (itemContext === null) {\n      return null;\n    }\n    const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n      itemContext.setOpen(!itemContext.open);\n      onClick && onClick(e);\n    };\n    return (\n      <Component\n        {...rest}\n        aria-expanded={itemContext.open}\n        className={clsx(\n          \"hds-accordion-item-header\",\n          { \"hds-accordion-item-header--open\": itemContext.open },\n          className as undefined,\n        )}\n        onClick={expandOrCollapse}\n        ref={ref}\n        type=\"button\"\n      >\n        <span>{children}</span>\n      </Component>\n    );\n  });\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import type { HTMLAttributes, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { OverridableComponent } from \"../utils\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const AccordionContent: OverridableComponent<AccordionContentProps, HTMLDivElement> =\n  forwardRef(({ as: Component = \"div\", children, className, ...rest }, ref) => {\n    const context = useContext(AccordionItemContext);\n    if (context === null) {\n      return null;\n    }\n    return (\n      <Component\n        aria-hidden={!context.open}\n        {...rest}\n        className={clsx(\n          \"hds-accordion-item-content\",\n          {\n            \"hds-accordion-item-content--closed\": !context.open,\n          },\n          className as undefined,\n        )}\n        ref={ref}\n      >\n        <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n      </Component>\n    );\n  });\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":"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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 };\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,10 +1,10 @@
 import {
   AccordionComponent
-} from "../chunk-DJRMXOCP.mjs";
-import "../chunk-KRGKVH5J.mjs";
-import "../chunk-FT5CX2W5.mjs";
-import "../chunk-SAGJ5W7M.mjs";
+} from "../chunk-LIQ3FB56.mjs";
+import "../chunk-62F4I3MQ.mjs";
 import "../chunk-VRIY65P5.mjs";
+import "../chunk-GUB3UCXO.mjs";
+import "../chunk-YXHXRUFX.mjs";
 import "../chunk-V3PAFMK5.mjs";
 import "../chunk-R4SQKVDQ.mjs";
 export {