@stihl-design-system/components 1.0.0-RC.12 → 1.0.0-RC.14

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.DUzv8jzM.js → combobox.D6zXg976.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.Cg_XW3YK.js";
+import { v as x, c as C } from "./chunks/CustomReactSelect.CB41lklE.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/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/Notification/Notification.d.ts

@@ -9,10 +9,6 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
     closeButtonLabel?: string;
     /** Content within the Notification's action bar. For example a CTA button. */
     customActionArea?: React.ReactNode;
-    /** Hides the close button.
-     * @default false
-     */
-    hideCloseButton?: boolean;
     /** Hides the icon.
      * @default false
      */
@@ -21,7 +17,7 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
      * @default 'info'
      */
     variant?: NotificationVariant;
-    /** Callback function called when the close button is clicked. */
+    /** Shows a close button if provided and is called when the close button is clicked. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**
@@ -32,4 +28,4 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
  *
  * <div className="ds-info">For more information on the different types of notifications and to determine which is best suited for your needs, please refer to our [Notification Guidelines](/docs/templates-notification-guidelines--documentation) and explore the decision trees provided.</div>
  */
-export declare const DSNotification: ({ children, variant, className, closeButtonLabel, customActionArea, hideCloseButton, hideIcon, onClose, ...rest }: NotificationProps) => JSX.Element;
+export declare const DSNotification: ({ children, variant, className, closeButtonLabel, customActionArea, hideIcon, onClose, ...rest }: NotificationProps) => JSX.Element;

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/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,42 @@
+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.
+     * `{id: string; content: React.ReactNode; 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,11 @@
+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];
+/**
+ * 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 declare const validateTabsProps: ({ id, tabs }: TabsProps) => void;

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

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

package/{customreactselect.CXmBRqQ9.js → customreactselect.BcjDvZG6.js}

@@ -2,8 +2,8 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import { c as l } from "./chunks/CustomReactSelect.Cg_XW3YK.js";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
+import { c as l } from "./chunks/CustomReactSelect.CB41lklE.js";
+import "./chunks/useBreakpoint.B8XxjSVJ.js";
 import "./asterisk.DpzETKdT.js";
 import "./chunks/Icon.BCmt_XBG.js";
 import "./systemfeedback.C3Pfxxpp.js";

package/{dialog.DYlBUsOD.js → dialog.BkVOgeWY.js}

@@ -2,8 +2,8 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./button.M4nXjcUn.js";
-import { D as e } from "./chunks/Dialog.CudsqNag.js";
+import "./button.BfcWQZhx.js";
+import { D as e } from "./chunks/Dialog.ClBjJWOh.js";
 export {
   e as DSDialog
 };

package/{drawer.CvhbP1ra.js → drawer.DM_NKGTQ.js}

@@ -2,8 +2,8 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./button.M4nXjcUn.js";
-import { D as e } from "./chunks/Drawer.ueG2Bzr9.js";
+import "./button.BfcWQZhx.js";
+import { D as e } from "./chunks/Drawer.ReDW3ohH.js";
 export {
   e as DSDrawer
 };

package/{fieldset.CtUGEdLv.js → fieldset.CSNoVbL1.js}

@@ -5,7 +5,7 @@ import "react";
 import "./asterisk.DpzETKdT.js";
 import "./heading.IPIYc5vW.js";
 import "./systemfeedback.C3Pfxxpp.js";
-import { D as l } from "./chunks/Fieldset.Cjmkgxxk.js";
+import { D as l } from "./chunks/Fieldset.Ct_JFRs9.js";
 export {
   l as DSFieldset
 };

package/index.d.ts

@@ -8,6 +8,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';
@@ -48,8 +50,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';

package/index.es.js

@@ -1,40 +1,41 @@
 "use client";
-import { A as x, C as N, D as d, v as O } from "./chunks/Accordion.CB6jB3s_.js";
-import { DSAriaLiveRegions as A } from "./arialiveregions.Cyycgs8g.js";
-import { DSButton as h } from "./button.M4nXjcUn.js";
-import { DSButtonRound as P } from "./buttonround.E56F_805.js";
-import { DSCheckbox as E } from "./checkbox.Cb2_ey6U.js";
-import { D as C, v as R } from "./chunks/CheckboxGroup.S6i5EOc4.js";
-import { DSCombobox as G } from "./combobox.DUzv8jzM.js";
-import { C as b, b as B, a as H, D as Z, v as X } from "./chunks/CustomReactSelect.Cg_XW3YK.js";
-import { D as k, v as w } from "./chunks/Dialog.CudsqNag.js";
-import { a as V, D as y, v as K } from "./chunks/Drawer.ueG2Bzr9.js";
-import { D as Y, v as q } from "./chunks/Fieldset.Cjmkgxxk.js";
-import { DSFlag as z } from "./flag.BKpsdB_-.js";
-import { DSFloatingActionButton as Q } from "./floatingactionbutton.D5L0B7zI.js";
-import { DSHeading as oo } from "./heading.IPIYc5vW.js";
-import { D as eo, I as ro, u as to } from "./chunks/Icon.BCmt_XBG.js";
-import { DSInput as io } from "./input.BEnCFNM-.js";
-import { I as So, M as lo, a as Io, S as Do, U as mo, h as no, i as To, c as _o, s as xo, v as No, b as Oo } from "./chunks/Input.utils.ChV6RJsh.js";
-import { D as Ao, v as go } from "./chunks/InputPassword.CNLbBFjx.js";
-import { D as uo, i as Po, v as fo } from "./chunks/InputSearch.CHA6mkX_.js";
-import { D as vo, v as Co } from "./chunks/InputStepper.xmWGU9pU.js";
-import { DSLink as Lo } from "./link.DREJAoPG.js";
-import { DSLinkStandalone as Uo } from "./linkstandalone.BBoEniZ_.js";
-import { DSLogo as Bo } from "./logo.Hul8qCFo.js";
-import { D as Zo, a as Xo, N as Fo } from "./chunks/Notification.o6pagKQy.js";
-import { D as wo, a as Mo, o as Vo, v as yo } from "./chunks/RadioGroup.Crj7NoOs.js";
-import { D as Wo, S as Yo, g as qo, v as jo } from "./chunks/Select.E6gLFYLk.js";
-import { DSSkipToContent as Jo } from "./skiptocontent.BxvpIB7H.js";
-import { DSSpinner as $o } from "./spinner.Bq97Og-6.js";
-import { DSSwitch as aa } from "./switch.DI8YYa5G.js";
-import { DSChipGroup as ra } from "./chipgroup.BvTj1ziW.js";
-import { C as sa, c as ia, b as pa, D as Sa, g as la, d as Ia, v as Da, a as ma } from "./chunks/Chip.CMlPUyOJ.js";
-import { DSText as Ta } from "./text.DThvTwm8.js";
-import { D as xa, T as Na, v as da } from "./chunks/Textarea.DUBSOpNL.js";
-import { DSTitle as ca } from "./title.DqzdB2Gq.js";
-import { DSToastProvider as ga, useDSToast as ha } from "./toastmanager.B7EZ4JSI.js";
-const o = ["medium", "small"], a = [
+import { A as N, C as x, D as d, v as A } from "./chunks/Accordion.Bza3TO4Y.js";
+import { DSAriaLiveRegions as c } from "./arialiveregions.2dxodwBP.js";
+import { DSButton as E } from "./button.BfcWQZhx.js";
+import { DSButtonRound as f } from "./buttonround.E56F_805.js";
+import { DSCheckbox as u } from "./checkbox.Dt0OWryN.js";
+import { D as C, v as R } from "./chunks/CheckboxGroup.C_2ZwEQJ.js";
+import { DSChipGroup as G } from "./chipgroup.Cy76KMWu.js";
+import { C as B, c as U, b as H, D as Z, g as X, d as F, v as M, a as k } from "./chunks/Chip.BvlKC503.js";
+import { DSCombobox as V } from "./combobox.D6zXg976.js";
+import { C as K, b as W, a as Y, D as q, v as j } from "./chunks/CustomReactSelect.CB41lklE.js";
+import { D as J, v as Q } from "./chunks/Dialog.ClBjJWOh.js";
+import { a as aa, D as oa, v as ea } from "./chunks/Drawer.ReDW3ohH.js";
+import { D as sa, v as ta } from "./chunks/Fieldset.Ct_JFRs9.js";
+import { DSFlag as ia } from "./flag.BKpsdB_-.js";
+import { DSFloatingActionButton as la } from "./floatingactionbutton.D5L0B7zI.js";
+import { DSHeading as Da } from "./heading.IPIYc5vW.js";
+import { D as ma, I as na, u as _a } from "./chunks/Icon.BCmt_XBG.js";
+import { DSInput as xa } from "./input.BbnmbMCI.js";
+import { I as Aa, M as Oa, a as ca, S as ga, U as Ea, h as Pa, i as fa, c as ha, s as ua, v as va, b as Ca } from "./chunks/Input.utils.DYbmWlx6.js";
+import { D as La, v as Ga } from "./chunks/InputPassword.Cvk5J8w1.js";
+import { D as Ba, i as Ua, v as Ha } from "./chunks/InputSearch.BIIW-ERk.js";
+import { D as Xa, v as Fa } from "./chunks/InputStepper.DGzR3KY6.js";
+import { DSLink as ka } from "./link.L8O_InKe.js";
+import { DSLinkStandalone as Va } from "./linkstandalone.BBoEniZ_.js";
+import { DSLogo as Ka } from "./logo.Hul8qCFo.js";
+import { D as Ya, a as qa, N as ja } from "./chunks/Notification.uAEjPywP.js";
+import { D as Ja, a as Qa, o as $a, v as ao } from "./chunks/RadioGroup.D10-pe9H.js";
+import { D as eo, S as ro, g as so, v as to } from "./chunks/Select.DsLnW29U.js";
+import { DSSkipToContent as io } from "./skiptocontent.DxogCFvU.js";
+import { DSSpinner as lo } from "./spinner.Bq97Og-6.js";
+import { DSSwitch as Do } from "./switch.DI8YYa5G.js";
+import { D as mo, S as no, T as _o, a as No, g as xo, v as Ao } from "./chunks/Tabs.D_JAsvoh.js";
+import { DSText as co } from "./text.DThvTwm8.js";
+import { D as Eo, T as Po, v as fo } from "./chunks/Textarea.Dh9R9YdZ.js";
+import { DSTitle as uo } from "./title.DqzdB2Gq.js";
+import { DSToastProvider as Co, useDSToast as Ro } from "./toastmanager.DxHFtr5C.js";
+const a = ["medium", "small"], o = [
   "filled",
   "highlight",
   "outline",
@@ -45,7 +46,7 @@ const o = ["medium", "small"], a = [
   "red-light",
   "green-light",
   "orange-base"
-], t = [
+], s = [
   "x-large",
   "x-large-uppercase",
   "large",
@@ -54,12 +55,12 @@ const o = ["medium", "small"], a = [
   "medium-uppercase",
   "small",
   "small-uppercase"
-], s = ["h1", "h2", "h3", "h4", "h5", "h6"], i = ["medium", "small"], p = [
+], t = ["h1", "h2", "h3", "h4", "h5", "h6"], S = ["medium", "small"], i = [
   "filled",
   "highlight",
   "outline",
   "ghost"
-], S = ["neutral", "highlight"], l = [
+], p = ["neutral", "highlight"], l = [
   "small",
   "medium",
   "large",
@@ -81,101 +82,107 @@ const o = ["medium", "small"], a = [
   "small",
   "x-small",
   "xx-small"
-], m = ["bold", "normal"], n = ["x-large", "large"];
+], T = ["bold", "normal"], m = ["x-large", "large"];
 export {
-  x as ACCORDION_SIZE,
+  N as ACCORDION_SIZE,
   e as BUTTON_ROUND_VARIANT,
-  o as BUTTON_SIZE,
-  a as BUTTON_VARIANT,
-  N as CHEVRON_POSITION,
-  sa as CHIP_GROUP_SIZE,
-  b as COMBOBOX_SIZE,
-  V as DRAWER_POSITION,
+  a as BUTTON_SIZE,
+  o as BUTTON_VARIANT,
+  x as CHEVRON_POSITION,
+  B as CHIP_GROUP_SIZE,
+  K as COMBOBOX_SIZE,
+  aa as DRAWER_POSITION,
   d as DSAccordion,
-  A as DSAriaLiveRegions,
-  h as DSButton,
-  P as DSButtonRound,
-  E as DSCheckbox,
+  c as DSAriaLiveRegions,
+  E as DSButton,
+  f as DSButtonRound,
+  u as DSCheckbox,
   C as DSCheckboxGroup,
-  ra as DSChipGroup,
-  G as DSCombobox,
-  k as DSDialog,
-  y as DSDrawer,
-  Y as DSFieldset,
-  z as DSFlag,
-  Q as DSFloatingActionButton,
-  oo as DSHeading,
-  eo as DSIcon,
-  io as DSInput,
-  Ao as DSInputPassword,
-  uo as DSInputSearch,
-  vo as DSInputStepper,
-  Lo as DSLink,
-  Uo as DSLinkStandalone,
-  Bo as DSLogo,
-  Zo as DSNotification,
-  wo as DSRadioGroup,
-  Wo as DSSelect,
-  Jo as DSSkipToContent,
-  $o as DSSpinner,
-  aa as DSSwitch,
-  Ta as DSText,
-  xa as DSTextarea,
-  ca as DSTitle,
-  ga as DSToastProvider,
-  ia as DS_CHIP_GROUP_TRANSLATIONS,
-  pa as DS_CHIP_GROUP_TRANSLATIONS_DE,
-  Sa as DS_CHIP_GROUP_TRANSLATIONS_EN,
-  B as DS_COMBOBOX_TRANSLATIONS,
-  H as DS_COMBOBOX_TRANSLATIONS_DE,
-  Z as DS_COMBOBOX_TRANSLATIONS_EN,
+  G as DSChipGroup,
+  V as DSCombobox,
+  J as DSDialog,
+  oa as DSDrawer,
+  sa as DSFieldset,
+  ia as DSFlag,
+  la as DSFloatingActionButton,
+  Da as DSHeading,
+  ma as DSIcon,
+  xa as DSInput,
+  La as DSInputPassword,
+  Ba as DSInputSearch,
+  Xa as DSInputStepper,
+  ka as DSLink,
+  Va as DSLinkStandalone,
+  Ka as DSLogo,
+  Ya as DSNotification,
+  Ja as DSRadioGroup,
+  eo as DSSelect,
+  io as DSSkipToContent,
+  lo as DSSpinner,
+  Do as DSSwitch,
+  mo as DSTabs,
+  co as DSText,
+  Eo as DSTextarea,
+  uo as DSTitle,
+  Co as DSToastProvider,
+  U as DS_CHIP_GROUP_TRANSLATIONS,
+  H as DS_CHIP_GROUP_TRANSLATIONS_DE,
+  Z as DS_CHIP_GROUP_TRANSLATIONS_EN,
+  W as DS_COMBOBOX_TRANSLATIONS,
+  Y as DS_COMBOBOX_TRANSLATIONS_DE,
+  q as DS_COMBOBOX_TRANSLATIONS_EN,
   r as FLAG_COLOR,
-  t as HEADING_SIZE,
-  s as HEADING_TAG,
-  ro as ICON_SIZE,
-  So as INPUT_SIZE,
-  i as LINK_SIZE,
-  S as LINK_STANDALONE_VARIANT,
-  p as LINK_VARIANT,
-  lo as MAX_PREFIX_LENGTH,
-  Io as MAX_SUFFIX_LENGTH,
-  Xo as NOTIFICATION_ICONS,
-  Fo as NOTIFICATION_VARIANT,
-  Yo as SELECT_SIZE,
+  s as HEADING_SIZE,
+  t as HEADING_TAG,
+  na as ICON_SIZE,
+  Aa as INPUT_SIZE,
+  S as LINK_SIZE,
+  p as LINK_STANDALONE_VARIANT,
+  i as LINK_VARIANT,
+  Oa as MAX_PREFIX_LENGTH,
+  ca as MAX_SUFFIX_LENGTH,
+  qa as NOTIFICATION_ICONS,
+  ja as NOTIFICATION_VARIANT,
+  no as SCROLL_MARGIN_INLINE,
+  ro as SELECT_SIZE,
   l as SPINNER_SIZE,
-  Do as SUPPORTED_INPUT_TYPES,
-  Na as TEXTAREA_SIZE,
+  ga as SUPPORTED_INPUT_TYPES,
+  _o as TABS_ALIGNMENT,
+  No as TABS_DIRECTION,
+  Po as TEXTAREA_SIZE,
   D as TEXT_SIZE,
   I as TEXT_TAG,
-  m as TEXT_WEIGHT,
-  n as TITLE_SIZE,
-  mo as UNSUPPORTED_INPUT_TYPES,
-  la as getChipAriaLabel,
-  Ia as getChipTitle,
-  qo as getIsPlaceholderSelected,
-  no as hasShowPickerSupport,
-  To as isCalendarInput,
-  _o as isTimeInput,
-  Po as isWithinForm,
-  Mo as optionsHaveCustomArea,
-  Vo as optionsHaveHint,
-  xo as showCustomCalendarOrTimeIndicator,
-  ha as useDSToast,
-  to as useDynamicSvgImport,
-  O as validateAccordionProps,
+  T as TEXT_WEIGHT,
+  m as TITLE_SIZE,
+  Ea as UNSUPPORTED_INPUT_TYPES,
+  X as getChipAriaLabel,
+  F as getChipTitle,
+  so as getIsPlaceholderSelected,
+  xo as getRect,
+  Pa as hasShowPickerSupport,
+  fa as isCalendarInput,
+  ha as isTimeInput,
+  Ua as isWithinForm,
+  Qa as optionsHaveCustomArea,
+  $a as optionsHaveHint,
+  ua as showCustomCalendarOrTimeIndicator,
+  Ro as useDSToast,
+  _a as useDynamicSvgImport,
+  A as validateAccordionProps,
   R as validateCheckboxGroupProps,
-  Da as validateChipGroupProps,
-  X as validateComboboxProps,
-  w as validateDialogProps,
-  K as validateDrawerProps,
-  q as validateFieldsetProps,
-  go as validateInputPasswordProps,
-  No as validateInputProps,
-  fo as validateInputSearchProps,
-  Co as validateInputStepperProps,
-  ma as validateIsLiveRegionPresent,
-  yo as validateRadioGroupProps,
-  jo as validateSelectProps,
-  da as validateTextareaProps,
-  Oo as validateType
+  M as validateChipGroupProps,
+  j as validateComboboxProps,
+  Q as validateDialogProps,
+  ea as validateDrawerProps,
+  ta as validateFieldsetProps,
+  Ga as validateInputPasswordProps,
+  va as validateInputProps,
+  Ha as validateInputSearchProps,
+  Fa as validateInputStepperProps,
+  k as validateIsLiveRegionPresent,
+  ao as validateRadioGroupProps,
+  to as validateSelectProps,
+  Ao as validateTabsProps,
+  fo as validateTextareaProps,
+  Ca as validateType
 };