@stihl-design-system/components 1.0.0-RC.6 → 1.0.0-RC.8

package/components/Drawer/Drawer.utils.d.ts

@@ -0,0 +1,14 @@
+import { DrawerProps } from './Drawer';
+
+export declare const DRAWER_POSITION: readonly ["start", "end"];
+export type DrawerPosition = (typeof DRAWER_POSITION)[number];
+type ValidationProps = Pick<DrawerProps, 'tabIndex'>;
+/**
+ * Validates the given properties of the DSDrawer component for common configuration errors.
+ * This function is intended to be used in development mode to provide developers with
+ * warnings about potential misuse of the component.
+ *
+ * @param validationProps - The subset of DSDrawer properties to validate.
+ */
+export declare const validateDrawerProps: ({ tabIndex }: ValidationProps) => void;
+export {};

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

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

package/components/Input/Input.d.ts

@@ -14,7 +14,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     actionButtonIconName?: IconName;
     /** Custom source URL for the action button icon */
     actionButtonIconSource?: IconProps['source'];
-    /** Callback function triggered when the action button is clicked */
+    /** Callback function called when the action button is clicked */
     actionButtonOnClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /** Disables the input, preventing user interaction */
     disabled?: boolean;

package/components/InputSearch/InputSearch.d.ts

@@ -31,7 +31,7 @@ export interface InputSearchProps extends Omit<InputHTMLAttributes<HTMLInputElem
     size?: InputSize;
     /** Value of the input */
     value?: string;
-    /** Callback function triggered when the submit button is clicked */
+    /** Callback function called when the submit button is clicked */
     submitButtonOnClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**

package/components/LinkStandalone/LinkStandalone.d.ts

@@ -4,7 +4,7 @@ import { LinkStandaloneVariant } from './LinkStandalone.utils';
 export interface LinkStandaloneProps extends CommonLinkProps {
     /** Content within the link */
     children: React.ReactNode;
-    /** Enables the active state */
+    /** Sets an underline */
     active?: boolean;
     /** Visual style variant of the Link Standalone */
     variant?: LinkStandaloneVariant;

package/components/Notification/Notification.d.ts

@@ -14,7 +14,7 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
     hideIcon?: boolean;
     /** Defines the variant */
     variant?: NotificationVariant;
-    /** Callback function triggered when the close button is clicked */
+    /** Callback function called when the close button is clicked */
     onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**
@@ -22,5 +22,7 @@ export interface NotificationProps extends HTMLAttributes<HTMLDivElement> {
  * or highlight important content.
  *
  * The background color and icon vary based on the value of the `variant` prop.
+ *
+ * <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, customActionArea, className, closeButtonLabel, hideCloseButton, hideIcon, onClose, ...rest }: NotificationProps) => JSX.Element;

package/components/Radio/Radio.d.ts

@@ -26,7 +26,7 @@ export interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
     invalid?: boolean;
     /** Controls whether the hint is displayed when the radio button is not checked */
     hideUncheckedHint?: boolean;
-    /** Callback function triggered when the state of the radio changes */
+    /** Callback function called when the state of the radio changes */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 /**

package/components/RadioGroup/RadioGroup.d.ts

@@ -49,7 +49,7 @@ export interface RadioGroupProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSe
     systemFeedback?: string;
     /** Set the value of the selected option */
     value?: string;
-    /** Callback function triggered when the value of the radio group changes */
+    /** Callback function called when the value of the radio group changes */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 /**

package/components/SkipToContent/SkipToContent.d.ts

@@ -9,4 +9,4 @@ export type SkipToContentProps = {
  *
  * Focus the section below by using the tab key to see the "Skip To Content" component in action.
  */
-export declare const DSSkipToContent: ({ children, className, targetElementId, theme, }: SkipToContentProps) => JSX.Element;
+export declare const DSSkipToContent: ({ children, className, targetElementId, theme, ...rest }: SkipToContentProps) => JSX.Element;

package/components/Switch/Switch.d.ts

@@ -21,7 +21,7 @@ export interface SwitchProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     loading?: boolean;
     /** Stretches the Switch over the parent's width */
     stretched?: boolean;
-    /** Callback function triggered when the switch is clicked */
+    /** Callback function called when the switch is clicked */
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**

package/components/Toast/Toast.d.ts

