@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.32

package/{combobox.Bk2ycofh.js → combobox.orZ3z8CB.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as h } from "react/jsx-runtime";
 import { d as q } from "./chunks/index.CgTHIF3K.js";
-import { v as L, c as R } from "./chunks/CustomReactSelect.iE5iTdez.js";
+import { v as L, c as R } from "./chunks/CustomReactSelect.Cqq70QC0.js";
 import { forwardRef as j } from "react";
 const k = j((x, C) => {
   const e = q.c(30);

package/components/ActionButton/ActionButton.d.ts

@@ -50,6 +50,8 @@ export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
      * @default 'normal'
      */
     weight?: ActionButtonWeight;
+    /** Tooltip content. */
+    tooltip?: string;
     /** Callback function called when the button is clicked. */
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }

package/components/Button/Button.d.ts

@@ -47,6 +47,10 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      * @default 'light'
      */
     theme?: Theme;
+    /**
+     * Tooltip content.
+     */
+    tooltip?: string;
     /** Visual style variant of the button.
      * @default 'filled'
      */

package/components/ChipGroup/Chip.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { Chip, ChipGroupAriaTranslations, ChipGroupLanguage, ChipGroupSelectionMode, ChipGroupSize } from './ChipGroup.utils';
 interface ChipProps extends Omit<Chip, 'onClick'>, Omit<HTMLAttributes<HTMLDivElement>, 'id'> {
+    disableTooltips?: boolean;
     groupId: string;
     isRemovable: boolean;
     lang?: ChipGroupLanguage;

package/components/ChipGroup/ChipGroup.d.ts

@@ -9,6 +9,10 @@ export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement> {
     id: string;
     /** Label text displayed above the DSChipGroup. */
     label: string;
+    /** Disables tooltips for all chips in the group.
+     * @default false
+     */
+    disableTooltips?: boolean;
     /** Hides the DSChipGroup label, can be responsive.
      *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
      * @default false

package/components/ChipGroup/ChipGroup.utils.d.ts

@@ -33,10 +33,10 @@ export declare const DS_CHIP_GROUP_TRANSLATIONS_EN: {
     addToSelection: string;
     removeFromSelection: string;
     removeChip: string;
-    titleDisabled: string;
-    titleRemovable: string;
-    titleDeactivate: string;
-    titleActivate: string;
+    tooltipDisabled: string;
+    tooltipRemovable: string;
+    tooltipDeactivate: string;
+    tooltipActivate: string;
 };
 export declare const DS_CHIP_GROUP_TRANSLATIONS_DE: {
     disabled: string;
@@ -47,14 +47,14 @@ export declare const DS_CHIP_GROUP_TRANSLATIONS_DE: {
     addToSelection: string;
     removeFromSelection: string;
     removeChip: string;
-    titleDisabled: string;
-    titleRemovable: string;
-    titleDeactivate: string;
-    titleActivate: string;
+    tooltipDisabled: string;
+    tooltipRemovable: string;
+    tooltipDeactivate: string;
+    tooltipActivate: string;
 };
 export declare const DS_CHIP_GROUP_TRANSLATIONS: {
     [key in ChipGroupLanguage]: ChipGroupAriaTranslations;
 };
 export declare const getChipAriaLabel: (t: (key: keyof ChipGroupAriaTranslations, replacements?: string[]) => string, label: string, disabled: boolean | undefined, isSelected: boolean | undefined, selectionMode: ChipGroupSelectionMode, isRemovable: boolean | undefined) => string;
-export declare const getChipTitle: (t: (key: keyof ChipGroupAriaTranslations, replacements?: string[]) => string, disabled: boolean | undefined, isSelected: boolean | undefined, isRemovable: boolean | undefined) => string;
+export declare const getChipTooltip: (t: (key: keyof ChipGroupAriaTranslations, replacements?: string[]) => string, disabled: boolean | undefined, isSelected: boolean | undefined, isRemovable: boolean | undefined) => string;
 export {};

package/components/Header/Header.d.ts

@@ -2,14 +2,13 @@ import { JSX } from 'react';
 import { BrandAddOnProps, BrandAreaLogoProps } from '../TopBar/TopBar';
 import { HeaderVariant, SlotProps } from './Header.utils';
 export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Brand addOn props:
+    /** Brand add-on props:
      *
-     * `children`: Content of the brand addOn.
+     * `children`: Content of the brand add-on.
      *
-     * `subTitle`: Sub title below the title. **Only available with `variant="double"`**.
+     * `subTitle`: Sub title displayed below the `children` to create a two line brand add-on.
      *
-     * `variant`: Variant of the brand addOn.
-     *            Defaults to `'single'`
+     * `variant`: Predefined variant of the brand add-on.
      */
     brandAddOnProps?: BrandAddOnProps;
     /** Content of the Header. */

package/components/InputStepper/InputStepper.d.ts

@@ -20,10 +20,13 @@ export interface InputStepperProps extends Omit<InputHTMLAttributes<HTMLInputEle
      *
      * `label`: Accessibility label for the decrease button.
      * (default) 'Decrease'
+     *
+     * `tooltip`: Tooltip text for the decrease button.
      */
     decreaseAmountButtonProps?: {
         [key: `data-${string}`]: string | undefined;
         label?: string;
+        tooltip?: string;
     };
     /** Hides the input label, can be responsive.
      *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
@@ -38,10 +41,13 @@ export interface InputStepperProps extends Omit<InputHTMLAttributes<HTMLInputEle
      *
      * `label`: Accessibility label for the increase button.
      * (default) 'Increase'
+     *
+     * `tooltip`: Tooltip text for the increase button.
      */
     increaseAmountButtonProps?: {
         [key: `data-${string}`]: string | undefined;
         label?: string;
+        tooltip?: string;
     };
     /** Marks the input as invalid, typically used for form validation.
      * @default false

package/components/InputStepper/InputStepper.utils.d.ts

@@ -1,5 +1,6 @@
 import { InputStepperProps } from './InputStepper';
 type ValidationProps = Pick<InputStepperProps, 'id' | 'label' | 'prefix' | 'suffix'>;
+export declare const isValidValue: (value: string | number | readonly string[] | undefined | null) => boolean;
 /**
  * Validates the given properties of the DSInputStepper component for common configuration errors.
  * This function is intended to be used in development mode to provide developers with

package/components/LinkButton/LinkButton.d.ts

@@ -34,6 +34,8 @@ export interface CommonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorEl
      * @default 'light'
      */
     theme?: Theme;
+    /** Tooltip content. */
+    tooltip?: string;
 }
 export interface LinkButtonProps extends CommonLinkProps {
     /** Content within the link. */

package/components/Logo100Years/Logo100Years.d.ts

@@ -0,0 +1 @@
+export declare const Logo100Years: () => import("react/jsx-runtime").JSX.Element;

package/components/Popover/Popover.d.ts

@@ -3,38 +3,60 @@ import { OpenChangeReason, Placement } from '@floating-ui/react';
 export interface PopoverProps {
     /** Content within the Popover. */
     children?: React.ReactNode;
+    /** Default anchor button props:
+     *
+     * `data-*`: Custom data attributes.
+     *
+     * `label`: Accessibility label for the default anchor button.
+     * (default) 'Toggle popover'
+     */
+    defaultAnchorButtonProps?: {
+        [key: `data-${string}`]: string | undefined;
+        label?: string;
+    };
     /** Opens the Popover on initial render.
      * @default false
      */
     initialOpen?: boolean;
+    /** Controls the open state of the Popover. If provided, it will be a controlled component.
+     * @default false
+     */
+    isOpen?: boolean;
     /** The placement of the Popover relative to the anchor element.
-     * @default 'bottom-start'
+     * @default 'bottom'
      */
     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
+    /** Whether to render a pointing arrow attached to the popover.
+     * @default true
      */
-    isOpen?: boolean;
+    showArrow?: boolean;
+    /** The variant style of the Popover. The "grey" variant requires `showArrow` to be `true`.
+     * @default 'default'
+     */
+    variant?: 'default' | 'grey';
     /** 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/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=35223-10505&p=f&t=QXC7W0qCpEbPrh2M-11)
+ * Design in Figma: [Popover](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=35223-10505)
  * */
 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>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement> & PopoverContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     displayName: string;
 };
 interface PopoverAnchorProps {
-    children: React.ReactNode;
+    children?: React.ReactNode;
+}
+interface PopoverContentProps {
+    classNameArrow?: string;
 }
 export {};

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

@@ -1,5 +1,10 @@
 import { PopoverProps } from './Popover';
-export declare const usePopover: ({ initialOpen, placement, isOpen: controlledOpen, popoverOffset, onOpenChange: setControlledOpen, }?: PopoverProps) => {
+/**
+ * Popover hook for managing popover state and behavior.
+ * @param PopoverProps Popover props
+ * @returns Popover state and actions
+ */
+export declare const usePopover: ({ initialOpen, placement, isOpen: controlledOpen, popoverOffset, showArrow, variant, defaultAnchorButtonProps, onOpenChange: setControlledOpen, }?: PopoverProps) => {
     placement: import('@floating-ui/utils').Placement;
     strategy: import('@floating-ui/utils').Strategy;
     middlewareData: import('@floating-ui/core').MiddlewareData;
@@ -45,9 +50,35 @@ export declare const usePopover: ({ initialOpen, placement, isOpen: controlledOp
     open: boolean;
     popoverOffset: number;
     setOpen: (isOpen: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+    arrowRef: import('react').RefObject<SVGSVGElement | null>;
+    showArrow: boolean;
+    defaultAnchorButtonProps: {
+        [key: `data-${string}`]: string | undefined;
+        label?: string;
+    } | undefined;
+    variant: "default" | "grey";
 };
-export declare const validatePopoverAnchor: (children: React.ReactNode) => void;
-export declare const validatePopoverChildren: ({ hasContent, hasAnchor, }: {
+/**
+ * Validates the children of the Popover component in development environment.
+ * - Check for children presence
+ * - Validate that <DSPopover.Anchor> and <DSPopover.Content> are used together.
+ *
+ * @param {Object} childrenObject
+ * @param {React.ReactNode} childrenObject.children - The Popover children.
+ * @param {boolean} childrenObject.hasContent - Whether <DSPopover.Content> is present.
+ * @param {boolean} childrenObject.hasAnchor - Whether <DSPopover.Anchor> is present.
+ * @returns {void}
+ */
+export declare const validatePopoverChildren: ({ children, hasContent, hasAnchor, }: {
+    children: React.ReactNode;
     hasContent: boolean;
     hasAnchor: boolean;
 }) => void;
+type ValidationProps = Pick<PopoverProps, 'showArrow' | 'variant'>;
+/**
+ * Validates Popover props in development environment.
+ *
+ * @param props Popover props to validate
+ */
+export declare const validatePopoverProps: ({ showArrow, variant, }: ValidationProps) => void;
+export {};

package/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,40 @@
+import { HTMLProps, JSX } from 'react';
+import { OpenChangeReason, Placement } from '@floating-ui/react';
+export interface TooltipProps {
+    /** Content within the Tooltip. */
+    children?: React.ReactNode;
+    /** Opens the Tooltip on initial render.
+     * @default false
+     */
+    initialOpen?: boolean;
+    /** The placement of the Tooltip relative to the anchor element.
+     * @default 'top'
+     */
+    placement?: Placement;
+    /** The offset distance in "px" between the Tooltip and its anchor element.
+     * @default 6
+     */
+    tooltipOffset?: number;
+    /** Controls the open state of the Tooltip. 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 Tooltip component is used to display additional information or actions related to an anchor element. It is opened on hover or focus. It can be positioned relative to the anchor and supports various placements and offsets.
+ *
+ * Design in Figma: [Tooltip](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/branch/HovZmjHiwxguawTWTO6ibS/Core-Components-%F0%9F%92%A0?node-id=26075-11658&p=f&t=TYKSgw0ZlRDBBUfn-11)
+ * */
+export declare const Tooltip: {
+    ({ children, ...rest }: TooltipProps): JSX.Element;
+    /** attach static members */
+    Anchor: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement> & TooltipAnchorProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    displayName: string;
+};
+interface TooltipAnchorProps {
+    children: React.ReactNode;
+}
+export {};

package/components/Tooltip/Tooltip.test.d.ts

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

package/components/Tooltip/Tooltip.utils.d.ts

@@ -0,0 +1,70 @@
+import { TooltipProps } from './Tooltip';
+/**
+ * Tooltip hook for managing tooltip state and behavior.
+ * @param TooltipProps Tooltip props
+ * @returns Tooltip state and actions
+ */
+export declare function useTooltip({ initialOpen, placement, isOpen: controlledOpen, tooltipOffset, onOpenChange: setControlledOpen, }?: TooltipProps): {
+    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;
+    tooltipOffset: number;
+    setOpen: (isOpen: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+};
+export declare const validateTooltipAnchor: (children: React.ReactNode) => void;
+/**
+ * Validates the children of the tooltip component in development environment.
+ * - Check for children presence
+ * - Validate that <Tooltip.Anchor> and <Tooltip.Content> are used together.
+ *
+ * @param {Object} childrenObject
+ * @param {React.ReactNode} childrenObject.children - The Tooltip children.
+ * @param {boolean} childrenObject.hasContent - Whether <Tooltip.Content> is present.
+ * @param {boolean} childrenObject.hasAnchor - Whether <Tooltip.Anchor> is present.
+ * @returns {void}
+ */
+export declare const validateTooltipChildren: ({ children, hasContent, hasAnchor, }: {
+    children: React.ReactNode;
+    hasContent: boolean;
+    hasAnchor: boolean;
+}) => void;

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

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

package/components/TopBar/TopBar.d.ts

@@ -30,11 +30,11 @@ export interface BrandAreaLogoProps {
     target?: LogoTarget;
 }
 export interface BrandAddOnProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** Content of the brand addOn. */
-    children: React.ReactNode;
-    /** Sub title below the title. **Only available with `variant="double"`**. */
+    /** Content of the brand add-on. */
+    children?: React.ReactNode;
+    /** Sub title displayed below the `children` to create a two line brand add-on. */
     subTitle?: string;
-    /** Variant of the brand addOn.
+    /** Predefined variant of the brand add-on.
      * @default 'single'
      */
     variant?: BrandAddOnVariant;

package/components/TopBar/TopBar.utils.d.ts

@@ -10,5 +10,5 @@ export declare const validateTopBarChildren: ({ hasBrandArea, hasPrimaryArea, ha
  * @returns `true` if the value is undefined, null, or a non-array object with no own enumerable properties; otherwise, `false`.
  */
 export declare const isEmptyObjectOrUndefined: (obj: unknown) => boolean;
-export declare const BRAND_ADDON_VARIANT: readonly ["double", "single"];
+export declare const BRAND_ADDON_VARIANT: readonly ["100years"];
 export type BrandAddOnVariant = (typeof BRAND_ADDON_VARIANT)[number];

package/{customreactselect.Hnch9LGg.js → customreactselect.Np-RpzvU.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.iE5iTdez.js";
+import { c as u } from "./chunks/CustomReactSelect.Cqq70QC0.js";
 import "./chunks/useBreakpoint.CMOR9ZOB.js";
 import "./asterisk.CR60hx8S.js";
-import "./chunks/Icon.DGTYCv63.js";
-import "./chunks/SystemFeedback.B9f67mjJ.js";
-import "./optioncheckbox.D97W3zeW.js";
+import "./chunks/Icon.NSsVrYeq.js";
+import "./chunks/SystemFeedback.CyGbUCzT.js";
+import "./optioncheckbox.DqfXuPdi.js";
 export {
   u as CustomReactSelect
 };

package/{dialog.7sWoqGwL.js → dialog.D4rcbW6A.js}

@@ -3,8 +3,8 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import "./chunks/Button.B7xF1E19.js";
-import { D } from "./chunks/Dialog.B_2pKRnd.js";
+import "./chunks/Button.Cf1CKq8N.js";
+import { D } from "./chunks/Dialog.Bv7k55He.js";
 export {
   D as DSDialog
 };

package/{drawer.DsF4KIPn.js → drawer.BCCB3Rkj.js}

@@ -3,8 +3,8 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import "./chunks/Button.B7xF1E19.js";
-import { D } from "./chunks/Drawer.HFlBTcqN.js";
+import "./chunks/Button.Cf1CKq8N.js";
+import { D } from "./chunks/Drawer.BVTvx276.js";
 export {
   D as DSDrawer
 };

package/{fieldset.DUFUMcT-.js → fieldset.ZLs9IGpE.js}

@@ -4,8 +4,8 @@ import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./asterisk.CR60hx8S.js";
 import "./heading.BXFBZhKv.js";
-import "./chunks/SystemFeedback.B9f67mjJ.js";
-import { D as l } from "./chunks/Fieldset.CjIfmN_5.js";
+import "./chunks/SystemFeedback.CyGbUCzT.js";
+import { D as l } from "./chunks/Fieldset.D7cLR5ze.js";
 export {
   l as DSFieldset
 };

package/{filelist.nunJKxkv.js → filelist.BiKMKCyg.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.B7xF1E19.js";
-import { D as u } from "./chunks/Icon.DGTYCv63.js";
-import { D as S } from "./chunks/SystemFeedback.B9f67mjJ.js";
+import { D as k } from "./chunks/Button.Cf1CKq8N.js";
+import { D as u } from "./chunks/Icon.NSsVrYeq.js";
+import { D as S } from "./chunks/SystemFeedback.CyGbUCzT.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"), z = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), y = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), C = /[^\p{L}\d]+/giu, E = "$1\0$2", N = "";
 function R(t) {

package/{flag.D_iN8iD6.js → flag.72PONA83.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.DGTYCv63.js";
+import { D as w } from "./chunks/Icon.NSsVrYeq.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.B2YChsNU.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsxs as q, jsx as S } from "react/jsx-runtime";
+import { d as J } from "./chunks/index.CgTHIF3K.js";
+import { c as T } from "./chunks/index.CEyLAtio.js";
+import { D as K } from "./chunks/Icon.NSsVrYeq.js";
+import { DSSpinner as M } from "./spinner.BUjhjAvw.js";
+import { Tooltip as $ } from "./tooltip.CUCSRXd3.js";
+import { forwardRef as P } from "react";
+import './assets/floatingactionbutton.l0nvFiJU.css';const Q = "ds-floating-action-button_root_1any0_1", U = "ds-floating-action-button_root--dark_1any0_70", V = "ds-floating-action-button_root--small_1any0_108", W = "ds-floating-action-button_loader_1any0_129", X = "ds-floating-action-button_icon--hidden_1any0_141", Y = "ds-floating-action-button_label--hidden_1any0_145", l = {
+  root: Q,
+  rootDark: U,
+  rootSmall: V,
+  loader: W,
+  iconHidden: X,
+  labelHidden: Y
+}, Z = P((z, B) => {
+  const t = J.c(51);
+  let s, r, c, n, i, d, p, _, h, g, y, a;
+  t[0] !== z ? ({
+    aria: s,
+    children: r,
+    className: c,
+    disabled: p,
+    iconName: _,
+    iconSource: n,
+    loading: h,
+    size: g,
+    theme: y,
+    tooltip: a,
+    onClick: i,
+    ...d
+  } = z, t[0] = z, t[1] = s, t[2] = r, t[3] = c, t[4] = n, t[5] = i, t[6] = d, t[7] = p, t[8] = _, t[9] = h, t[10] = g, t[11] = y, t[12] = a) : (s = t[1], r = t[2], c = t[3], n = t[4], i = t[5], d = t[6], p = t[7], _ = t[8], h = t[9], g = t[10], y = t[11], a = t[12]);
+  const D = p === void 0 ? !1 : p, N = _ === void 0 ? "placeholder" : _, o = h === void 0 ? !1 : h, G = g === void 0 ? "medium" : g, k = y === void 0 ? "light" : y, E = k === "dark", F = G === "small";
+  let C;
+  t[13] !== c || t[14] !== E || t[15] !== F ? (C = T(l.root, l.rootIconOnlySmall, c, {
+    [l.rootDark]: E,
+    [l.rootSmall]: F
+  }), t[13] = c, t[14] = E, t[15] = F, t[16] = C) : C = t[16];
+  const I = C;
+  let H;
+  t[17] !== o ? (H = T(l.icon, {
+    [l.iconHidden]: o
+  }), t[17] = o, t[18] = H) : H = t[18];
+  const w = H;
+  let v;
+  t[19] !== D || t[20] !== o || t[21] !== i ? (v = (e) => {
+    if (D || o) {
+      e.preventDefault();
+      return;
+    }
+    i && i(e);
+  }, t[19] = D, t[20] = o, t[21] = i, t[22] = v) : v = t[22];
+  const L = v, R = D || o;
+  let m;
+  t[23] !== o ? (m = o && /* @__PURE__ */ S(M, { className: l.loader, aria: {
+    "aria-label": "Loading state"
+  } }), t[23] = o, t[24] = m) : m = t[24];
+  let x;
+  t[25] === Symbol.for("react.memo_cache_sentinel") ? (x = T(l.label, l.labelHidden), t[25] = x) : x = t[25];
+  let f;
+  t[26] !== r ? (f = /* @__PURE__ */ S("span", { className: x, children: r }), t[26] = r, t[27] = f) : f = t[27];
+  let u;
+  t[28] !== w || t[29] !== N || t[30] !== n || t[31] !== k ? (u = (N || n) && /* @__PURE__ */ S(K, { name: N, theme: k, source: n, className: w, "aria-hidden": "true" }), t[28] = w, t[29] = N, t[30] = n, t[31] = k, t[32] = u) : u = t[32];
+  let A;
+  t[33] !== s || t[34] !== L || t[35] !== o || t[36] !== B || t[37] !== d || t[38] !== I || t[39] !== R || t[40] !== m || t[41] !== f || t[42] !== u ? (A = /* @__PURE__ */ q("button", { className: I, type: "button", onClick: L, ...s, ...d, "aria-disabled": R, "aria-busy": o, ref: B, children: [
+    m,
+    f,
+    u
+  ] }), t[33] = s, t[34] = L, t[35] = o, t[36] = B, t[37] = d, t[38] = I, t[39] = R, t[40] = m, t[41] = f, t[42] = u, t[43] = A) : A = t[43];
+  const O = A;
+  if (a) {
+    let e;
+    t[44] !== O ? (e = /* @__PURE__ */ S($.Anchor, { children: O }), t[44] = O, t[45] = e) : e = t[45];
+    let b;
+    t[46] !== a ? (b = /* @__PURE__ */ S($.Content, { children: a }), t[46] = a, t[47] = b) : b = t[47];
+    let j;
+    return t[48] !== e || t[49] !== b ? (j = /* @__PURE__ */ q($, { placement: "top", tooltipOffset: 6, children: [
+      e,
+      b
+    ] }), t[48] = e, t[49] = b, t[50] = j) : j = t[50], j;
+  }
+  return O;
+});
+Z.displayName = "DSFloatingActionButton";
+export {
+  Z as DSFloatingActionButton
+};

package/{header.QpNjE3N-.js → header.DUbn3BZt.js}

@@ -5,7 +5,7 @@ import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./chunks/helpers.BbWkXTr3.js";
 import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { a as s, D } from "./chunks/Header.DqZRryB5.js";
+import { a as s, D } from "./chunks/Header.um5MlziB.js";
 export {
   s as DSHeader,
   D as DSHeaderContext

package/{icon.vMQcEBnH.js → icon.CHVAZr5T.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.DGTYCv63.js";
+import { D as e } from "./chunks/Icon.NSsVrYeq.js";
 export {
   e as DSIcon
 };