@stihl-design-system/components 1.0.0-RC.13 → 1.0.0-RC.15

package/chunks/useBreakpoint.BzR_yaIv.js

@@ -0,0 +1,42 @@
+"use client";
+import { useState as u, useEffect as c } from "react";
+const o = {
+  base: 0,
+  s: 320,
+  m: 768,
+  l: 1024,
+  xl: 1536
+}, a = ["base", "s", "m", "l", "xl"], k = (e) => {
+  let n = "base";
+  for (const t of a)
+    if (e >= o[t])
+      n = t;
+    else
+      break;
+  return n;
+}, b = (e) => e && typeof e == "object" && "base" in e, f = () => {
+  const [e, n] = u("base");
+  c(() => (t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), []);
+  const t = () => {
+    const r = window.innerWidth;
+    n(k(r));
+  };
+  return e;
+}, B = (e) => {
+  const n = f();
+  if (e && typeof e != "object" || !b(e))
+    return e;
+  const t = [...a].reverse();
+  let r = e.base;
+  for (const s of t) {
+    const i = e[s];
+    if (i !== void 0 && o[n] >= o[s]) {
+      r = i;
+      break;
+    }
+  }
+  return r;
+};
+export {
+  B as u
+};

package/chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js

@@ -0,0 +1,7 @@
+"use client";
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { h as e } from "./has-window.ut_-aShB.js";
+const u = e ? o : t;
+export {
+  u
+};

package/{combobox.CzBpi97e.js → combobox.BY7mbdhL.js}

@@ -1,6 +1,6 @@
 "use client";
