@stihl-design-system/components 1.0.0-RC.25 → 1.0.0-RC.27

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/chunks/is-animation-disabled.CUl4N3LI.js

@@ -0,0 +1,20 @@
+"use client";
+import { h as i } from "./has-window.ut_-aShB.js";
+const n = (t) => i && (t == null ? void 0 : t.getBoundingClientRect()) || DOMRect.fromRect({
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0
+}), r = () => {
+  if (i) {
+    const {
+      matches: t
+    } = window.matchMedia("(prefers-reduced-motion: reduce)"), e = getComputedStyle(document.documentElement).getPropertyValue("--ds-animation-duration").trim();
+    return e === "0s" || e === "0ms" || t;
+  } else
+    return !0;
+};
+export {
+  n as g,
+  r as i
+};

package/{combobox.DW_ey38o.js → combobox.AaK6QjRl.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.BPnzhvw1.js";
 import { forwardRef as R } from "react";
 const j = R((b, x) => {
   const o = h.c(28);

package/components/ActionButton/ActionButton.d.ts

@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes } from 'react';
 import { IconName, SelectedAriaAttributes } from '../../types';
 import { IconProps } from '../Icon/Icon';
-import { ActionButtonAriaAttribute, ActionButtonChevronDirection, ActionButtonIconPosition, ActionButtonIndentLevel, ActionButtonWeight } from './ActionButton.utils';
+import { ActionButtonAriaAttribute, ActionButtonChevronDirection, ActionButtonIconPosition, ActionButtonIconSize, ActionButtonIndentLevel, ActionButtonWeight } from './ActionButton.utils';
 export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Content within the button. */
     children: React.ReactNode;
@@ -22,13 +22,17 @@ export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
     disabled?: boolean;
     /** Name of the icon to display. */
     iconName?: IconName;
-    /** Position of the icon.
+    /** 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.
+    /** 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;
@@ -38,11 +42,11 @@ export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
     isActive?: boolean;
     /** Number Indicator value displayed next to the label or above the icon. */
     numberIndicatorValue?: string;
-    /** Stretches the button over the parent's width.
+    /** Stretches the button over the parent's width. Only available with `iconPosition='left'`.
      * @default false
      */
     stretched?: boolean;
-    /** Defines the weight.
+    /** Defines the weight.  Only available with `iconPosition='left'`.
      * @default 'normal'
      */
     weight?: ActionButtonWeight;

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

@@ -1,6 +1,8 @@
 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"];
@@ -8,7 +10,7 @@ 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' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight'>;
+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.
@@ -16,5 +18,5 @@ type ValidationProps = Pick<ActionButtonProps, 'iconName' | 'iconSource' | 'icon
  * Intended for development use only; should not be used in production environments.
  *
  */
-export declare const validateActionButtonProps: ({ iconName, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
+export declare const validateActionButtonProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
 export {};

package/components/ActionLink/ActionLink.d.ts

@@ -1,13 +1,17 @@
 import { CommonLinkProps } from '../LinkButton/LinkButton';
-import { ActionLinkIconPosition, ActionLinkIndentLevel, ActionLinkWeight } from './ActionLink.utils';
+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.
+    /** The position of the icon. `iconPosition='top'` requires either an `iconName` or `iconSource` to be set.
      * @default 'left'
      */
     iconPosition?: ActionLinkIconPosition;
-    /** Indent level of the link, used to align the link with other elements e.g. inside a DSAccordion.
+    /** 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;
@@ -17,11 +21,11 @@ export interface ActionLinkProps extends Omit<CommonLinkProps, 'iconPosition' |
     isActive?: boolean;
     /** Number Indicator value displayed next to the label or above the icon. */
     numberIndicatorValue?: string;
-    /** Stretches the link over the parent's width.
+    /** Stretches the link over the parent's width. Only available with `iconPosition='left'`.
      * @default false
      */
     stretched?: boolean;
-    /** Defines the weight.
+    /** Defines the weight. Only available with `iconPosition='left'`.
      * @default 'normal'
      */
     weight?: ActionLinkWeight;

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

@@ -1,11 +1,13 @@
 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' | 'iconSource' | 'iconPosition' | 'indentLevel' | 'stretched' | 'weight'>;
+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.
@@ -13,5 +15,5 @@ type ValidationProps = Pick<ActionLinkProps, 'iconName' | 'iconSource' | 'iconPo
  * Intended for development use only; should not be used in production environments.
  *
  */
-export declare const validateActionLinkProps: ({ iconName, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
+export declare const validateActionLinkProps: ({ iconName, iconSize, iconSource, iconPosition, indentLevel, stretched, weight, }: ValidationProps) => void;
 export {};

package/components/Banner/Banner.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes, JSX } from 'react';
+import { BannerVariant } from './Banner.utils';
+export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Content of the Banner. */
+    children?: React.ReactNode;
+    /** Close button props:
+     *
+     * `data-*`: Custom data attributes.
+     *
+     * `label`: Accessibility label for the close button.
+     * (default) 'Close banner'
+     */
+    closeButtonProps?: {
+        [key: `data-${string}`]: string | undefined;
+        label?: string;
+    };
+    /** Defines the variant.
+     * @default 'default'
+     */
+    variant?: BannerVariant;
+    /** Shows a close button if provided and is called when the close button is clicked. */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+/**
+ * Use the Banner component to highlight temporary, non-critical marketing content—such as promotions, campaigns,
+ * or events—without disrupting the user experience.
+ *
+ * Avoid using it for critical updates or system messages; use notifications for those instead.
+ *
+ * Design in Figma: [Button](https://www.figma.com/design/E1V1SOH56AJFI8POcjNHhO/Header-open-topics?node-id=6901-29457&t=lCfYTKhxZ4XCLjnV-4)
+ * */
+export declare const DSBanner: ({ className, closeButtonProps, children, variant, onClose, ...rest }: BannerProps) => JSX.Element;

package/components/Banner/Banner.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const BANNER_VARIANT: readonly ["default", "secondary", "highlight"];
+export type BannerVariant = (typeof BANNER_VARIANT)[number];

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

@@ -1,7 +1,7 @@
 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", "navigation"];
+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';

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/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/Scroller/Scroller.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, JSX } from 'react';
+export interface ScrollerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Content to be displayed within the scroller. */
+    children?: React.ReactNode;
+    /** Scrolls the scroll area to the left either smooth or immediately.
+     *  `{scrollPosition: number;`
+     *  `isSmooth?: boolean;}`
+     */
+    scrollToPosition?: {
+        scrollPosition: number;
+        isSmooth?: boolean;
+    };
+}
+/**
+ * The <DSScroller> component enables horizontal scrolling when a single item or a group of items
+ *  exceeds the container width, allowing users to navigate content side-to-side seamlessly.
+ *
+ * Design in Figma: [Scroller](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6338-35848&t=cIB1PZbp81CoCSvk-4)
+ */
+export declare const DSScroller: ({ children, className, scrollToPosition, ...rest }: ScrollerProps) => JSX.Element;

package/components/Scroller/Scroller.utils.d.ts

@@ -0,0 +1,3 @@
+export declare const SCROLLER_DIRECTION: readonly ["prev", "next"];
+export type ScrollerDirection = (typeof SCROLLER_DIRECTION)[number];
+export declare const SCROLL_MARGIN_INLINE = 48;

package/components/Tabs/TabList/TabList.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, HTMLAttributes, SetStateAction, JSX } from 'react';
+import { Dispatch, HTMLAttributes, JSX, SetStateAction } from 'react';
 import { SelectedAriaAttributes } from '../../../types';
 import { NavigationTab } from '../../NavigationTabs/NavigationTabs';
 import { Tab } from '../Tabs';

package/components/Tabs/TabList/TabList.utils.d.ts

@@ -1,6 +1,2 @@
-/**
- * Returns the bounding rectangle of a DOM element or a default DOMRect object with 0 values if unavailable.
- */
-export declare const getRect: (element: HTMLElement | null) => DOMRect;
 export declare const SCROLL_MARGIN_INLINE = 48;
 export type TabListAriaAttributes = 'aria-label' | 'aria-labelledby';

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.Bu1i8wkh.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.BPnzhvw1.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.D6d_WXOM.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 "./chunks/Button.DZNUuPKC.js";
-import { D } from "./chunks/Dialog.DPeGj8-T.js";
+import "./chunks/Button.CC0qEsuR.js";
+import { D } from "./chunks/Dialog.BuEEJ199.js";
 export {
   D as DSDialog
 };

package/{drawer.BmQWFOuF.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 "./chunks/Button.DZNUuPKC.js";
-import { D } from "./chunks/Drawer.BMibxANc.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.Dnd5nOdw.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 { D as k } from "./chunks/Button.DZNUuPKC.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.WhQHSuB1.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.Djs1adPW.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

@@ -5,6 +5,8 @@ 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/Banner/Banner';
+export * from './components/Banner/Banner.utils';
 export * from './components/Breadcrumb/Breadcrumb';
 export * from './components/Breadcrumb/Breadcrumb.utils';
 export * from './components/Button/Button';
@@ -54,8 +56,12 @@ 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/Scroller/Scroller';
+export * from './components/Scroller/Scroller.utils';
 export * from './components/Select/Select';
 export * from './components/Select/Select.utils';
 export * from './components/SkipToContent/SkipToContent';