@stihl-design-system/components 1.0.0-RC.24 → 1.0.0-RC.26

package/chunks/helpers.BbWkXTr3.js

@@ -0,0 +1,37 @@
+"use client";
+import u from "react";
+const l = (e) => typeof e != "number" || isNaN(e) ? 0 : e / 16, d = (e, r) => `[STIHL Design System] - [${e}]: ${r}`, m = (e, r) => `The "${e}" prop is required. Please add the "${e}" prop to the ${r} component.`, y = (e, r) => e == null ? void 0 : e.closest(r), c = (e, r, a) => {
+  let s = !1;
+  const n = {
+    fn: r,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- any is needed here to allow any React component type to be checked
+    displayName: r.displayName || r.name
+  };
+  return u.Children.forEach(e, (t) => {
+    if (s || !u.isValidElement(t)) return;
+    if (t.type === n.fn) {
+      s = !0;
+      return;
+    }
+    const i = t.type, o = (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- any is needed here to allow any React component type to be checked
+      i.displayName || i.name
+    );
+    if (typeof o == "string" && o === n.displayName) {
+      s = !0;
+      return;
+    }
+    const p = t.props;
+    if (a && p.children && c(p.children, n.fn, a)) {
+      s = !0;
+      return;
+    }
+  }), s;
+};
+export {
+  y as a,
+  c,
+  d as g,
+  l as p,
+  m as r
+};

package/{combobox.DW_ey38o.js → combobox.DIB07SNA.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as S } from "react/jsx-runtime";
 import { d as h } from "./chunks/index.CgTHIF3K.js";