-import { j as u } from "./chunks/jsx-runtime.C115EyI4.js";
-import { v as x, c as C } from "./chunks/CustomReactSelect.CQ1uexBH.js";
+import { j as u } from "./chunks/jsx-runtime.BteaETFx.js";
+import { v as x, c as C } from "./chunks/CustomReactSelect.BBHV7vvE.js";
 const v = ({
   id: s,
   label: o,

package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts

@@ -1,5 +1,5 @@
 export declare const ARIA_LIVE_REGION_ALERT_ID = "ds-alert-live-region";
 export declare const ARIA_LIVE_REGION_STATUS_ID = "ds-status-live-region";
-export declare const getAriaAlertLiveRegionElement: () => HTMLElement | null;
-export declare const getAriaStatusLiveRegionElement: () => HTMLElement | null;
+export declare const getAriaAlertLiveRegionElement: () => HTMLElement | null | undefined;
+export declare const getAriaStatusLiveRegionElement: () => HTMLElement | null | undefined;
 export declare const validateMultipleDSAriaLiveRegionsOnPage: () => void;

package/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,33 @@
+import { SelectedAriaAttributes } from '../../types';
+import { BreadcrumbAriaAttributes } from './Breadcrumb.utils';
+export interface BreadcrumbLink {
+    /** The link label text. */
+    label: string;
+    /** The href for the link if no framework-specific link component wrapper is provided. */
+    href?: string;
+    /**  Name of the icon to display.*/
+    iconName?: string;
+    /** The framework-specific link component wrapper, e.g., `Link` for `next` or `react-router-dom`. */
+    wrapper?: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+}
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    /** ARIA attributes to ensure accessibility
+     *
+     *  `{'aria-label'? string;`
+     *  `'aria-labelledby'?: string;}`
+     * */
+    aria: SelectedAriaAttributes<BreadcrumbAriaAttributes>;
+    /** Breadcrumb link array structure with optional and required parameters
+     *  `{ label: string;`
+     *  `href?: string;`
+     *  `iconName?: IconName;`
+     *  `wrapper?: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;}[]`
+     */
+    links: BreadcrumbLink[];
+    /** Label for the show all (...) button. */
+    showAllButtonLabel?: string;
+}
+/**
+ * A breadcrumb provides orientation to users within the structure of a website or application.
+ * */
+export declare const DSBreadcrumb: ({ aria, className, links, showAllButtonLabel, ...rest }: BreadcrumbProps) => JSX.Element;

package/components/Breadcrumb/Breadcrumb.test.d.ts

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

package/components/Breadcrumb/Breadcrumb.utils.d.ts

@@ -0,0 +1,4 @@
+import { BreadcrumbProps } from './Breadcrumb';
+export type BreadcrumbAriaAttributes = 'aria-label' | 'aria-labelledby';
+export declare const MAX_VISIBLE_LINKS = 4;
+export declare const validateBreadcrumbProps: ({ aria, links }: BreadcrumbProps) => void;

package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts

@@ -18,7 +18,7 @@ export interface CustomReactSelectProps<IsMulti extends boolean> extends PickedR
      *  `type ComboboxOptionsOrOptGroups = (ComboboxOption | ComboboxOptionsGroup)[];`
      * */
     options: ComboboxOptionsOrOptGroups;
-    /** The value of autocomplete to use for the DSCombobox. */
+    /** The value of autoComplete to use for the DSCombobox. */
     autoComplete?: string;
     /** Value of the selected Option in **uncontrolled DSCombobox** component. */
     defaultValue?: IsMulti extends true ? ComboboxOption[] : ComboboxOption;

package/components/Input/Input.d.ts

@@ -15,6 +15,12 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     actionButtonIconSource?: IconProps['source'];
     /** Callback function called when the action button is clicked. */
     actionButtonOnClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Provides hints to the browser for what type of data the input expects.
+     * Use standardized values from the W3C specification for input purposes:
+     * https://www.w3.org/TR/WCAG21/#input-purposes.
+     */
+    autoComplete?: string;
     /** Disables the input, preventing user interaction.
      * @default false
      */

package/components/InputPassword/InputPassword.d.ts

@@ -6,10 +6,10 @@ export interface InputPasswordProps extends Omit<InputHTMLAttributes<HTMLInputEl
     id: string;
     /** Label text displayed above the input. */
     label: string;
-    /** The value of autocomplete to use for the input.
+    /** The value of autoComplete to use for the input.
      * @default 'new-password'
      */
-    autocomplete?: 'new-password' | 'current-password' | 'off';
+    autoComplete?: 'new-password' | 'current-password' | 'off';
     /** Disables the input, preventing user interaction.
      * @default false
      */
@@ -55,4 +55,4 @@ export interface InputPasswordProps extends Omit<InputHTMLAttributes<HTMLInputEl
  *
  * The user can toggle the visibility of the password by clicking on the action button.
  */
-export declare const DSInputPassword: ({ id, label, autocomplete, className, disabled, hidePasswordText, hint, hideLabel, invalid, readonly, required, showPasswordText, size, systemFeedback, ...rest }: InputPasswordProps) => JSX.Element;
+export declare const DSInputPassword: ({ id, label, autoComplete, className, disabled, hidePasswordText, hint, hideLabel, invalid, readonly, required, showPasswordText, size, systemFeedback, ...rest }: InputPasswordProps) => JSX.Element;

package/components/NavigationTabs/NavigationTabs.d.ts

@@ -0,0 +1,41 @@
+import { HTMLAttributes } from 'react';
+import { IconName, SelectedAriaAttributes } from '../../types';
+import { TabListAriaAttributes } from '../Tabs/TabList/TabList.utils';
+import { NavigationTabsAlignment } from './NavigationTabs.utils';
+export interface NavigationTab {
+    /** Unique id for the NavigationTab. */
+    id: string;
+    /** Link component to be used for the navigation. */
+    linkComponent: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & {
+        onClick?: () => void;
+        to?: string;
+    }>;
+    /** Name of the icon to display */
+    iconName?: IconName;
+    /** Number Indicator value displayed next to the label. */
+    numberIndicatorValue?: string;
+}
+export interface NavigationTabsProps extends HTMLAttributes<HTMLDivElement> {
+    /** ARIA attributes to ensure accessibility
+     *  `{'aria-label'? string;`
+     *  `'aria-labelledby'?: string;}`
+     * */
+    aria: SelectedAriaAttributes<TabListAriaAttributes>;
+    /** NavigationTab array structure with optional and required parameters
+     *  `{ id: string;`
+     *  `linkComponent: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & { onClick?: () => void; to?: string; }>;`
+     *  `iconName?: IconName;`
+     *  `numberIndicatorValue?: string; }[]`
+     */
+    tabs: NavigationTab[];
+    /** Alignment of the NavigationTabs.
+     * @default 'left'
+     */
+    alignment?: NavigationTabsAlignment;
+    /** Index of the tab that should be active. */
+    activeTabIndex?: number;
+}
+/**
+ * The Navigation Tabs component is a link list and often used as secondary navigation. The components main function is to navigate to another page url.
+ */
+export declare const DSNavigationTabs: ({ aria, tabs, alignment, className, activeTabIndex, ...rest }: NavigationTabsProps) => JSX.Element;

package/components/NavigationTabs/NavigationTabs.test.d.ts

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

package/components/NavigationTabs/NavigationTabs.utils.d.ts

@@ -0,0 +1,6 @@
+import { NavigationTabsProps } from './NavigationTabs';
+export declare const NAVIGATION_TABS_ALIGNMENT: readonly ["left", "center"];
+export type NavigationTabsAlignment = (typeof NAVIGATION_TABS_ALIGNMENT)[number];
+export declare const NAVIGATION_TABS_DIRECTION: readonly ["prev", "next"];
+export type NavigationTabsDirection = (typeof NAVIGATION_TABS_DIRECTION)[number];
+export declare const validateNavigationTabsProps: ({ aria, tabs, activeTabIndex, }: NavigationTabsProps) => void;

package/components/NumberIndicator/NumberIndicator.d.ts

@@ -0,0 +1,12 @@
+import { NumberIndicatorVariant } from './NumberIndicator.utils';
+export interface NumberIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Content within the NumberIndicator. */
+    label?: string;
+    /**
+     * Variant of the NumberIndicator.
+     *
+     * @default 'default'
+     */
+    variant?: NumberIndicatorVariant;
+}
+export declare const NumberIndicator: ({ label, className, variant, ...rest }: NumberIndicatorProps) => JSX.Element;