@@ -17,5 +17,8 @@ export interface ToastProps extends Omit<HTMLAttributes<HTMLElement>, 'onClick'
 }
 /**
  * Toasts are small, non-intrusive messages that appear temporarily to provide feedback or information.
+ *
+ * <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 DSToast: import('react').ForwardRefExoticComponent<ToastProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/Toast/ToastManager.d.ts

@@ -1,6 +1,10 @@
 import { ToastOptions } from './Toast.utils';
 
-export declare const useToast: () => {
-    toast: import("react/jsx-runtime").JSX.Element | undefined;
-    queueToastMessage: (message: string, options?: ToastOptions) => void;
+type ToastContextType = {
+    queueDSToastMessage: (message: string, options?: ToastOptions) => void;
 };
+export declare const useDSToast: () => ToastContextType;
+export declare const DSToastProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/{customreactselect.CD58gwtp.js → customreactselect.BxkJi_UE.js}

@@ -2,7 +2,7 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import { c as l } from "./chunks/CustomReactSelect.5dHi6PEO.js";
+import { c as l } from "./chunks/CustomReactSelect.BVv0Zcvc.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
 import "./chunks/Icon.n4XZrQ4N.js";

package/dialog.CVFl9IVY.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./button.DPrDynn_.js";
+import { D as e } from "./chunks/Dialog.o7bcfCBf.js";
+export {
+  e as DSDialog
+};

package/drawer.BheN3lap.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./button.DPrDynn_.js";
+import { D as e } from "./chunks/Drawer.VbG4cfgJ.js";
+export {
+  e as DSDrawer
+};

package/drawer.d.ts

@@ -0,0 +1 @@
+export * from './components/Drawer/Drawer'

package/index.d.ts

@@ -8,6 +8,10 @@ export * from './components/CheckboxGroup/CheckboxGroup';
 export * from './components/CheckboxGroup/CheckboxGroup.utils';
 export * from './components/Combobox/Combobox';
 export * from './components/Combobox/Combobox.utils';
+export * from './components/Dialog/Dialog';
+export * from './components/Dialog/Dialog.utils';
+export * from './components/Drawer/Drawer';
+export * from './components/Drawer/Drawer.utils';
 export * from './components/Fieldset/Fieldset';
 export * from './components/Fieldset/Fieldset.utils';
 export * from './components/FloatingActionButton/FloatingActionButton';
@@ -46,3 +50,4 @@ export * from './components/Textarea/Textarea';
 export * from './components/Textarea/Textarea.utils';
 export * from './components/Title/Title';
 export * from './components/Title/Title.utils';
+export * from './components/Toast/ToastManager';

package/index.es.js

@@ -1,38 +1,41 @@
 "use client";
-import { DSAriaLiveRegions as x } from "./arialiveregions.BvZhV6hb.js";
-import { DSButton as N } from "./button.L1lgCuM9.js";
-import { DSButtonRound as u } from "./buttonround.ddSqXjYf.js";
-import { DSCheckbox as f } from "./checkbox.DNHdo6_n.js";
-import { D as E, v as A } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
-import { DSCombobox as g } from "./combobox.CRlhqmuO.js";
-import { C as P, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.5dHi6PEO.js";
-import { D as X, v as b } from "./chunks/Fieldset.B1vsrHNv.js";
-import { DSFloatingActionButton as Z } from "./floatingactionbutton.D_e4vz2G.js";
-import { DSHeading as H } from "./heading.BTNroD1E.js";
-import { D as M, I as w, u as V } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSInput as y } from "./input.ChVISFEX.js";
-import { I as Y, M as q, a as j, S as z, U as J, h as Q, i as $, c as oo, s as ao, v as eo, b as to } from "./chunks/Input.utils.AKWCNkpA.js";
-import { D as so, v as po } from "./chunks/InputPassword.a7zHKrmM.js";
-import { D as So, i as lo, v as mo } from "./chunks/InputSearch.DITRiB92.js";
-import { D as Io, v as To } from "./chunks/InputStepper.BkncCNwJ.js";
-import { DSLink as xo } from "./link.SAcKvzJ3.js";
-import { DSLinkStandalone as co } from "./linkstandalone.DNe0Nydm.js";
-import { DSLogo as _o } from "./logo.BR_CUXFl.js";
-import { D as ho, a as Eo, N as Ao } from "./chunks/Notification.DVVuSOqG.js";
-import { D as go, a as vo, o as Po, v as Co } from "./chunks/RadioGroup.BO4pbAJw.js";
-import { D as Lo, S as Bo, g as Uo, v as Xo } from "./chunks/Select.COdS787F.js";
-import { DSSkipToContent as Go } from "./skiptocontent._YZRKxnc.js";
-import { DSSpinner as Fo } from "./spinner.DVa112nj.js";
-import { DSSwitch as ko } from "./switch.rd7PdLc9.js";
-import { DSText as wo } from "./text.CrYUewrP.js";
-import { D as Ko, T as yo, v as Wo } from "./chunks/Textarea.oqCrSopu.js";
-import { DSTitle as qo } from "./title.Dvp8LKJt.js";
+import { DSAriaLiveRegions as x } from "./arialiveregions.BK4T7Vhk.js";
+import { DSButton as N } from "./button.DPrDynn_.js";
+import { DSButtonRound as _ } from "./buttonround.ix_-O4l1.js";
+import { DSCheckbox as f } from "./checkbox.hoVQ37RP.js";
+import { D as h, v as A } from "./chunks/CheckboxGroup.kG1WWhe_.js";
+import { DSCombobox as O } from "./combobox.Dgp3kvFR.js";
+import { C as P, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.BVv0Zcvc.js";
+import { D as X, v as b } from "./chunks/Dialog.o7bcfCBf.js";
+import { a as Z, D as F, v as H } from "./chunks/Drawer.VbG4cfgJ.js";
+import { D as w, v as M } from "./chunks/Fieldset.B1vsrHNv.js";
+import { DSFloatingActionButton as K } from "./floatingactionbutton.D_e4vz2G.js";
+import { DSHeading as y } from "./heading.BTNroD1E.js";
+import { D as q, I as j, u as z } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSInput as Q } from "./input.CfO9lL_o.js";
+import { I as oo, M as ao, a as eo, S as ro, U as to, h as so, i as po, c as io, s as So, v as lo, b as mo } from "./chunks/Input.utils.BGUhXCNP.js";
+import { D as no, v as Io } from "./chunks/InputPassword.TlusvIds.js";
+import { D as xo, i as No, v as uo } from "./chunks/InputSearch.BbCdCCax.js";
+import { D as co, v as fo } from "./chunks/InputStepper.DR3NR_II.js";
+import { DSLink as ho } from "./link.CIY7SOpm.js";
+import { DSLinkStandalone as vo } from "./linkstandalone.DNe0Nydm.js";
+import { DSLogo as go } from "./logo.CqukakYv.js";
+import { D as Co, a as Ro, N as Lo } from "./chunks/Notification.B6a6FOlS.js";
+import { D as Uo, a as Xo, o as bo, v as Go } from "./chunks/RadioGroup.BO4pbAJw.js";
+import { D as Fo, S as Ho, g as ko, v as wo } from "./chunks/Select.COdS787F.js";
+import { DSSkipToContent as Vo } from "./skiptocontent.ALhHiH8t.js";
+import { DSSpinner as Wo } from "./spinner.DVa112nj.js";
+import { DSSwitch as Yo } from "./switch.rd7PdLc9.js";
+import { DSText as jo } from "./text.CrYUewrP.js";
+import { D as Jo, T as Qo, v as $o } from "./chunks/Textarea.oqCrSopu.js";
+import { DSTitle as aa } from "./title.Dvp8LKJt.js";
+import { DSToastProvider as ra, useDSToast as ta } from "./toastmanager.6mUZ8eCN.js";
 const o = ["medium", "small"], a = [
   "filled",
   "highlight",
   "outline",
   "ghost"
-], e = ["filled", "highlight"], t = [
+], e = ["filled", "highlight"], r = [
   "x-large",
   "x-large-uppercase",
   "large",
@@ -41,7 +44,7 @@ const o = ["medium", "small"], a = [
   "medium-uppercase",
   "small",
   "small-uppercase"
-], r = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
+], t = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
   "filled",
   "highlight",
   "outline",
@@ -68,79 +71,86 @@ const o = ["medium", "small"], a = [
   "small",
   "x-small",
   "xx-small"
-], n = ["bold", "normal"], I = ["x-large", "large"];
+], D = ["bold", "normal"], n = ["x-large", "large"];
 export {
   e as BUTTON_ROUND_VARIANT,
   o as BUTTON_SIZE,
   a as BUTTON_VARIANT,
   P as COMBOBOX_SIZE,
+  Z as DRAWER_POSITION,
   x as DSAriaLiveRegions,
   N as DSButton,
-  u as DSButtonRound,
+  _ as DSButtonRound,
   f as DSCheckbox,
-  E as DSCheckboxGroup,
-  g as DSCombobox,
-  X as DSFieldset,
-  Z as DSFloatingActionButton,
-  H as DSHeading,
-  M as DSIcon,
-  y as DSInput,
-  so as DSInputPassword,
-  So as DSInputSearch,
-  Io as DSInputStepper,
-  xo as DSLink,
-  co as DSLinkStandalone,
-  _o as DSLogo,
-  ho as DSNotification,
-  go as DSRadioGroup,
-  Lo as DSSelect,
-  Go as DSSkipToContent,
-  Fo as DSSpinner,
-  ko as DSSwitch,
-  wo as DSText,
-  Ko as DSTextarea,
-  qo as DSTitle,
+  h as DSCheckboxGroup,
+  O as DSCombobox,
+  X as DSDialog,
+  F as DSDrawer,
+  w as DSFieldset,
+  K as DSFloatingActionButton,
+  y as DSHeading,
+  q as DSIcon,
+  Q as DSInput,
+  no as DSInputPassword,
+  xo as DSInputSearch,
+  co as DSInputStepper,
+  ho as DSLink,
+  vo as DSLinkStandalone,
+  go as DSLogo,
+  Co as DSNotification,
+  Uo as DSRadioGroup,
+  Fo as DSSelect,
+  Vo as DSSkipToContent,
+  Wo as DSSpinner,
+  Yo as DSSwitch,
+  jo as DSText,
+  Jo as DSTextarea,
+  aa as DSTitle,
+  ra as DSToastProvider,
   C as DS_COMBOBOX_TRANSLATIONS,
   R as DS_COMBOBOX_TRANSLATIONS_DE,
   L as DS_COMBOBOX_TRANSLATIONS_EN,
-  t as HEADING_SIZE,
-  r as HEADING_TAG,
-  w as ICON_SIZE,
-  Y as INPUT_SIZE,
+  r as HEADING_SIZE,
+  t as HEADING_TAG,
+  j as ICON_SIZE,
+  oo as INPUT_SIZE,
   s as LINK_SIZE,
   i as LINK_STANDALONE_VARIANT,
   p as LINK_VARIANT,
-  q as MAX_PREFIX_LENGTH,
-  j as MAX_SUFFIX_LENGTH,
-  Eo as NOTIFICATION_ICONS,
-  Ao as NOTIFICATION_VARIANT,
-  Bo as SELECT_SIZE,
+  ao as MAX_PREFIX_LENGTH,
+  eo as MAX_SUFFIX_LENGTH,
+  Ro as NOTIFICATION_ICONS,
+  Lo as NOTIFICATION_VARIANT,
+  Ho as SELECT_SIZE,
   S as SPINNER_SIZE,
-  z as SUPPORTED_INPUT_TYPES,
-  yo as TEXTAREA_SIZE,
+  ro as SUPPORTED_INPUT_TYPES,
+  Qo as TEXTAREA_SIZE,
   m as TEXT_SIZE,
   l as TEXT_TAG,
-  n as TEXT_WEIGHT,
-  I as TITLE_SIZE,
-  J as UNSUPPORTED_INPUT_TYPES,
-  Uo as getIsPlaceholderSelected,
-  Q as hasShowPickerSupport,
-  $ as isCalendarInput,
-  oo as isTimeInput,
-  lo as isWithinForm,
-  vo as optionsHaveCustomArea,
-  Po as optionsHaveHint,
-  ao as showCustomCalendarOrTimeIndicator,
-  V as useDynamicSvgImport,
+  D as TEXT_WEIGHT,
+  n as TITLE_SIZE,
+  to as UNSUPPORTED_INPUT_TYPES,
+  ko as getIsPlaceholderSelected,
+  so as hasShowPickerSupport,
+  po as isCalendarInput,
+  io as isTimeInput,
+  No as isWithinForm,
+  Xo as optionsHaveCustomArea,
+  bo as optionsHaveHint,
+  So as showCustomCalendarOrTimeIndicator,
+  ta as useDSToast,
+  z as useDynamicSvgImport,
   A as validateCheckboxGroupProps,
   B as validateComboboxProps,
-  b as validateFieldsetProps,
-  po as validateInputPasswordProps,
-  eo as validateInputProps,
-  mo as validateInputSearchProps,
-  To as validateInputStepperProps,
-  Co as validateRadioGroupProps,
-  Xo as validateSelectProps,
-  Wo as validateTextareaProps,
-  to as validateType
+  b as validateDialogProps,
+  H as validateDrawerProps,
+  M as validateFieldsetProps,
+  Io as validateInputPasswordProps,
+  lo as validateInputProps,
+  uo as validateInputSearchProps,
+  fo as validateInputStepperProps,
+  Go as validateRadioGroupProps,
+  wo as validateSelectProps,
+  $o as validateTextareaProps,
+  mo as validateType
 };

package/{input.ChVISFEX.js → input.CfO9lL_o.js}

@@ -4,10 +4,10 @@ import { c as l } from "./chunks/index.CvOaL64Y.js";
 import { useState as x, useRef as k, useLayoutEffect as w, useEffect as ia } from "react";
 import { u as sa } from "./chunks/useBreakpoint.5xBNDiCf.js";
 import { Asterisk as ea } from "./asterisk.Cjbk-xZi.js";
-import { DSButton as E } from "./button.L1lgCuM9.js";
+import { DSButton as E } from "./button.DPrDynn_.js";
 import { D as la } from "./chunks/Icon.n4XZrQ4N.js";
 import { DSSystemFeedback as oa } from "./systemfeedback.CUWch42u.js";
-import { v as da, b as ca, M as _a, a as ua, s as fa, c as ra, i as v } from "./chunks/Input.utils.AKWCNkpA.js";
+import { v as da, b as ca, M as _a, a as ua, s as fa, c as ra, i as v } from "./chunks/Input.utils.BGUhXCNP.js";
 import './assets/input.71tOIrpp.css';const pa = "_input_1jdyx_226", xa = "_input--invalid_1jdyx_336", ma = "_input--small_1jdyx_343", ya = "_input--has-leading-icon_1jdyx_395", ja = "_input--has-action-button_1jdyx_398", ha = "_input--has-second-action-button_1jdyx_401", ba = "_input--has-affix_1jdyx_413", ga = "_input--is-ready_1jdyx_427", Ia = "_root_1jdyx_434", Sa = "_hint_1jdyx_442", Ha = "_label_1jdyx_442", ka = "_wrapper_1jdyx_446", va = "_affix_1jdyx_452", Ca = "_affix--small_1jdyx_472", Ra = "_affix--disabled_1jdyx_484", Da = "_prefix_1jdyx_487", La = "_affix--readonly_1jdyx_490", Aa = "_suffix_1jdyx_500", Na = "_leading-icon_1jdyx_507", Ba = "_leading-icon--small_1jdyx_519", wa = "_leading-icon--disabled_1jdyx_522", Ea = "_action-button_1jdyx_531", Ta = "_label--hidden_1jdyx_548", Fa = "_feedback_1jdyx_575", a = {
   input: pa,
   "input--invalid": "_input--invalid_1jdyx_336",

package/{inputpassword.Ba9SUUIK.js → inputpassword.CvnUeLTq.js}

@@ -4,9 +4,9 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
+import "./button.DPrDynn_.js";
 import "./systemfeedback.CUWch42u.js";
-import { D as n } from "./chunks/InputPassword.a7zHKrmM.js";
+import { D as n } from "./chunks/InputPassword.TlusvIds.js";
 export {
   n as DSInputPassword
 };

package/{inputsearch.BK-0OTwA.js → inputsearch.ClX9PlYG.js}

@@ -5,9 +5,9 @@ import "react";
 import "./chunks/helpers.B1JT5ShS.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
+import "./button.DPrDynn_.js";
 import "./systemfeedback.CUWch42u.js";
-import { D as s } from "./chunks/InputSearch.DITRiB92.js";
+import { D as s } from "./chunks/InputSearch.BbCdCCax.js";
 export {
   s as DSInputSearch
 };

package/{inputstepper.CTpTeXL9.js → inputstepper.Dd76qaQT.js}

@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.Cjbk-xZi.js";
-import "./button.L1lgCuM9.js";
-import "./chunks/Input.utils.AKWCNkpA.js";
+import "./button.DPrDynn_.js";
+import "./chunks/Input.utils.BGUhXCNP.js";
 import "./systemfeedback.CUWch42u.js";
-import { D } from "./chunks/InputStepper.BkncCNwJ.js";
+import { D } from "./chunks/InputStepper.DR3NR_II.js";
 export {
   D as DSInputStepper
 };

package/link.CIY7SOpm.js

@@ -0,0 +1,115 @@
+"use client";
+import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as g } from "./chunks/index.CvOaL64Y.js";
+import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { D as F } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/link.BJHmVrew.css';const H = "_root_zrvhl_151", S = "_root--highlight_zrvhl_218", x = "_root--dark-highlight_zrvhl_218", b = "_root--filled_zrvhl_296", j = "_root--outline_zrvhl_324", L = "_root--ghost_zrvhl_351", C = "_root--ghost-flush_zrvhl_376", N = "_root--small_zrvhl_382", T = "_root--dark-filled_zrvhl_459", B = "_root--dark-outline_zrvhl_518", E = "_root--dark-ghost_zrvhl_576", R = "_root--dark-ghost-flush_zrvhl_632", V = "_root--icon-left_zrvhl_691", q = "_root--icon-only_zrvhl_707", w = "_root--icon-only-small_zrvhl_716", A = "_label--hidden_zrvhl_727", o = {
+  root: H,
+  "root--highlight": "_root--highlight_zrvhl_218",
+  rootHighlight: S,
+  "root--dark-highlight": "_root--dark-highlight_zrvhl_218",
+  rootDarkHighlight: x,
+  "root--filled": "_root--filled_zrvhl_296",
+  rootFilled: b,
+  "root--outline": "_root--outline_zrvhl_324",
+  rootOutline: j,
+  "root--ghost": "_root--ghost_zrvhl_351",
+  rootGhost: L,
+  "root--ghost-flush": "_root--ghost-flush_zrvhl_376",
+  rootGhostFlush: C,
+  "root--small": "_root--small_zrvhl_382",
+  rootSmall: N,
+  "root--dark-filled": "_root--dark-filled_zrvhl_459",
+  rootDarkFilled: T,
+  "root--dark-outline": "_root--dark-outline_zrvhl_518",
+  rootDarkOutline: B,
+  "root--dark-ghost": "_root--dark-ghost_zrvhl_576",
+  rootDarkGhost: E,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_zrvhl_632",
+  rootDarkGhostFlush: R,
+  "root--icon-left": "_root--icon-left_zrvhl_691",
+  rootIconLeft: V,
+  "root--icon-only": "_root--icon-only_zrvhl_707",
+  rootIconOnly: q,
+  "root--icon-only-small": "_root--icon-only-small_zrvhl_716",
+  rootIconOnlySmall: w,
+  "label--hidden": "_label--hidden_zrvhl_727",
+  labelHidden: A
+}, Q = ({
+  children: c,
+  aria: k,
+  className: u,
+  dataTrackingid: f,
+  download: z,
+  hideLabel: h = !1,
+  href: n,
+  iconName: a,
+  iconPosition: m = "left",
+  iconSource: e,
+  isFlush: r = !1,
+  referrerPolicy: v,
+  rel: D,
+  size: s = "medium",
+  target: y = "_self",
+  theme: l = "light",
+  variant: t = "filled",
+  ...G
+}) => {
+  const O = g(o.root, u, {
+    // variant
+    [o.rootFilled]: t === "filled",
+    [o.rootHighlight]: t === "highlight",
+    [o.rootOutline]: t === "outline",
+    [o.rootGhost]: t === "ghost" && r !== !0,
+    // isFlush
+    [o.rootGhostFlush]: t === "ghost" && r === !0,
+    // dark theme
+    [o.rootDarkFilled]: l === "dark" && t === "filled",
+    [o.rootDarkHighlight]: l === "dark" && t === "highlight",
+    [o.rootDarkOutline]: l === "dark" && t === "outline",
+    [o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
+    // dark isFlush
+    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
+    // size
+    [o.rootSmall]: s === "small",
+    // icon position
+    [o.rootIconLeft]: m === "left",
+    // icon only
+    [o.rootIconOnly]: i(h) && s === "medium",
+    [o.rootIconOnlySmall]: i(h) && s === "small"
+  }), I = g({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: i(h)
+  }), p = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", d = n === void 0 ? "span" : "a";
+  return /* @__PURE__ */ _.jsxs(
+    d,
+    {
+      className: O,
+      "data-trackingid": f,
+      ...d === "a" && {
+        href: n,
+        target: y,
+        rel: D,
+        referrerPolicy: v,
+        download: z
+      },
+      ...k,
+      ...G,
+      children: [
+        /* @__PURE__ */ _.jsx("span", { className: I, children: c }),
+        (a || e) && /* @__PURE__ */ _.jsx(
+          F,
+          {
+            name: a,
+            theme: p,
+            source: e,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Q as DSLink
+};