@stihl-design-system/components 1.0.0-RC.5 → 1.0.0-RC.7

package/{arialiveregions.BvZhV6hb.js → arialiveregions.BK4T7Vhk.js}

@@ -1,6 +1,6 @@
 "use client";
 import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
-import { v as r, A as n, a } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
+import { v as r, A as n, a } from "./chunks/AriaLiveRegions.utils.D2ni4Yrf.js";
 import './assets/arialiveregions.GsGx2USO.css';const l = "_sr-only_echuy_76", e = {
   "sr-only": "_sr-only_echuy_76",
   srOnly: l

package/assets/skiptocontent.DGVJ77cj.css

@@ -0,0 +1 @@
+._skip-to-content_4ockd_76{position:absolute;left:-9999px;z-index:999;opacity:0;box-shadow:0 0 0 2px #fff}._skip-to-content--dark_4ockd_83{box-shadow:0 0 0 2px #252525}._skip-to-content_4ockd_76._skip-to-content_4ockd_76{text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}._skip-to-content_4ockd_76:focus{left:8px;top:8px;opacity:1}

package/assets/spinner.D_Nnf1ZG.css

@@ -0,0 +1 @@
+._root_11iwi_76{display:inline-flex;vertical-align:top;margin:0;padding:0}._root-size-small_11iwi_82{height:1rem;width:1rem}._root-size-medium_11iwi_86{height:2rem;width:2rem}._root-size-large_11iwi_90{height:2.5rem;width:2.5rem}._root-size-x-large_11iwi_94{height:4rem;width:4rem}._root-size-inherit_11iwi_98{height:inherit;width:inherit}._root_11iwi_76>svg{position:relative;transform:translateZ(0);animation:_rotate_11iwi_1 var(--ds-animation-duration, 1.1s) linear infinite;width:inherit;height:inherit}@media (prefers-reduced-motion: reduce){._root_11iwi_76>svg{animation-duration:0s}}@keyframes _rotate_11iwi_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._screenReaderOnly_11iwi_123{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}

package/{button.DlFWwHuA.js → button.L1lgCuM9.js}

@@ -3,7 +3,7 @@ import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as a } from "./chunks/index.CvOaL64Y.js";
 import { u as e } from "./chunks/useBreakpoint.5xBNDiCf.js";
 import { D as I } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSSpinner as F } from "./spinner.DEtbkdfi.js";
+import { DSSpinner as F } from "./spinner.DVa112nj.js";
 import './assets/button.BdxtFZKx.css';const S = "_root_1jptm_151", x = "_root--highlight_1jptm_219", L = "_root--dark-highlight_1jptm_219", C = "_root--filled_1jptm_297", N = "_root--outline_1jptm_325", B = "_root--ghost_1jptm_352", E = "_root--ghost-flush_1jptm_377", R = "_root--small_1jptm_383", T = "_root--dark-filled_1jptm_460", V = "_root--dark-outline_1jptm_519", q = "_root--dark-ghost_1jptm_577", w = "_root--dark-ghost-flush_1jptm_633", A = "_root--icon-left_1jptm_692", J = "_root--icon-only_1jptm_708", K = "_root--icon-only-small_1jptm_717", M = "_loader_1jptm_732", P = "_icon--hidden_1jptm_744", Q = "_label--hidden_1jptm_748", U = "_label--loading_1jptm_760", o = {
   root: S,
   "root--highlight": "_root--highlight_1jptm_219",

package/{buttonround.eYOQM994.js → buttonround.ddSqXjYf.js}

@@ -2,7 +2,7 @@
 import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as h } from "./chunks/index.CvOaL64Y.js";
 import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSSpinner as p } from "./spinner.DEtbkdfi.js";