package/components/NumberIndicator/NumberIndicator.test.d.ts

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

package/components/NumberIndicator/NumberIndicator.utils.d.ts

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

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

@@ -0,0 +1,21 @@
+import { NavigationTab } from '../../../NavigationTabs/NavigationTabs';
+interface NavigationTabListProps {
+    tabs: NavigationTab[];
+    tabRefs: React.MutableRefObject<HTMLAnchorElement[]>;
+    scrollerClass: string;
+    scrollerRef: React.MutableRefObject<HTMLUListElement>;
+    selectedTabIndex: number;
+    handleNavigationKeydown: (event: React.KeyboardEvent<HTMLAnchorElement>, index: number) => void;
+    setSelectedTab: (index: number) => void;
+}
+/**
+ * The NavigationTabList component is an internal component used inside the TabList component.
+ * It renders an unordered list with list items that contain anchor elements.
+ *
+ * Consumers can pass in a link component which is cloned and modified. This allows us to add
+ * DSIcon and NumberIndicator and other props.
+ * Additionally the link component can be a regular anchor element or a Link component from
+ * React Router/Next or any other routing framework.
+ */
+export declare const NavigationTabList: ({ tabs, tabRefs, scrollerClass, scrollerRef, selectedTabIndex, handleNavigationKeydown, setSelectedTab, }: NavigationTabListProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,38 @@
+import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
+import { SelectedAriaAttributes } from '../../../types';
+import { NavigationTab } from '../../NavigationTabs/NavigationTabs';
+import { Tab } from '../Tabs';
+import { TabsAlignment } from '../Tabs.utils';
+import { TabListAriaAttributes } from './TabList.utils';
+export type TabListProps<IsNavigation extends boolean> = {
+    /** ARIA attributes to enhance accessibility
+     *  `{'aria-label'? string;`
+     *  `'aria-labelledby'?: string;}`
+     * */
+    aria: SelectedAriaAttributes<TabListAriaAttributes>;
+    selectedTabIndex: number;
+    setSelectedTabIndex: Dispatch<SetStateAction<number>>;
+    /** An array of Tab Objects containing the id, content, label, and other optional parameters.
+     * `{id: string; content: React.ReactNode; label: string; iconName?: IconName; numberIndicatorValue?: string;}[]`*/
+    tabs: IsNavigation extends true ? NavigationTab[] : Tab[];
+    /** Alignment of the Tabs.
+     * @default 'left'
+     */
+    alignment?: TabsAlignment;
+    /** Index of the tab to be selected when Tabs are rendered the first time.
+     * @default 0
+     * */
+    defaultSelectedTabIndex?: number;
+    /** Sets the TabList to navigation mode, using links instead of buttons */
+    isNavigation?: boolean;
+    /** Callback function called when the selected tab changes. */
+    onTabChange?: (selectedTabIndex: number) => void;
+} & HTMLAttributes<HTMLDivElement> & (IsNavigation extends false ? {
+    id: string;
+} : unknown);
+/**
+ *
+ * The TabList component is an internal component used in DSTabs and DSNavigationTabs.
+ * It dynamically renders either a div with role="tablist" or a nav element based on the isNavigation prop.
+ */
+export declare const TabList: <IsNavigation extends boolean>({ aria, id: tabListId, selectedTabIndex, setSelectedTabIndex, tabs, alignment, className, defaultSelectedTabIndex, isNavigation, onTabChange, ...rest }: TabListProps<IsNavigation>) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/**
+ * 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/components/Tabs/TabList/TabList.utils.test.d.ts

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

package/components/Tabs/TabPane/TabPane.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface TabPaneProps {
+    id: string;
+    content: ReactNode;
+    index: number;
+    selectedTabIndex: number;
+    tabListId: string;
+    className?: string;
+}
+export declare const TabPane: ({ id, content, index, selectedTabIndex, tabListId, className, }: TabPaneProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const containsFocusableElement: (element: HTMLElement) => boolean;
+export declare const getTabButtonId: (tabListId: string, id: string) => string;
+export declare const getTabPaneId: (tabListId: string, id: string, index: number) => string;

package/components/Tabs/TabPane/TabPane.utils.test.d.ts

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

package/components/Tabs/Tabs.d.ts

@@ -0,0 +1,47 @@
+import { HTMLAttributes } from 'react';
+import { IconName } from '../../types';
+import { TabsAlignment } from './Tabs.utils';
+export interface Tab {
+    /** Content displayed when the Tab is active. */
+    content: React.ReactNode;
+    /** Unique id for the Tab. */
+    id: string;
+    /** Label text displayed on the Tab. */
+    label: string;
+    /** Name of the icon to display */
+    iconName?: IconName;
+    /** Number Indicator value displayed next to the label. */
+    numberIndicatorValue?: string;
+}
+export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
+    /** Unique id for the tab list. */
+    id: string;
+    /** An array of Tab Objects containing the id, content, label, and other optional parameters.
+     *  `{ content: React.ReactNode;`
+     *  `id: string;`
+     *  `label: string;`
+     *  `iconName?: IconName;`
+     *  `numberIndicatorValue?: string; }[]`
+     */
+    tabs: Tab[];
+    /** Alignment of the Tabs.
+     * @default 'left'
+     */
+    alignment?: TabsAlignment;
+    /**
+     * Additional class name to apply to the tab pane.
+     */
+    classNameTabPane?: string;
+    /** Index of the tab to be selected when Tabs are rendered the first time.
+     * @default 0
+     * */
+    defaultSelectedTabIndex?: number;
+    /** Callback function called when the selected tab changes. */
+    onTabChange?: (selectedTabIndex: number) => void;
+}
+/**
+ * A component for organizing content into tabbed sections, allowing users to navigate between them.
+ * Supports single selection to maintain focus on one content area at a time.
+ * Avoid excessive tabs to prevent overwhelming the user.
+ */
+export declare const DSTabs: ({ id: tabListId, tabs, alignment, className, classNameTabPane, defaultSelectedTabIndex, onTabChange, ...rest }: TabsProps) => JSX.Element;