-import { v as q, c as L } from "./chunks/CustomReactSelect.hdDSE0ON.js";
+import { v as q, c as L } from "./chunks/CustomReactSelect.DWdh3k_q.js";
 import { forwardRef as R } from "react";
 const j = R((b, x) => {
   const o = h.c(28);

package/components/ActionButton/ActionButton.d.ts

@@ -0,0 +1,61 @@
+import { ButtonHTMLAttributes } from 'react';
+import { IconName, SelectedAriaAttributes } from '../../types';
+import { IconProps } from '../Icon/Icon';
+import { ActionButtonAriaAttribute, ActionButtonChevronDirection, ActionButtonIconPosition, ActionButtonIconSize, ActionButtonIndentLevel, ActionButtonWeight } from './ActionButton.utils';
+export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Content within the button. */
+    children: React.ReactNode;
+    /** ARIA attributes to enhance accessibility
+     *  `{'aria-label'? string;`
+     *  `'aria-expanded'?: boolean | 'true' | 'false';`
+     *  `'aria-pressed'?: boolean | 'true' | 'false' | 'mixed';`
+     *  `'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';}`
+     * */
+    aria?: SelectedAriaAttributes<ActionButtonAriaAttribute>;
+    /** Direction of the optional chevron icon. If a direction is set, a chevron icon is displayed.   */
+    chevronDirection?: ActionButtonChevronDirection;
+    /** Custom data attributes. */
+    [key: `data-${string}`]: string | undefined;
+    /** Disables the button, preventing user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /** Name of the icon to display. */
+    iconName?: IconName;
+    /** Position of the icon. `iconPosition='top'` requires either an `iconName` or `iconSource` to be set.
+     * @default 'left'
+     */
+    iconPosition?: ActionButtonIconPosition;
+    /** Size of the icon. Only available with `iconPosition='left'` and a custom `iconSource`.
+     * @default 'large'
+     */
+    iconSize?: ActionButtonIconSize;
+    /** URL or path for a custom icon. */
+    iconSource?: IconProps['source'];
+    /** Indent level of the button, used to align the button with other elements e.g. inside a DSAccordion. Only available with `iconPosition='left'`.
+     * @default 0
+     */
+    indentLevel?: ActionButtonIndentLevel;
+    /** Enables the active state.
+     * @default false
+     */
+    isActive?: boolean;
+    /** Number Indicator value displayed next to the label or above the icon. */
+    numberIndicatorValue?: string;
+    /** Stretches the button over the parent's width. Only available with `iconPosition='left'`.
+     * @default false
+     */
+    stretched?: boolean;
+    /** Defines the weight.  Only available with `iconPosition='left'`.
+     * @default 'normal'
+     */
+    weight?: ActionButtonWeight;
+    /** Callback function called when the button is clicked. */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+/**
+ * Use the ActionButton component when you want the users to trigger an action, used in the DSDrawer as a mobile menu, as a parent of a Popover or in the DSTopBar of the DSHeader.
+ *
+ * Design in Figma: [Action Item](https://www.figma.com/design/DNB69TwlN0FaaVg7yVsYu4/DS895-%E2%80%93-Header-%7C-Design?node-id=5875-105748&t=aQoUwuH2oJa7RRay-4)
+ * */
+export declare const DSActionButton: import('react').ForwardRefExoticComponent<ActionButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/components/ActionButton/ActionButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ActionButton/ActionButton.utils.d.ts

@@ -0,0 +1,22 @@
+import { ActionButtonProps } from './ActionButton';
+export declare const ACTION_BUTTON_ICON_POSITION: readonly ["left", "top"];
+export type ActionButtonIconPosition = (typeof ACTION_BUTTON_ICON_POSITION)[number];
+export declare const ACTION_BUTTON_ICON_SIZE: readonly ["large", "x-large"];
+export type ActionButtonIconSize = (typeof ACTION_BUTTON_ICON_SIZE)[number];
+export declare const ACTION_BUTTON_INDENT_LEVEL: readonly [0, 1];
+export type ActionButtonIndentLevel = (typeof ACTION_BUTTON_INDENT_LEVEL)[number];
+export declare const ACTION_BUTTON_WEIGHT: readonly ["normal", "bold"];
+export type ActionButtonWeight = (typeof ACTION_BUTTON_WEIGHT)[number];
+export declare const ACTION_BUTTON_CHEVRON_DIRECTION: readonly ["up", "down", "right", "left"];
+export type ActionButtonChevronDirection = (typeof ACTION_BUTTON_CHEVRON_DIRECTION)[number];
+export type ActionButtonAriaAttribute = 'aria-label' | 'aria-expanded' | 'aria-pressed' | 'aria-haspopup';
+type ValidationProps = Pick<ActionButtonProps, 'iconName' | 'iconSize' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight'>;
+/**
+ * Performs runtime validation on a subset of `DSActionButton` props to detect
+ * misconfigurations during development.
+ *
+ * Intended for development use only; should not be used in production environments.
+ *
+ */
+export declare const validateActionButtonProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
+export {};

package/components/ActionButton/ActionButton.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ActionLink/ActionLink.d.ts

@@ -0,0 +1,38 @@
+import { CommonLinkProps } from '../LinkButton/LinkButton';
+import { ActionLinkIconPosition, ActionLinkIconSize, ActionLinkIndentLevel, ActionLinkWeight } from './ActionLink.utils';
+export interface ActionLinkProps extends Omit<CommonLinkProps, 'iconPosition' | 'theme'> {
+    /** Content within the link. */
+    children: React.ReactNode;
+    /** The position of the icon. `iconPosition='top'` requires either an `iconName` or `iconSource` to be set.
+     * @default 'left'
+     */
+    iconPosition?: ActionLinkIconPosition;
+    /** Size of the icon. Only available with `iconPosition='left'` and a custom `iconSource`.
+     * @default 'large'
+     */
+    iconSize?: ActionLinkIconSize;
+    /** Indent level of the link, used to align the link with other elements e.g. inside a DSAccordion. Only available with `iconPosition='left'`.
+     * @default 0
+     */
+    indentLevel?: ActionLinkIndentLevel;
+    /** Enables the active state.
+     * @default false
+     */
+    isActive?: boolean;
+    /** Number Indicator value displayed next to the label or above the icon. */
+    numberIndicatorValue?: string;
+    /** Stretches the link over the parent's width. Only available with `iconPosition='left'`.
+     * @default false
+     */
+    stretched?: boolean;
+    /** Defines the weight. Only available with `iconPosition='left'`.
+     * @default 'normal'
+     */
+    weight?: ActionLinkWeight;
+}
+/**
+ * Use the ActionLink component when you want the users to navigate to another internal or external page, used in the DSDrawer as a mobile menu or in the DSTopBar of the DSHeader.
+ *
+ * Design in Figma: [Action Item](https://www.figma.com/design/DNB69TwlN0FaaVg7yVsYu4/DS895-%E2%80%93-Header-%7C-Design?node-id=5875-105748&t=aQoUwuH2oJa7RRay-4)
+ * */
+export declare const DSActionLink: import('react').ForwardRefExoticComponent<ActionLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/ActionLink/ActionLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ActionLink/ActionLink.utils.d.ts

@@ -0,0 +1,19 @@
+import { ActionLinkProps } from './ActionLink';
+export declare const ACTION_LINK_ICON_POSITION: readonly ["left", "top"];
+export type ActionLinkIconPosition = (typeof ACTION_LINK_ICON_POSITION)[number];
+export declare const ACTION_LINK_ICON_SIZE: readonly ["large", "x-large"];
+export type ActionLinkIconSize = (typeof ACTION_LINK_ICON_SIZE)[number];
+export declare const ACTION_LINK_INDENT_LEVEL: readonly [0, 1];
+export type ActionLinkIndentLevel = (typeof ACTION_LINK_INDENT_LEVEL)[number];
+export declare const ACTION_LINK_WEIGHT: readonly ["normal", "bold"];
+export type ActionLinkWeight = (typeof ACTION_LINK_WEIGHT)[number];
+type ValidationProps = Pick<ActionLinkProps, 'iconName' | 'iconSize' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight'>;
+/**
+ * Performs runtime validation on a subset of `DSActionLink` props to detect
+ * misconfigurations during development.
+ *
+ * Intended for development use only; should not be used in production environments.
+ *
+ */
+export declare const validateActionLinkProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
+export {};

package/components/ActionLink/ActionLink.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Button/Button.utils.d.ts

@@ -1,6 +1,23 @@
+import { ButtonProps } from './Button';
 export declare const BUTTON_SIZE: readonly ["medium", "small"];
 export type ButtonSize = (typeof BUTTON_SIZE)[number];
-export declare const BUTTON_VARIANT: readonly ["filled", "highlight", "outline", "ghost"];
+export declare const BUTTON_VARIANT: readonly ["highlight", "filled", "outline", "ghost", "navigation"];
 export type ButtonVariant = (typeof BUTTON_VARIANT)[number];
 export type ButtonIconPosition = 'left' | 'right';
 export type ButtonAriaAttribute = 'aria-label' | 'aria-expanded' | 'aria-pressed' | 'aria-haspopup';
+type ValidationProps = Pick<ButtonProps, 'variant' | 'size' | 'theme'>;
+/**
+ * Performs runtime validation on a subset of `DSButton` props to detect
+ * misconfigurations during development.
+ *
+ * This function provides warnings or throws errors when invalid combinations
+ * of `variant`, `size`, or `theme` are detected—particularly for the `navigation` variant.
+ *
+ * Intended for development use only; should not be used in production environments.
+ *
+ * @param validationProps - An object containing the `variant`, `size`, and `theme` props
+ *                          from the `DSButton` component. These are validated to ensure
+ *                          they are used in supported combinations.
+ */
+export declare const validateButtonProps: ({ variant, size, theme, }: ValidationProps) => void;
+export {};

package/components/Button/Button.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Header/Header.utils.d.ts

@@ -10,8 +10,6 @@ export interface SlotProps {
 export interface OptionalSlotProps extends Omit<SlotProps, 'children'> {
     children?: React.ReactNode;
 }
-/** ========== Recursive check util (TS-friendly) ========== */
-export declare const checkIfChildExists: (children: React.ReactNode, target: React.ComponentType<any>, shouldSearchNested?: boolean) => boolean;
 export declare const validateHeaderChildren: ({ hasBrandArea, hasPrimaryArea, hasSecondaryArea, }: {
     hasBrandArea: boolean;
     hasPrimaryArea: boolean;

package/components/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps, SVGProps, JSX } from 'react';
+import { HTMLProps, JSX, SVGProps } from 'react';
 import { IconName, SelectedAriaAttributes, Theme } from '../../types';
 import { IconAriaAttribute, IconSize } from './Icon.utils';
 export interface IconProps {

package/components/Icon/Icon.utils.d.ts

@@ -1,6 +1,6 @@
 import { IconName } from '../../types';
 export type IconAriaAttribute = 'aria-label';
-export declare const ICON_SIZE: readonly ["large", "medium", "small", "x-small"];
+export declare const ICON_SIZE: readonly ["x-large", "large", "medium", "small", "x-small"];
 export type IconSize = (typeof ICON_SIZE)[number];
 export declare const useDynamicSvgImport: (iconName: IconName) => {
     isLoading: boolean;

package/components/LinkButton/LinkButton.utils.d.ts

@@ -1,8 +1,25 @@
+import { LinkButtonProps } from './LinkButton';
 export declare const LINK_BUTTON_SIZE: readonly ["medium", "small"];
 export type LinkButtonSize = (typeof LINK_BUTTON_SIZE)[number];
-export declare const LINK_BUTTON_VARIANT: readonly ["filled", "highlight", "outline", "ghost"];
+export declare const LINK_BUTTON_VARIANT: readonly ["filled", "highlight", "outline", "ghost", "navigation"];
 export type LinkButtonVariant = (typeof LINK_BUTTON_VARIANT)[number];
 export type LinkButtonIconPosition = 'left' | 'right';
 export type LinkButtonRel = 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noreferrer' | 'noopener' | 'prev' | 'search' | 'tag';
 export type LinkButtonReferrerPolicy = 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
 export type LinkButtonAriaAttribute = 'aria-label' | 'aria-current' | 'aria-labelledby';
+type ValidationProps = Pick<LinkButtonProps, 'variant' | 'size' | 'theme'>;
+/**
+ * Performs runtime validation on a subset of `DSLinkButton` props to detect
+ * misconfigurations during development.
+ *
+ * This function provides warnings or throws errors when invalid combinations
+ * of `variant`, `size`, or `theme` are detected—particularly for the `navigation` variant.
+ *
+ * Intended for development use only; should not be used in production environments.
+ *
+ * @param validationProps - An object containing the `variant`, `size`, and `theme` props
+ *                          from the `DSLinkButton` component. These are validated to ensure
+ *                          they are used in supported combinations.
+ */
+export declare const validateLinkButtonProps: ({ variant, size, theme, }: ValidationProps) => void;
+export {};

package/components/LinkButton/LinkButton.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Popover/Popover.d.ts

@@ -0,0 +1,40 @@
+import { HTMLProps, JSX } from 'react';
+import { OpenChangeReason, Placement } from '@floating-ui/react';
+export interface PopoverProps {
+    /** Content within the Popover. */
+    children?: React.ReactNode;
+    /** Opens the Popover on initial render.
+     * @default false
+     */
+    initialOpen?: boolean;
+    /** The placement of the Popover relative to the anchor element.
+     * @default 'bottom-start'
+     */
+    placement?: Placement;
+    /** The offset distance in "px" between the Popover and its anchor element.
+     * @default 6
+     */
+    popoverOffset?: number;
+    /** Controls the open state of the Popover. If provided, it will be a controlled component.
+     * @default false
+     */
+    isOpen?: boolean;
+    /** A function that is called when the open state should change. */
+    onOpenChange?: (isOpen: boolean, event?: Event, reason?: OpenChangeReason) => void;
+}
+/**
+ * The Popover component is used to display additional information or actions related to an anchor element. It can be positioned relative to the anchor and supports various placements and offsets.
+ *
+ * Design in Figma: [Popover](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/branch/DNB69TwlN0FaaVg7yVsYu4/Web-Pattern-Library?node-id=6263-62113&t=NnUduFxcjRqgbtO9-11)
+ * */
+export declare const DSPopover: {
+    ({ children, ...rest }: PopoverProps): JSX.Element;
+    /** attach static members */
+    Anchor: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement> & PopoverAnchorProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    displayName: string;
+};
+interface PopoverAnchorProps {
+    children: React.ReactNode;
+}
+export {};

package/components/Popover/Popover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Popover/Popover.utils.d.ts

@@ -0,0 +1,53 @@
+import { PopoverProps } from './Popover';
+export declare const usePopover: ({ initialOpen, placement, isOpen: controlledOpen, popoverOffset, onOpenChange: setControlledOpen, }?: PopoverProps) => {
+    placement: import('@floating-ui/utils').Placement;
+    strategy: import('@floating-ui/utils').Strategy;
+    middlewareData: import('@floating-ui/core').MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    elements: {
+        reference: import('@floating-ui/react-dom').ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        placement: import('@floating-ui/utils').Placement;
+        strategy: import('@floating-ui/utils').Strategy;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    popoverOffset: number;
+    setOpen: (isOpen: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+};
+export declare const validatePopoverAnchor: (children: React.ReactNode) => void;
+export declare const validatePopoverChildren: ({ hasContent, hasAnchor, }: {
+    hasContent: boolean;
+    hasAnchor: boolean;
+}) => void;

package/components/Popover/Popover.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Text/Text.utils.d.ts

@@ -1,6 +1,19 @@
-export declare const TEXT_TAG: readonly ["address", "blockquote", "cite", "div", "figcaption", "legend", "p", "span", "time"];
+export declare const TEXT_TAG: readonly ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"];
 export type TextTag = (typeof TEXT_TAG)[number];
 export declare const TEXT_SIZE: readonly ["large", "medium", "small", "x-small", "xx-small"];
 export type TextSize = (typeof TEXT_SIZE)[number];
 export declare const TEXT_WEIGHT: readonly ["bold", "normal"];
 export type TextWeight = (typeof TEXT_WEIGHT)[number];
+/**
+ * Determines whether the specified HTMLElement is within one or more elements
+ * matching the provided CSS selector(s).
+ *
+ * This function checks if the given HTMLElement (`host`) is a descendant of
+ * any of the specified selectors in the DOM tree. It utilizes the
+ * `getClosestHTMLElement` utility to traverse the DOM hierarchy.
+ *
+ * @param {HTMLElement} host - The HTMLElement to check for being within a matching element.
+ * @param {string | string[]} selector - A CSS selector or an array of selectors to match against.
+ * @returns {boolean} `true` if the `host` element is within any matching element; otherwise, `false`.
+ */
+export declare const isWithinElement: (host: HTMLElement, selector: string | string[]) => boolean;

package/connected-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><path fill="#F37A1F" d="M0 0h512v512H0z"/><path fill="#fff" d="M366.806 304.042c-17.69 35.56-54.39 60.01-96.8 60.04-57.87.04-105.97-46.12-108.17-103.95-2.35-61.65 46.94-112.38 108.08-112.38 42.34 0 78.99 24.33 96.75 59.77l48.01-48.01c-31.31-46.94-84.85-77.78-145.57-77.51-96.25.44-174.4 80.08-173.09 176.33 1.28 94.95 78.65 171.51 173.9 171.51 60.49 0 113.77-30.89 144.93-77.76l-48.04-48.04Z"/><path fill="#fff" d="M320.115 257.376c-.92-.92-.92-2.41 0-3.32l36.3-36.3c-9.38-21.21-26.31-38.31-47.39-47.92l-84.21 84.21c-.92.91-.92 2.4 0 3.32l84.5 84.5c21.05-9.67 37.93-26.83 47.23-48.07l-36.43-36.43"/></svg>

package/{customreactselect.DcH7h1mb.js → customreactselect.BvuvCDyE.js}

@@ -3,12 +3,12 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import { c as u } from "./chunks/CustomReactSelect.hdDSE0ON.js";
+import { c as u } from "./chunks/CustomReactSelect.DWdh3k_q.js";
 import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./asterisk.CR60hx8S.js";
-import "./chunks/Icon.CAXZUNWo.js";
-import "./systemfeedback.BpKZEv4U.js";
-import "./optioncheckbox.DYKRBTy0.js";
+import "./chunks/Icon.C0161Glk.js";
+import "./systemfeedback.CLQCbTF6.js";
+import "./optioncheckbox.CEEPAq0u.js";
 export {
   u as CustomReactSelect
 };

package/{dialog.BLaDkoYL.js → dialog.CGsUCqhR.js}

@@ -3,8 +3,8 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import "./button.Bt0-bRGX.js";
-import { D } from "./chunks/Dialog.ZSSlU83U.js";
+import "./chunks/Button.CC0qEsuR.js";
+import { D } from "./chunks/Dialog.BuEEJ199.js";
 export {
   D as DSDialog
 };

package/{drawer.DQOaxczX.js → drawer.BcAo4TO0.js}

@@ -3,8 +3,8 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import "./button.Bt0-bRGX.js";
-import { D } from "./chunks/Drawer.CR4lh9pD.js";
+import "./chunks/Button.CC0qEsuR.js";
+import { D } from "./chunks/Drawer.BXUGmpJI.js";
 export {
   D as DSDrawer
 };

package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js}

@@ -4,8 +4,8 @@ import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./asterisk.CR60hx8S.js";
 import "./heading.BXFBZhKv.js";
-import "./systemfeedback.BpKZEv4U.js";
-import { D as l } from "./chunks/Fieldset.DHccz6TP.js";
+import "./systemfeedback.CLQCbTF6.js";
+import { D as l } from "./chunks/Fieldset.BX46NuLh.js";
 export {
   l as DSFieldset
 };

package/{filelist.Ba5xMDGg.js → filelist.Cj9U-Jx8.js}

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as o, jsxs as I } from "react/jsx-runtime";
 import { d as P } from "./chunks/index.CgTHIF3K.js";
-import { DSButton as k } from "./button.Bt0-bRGX.js";
-import { D as u } from "./chunks/Icon.CAXZUNWo.js";
-import { DSSystemFeedback as S } from "./systemfeedback.BpKZEv4U.js";
+import { D as k } from "./chunks/Button.CC0qEsuR.js";
+import { D as u } from "./chunks/Icon.C0161Glk.js";
+import { DSSystemFeedback as S } from "./systemfeedback.CLQCbTF6.js";
 import { c as j } from "./chunks/index.CEyLAtio.js";
 import './assets/filelist.H_wKcSPX.css';const F = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), y = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), z = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), C = /[^\p{L}\d]+/giu, E = "$1\0$2", N = "";
 function R(t) {

package/{flag.BR312AU-.js → flag.BHaAfp6B.js}

@@ -2,7 +2,7 @@
 import { jsxs as y, jsx as p } from "react/jsx-runtime";
 import { d as L } from "./chunks/index.CgTHIF3K.js";
 import { c as u } from "./chunks/index.CEyLAtio.js";
-import { D as w } from "./chunks/Icon.CAXZUNWo.js";
+import { D as w } from "./chunks/Icon.C0161Glk.js";
 import './assets/flag.C7i3MAAP.css';const b = "ds-flag_root_14d3h_1", x = "ds-flag_root--color-grey-light_14d3h_28", G = "ds-flag_root--color-yellow-light_14d3h_31", N = "ds-flag_root--color-red-light_14d3h_34", S = "ds-flag_root--color-green-light_14d3h_37", D = "ds-flag_root--color-orange-base_14d3h_40", C = {
   root: b,
   "root--color-grey-light": "ds-flag_root--color-grey-light_14d3h_28",

package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js}

@@ -2,8 +2,8 @@
 import { jsxs as L, jsx as I } from "react/jsx-runtime";
 import { d as R } from "./chunks/index.CgTHIF3K.js";
 import { c as O } from "./chunks/index.CEyLAtio.js";
-import { D as $ } from "./chunks/Icon.CAXZUNWo.js";
-import { DSSpinner as q } from "./spinner.t5FHjIEK.js";
+import { D as $ } from "./chunks/Icon.C0161Glk.js";
+import { DSSpinner as q } from "./spinner.CeGt8DxU.js";
 import { forwardRef as G } from "react";
 import './assets/floatingactionbutton.l0nvFiJU.css';const J = "ds-floating-action-button_root_1any0_1", K = "ds-floating-action-button_root--dark_1any0_70", M = "ds-floating-action-button_root--small_1any0_108", P = "ds-floating-action-button_loader_1any0_129", Q = "ds-floating-action-button_icon--hidden_1any0_141", T = "ds-floating-action-button_label--hidden_1any0_145", e = {
   root: J,

package/{header.5iwPmK5V.js → header.DLrTpc-W.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import "./chunks/helpers.CcqWV-wZ.js";
+import "./chunks/helpers.BbWkXTr3.js";
 import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { a as s, D } from "./chunks/Header.DPafHEKw.js";
+import { a as s, D } from "./chunks/Header.CsrzyVil.js";
 export {
   s as DSHeader,
   D as DSHeaderContext

package/{icon.HkVs68n_.js → icon.DwfGhFCd.js}

@@ -3,7 +3,7 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import { D as e } from "./chunks/Icon.CAXZUNWo.js";
+import { D as e } from "./chunks/Icon.C0161Glk.js";
 export {
   e as DSIcon
 };

package/icon.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 500 500"><g clip-path="url(#a)"><path fill="#F37A1F" d="M512 0H0v512h512V0Z"/><path fill="#fff" d="m154.502 145.006-25.035 81.859c-11.126 36.45 9.14 63.364 45.048 63.364h117.226a7.613 7.613 0 0 1 6.007 3.271 7.625 7.625 0 0 1 .965 6.771l-6.322 20.592a15.536 15.536 0 0 1-13.077 10.042H95.076l-23.084 75.502H309.55c26.191 0 48.589-12.138 60.04-49.636l23.77-77.741c11.235-36.992-9.681-63.255-42.446-63.255H233.182c-6.502 0-9.103-4.769-7.225-10.549l6.286-20.591a15.53 15.53 0 0 1 15.353-12.174h169.462l23.084-75.501H215.12c-32.116 0-52.237 20.591-60.618 48.046Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h500v500H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><path fill="#F37A1F" d="M512 0H0v512h512V0Z"/><path fill="#fff" d="m154.502 145.006-25.035 81.859c-11.126 36.45 9.14 63.364 45.048 63.364h117.226a7.613 7.613 0 0 1 6.007 3.271 7.625 7.625 0 0 1 .965 6.771l-6.322 20.592a15.536 15.536 0 0 1-13.077 10.042H95.076l-23.084 75.502H309.55c26.191 0 48.589-12.138 60.04-49.636l23.77-77.741c11.235-36.992-9.681-63.255-42.446-63.255H233.182c-6.502 0-9.103-4.769-7.225-10.549l6.286-20.591a15.53 15.53 0 0 1 15.353-12.174h169.462l23.084-75.501H215.12c-32.116 0-52.237 20.591-60.618 48.046Z"/></svg>

package/imow-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><path fill="#F37A1F" d="M512 0H0v512h512V0Z"/><path fill="#fff" d="M305.948 264.021c-3.583-2.444-7.816-2.444-12.05-2.444H251.72c-8.305 0-15.96.978-18.076 7.816-1.464 4.887-13.68 45.924-17.912 58.624-.652 1.956-.978 3.746-.978 5.215 0 4.72 2.606 7.165 4.885 8.793 3.421 2.442 7.817 2.442 12.051 2.442h42.176c8.306 0 15.798-.979 17.915-7.818 1.464-5.048 13.842-45.921 18.075-58.624a15.41 15.41 0 0 0 .813-5.048c0-4.723-2.605-7.328-4.721-8.956Zm-21.821 20.028-11.725 38.108c-.814 2.116-2.607 2.116-3.744 2.116h-24.755c-2.605 0-3.093-.977-2.605-2.604l11.888-38.108c.651-2.278 2.443-2.116 3.582-2.116h24.916c2.443 0 2.931.976 2.443 2.604ZM391.603 310.92l-.488-49.343h-22.473l-28.01 48.04-.325-48.04h-21.332l.163 82.89h25.728l25.405-45.435-.488 45.435h26.705l51.623-82.89h-27.357l-29.151 49.343ZM59.566 261.577l-6.224 20.178h24.59l6.223-20.178H59.566ZM34 344.464h24.59l15.801-51.229h-24.59L34 344.464ZM180.721 261.577l-30.453 48.692-2.442-48.692h-38.759l-26.217 82.89h23.775l19.541-62.208 3.421 62.208h21.821l40.06-62.208-19.378 62.208h23.776l25.567-82.89h-40.712ZM465.66 256.548c-6.967 0-12.34 5.406-12.34 12.34 0 6.935 5.373 12.341 12.34 12.341 6.968 0 12.34-5.406 12.34-12.341 0-6.932-5.372-12.34-12.34-12.34Zm0 22.924c-5.972 0-10.418-4.678-10.418-10.584 0-5.904 4.446-10.584 10.418-10.584 5.971 0 10.415 4.679 10.415 10.584 0 5.908-4.444 10.584-10.415 10.584Z"/><path fill="#fff" d="M471.3 265.697c0-2.553-1.427-3.947-4.645-3.947h-5.473v14.266h1.758v-6.338h2.954l4.012 6.338h2.058l-4.246-6.338c1.921-.33 3.582-1.459 3.582-3.981Zm-6.037 2.488h-2.325v-4.944h3.22c1.726 0 3.38.466 3.38 2.456 0 2.423-2.12 2.488-4.275 2.488ZM124.046 208.746l25.839-41.246h34.617l-21.648 70.304H142.67l16.382-52.752-33.934 52.752h-18.526l-2.926-52.752-16.575 52.752H66.906L88.4 167.5h33.598l2.049 41.246ZM233.417 167.5h24.182l-38.844 46.515-7.276 23.787h-20.868l7.411-24.084-10.627-46.218h19.403l5.168 26.619 21.451-26.619Z"/></svg>

package/index.d.ts

@@ -1,5 +1,9 @@
 export * from './components/Accordion/Accordion';
 export * from './components/Accordion/Accordion.utils';
+export * from './components/ActionButton/ActionButton';
+export * from './components/ActionButton/ActionButton.utils';
+export * from './components/ActionLink/ActionLink';
+export * from './components/ActionLink/ActionLink.utils';
 export * from './components/AriaLiveRegions/AriaLiveRegions';
 export * from './components/Breadcrumb/Breadcrumb';
 export * from './components/Breadcrumb/Breadcrumb.utils';
@@ -50,6 +54,8 @@ export * from './components/NavigationTabs/NavigationTabs';
 export * from './components/NavigationTabs/NavigationTabs.utils';
 export * from './components/Notification/Notification';
 export * from './components/Notification/Notification.utils';
+export * from './components/Popover/Popover';
+export * from './components/Popover/Popover.utils';
 export * from './components/RadioGroup/RadioGroup';
 export * from './components/RadioGroup/RadioGroup.utils';
 export * from './components/Select/Select';