+import { DSSpinner as p } from "./spinner.DVa112nj.js";
 import './assets/buttonround.pR4StXA7.css';const F = "_root_lfeh_151", O = "_root--highlight_lfeh_219", G = "_root--dark-highlight_lfeh_219", I = "_root--filled_lfeh_297", S = "_root--outline_lfeh_325", x = "_root--ghost_lfeh_352", j = "_root--ghost-flush_lfeh_377", L = "_root--small_lfeh_383", C = "_root--dark-filled_lfeh_460", N = "_root--dark-outline_lfeh_519", R = "_root--dark-ghost_lfeh_577", B = "_root--dark-ghost-flush_lfeh_633", E = "_root--icon-left_lfeh_692", T = "_root--icon-only_lfeh_708", q = "_root--icon-only-small_lfeh_717", w = "_loader_lfeh_734", z = "_icon--hidden_lfeh_746", A = "_label--hidden_lfeh_750", J = "_label--loading_lfeh_762", o = {
   root: F,
   "root--highlight": "_root--highlight_lfeh_219",

package/chunks/AriaLiveRegions.utils.D2ni4Yrf.js

@@ -0,0 +1,34 @@
+"use client";
+import { g as i } from "./helpers.B1JT5ShS.js";
+import "react";
+import { h as s } from "./has-document.r9i9TxKV.js";
+const e = "ds-alert-live-region", t = "ds-status-live-region", g = () => document.getElementById(e), c = () => document.getElementById(t), m = () => {
+  if (!s)
+    return;
+  const n = document.querySelectorAll(
+    `#${e}`
+  ), o = document.querySelectorAll(
+    `#${t}`
+  );
+  if (n.length > 1)
+    throw new Error(
+      i(
+        "DSAriaLiveRegions",
+        `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${n.length} instances.`
+      )
+    );
+  if (o.length > 1)
+    throw new Error(
+      i(
+        "DSAriaLiveRegions",
+        `The DSAriaLiveRegions component with id="${t}" should only be present once on the page. Found ${o.length} instances.`
+      )
+    );
+};
+export {
+  e as A,
+  t as a,
+  c as b,
+  g,
+  m as v
+};

package/chunks/{Input.utils.AKWCNkpA.js → Input.utils.BGUhXCNP.js}

@@ -1,7 +1,8 @@
 "use client";
 import { g as t } from "./helpers.B1JT5ShS.js";
 import "react";
-const p = typeof document < "u", a = 8, i = 5, I = ["medium", "small"], u = [
+import { h as p } from "./has-document.r9i9TxKV.js";
+const a = 8, i = 5, T = ["medium", "small"], u = [
   "color",
   "date",
   "datetime-local",
@@ -26,15 +27,15 @@ const p = typeof document < "u", a = 8, i = 5, I = ["medium", "small"], u = [
   "submit",
   "image",
   "datetime"
-], T = ({
+], b = ({
   id: e,
   label: n,
   prefix: o,
   suffix: s,
   leadingIconName: r,
   leadingIconSource: d,
-  actionButtonIconName: c,
-  actionButtonIconSource: m
+  actionButtonIconName: m,
+  actionButtonIconSource: c
 }) => {
   if (!e)
     throw new Error(
@@ -65,13 +66,13 @@ const p = typeof document < "u", a = 8, i = 5, I = ["medium", "small"], u = [
       "DSInput",
       "Prefix and a leading Icon cannot be used at the same time."
     )
-  ), s && (c || m) && console.warn(
+  ), s && (m || c) && console.warn(
     t(
       "DSInput",
       "Suffix and an action button cannot be used at the same time."
     )
   );
-}, b = (e) => {
+}, D = (e) => {
   if (!u.includes(e) && !l.includes(e))
     throw new Error(
       t(
@@ -94,17 +95,17 @@ const p = typeof document < "u", a = 8, i = 5, I = ["medium", "small"], u = [
     hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
   };
   n[e] && console.warn(t("DSInput", n[e]));
-}, h = () => p && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), D = (e, n) => h() && (e || n), y = (e) => e === "date" || e === "datetime-local" || e === "month", U = (e) => e === "time";
+}, h = () => p && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), y = (e, n) => h() && (e || n), U = (e) => e === "date" || e === "datetime-local" || e === "month", P = (e) => e === "time";
 export {
-  I,
+  T as I,
   a as M,
   u as S,
   l as U,
   i as a,
-  b,
-  U as c,
+  D as b,
+  P as c,
   h,
-  y as i,
-  D as s,
-  T as v
+  U as i,
+  y as s,
+  b as v
 };

package/chunks/{InputPassword.DTqI58Z4.js → InputPassword.a7zHKrmM.js}

@@ -4,7 +4,7 @@ import { c as i } from "./index.CvOaL64Y.js";
 import { useState as D } from "react";
 import { u as C } from "./useBreakpoint.5xBNDiCf.js";
 import { Asterisk as L } from "../asterisk.Cjbk-xZi.js";
-import { DSButton as $ } from "../button.DlFWwHuA.js";
+import { DSButton as $ } from "../button.L1lgCuM9.js";
 import { DSSystemFeedback as E } from "../systemfeedback.CUWch42u.js";
 import { g as b } from "./helpers.B1JT5ShS.js";
 import '../assets/InputPassword.VCNO8ANM.css';const q = "_input_1s7sy_226", R = "_input--invalid_1s7sy_336", V = "_input--small_1s7sy_343", O = "_input--has-leading-icon_1s7sy_395", F = "_input--has-action-button_1s7sy_398", M = "_input--has-second-action-button_1s7sy_401", T = "_input--has-affix_1s7sy_413", G = "_input--is-ready_1s7sy_427", J = "_root_1s7sy_434", K = "_hint_1s7sy_442", Q = "_label_1s7sy_442", U = "_wrapper_1s7sy_446", W = "_action-button_1s7sy_452", X = "_label--hidden_1s7sy_469", Y = "_feedback_1s7sy_496", s = {

package/chunks/{InputSearch.IwQATLKh.js → InputSearch.DITRiB92.js}

@@ -5,7 +5,7 @@ import { useState as G, useRef as N, useEffect as w } from "react";
 import { g as S, a as J } from "./helpers.B1JT5ShS.js";
 import { u as K } from "./useBreakpoint.5xBNDiCf.js";
 import { Asterisk as Q } from "../asterisk.Cjbk-xZi.js";
-import { DSButton as D } from "../button.DlFWwHuA.js";
+import { DSButton as D } from "../button.L1lgCuM9.js";
 import { DSSystemFeedback as U } from "../systemfeedback.CUWch42u.js";
 import '../assets/InputSearch.BMRAb95l.css';const X = "_input_12zpu_226", Y = "_input--invalid_12zpu_336", Z = "_input--small_12zpu_343", tt = "_input--has-leading-icon_12zpu_395", nt = "_input--has-action-button_12zpu_398", et = "_input--has-second-action-button_12zpu_401", at = "_input--has-affix_12zpu_413", st = "_input--is-ready_12zpu_427", ot = "_root_12zpu_434", it = "_hint_12zpu_442", ut = "_label_12zpu_442", ct = "_wrapper_12zpu_446", lt = "_action-button_12zpu_452", pt = "_second-action-button_12zpu_456", rt = "_label--hidden_12zpu_473", _t = "_feedback_12zpu_500", t = {
   input: X,

package/chunks/{InputStepper.Jew1ETB6.js → InputStepper.Bf8NZ9pb.js}

@@ -4,8 +4,8 @@ import { c } from "./index.CvOaL64Y.js";
 import { useState as _, useRef as N, useEffect as w, useLayoutEffect as M } from "react";
 import { u as _t } from "./useBreakpoint.5xBNDiCf.js";
 import { Asterisk as ft } from "../asterisk.Cjbk-xZi.js";
-import { DSButton as X } from "../button.DlFWwHuA.js";
-import { M as E, a as H } from "./Input.utils.AKWCNkpA.js";
+import { DSButton as X } from "../button.L1lgCuM9.js";
+import { M as E, a as H } from "./Input.utils.BGUhXCNP.js";
 import { DSSystemFeedback as ht } from "../systemfeedback.CUWch42u.js";
 import { g as y } from "./helpers.B1JT5ShS.js";
 import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt = "_input--invalid_xdphx_336", St = "_input--small_xdphx_343", yt = "_input--has-leading-icon_xdphx_395", vt = "_input--has-action-button_xdphx_398", It = "_input--has-second-action-button_xdphx_401", gt = "_input--has-affix_xdphx_413", At = "_input--is-ready_xdphx_427", Bt = "_root_xdphx_437", Dt = "_hint_xdphx_445", Nt = "_label_xdphx_445", wt = "_wrapper_xdphx_449", Et = "_affix_xdphx_455", Ht = "_affix--small_xdphx_475", Lt = "_affix--disabled_xdphx_487", jt = "_prefix_xdphx_490", Rt = "_affix--readonly_xdphx_493", kt = "_suffix_xdphx_503", Ct = "_action-button_xdphx_510", $t = "_label--hidden_xdphx_527", Ft = "_feedback_xdphx_554", Vt = "_second-action-button_xdphx_568", Pt = "_value-announcer_xdphx_572", n = {

package/chunks/{Notification.DbflCBIL.js → Notification.DVVuSOqG.js}

@@ -2,7 +2,7 @@
 import { j as e } from "./jsx-runtime.C115EyI4.js";
 import { c as s } from "./index.CvOaL64Y.js";
 import { D as p } from "./Icon.n4XZrQ4N.js";
-import { DSButton as g } from "../button.DlFWwHuA.js";
+import { DSButton as g } from "../button.L1lgCuM9.js";
 import '../assets/Notification.Bg63cvs4.css';const N = "_root_l12pe_76", f = "_root--success_l12pe_100", h = "_root--error_l12pe_104", I = "_root--warning_l12pe_108", x = "_root--hide-icon_l12pe_112", A = "_content_l12pe_126", C = "_content--hide-close-button_l12pe_133", H = "_content--hide-icon_l12pe_136", j = "_icon_l12pe_140", S = "_message_l12pe_144", w = "_custom-action-area_l12pe_157", o = {
   root: N,
   "root--success": "_root--success_l12pe_100",

package/chunks/{Toast.BLGKvAvZ.js → Toast.RON4bFPY.js}

@@ -2,7 +2,7 @@
 import { j as n } from "./jsx-runtime.C115EyI4.js";
 import { c } from "./index.CvOaL64Y.js";
 import { forwardRef as u } from "react";
-import { DSButton as g } from "../button.DlFWwHuA.js";
+import { DSButton as g } from "../button.L1lgCuM9.js";
 import { D as h } from "./Icon.n4XZrQ4N.js";
 import '../assets/Toast.BzVaebc0.css';const p = "_root_127fr_80", x = "_root--closing_127fr_89", I = "_fade-out_127fr_1", S = "_move-in_127fr_1", N = "_root--success_127fr_124", j = "_root--info_127fr_128", v = "_root--warning_127fr_132", w = "_content_127fr_137", C = "_content--hide-icon_127fr_144", D = "_icon_127fr_148", O = "_message_127fr_152", o = {
   root: p,

package/chunks/has-document.r9i9TxKV.js

@@ -0,0 +1,5 @@
+"use client";
+const e = typeof document < "u";
+export {
+  e as h
+};

package/components/SkipToContent/SkipToContent.d.ts

@@ -0,0 +1,12 @@
+import { LinkProps } from '../Link/Link';
+
+export type SkipToContentProps = {
+    children?: string;
+    targetElementId?: string;
+} & Pick<LinkProps, 'className' | 'theme'>;
+/**
+ * The `<DSSkipToContent />` component is an accessibility feature that allows users, especially those using screen readers or keyboard navigation, to quickly jump to the targeted content of a webpage without having to focus all the navigation items first. This improves the user experience by making it easier and faster to access important information.
+ *
+ * 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;

package/components/SkipToContent/SkipToContent.test.d.ts

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

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/{dialog.qd2pOyVc.js → dialog.0qPUVJha.js}

@@ -2,7 +2,7 @@
 import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as u } from "./chunks/index.CvOaL64Y.js";
 import { useRef as f, useEffect as l } from "react";
-import { DSButton as m } from "./button.DlFWwHuA.js";
+import { DSButton as m } from "./button.L1lgCuM9.js";
 import './assets/dialog.CKwM2EBH.css';const _ = "_root_4piiz_76", p = "_success_4piiz_80", d = "_info_4piiz_84", g = "_warning_4piiz_88", h = {
   root: _,
   success: p,

package/{floatingactionbutton.CGV3YFQq.js → floatingactionbutton.D_e4vz2G.js}

@@ -2,7 +2,7 @@
 import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as t } from "./chunks/index.CvOaL64Y.js";
 import { D as k } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSSpinner as D } from "./spinner.DEtbkdfi.js";
+import { DSSpinner as D } from "./spinner.DVa112nj.js";
 import './assets/floatingactionbutton.CUvMbEMf.css';const x = "_root_qplp0_76", S = "_root--dark_qplp0_135", j = "_root--small_qplp0_175", H = "_loader_qplp0_194", y = "_icon--hidden_qplp0_206", N = "_label--hidden_qplp0_210", o = {
   root: x,
   "root--dark": "_root--dark_qplp0_135",

package/index.d.ts

@@ -35,6 +35,7 @@ export * from './components/RadioGroup/RadioGroup';
 export * from './components/RadioGroup/RadioGroup.utils';
 export * from './components/Select/Select';
 export * from './components/Select/Select.utils';
+export * from './components/SkipToContent/SkipToContent';
 export * from './components/Spinner/Spinner';
 export * from './components/Spinner/Spinner.utils';
 export * from './components/Switch/Switch';
@@ -45,3 +46,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,37 +1,39 @@
 "use client";
-import { DSAriaLiveRegions as x } from "./arialiveregions.BvZhV6hb.js";
-import { DSButton as N } from "./button.DlFWwHuA.js";
-import { DSButtonRound as u } from "./buttonround.eYOQM994.js";
-import { DSCheckbox as h } from "./checkbox.DNHdo6_n.js";
-import { D as f, v as A } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
+import { DSAriaLiveRegions as x } from "./arialiveregions.BK4T7Vhk.js";
+import { DSButton as u } from "./button.L1lgCuM9.js";
+import { DSButtonRound as c } 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.CGV3YFQq.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.BAxvG272.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.DTqI58Z4.js";
-import { D as So, i as lo, v as mo } from "./chunks/InputSearch.IwQATLKh.js";
-import { D as Io, v as To } from "./chunks/InputStepper.Jew1ETB6.js";
+import { DSInput as y } from "./input.DqSOhSMX.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 eo, v as ao, b as to } from "./chunks/Input.utils.BGUhXCNP.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.Bf8NZ9pb.js";
 import { DSLink as xo } from "./link.SAcKvzJ3.js";
-import { DSLinkStandalone as co } from "./linkstandalone.DNe0Nydm.js";
+import { DSLinkStandalone as No } from "./linkstandalone.DNe0Nydm.js";
 import { DSLogo as _o } from "./logo.BR_CUXFl.js";
-import { D as Eo, a as fo, N as Ao } from "./chunks/Notification.DbflCBIL.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 { DSSpinner as Go } from "./spinner.DEtbkdfi.js";
-import { DSSwitch as Fo } from "./switch.BezS5z0Y.js";
-import { DSText as ko } from "./text.CrYUewrP.js";
-import { D as wo, T as Vo, v as Ko } from "./chunks/Textarea.oqCrSopu.js";
-import { DSTitle as Wo } from "./title.Dvp8LKJt.js";
-const o = ["medium", "small"], a = [
+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 { DSToastProvider as zo, useDSToast as Jo } from "./toastmanager.BncH_rUP.js";
+const o = ["medium", "small"], e = [
   "filled",
   "highlight",
   "outline",
   "ghost"
-], e = ["filled", "highlight"], t = [
+], a = ["filled", "highlight"], t = [
   "x-large",
   "x-large-uppercase",
   "large",
@@ -69,15 +71,15 @@ const o = ["medium", "small"], a = [
   "xx-small"
 ], n = ["bold", "normal"], I = ["x-large", "large"];
 export {
-  e as BUTTON_ROUND_VARIANT,
+  a as BUTTON_ROUND_VARIANT,
   o as BUTTON_SIZE,
-  a as BUTTON_VARIANT,
+  e as BUTTON_VARIANT,
   P as COMBOBOX_SIZE,
   x as DSAriaLiveRegions,
-  N as DSButton,
-  u as DSButtonRound,
-  h as DSCheckbox,
-  f as DSCheckboxGroup,
+  u as DSButton,
+  c as DSButtonRound,
+  f as DSCheckbox,
+  E as DSCheckboxGroup,
   g as DSCombobox,
   X as DSFieldset,
   Z as DSFloatingActionButton,
@@ -88,16 +90,18 @@ export {
   So as DSInputSearch,
   Io as DSInputStepper,
   xo as DSLink,
-  co as DSLinkStandalone,
+  No as DSLinkStandalone,
   _o as DSLogo,
-  Eo as DSNotification,
+  ho as DSNotification,
   go as DSRadioGroup,
   Lo as DSSelect,
-  Go as DSSpinner,
-  Fo as DSSwitch,
-  ko as DSText,
-  wo as DSTextarea,
-  Wo as DSTitle,
+  Go as DSSkipToContent,
+  Fo as DSSpinner,
+  ko as DSSwitch,
+  wo as DSText,
+  Ko as DSTextarea,
+  qo as DSTitle,
+  zo as DSToastProvider,
   C as DS_COMBOBOX_TRANSLATIONS,
   R as DS_COMBOBOX_TRANSLATIONS_DE,
   L as DS_COMBOBOX_TRANSLATIONS_EN,
@@ -110,12 +114,12 @@ export {
   p as LINK_VARIANT,
   q as MAX_PREFIX_LENGTH,
   j as MAX_SUFFIX_LENGTH,
-  fo as NOTIFICATION_ICONS,
+  Eo as NOTIFICATION_ICONS,
   Ao as NOTIFICATION_VARIANT,
   Bo as SELECT_SIZE,
   S as SPINNER_SIZE,
   z as SUPPORTED_INPUT_TYPES,
-  Vo as TEXTAREA_SIZE,
+  yo as TEXTAREA_SIZE,
   m as TEXT_SIZE,
   l as TEXT_TAG,
   n as TEXT_WEIGHT,
@@ -128,17 +132,18 @@ export {
   lo as isWithinForm,
   vo as optionsHaveCustomArea,
   Po as optionsHaveHint,
-  ao as showCustomCalendarOrTimeIndicator,
+  eo as showCustomCalendarOrTimeIndicator,
+  Jo as useDSToast,
   V as useDynamicSvgImport,
   A as validateCheckboxGroupProps,
   B as validateComboboxProps,
   b as validateFieldsetProps,
   po as validateInputPasswordProps,
-  eo as validateInputProps,
+  ao as validateInputProps,
   mo as validateInputSearchProps,
   To as validateInputStepperProps,
   Co as validateRadioGroupProps,
   Xo as validateSelectProps,
-  Ko as validateTextareaProps,
+  Wo as validateTextareaProps,
   to as validateType
 };

package/{input.BAxvG272.js → input.DqSOhSMX.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.DlFWwHuA.js";
+import { DSButton as E } from "./button.L1lgCuM9.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.mn9qFlfs.js → inputpassword.Ba9SUUIK.js}

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

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

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

package/{inputstepper.DhbHujiM.js → inputstepper.DFQ4zC15.js}

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

package/{notification.CnJOdQza.js → notification.Csn5QCR2.js}

@@ -2,8 +2,8 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "./chunks/Icon.n4XZrQ4N.js";
-import { D as e } from "./chunks/Notification.DbflCBIL.js";
-import "./button.DlFWwHuA.js";
+import { D as e } from "./chunks/Notification.DVVuSOqG.js";
+import "./button.L1lgCuM9.js";
 export {
   e as DSNotification
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.5",
+  "version": "1.0.0-RC.7",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
   "keywords": [

package/skiptocontent._YZRKxnc.js

@@ -0,0 +1,44 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as k } from "./chunks/index.CvOaL64Y.js";
+import { DSLink as p } from "./link.SAcKvzJ3.js";
+import { g as n } from "./chunks/helpers.B1JT5ShS.js";
+import "react";
+import './assets/skiptocontent.DGVJ77cj.css';const c = "_skip-to-content_4ockd_76", h = "_skip-to-content--dark_4ockd_83", s = {
+  "skip-to-content": "_skip-to-content_4ockd_76",
+  skipToContent: c,
+  "skip-to-content--dark": "_skip-to-content--dark_4ockd_83",
+  skipToContentDark: h
+}, C = ({
+  children: e = "Skip to main content",
+  className: i,
+  targetElementId: t = "main",
+  theme: o = "light"
+}) => {
+  t.startsWith("#") && console.warn(
+    n(
+      "DSSkipToContent",
+      'The targetElementId should not start with a "#" character. Please provide the id of the element you want to skip to.'
+    )
+  ), (t.startsWith("http") || t.startsWith(".")) && console.warn(
+    n(
+      "DSSkipToContent",
+      'The targetElementId should not start with "http" or ".". Please provide the id of the element you want to skip to.'
+    )
+  );
+  const r = k(s.skipToContent, i, {
+    [s.skipToContentDark]: o === "dark"
+  });
+  return /* @__PURE__ */ a.jsx(
+    p,
+    {
+      className: r,
+      href: `#${t}`,
+      theme: o,
+      children: e
+    }
+  );
+};
+export {
+  C as DSSkipToContent
+};

package/skiptocontent.d.ts

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

package/spinner.DVa112nj.js

@@ -0,0 +1,58 @@
+"use client";
+import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as n } from "./chunks/index.CvOaL64Y.js";
+import { D as _ } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/spinner.D_Nnf1ZG.css';const m = "_root_11iwi_76", z = "_root-size-small_11iwi_82", c = "_root-size-medium_11iwi_86", S = "_root-size-large_11iwi_90", d = "_root-size-x-large_11iwi_94", g = "_root-size-inherit_11iwi_98", w = "_rotate_11iwi_1", u = "_screenReaderOnly_11iwi_123", e = {
+  root: m,
+  "root-size-small": "_root-size-small_11iwi_82",
+  rootSizeSmall: z,
+  "root-size-medium": "_root-size-medium_11iwi_86",
+  rootSizeMedium: c,
+  "root-size-large": "_root-size-large_11iwi_90",
+  rootSizeLarge: S,
+  "root-size-x-large": "_root-size-x-large_11iwi_94",
+  rootSizeXLarge: d,
+  "root-size-inherit": "_root-size-inherit_11iwi_98",
+  rootSizeInherit: g,
+  rotate: w,
+  screenReaderOnly: u
+}, L = ({
+  aria: i,
+  className: t,
+  size: o = "small",
+  theme: s = "light",
+  ...a
+}) => {
+  const l = n(e.root, t, {
+    [e.rootSizeSmall]: o === "small",
+    [e.rootSizeMedium]: o === "medium",
+    [e.rootSizeLarge]: o === "large",
+    [e.rootSizeXLarge]: o === "x-large",
+    [e.rootSizeInherit]: o === "inherit"
+  });
+  return /* @__PURE__ */ r.jsxs(
+    "span",
+    {
+      className: l,
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-label": (i == null ? void 0 : i["aria-label"]) || void 0,
+      ...a,
+      children: [
+        /* @__PURE__ */ r.jsx("span", { className: e.screenReaderOnly, children: " " }),
+        /* @__PURE__ */ r.jsx(
+          _,
+          {
+            name: "loading-spinner",
+            theme: s,
+            focusable: "false",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  L as DSSpinner
+};

package/{switch.BezS5z0Y.js → switch.rd7PdLc9.js}

@@ -3,7 +3,7 @@ import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as b } from "./chunks/index.CvOaL64Y.js";
 import "react";
 import { D as p } from "./chunks/Icon.n4XZrQ4N.js";
-import { DSSpinner as f } from "./spinner.DEtbkdfi.js";
+import { DSSpinner as f } from "./spinner.DVa112nj.js";
 import './assets/switch.Ds-I_ybT.css';const v = "_root_vzlrg_76", x = "_root--label-right_vzlrg_114", z = "_root--stretched_vzlrg_117", j = "_loader_vzlrg_127", k = "_thumb_vzlrg_180", S = "_root--checked_vzlrg_195", r = {
   root: v,
   "root--label-right": "_root--label-right_vzlrg_114",

package/{toast.BR7QuHOG.js → toast.r_yhGYEe.js}

@@ -2,9 +2,9 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./button.DlFWwHuA.js";
+import "./button.L1lgCuM9.js";
 import "./chunks/Icon.n4XZrQ4N.js";
-import { D as s } from "./chunks/Toast.BLGKvAvZ.js";
+import { D as s } from "./chunks/Toast.RON4bFPY.js";
 export {
   s as DSToast
 };

package/toastmanager.BncH_rUP.js

@@ -0,0 +1,117 @@
+"use client";
+import { j as h } from "./chunks/jsx-runtime.C115EyI4.js";
+import { createContext as C, useContext as P, useState as S, useRef as O, useEffect as A, useMemo as j } from "react";
+import { g as a } from "./chunks/helpers.B1JT5ShS.js";
+import { g as E, b as x } from "./chunks/AriaLiveRegions.utils.D2ni4Yrf.js";
+import { D as _, s as U } from "./chunks/Toast.RON4bFPY.js";
+import { h as q } from "./chunks/has-document.r9i9TxKV.js";
+const Q = () => {
+  if (!E() || !x())
+    throw new Error(
+      a(
+        "DSToast",
+        'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'
+      )
+    );
+}, k = () => {
+  if (!q)
+    return;
+  if (document.querySelectorAll("[data-ds-toast]").length > 1)
+    throw new Error(
+      a(
+        "DSToast",
+        'The destructured "toast" element should only be used once in the DOM.'
+      )
+    );
+}, i = "data-ds-toast-timeout-id", D = "closing", B = 1e4, w = C(void 0), J = () => {
+  const n = P(w);
+  if (!n)
+    throw new Error(
+      a(
+        "DSToastProvider",
+        "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."
+      )
+    );
+  return n;
+}, K = ({
+  children: n
+}) => {
+  const [u, c] = S([]), [s, l] = S(null), o = O(null);
+  A(() => {
+    !s && u.length > 0 && setTimeout(() => {
+      l(u[0]);
+    });
+  }, [u]), A(() => {
+    s && (M(s.message, s.variant), I());
+  }, [s]);
+  const m = () => {
+    var e;
+    return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
+  }, T = (e) => {
+    var t;
+    (t = o.current) == null || t.setAttribute(i, e);
+  }, L = () => {
+    var e;
+    return (e = o.current) == null ? void 0 : e.removeAttribute(i);
+  }, M = (e, t) => {
+    if (t === "warning") {
+      const r = E();
+      r && (r.innerText = e);
+    } else if (t === "success" || t === "info") {
+      const r = x();
+      r && (r.innerText = e);
+    }
+  }, d = (e, t) => {
+    Q();
+    const r = {
+      message: e,
+      hideIcon: t == null ? void 0 : t.hideIcon,
+      variant: (t == null ? void 0 : t.variant) || "info",
+      onClick: () => {
+        g();
+      },
+      onMouseEnter: R,
+      onMouseLeave: p
+    };
+    c((y) => [...y, r]);
+  }, R = () => {
+    f();
+  }, f = () => {
+    var t;
+    const e = m();
+    e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
+  }, v = () => {
+    const e = setTimeout(() => {
+      g();
+    }, B);
+    T(String(e));
+  }, p = () => {
+    m() !== D && o.current && v();
+  }, I = () => {
+    k(), o.current && s && (o.current.showPopover(), v());
+  }, g = () => {
+    f(), T(D), o.current && (o.current.addEventListener(
+      "animationend",
+      () => {
+        o.current && (o.current.hidePopover(), L(), o.current = null, c((e) => e.slice(1)), l(null));
+      },
+      {
+        once: !0
+        // removes event listener after being called once
+      }
+    ), o.current.classList.add(U.rootClosing));
+  }, b = j(
+    () => ({
+      queueDSToastMessage: d
+    }),
+    [d]
+  );
+  return /* @__PURE__ */ h.jsxs(w.Provider, { value: b, children: [
+    s ? /* @__PURE__ */ h.jsx(_, { ...s, ref: o }) : void 0,
+    n
+  ] });
+};
+export {
+  K as DSToastProvider,
+  J as useDSToast
+};

package/assets/spinner.LuV09jaU.css

@@ -1 +0,0 @@
-._root_9ofhu_76{display:inline-flex;vertical-align:top;margin:0;padding:0}._root-size-small_9ofhu_82{height:1rem;width:1rem}._root-size-medium_9ofhu_86{height:2rem;width:2rem}._root-size-large_9ofhu_90{height:2.5rem;width:2.5rem}._root-size-x-large_9ofhu_94{height:4rem;width:4rem}._root-size-inherit_9ofhu_98{height:inherit;width:inherit}._root_9ofhu_76>svg{position:relative;transform:translateZ(0);animation:_rotate_9ofhu_1 var(--ds-animation-duration, 1.1s) linear infinite;width:inherit;height:inherit}@keyframes _rotate_9ofhu_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._screenReaderOnly_9ofhu_118{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}

package/chunks/AriaLiveRegions.utils.DzWI5KCU.js

@@ -1,31 +0,0 @@
-"use client";
-import { g as i } from "./helpers.B1JT5ShS.js";
-import "react";
-const e = "ds-alert-live-region", n = "ds-status-live-region", r = () => document.getElementById(e), a = () => document.getElementById(n), g = () => {
-  const t = document.querySelectorAll(
-    `#${e}`
-  ), o = document.querySelectorAll(
-    `#${n}`
-  );
-  if (t.length > 1)
-    throw new Error(
-      i(
-        "DSAriaLiveRegions",
-        `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${t.length} instances.`
-      )
-    );
-  if (o.length > 1)
-    throw new Error(
-      i(
-        "DSAriaLiveRegions",
-        `The DSAriaLiveRegions component with id="${n}" should only be present once on the page. Found ${o.length} instances.`
-      )
-    );
-};
-export {
-  e as A,
-  n as a,
-  a as b,
-  r as g,
-  g as v
-};

package/spinner.DEtbkdfi.js

@@ -1,58 +0,0 @@
-"use client";
-import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as n } from "./chunks/index.CvOaL64Y.js";
-import { D as _ } from "./chunks/Icon.n4XZrQ4N.js";
-import './assets/spinner.LuV09jaU.css';const m = "_root_9ofhu_76", z = "_root-size-small_9ofhu_82", u = "_root-size-medium_9ofhu_86", c = "_root-size-large_9ofhu_90", h = "_root-size-x-large_9ofhu_94", S = "_root-size-inherit_9ofhu_98", f = "_rotate_9ofhu_1", d = "_screenReaderOnly_9ofhu_118", o = {
-  root: m,
-  "root-size-small": "_root-size-small_9ofhu_82",
-  rootSizeSmall: z,
-  "root-size-medium": "_root-size-medium_9ofhu_86",
-  rootSizeMedium: u,
-  "root-size-large": "_root-size-large_9ofhu_90",
-  rootSizeLarge: c,
-  "root-size-x-large": "_root-size-x-large_9ofhu_94",
-  rootSizeXLarge: h,
-  "root-size-inherit": "_root-size-inherit_9ofhu_98",
-  rootSizeInherit: S,
-  rotate: f,
-  screenReaderOnly: d
-}, L = ({
-  aria: r,
-  className: i,
-  size: e = "small",
-  theme: s = "light",
-  ...a
-}) => {
-  const l = n(o.root, i, {
-    [o.rootSizeSmall]: e === "small",
-    [o.rootSizeMedium]: e === "medium",
-    [o.rootSizeLarge]: e === "large",
-    [o.rootSizeXLarge]: e === "x-large",
-    [o.rootSizeInherit]: e === "inherit"
-  });
-  return /* @__PURE__ */ t.jsxs(
-    "span",
-    {
-      className: l,
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-label": (r == null ? void 0 : r["aria-label"]) || void 0,
-      ...a,
-      children: [
-        /* @__PURE__ */ t.jsx("span", { className: o.screenReaderOnly, children: " " }),
-        /* @__PURE__ */ t.jsx(
-          _,
-          {
-            name: "loading-spinner",
-            theme: s,
-            focusable: "false",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  L as DSSpinner
-};

package/toastmanager.DBp8B1e3.js

@@ -1,96 +0,0 @@
-"use client";
-import { j as w } from "./chunks/jsx-runtime.C115EyI4.js";
-import { useState as f, useRef as x, useEffect as g } from "react";
-import { g as h, b as A } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
-import { D, s as y } from "./chunks/Toast.BLGKvAvZ.js";
-import { g as E } from "./chunks/helpers.B1JT5ShS.js";
-const O = () => {
-  if (!h() || !A())
-    throw new Error(
-      E(
-        "DSToast",
-        'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'
-      )
-    );
-}, C = () => {
-  if (document.querySelectorAll("[data-ds-toast]").length > 1)
-    throw new Error(
-      E(
-        "DSToast",
-        'The destructured "toast" element should only be used once in the DOM.'
-      )
-    );
-}, i = "data-ds-toast-timeout-id", v = "closing", P = 1e4, k = () => {
-  const [r, u] = f([]), [s, a] = f(null), o = x(null);
-  g(() => {
-    !s && r.length > 0 && setTimeout(() => {
-      a(r[0]);
-    });
-  }, [r]), g(() => {
-    s && (R(s.message, s.variant), b());
-  }, [s]);
-  const c = () => {
-    var e;
-    return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
-  }, l = (e) => {
-    var t;
-    (t = o.current) == null || t.setAttribute(i, e);
-  }, L = () => {
-    var e;
-    return (e = o.current) == null ? void 0 : e.removeAttribute(i);
-  }, R = (e, t) => {
-    if (t === "warning") {
-      const n = h();
-      n && (n.innerText = e);
-    } else if (t === "success" || t === "info") {
-      const n = A();
-      n && (n.innerText = e);
-    }
-  }, S = (e, t) => {
-    O();
-    const n = {
-      message: e,
-      hideIcon: t == null ? void 0 : t.hideIcon,
-      variant: (t == null ? void 0 : t.variant) || "info",
-      onClick: () => {
-        d();
-      },
-      onMouseEnter: I,
-      onMouseLeave: M
-    };
-    u((p) => [...p, n]);
-  }, I = () => {
-    T();
-  }, T = () => {
-    var t;
-    const e = c();
-    e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
-  }, m = () => {
-    const e = setTimeout(() => {
-      d();
-    }, P);
-    l(String(e));
-  }, M = () => {
-    c() !== v && o.current && m();
-  }, b = () => {
-    C(), o.current && s && (o.current.showPopover(), m());
-  }, d = () => {
-    T(), l(v), o.current && (o.current.addEventListener(
-      "animationend",
-      () => {
-        o.current && (o.current.hidePopover(), L(), o.current = null, u((e) => e.slice(1)), a(null));
-      },
-      {
-        once: !0
-        // removes event listener after being called once
-      }
-    ), o.current.classList.add(y.rootClosing));
-  };
-  return {
-    toast: s ? /* @__PURE__ */ w.jsx(D, { ...s, ref: o }) : void 0,
-    queueToastMessage: S
-  };
-};
-export {
-  k as useToast
-};