package/components/Tabs/Tabs.test.d.ts

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

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

@@ -0,0 +1,6 @@
+import { TabsProps } from './Tabs';
+export declare const TABS_ALIGNMENT: readonly ["left", "center"];
+export type TabsAlignment = (typeof TABS_ALIGNMENT)[number];
+export declare const TABS_DIRECTION: readonly ["prev", "next"];
+export type TabsDirection = (typeof TABS_DIRECTION)[number];
+export declare const validateTabsProps: ({ id, tabs, defaultSelectedTabIndex, }: TabsProps) => void;

package/customreactselect.1jiQuYLT.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import { c as l } from "./chunks/CustomReactSelect.BBHV7vvE.js";
+import "./chunks/useBreakpoint.BzR_yaIv.js";
+import "./asterisk.DdCXwXQh.js";
+import "./chunks/Icon.CvVRQw6C.js";
+import "./systemfeedback.bHSsfiy3.js";
+import "./optioncheckbox.DV0QpteH.js";
+export {
+  l as CustomReactSelect
+};

package/dialog.BF2q9x7U.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./button.Nknx8eP1.js";
+import { D as e } from "./chunks/Dialog.CG1l6YDx.js";
+export {
+  e as DSDialog
+};

package/drawer.B_dIJ0pb.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./button.Nknx8eP1.js";
+import { D as e } from "./chunks/Drawer.BFw0swsE.js";
+export {
+  e as DSDrawer
+};

package/fieldset.CU4aXdx1.js

@@ -0,0 +1,11 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./asterisk.DdCXwXQh.js";
+import "./heading.BesCIchJ.js";
+import "./systemfeedback.bHSsfiy3.js";
+import { D as l } from "./chunks/Fieldset.CPuNSQNU.js";
+export {
+  l as DSFieldset
+};

package/{flag.BKpsdB_-.js → flag.CfYdEnax.js}

@@ -1,8 +1,8 @@
 "use client";
-import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import { D as i } from "./chunks/Icon.BCmt_XBG.js";
-import './assets/flag.B-RLcMcf.css';const n = "ds-flag_root_14d3h_1", f = "ds-flag_root--color-grey-light_14d3h_28", C = "ds-flag_root--color-yellow-light_14d3h_31", y = "ds-flag_root--color-red-light_14d3h_34", m = "ds-flag_root--color-green-light_14d3h_37", L = "ds-flag_root--color-orange-base_14d3h_40", r = {
+import { j as s } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c } from "./chunks/index.CEyLAtio.js";
+import { D as i } from "./chunks/Icon.CvVRQw6C.js";
+import './assets/flag.C7i3MAAP.css';const n = "ds-flag_root_14d3h_1", f = "ds-flag_root--color-grey-light_14d3h_28", C = "ds-flag_root--color-yellow-light_14d3h_31", y = "ds-flag_root--color-red-light_14d3h_34", m = "ds-flag_root--color-green-light_14d3h_37", L = "ds-flag_root--color-orange-base_14d3h_40", r = {
   root: n,
   "root--color-grey-light": "ds-flag_root--color-grey-light_14d3h_28",
   rootColorGreyLight: f,

package/{floatingactionbutton.D5L0B7zI.js → floatingactionbutton.CiDfDE1q.js}

@@ -1,9 +1,9 @@
 "use client";
-import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as n } from "./chunks/index.CvOaL64Y.js";
-import { D as h } from "./chunks/Icon.BCmt_XBG.js";
-import { DSSpinner as k } from "./spinner.Bq97Og-6.js";
-import './assets/floatingactionbutton.E9HekT6S.css';const D = "ds-floating-action-button_root_1any0_1", x = "ds-floating-action-button_root--dark_1any0_70", S = "ds-floating-action-button_root--small_1any0_108", j = "ds-floating-action-button_loader_1any0_129", H = "ds-floating-action-button_icon--hidden_1any0_141", N = "ds-floating-action-button_label--hidden_1any0_145", o = {
+import { j as a } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as n } from "./chunks/index.CEyLAtio.js";
+import { D as h } from "./chunks/Icon.CvVRQw6C.js";
+import { DSSpinner as k } from "./spinner.pcu39V2a.js";
+import './assets/floatingactionbutton.l0nvFiJU.css';const D = "ds-floating-action-button_root_1any0_1", x = "ds-floating-action-button_root--dark_1any0_70", S = "ds-floating-action-button_root--small_1any0_108", j = "ds-floating-action-button_loader_1any0_129", H = "ds-floating-action-button_icon--hidden_1any0_141", N = "ds-floating-action-button_label--hidden_1any0_145", o = {
   root: D,
   "root--dark": "ds-floating-action-button_root--dark_1any0_70",
   rootDark: x,

package/{heading.IPIYc5vW.js → heading.BesCIchJ.js}

@@ -1,7 +1,7 @@
 "use client";
-import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as u } from "./chunks/index.CvOaL64Y.js";
-import './assets/heading.u4f8Mz94.css';const m = "ds-heading_root_6kuzl_1", g = "ds-heading_root--x-large_6kuzl_4", c = "ds-heading_root--x-large-uppercase_6kuzl_19", n = "ds-heading_root--large_6kuzl_35", i = "ds-heading_root--large-uppercase_6kuzl_50", h = "ds-heading_root--medium_6kuzl_66", k = "ds-heading_root--medium-uppercase_6kuzl_75", x = "ds-heading_root--small_6kuzl_85", z = "ds-heading_root--small-uppercase_6kuzl_94", L = "ds-heading_root--theme-dark_6kuzl_104", o = {
+import { j as _ } from "./chunks/jsx-runtime.BteaETFx.js";
+import { c as u } from "./chunks/index.CEyLAtio.js";
+import './assets/heading.B-rdLVZD.css';const m = "ds-heading_root_6kuzl_1", g = "ds-heading_root--x-large_6kuzl_4", c = "ds-heading_root--x-large-uppercase_6kuzl_19", n = "ds-heading_root--large_6kuzl_35", i = "ds-heading_root--large-uppercase_6kuzl_50", h = "ds-heading_root--medium_6kuzl_66", k = "ds-heading_root--medium-uppercase_6kuzl_75", x = "ds-heading_root--small_6kuzl_85", z = "ds-heading_root--small-uppercase_6kuzl_94", L = "ds-heading_root--theme-dark_6kuzl_104", o = {
   root: m,
   "root--x-large": "ds-heading_root--x-large_6kuzl_4",
   rootXLarge: g,

package/icon.R9KQet1b.js

@@ -0,0 +1,8 @@
+"use client";
+import "./chunks/jsx-runtime.BteaETFx.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import { D as p } from "./chunks/Icon.CvVRQw6C.js";
+export {
+  p as DSIcon
+};

package/index.d.ts

@@ -1,6 +1,8 @@
 export * from './components/Accordion/Accordion';
 export * from './components/Accordion/Accordion.utils';
 export * from './components/AriaLiveRegions/AriaLiveRegions';
+export * from './components/Breadcrumb/Breadcrumb';
+export * from './components/Breadcrumb/Breadcrumb.utils';
 export * from './components/Button/Button';
 export * from './components/Button/Button.utils';
 export * from './components/ButtonRound/ButtonRound';
@@ -8,6 +10,8 @@ export * from './components/ButtonRound/ButtonRound.utils';
 export * from './components/Checkbox/Checkbox';
 export * from './components/CheckboxGroup/CheckboxGroup';
 export * from './components/CheckboxGroup/CheckboxGroup.utils';
+export * from './components/ChipGroup/ChipGroup';
+export * from './components/ChipGroup/ChipGroup.utils';
 export * from './components/Combobox/Combobox';
 export * from './components/Combobox/Combobox.utils';
 export * from './components/Dialog/Dialog';
@@ -37,6 +41,8 @@ export * from './components/LinkStandalone/LinkStandalone';
 export * from './components/LinkStandalone/LinkStandalone.utils';
 export * from './components/Logo/Logo';
 export * from './components/Logo/Logo.utils';
+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/RadioGroup/RadioGroup';
@@ -48,8 +54,8 @@ export * from './components/Spinner/Spinner';
 export * from './components/Spinner/Spinner.utils';
 export * from './components/Switch/Switch';
 export * from './components/Switch/Switch.utils';
-export * from './components/ChipGroup/ChipGroup';
-export * from './components/ChipGroup/ChipGroup.utils';
+export * from './components/Tabs/Tabs';
+export * from './components/Tabs/Tabs.utils';
 export * from './components/Text/Text';
 export * from './components/Text/Text.utils';
 export * from './components/Textarea/Textarea';