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

package/chunks/Select.ByKUcvrB.js

@@ -0,0 +1,195 @@
+"use client";
+import { j as t } from "./jsx-runtime.BteaETFx.js";
+import { c as r } from "./index.CEyLAtio.js";
+import { useRef as C, useState as q, useEffect as W } from "react";
+import { u as M } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as T } from "../asterisk.DdCXwXQh.js";
+import { D as F } from "./Icon.CvVRQw6C.js";
+import { DSSystemFeedback as V } from "../systemfeedback.bHSsfiy3.js";
+import { g as _, r as Z } from "./helpers.CcqWV-wZ.js";
+import '../assets/Select.KvAgxJZk.css';const J = "ds-select_root_1ui0h_1", K = "ds-select_hint_1ui0h_9", O = "ds-select_label_1ui0h_9", Q = "ds-select_wrapper_1ui0h_13", U = "ds-select_affix_1ui0h_19", X = "ds-select_affix--small_1ui0h_40", Y = "ds-select_affix--disabled_1ui0h_53", z = "ds-select_prefix_1ui0h_61", G = "ds-select_affix--readonly_1ui0h_64", ee = "ds-select_suffix_1ui0h_74", se = "ds-select_action-button_1ui0h_81", te = "ds-select_label--hidden_1ui0h_99", le = "ds-select_label--disabled_1ui0h_112", ce = "ds-select_feedback_1ui0h_132", ae = "ds-select_select-wrapper_1ui0h_137", ne = "ds-select_select_1ui0h_137", ie = "ds-select_select--invalid_1ui0h_262", oe = "ds-select_select--small_1ui0h_269", de = "ds-select_input--has-leading-icon_1ui0h_322", re = "ds-select_input--has-action-button_1ui0h_325", _e = "ds-select_input--has-second-action-button_1ui0h_328", ue = "ds-select_select--has-leading-icon_1ui0h_331", he = "ds-select_select--has-action-button_1ui0h_334", fe = "ds-select_select--has-second-action-button_1ui0h_337", pe = "ds-select_select--has-affix_1ui0h_340", be = "ds-select_select--is-ready_1ui0h_354", me = "ds-select_select--placeholder_1ui0h_371", xe = "ds-select_chevron_1ui0h_410", Se = "ds-select_chevron--small_1ui0h_414", ve = "ds-select_chevron--disabled_1ui0h_417", e = {
+  root: J,
+  hint: K,
+  label: O,
+  wrapper: Q,
+  affix: U,
+  "affix--small": "ds-select_affix--small_1ui0h_40",
+  affixSmall: X,
+  "affix--disabled": "ds-select_affix--disabled_1ui0h_53",
+  affixDisabled: Y,
+  prefix: z,
+  "affix--readonly": "ds-select_affix--readonly_1ui0h_64",
+  affixReadonly: G,
+  suffix: ee,
+  "action-button": "ds-select_action-button_1ui0h_81",
+  actionButton: se,
+  "label--hidden": "ds-select_label--hidden_1ui0h_99",
+  labelHidden: te,
+  "label--disabled": "ds-select_label--disabled_1ui0h_112",
+  labelDisabled: le,
+  feedback: ce,
+  "select-wrapper": "ds-select_select-wrapper_1ui0h_137",
+  selectWrapper: ae,
+  select: ne,
+  "select--invalid": "ds-select_select--invalid_1ui0h_262",
+  selectInvalid: ie,
+  "select--small": "ds-select_select--small_1ui0h_269",
+  selectSmall: oe,
+  "input--has-leading-icon": "ds-select_input--has-leading-icon_1ui0h_322",
+  inputHasLeadingIcon: de,
+  "input--has-action-button": "ds-select_input--has-action-button_1ui0h_325",
+  inputHasActionButton: re,
+  "input--has-second-action-button": "ds-select_input--has-second-action-button_1ui0h_328",
+  inputHasSecondActionButton: _e,
+  "select--has-leading-icon": "ds-select_select--has-leading-icon_1ui0h_331",
+  selectHasLeadingIcon: ue,
+  "select--has-action-button": "ds-select_select--has-action-button_1ui0h_334",
+  selectHasActionButton: he,
+  "select--has-second-action-button": "ds-select_select--has-second-action-button_1ui0h_337",
+  selectHasSecondActionButton: fe,
+  "select--has-affix": "ds-select_select--has-affix_1ui0h_340",
+  selectHasAffix: pe,
+  "select--is-ready": "ds-select_select--is-ready_1ui0h_354",
+  selectIsReady: be,
+  "select--placeholder": "ds-select_select--placeholder_1ui0h_371",
+  selectPlaceholder: me,
+  chevron: xe,
+  "chevron--small": "ds-select_chevron--small_1ui0h_414",
+  chevronSmall: Se,
+  "chevron--disabled": "ds-select_chevron--disabled_1ui0h_417",
+  chevronDisabled: ve
+}, Le = ["medium", "small"], ye = ({
+  id: s,
+  label: a,
+  options: c
+}) => {
+  if (!s)
+    throw new Error(
+      _(
+        "DSSelect",
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'
+      )
+    );
+  if (!a)
+    throw new Error(
+      _(
+        "DSSelect",
+        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`
+      )
+    );
+  if (Array.isArray(c)) {
+    if (c.length === 0)
+      throw new Error(
+        _("DSSelect", "The options array must not be empty.")
+      );
+  } else throw new Error(
+    _("DSSelect", Z("options", "DSSelect"))
+  );
+}, ge = (s, a, c) => s === "" || a !== void 0 && a !== "" ? !1 : !(c !== void 0 && c !== ""), Ne = ({
+  id: s,
+  label: a,
+  options: c,
+  className: H,
+  defaultValue: b,
+  disabled: u = !1,
+  hideLabel: w = !1,
+  hint: h,
+  invalid: d = !1,
+  placeholder: f = "Select",
+  required: m = !1,
+  size: x = "medium",
+  systemFeedback: p,
+  value: S,
+  ...I
+}) => {
+  process.env.NODE_ENV !== "production" && ye({
+    id: s,
+    label: a,
+    options: c
+  });
+  const o = C(null), [A, E] = q(
+    ge(f, b, S)
+  );
+  W(() => {
+    if (!o.current) return;
+    const n = () => {
+      if (!o.current) return;
+      const i = o.current.value;
+      E(i === "");
+    }, l = o.current;
+    return l.addEventListener("change", n), () => {
+      l.removeEventListener("change", n);
+    };
+  }, []);
+  const j = M(w), v = `${s}-label`, y = `${s}-feedback`, g = `${s}-hint`, B = h ? ` ${g}` : "", L = (n) => [
+    f && /* @__PURE__ */ t.jsx("option", { value: "", children: f }, `${s}-hidden-option-disabled-placeholder`),
+    ...n.map((l) => {
+      if ("options" in l) {
+        const { label: i, options: $ } = l;
+        return /* @__PURE__ */ t.jsx("optgroup", { label: i, children: $.map(D) }, i);
+      } else
+        return D(l);
+    })
+  ], D = ({ label: n, value: l, isDisabled: i }) => /* @__PURE__ */ t.jsx("option", { value: l, disabled: i, children: n }, l), N = r(e.root, H), P = r(e.select, {
+    [e.selectSmall]: x === "small",
+    [e.selectInvalid]: d,
+    [e.selectPlaceholder]: A
+  }), k = r(e.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelHidden]: j,
+    [e.labelDisabled]: u
+  }), R = r(e.chevron, {
+    [e.chevronSmall]: x === "small",
+    [e.chevronDisabled]: u
+  });
+  return /* @__PURE__ */ t.jsxs("div", { className: N, children: [
+    /* @__PURE__ */ t.jsxs("label", { className: k, id: v, htmlFor: s, children: [
+      a,
+      m && /* @__PURE__ */ t.jsx(T, {})
+    ] }),
+    h && /* @__PURE__ */ t.jsx("div", { className: e.hint, id: g, children: h }),
+    d && p && /* @__PURE__ */ t.jsx(
+      V,
+      {
+        className: e.feedback,
+        message: p,
+        type: "invalid",
+        id: y,
+        "aria-live": "assertive"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: e.selectWrapper, children: [
+      /* @__PURE__ */ t.jsx(
+        "select",
+        {
+          ...I,
+          id: s,
+          ref: o,
+          className: P,
+          "aria-labelledby": `${v}${B}`,
+          "aria-describedby": d && p ? y : void 0,
+          "aria-invalid": d,
+          defaultValue: b,
+          value: S,
+          disabled: u,
+          required: m,
+          children: L(c)
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        F,
+        {
+          name: "chevron-down",
+          className: R,
+          "aria-hidden": "true"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Ne as D,
+  Le as S,
+  ge as g,
+  ye as v
+};

package/chunks/TabPane.utils.CWMN6Tsy.js

@@ -0,0 +1,20 @@
+"use client";
+const n = (t) => [
+  "A",
+  "BUTTON",
+  "INPUT",
+  "SELECT",
+  "TEXTAREA",
+  "AUDIO",
+  "VIDEO"
+].includes(t.tagName) || t.hasAttribute("contenteditable"), r = (t) => {
+  const e = (a) => n(a) ? !0 : Array.from(a.children).some(
+    (s) => e(s)
+  );
+  return e(t);
+}, c = (t, e) => `tabs-${t}-tabbutton-${e}`, o = (t, e, a) => `tabs-${t}-tabpanel-${e}-${a}`;
+export {
+  c as a,
+  r as c,
+  o as g
+};

package/chunks/Tabs.UwweipbU.js

@@ -0,0 +1,84 @@
+"use client";
+import { j as t } from "./jsx-runtime.BteaETFx.js";
+import { useState as h } from "react";
+import { TabList as l } from "../tablist.BCOOuiX4.js";
+import { TabPane as S } from "../tabpane.CAy_cIi3.js";
+import { g as d } from "./TabPane.utils.CWMN6Tsy.js";
+import { g as o, r as g } from "./helpers.CcqWV-wZ.js";
+const j = ["left", "center"], P = ["prev", "next"], w = ({
+  id: e,
+  tabs: r,
+  defaultSelectedTabIndex: s = 0
+}) => {
+  if (!e)
+    throw new Error(
+      o(
+        "DSTabs",
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSTabs component.'
+      )
+    );
+  if (Array.isArray(r)) {
+    if (r.length === 0)
+      throw new Error(
+        o("DSTabs", "The tabs array must not be empty.")
+      );
+  } else throw new Error(
+    o("DSTabs", g("tabs", "DSTabs"))
+  );
+  if (s < 0 || s >= r.length)
+    throw new Error(
+      o(
+        "DSTabs",
+        `Invalid defaultSelectedTabIndex: ${s}. It must be between 0 and ${r.length - 1}.`
+      )
+    );
+}, q = ({
+  id: e,
+  tabs: r,
+  alignment: s = "left",
+  className: m,
+  classNameTabPane: T,
+  defaultSelectedTabIndex: a = 0,
+  onTabChange: c,
+  ...u
+}) => {
+  process.env.NODE_ENV !== "production" && w({
+    id: e,
+    tabs: r,
+    defaultSelectedTabIndex: a
+  });
+  const [n, f] = h(
+    a
+  );
+  return /* @__PURE__ */ t.jsxs("div", { className: m, id: e, ...u, children: [
+    /* @__PURE__ */ t.jsx(
+      l,
+      {
+        id: e,
+        tabs: r,
+        setSelectedTabIndex: f,
+        selectedTabIndex: n,
+        alignment: s,
+        onTabChange: c
+      }
+    ),
+    r.map(({ id: i, content: D }, p) => /* @__PURE__ */ t.jsx(
+      S,
+      {
+        id: i,
+        content: D,
+        index: p,
+        selectedTabIndex: n,
+        tabListId: e,
+        className: T
+      },
+      d(e, i, p)
+    ))
+  ] });
+};
+export {
+  q as D,
+  j as T,
+  P as a,
+  w as v
+};

package/chunks/{Textarea.DUBSOpNL.js → Textarea.BzHIGYVB.js}

@@ -1,54 +1,54 @@
 "use client";
-import { j as s } from "./jsx-runtime.C115EyI4.js";
-import { c as g } from "./index.CvOaL64Y.js";
+import { j as s } from "./jsx-runtime.BteaETFx.js";
+import { c as g } from "./index.CEyLAtio.js";
 import { useState as d, useRef as re, useEffect as x } from "react";
-import { u as ne, h as oe } from "./useBreakpoint.5xBNDiCf.js";
-import { g as V, p as z } from "./helpers.B1JT5ShS.js";
-import { Asterisk as ie } from "../asterisk.DpzETKdT.js";
-import { DSSystemFeedback as le } from "../systemfeedback.C3Pfxxpp.js";
-import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_1", ce = "ds-textarea_textarea--invalid_18bj7_113", _e = "ds-textarea_textarea--small_18bj7_120", ue = "ds-textarea_textarea--resize-auto_18bj7_139", be = "ds-textarea_root_18bj7_149", fe = "ds-textarea_hint_18bj7_157", xe = "ds-textarea_label_18bj7_157", je = "ds-textarea_affix_18bj7_161", me = "ds-textarea_affix--small_18bj7_182", he = "ds-textarea_affix--disabled_18bj7_195", pe = "ds-textarea_prefix_18bj7_203", ve = "ds-textarea_affix--readonly_18bj7_206", ge = "ds-textarea_suffix_18bj7_216", Se = "ds-textarea_leading-icon_18bj7_223", Ie = "ds-textarea_leading-icon--small_18bj7_235", Ce = "ds-textarea_leading-icon--disabled_18bj7_238", ye = "ds-textarea_action-button_18bj7_247", De = "ds-textarea_label--hidden_18bj7_265", Ae = "ds-textarea_label--disabled_18bj7_278", we = "ds-textarea_feedback_18bj7_298", Re = "ds-textarea_char-count_18bj7_303", Te = "ds-textarea_char-count-announcer_18bj7_319", t = {
-  textarea: de,
+import { g as V, p as z } from "./helpers.CcqWV-wZ.js";
+import { u as ne } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as oe } from "../asterisk.DdCXwXQh.js";
+import { DSSystemFeedback as ie } from "../systemfeedback.bHSsfiy3.js";
+import '../assets/Textarea.BIRQlv6m.css';const le = "ds-textarea_textarea_18bj7_1", de = "ds-textarea_textarea--invalid_18bj7_113", ce = "ds-textarea_textarea--small_18bj7_120", _e = "ds-textarea_textarea--resize-auto_18bj7_139", ue = "ds-textarea_root_18bj7_149", be = "ds-textarea_hint_18bj7_157", fe = "ds-textarea_label_18bj7_157", xe = "ds-textarea_affix_18bj7_161", je = "ds-textarea_affix--small_18bj7_182", me = "ds-textarea_affix--disabled_18bj7_195", he = "ds-textarea_prefix_18bj7_203", pe = "ds-textarea_affix--readonly_18bj7_206", ve = "ds-textarea_suffix_18bj7_216", ge = "ds-textarea_leading-icon_18bj7_223", Se = "ds-textarea_leading-icon--small_18bj7_235", Ie = "ds-textarea_leading-icon--disabled_18bj7_238", Ce = "ds-textarea_action-button_18bj7_247", ye = "ds-textarea_label--hidden_18bj7_265", De = "ds-textarea_label--disabled_18bj7_278", Ae = "ds-textarea_feedback_18bj7_298", Re = "ds-textarea_char-count_18bj7_303", Te = "ds-textarea_char-count-announcer_18bj7_319", t = {
+  textarea: le,
   "textarea--invalid": "ds-textarea_textarea--invalid_18bj7_113",
-  textareaInvalid: ce,
+  textareaInvalid: de,
   "textarea--small": "ds-textarea_textarea--small_18bj7_120",
-  textareaSmall: _e,
+  textareaSmall: ce,
   "textarea--resize-auto": "ds-textarea_textarea--resize-auto_18bj7_139",
-  textareaResizeAuto: ue,
-  root: be,
-  hint: fe,
-  label: xe,
-  affix: je,
+  textareaResizeAuto: _e,
+  root: ue,
+  hint: be,
+  label: fe,
+  affix: xe,
   "affix--small": "ds-textarea_affix--small_18bj7_182",
-  affixSmall: me,
+  affixSmall: je,
   "affix--disabled": "ds-textarea_affix--disabled_18bj7_195",
-  affixDisabled: he,
-  prefix: pe,
+  affixDisabled: me,
+  prefix: he,
   "affix--readonly": "ds-textarea_affix--readonly_18bj7_206",
-  affixReadonly: ve,
-  suffix: ge,
+  affixReadonly: pe,
+  suffix: ve,
   "leading-icon": "ds-textarea_leading-icon_18bj7_223",
-  leadingIcon: Se,
+  leadingIcon: ge,
   "leading-icon--small": "ds-textarea_leading-icon--small_18bj7_235",
-  leadingIconSmall: Ie,
+  leadingIconSmall: Se,
   "leading-icon--disabled": "ds-textarea_leading-icon--disabled_18bj7_238",
-  leadingIconDisabled: Ce,
+  leadingIconDisabled: Ie,
   "action-button": "ds-textarea_action-button_18bj7_247",
-  actionButton: ye,
+  actionButton: Ce,
   "label--hidden": "ds-textarea_label--hidden_18bj7_265",
-  labelHidden: De,
+  labelHidden: ye,
   "label--disabled": "ds-textarea_label--disabled_18bj7_278",
-  labelDisabled: Ae,
-  feedback: we,
+  labelDisabled: De,
+  feedback: Ae,
   "char-count": "ds-textarea_char-count_18bj7_303",
   charCount: Re,
   "char-count-announcer": "ds-textarea_char-count-announcer_18bj7_319",
   charCountAnnouncer: Te
-}, Pe = ["medium", "small"], Ee = ({ id: r, label: _ }) => {
+}, ze = ["medium", "small"], we = ({ id: r, label: _ }) => {
   if (!r)
     throw new Error(
       V(
         "DSTextarea",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSTextarea component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'
       )
     );
   if (!_)
@@ -58,7 +58,7 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
         `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`
       )
     );
-}, qe = ({
+}, Pe = ({
   id: r,
   label: _,
   charsLimitText: P = "Character limit reached",
@@ -73,45 +73,45 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
   readonly: I = !1,
   required: C = !1,
   resize: u = "vertical",
-  size: W = "medium",
+  size: X = "medium",
   systemFeedback: i,
   value: m,
-  wrapperClassName: X,
+  wrapperClassName: Z,
   onChange: y,
   onInput: D,
-  ...Z
+  ...G
 }) => {
-  process.env.NODE_ENV !== "production" && Ee({
+  process.env.NODE_ENV !== "production" && we({
     id: r,
     label: _
   });
-  const [G, A] = d(O || ""), [l, w] = d(0), [J, R] = d(0), [K, T] = d("off"), [E, h] = d(i), [p, v] = d(n), N = m !== void 0, b = N ? m : G, o = re(null), Q = ne(F);
+  const [J, A] = d(O || ""), [l, R] = d(0), [K, T] = d(0), [Q, w] = d("off"), [E, h] = d(i), [p, v] = d(n), N = m !== void 0, b = N ? m : J, o = re(null), U = ne(F);
   x(() => {
     if (!e || e <= 0)
       return;
-    l >= e * 0.8 ? T("polite") : T("off");
+    l >= e * 0.8 ? w("polite") : w("off");
     const a = setTimeout(() => {
-      R(e - l || 0);
+      T(e - l || 0);
     }, 1e3);
     return () => clearTimeout(a);
   }, [l]), x(() => {
-    A(b || ""), c(), e && e > 0 && (w(b.toString().length || 0), R(e - b.toString().length || 0));
+    A(b || ""), c(), e && e > 0 && (R(b.toString().length || 0), T(e - b.toString().length || 0));
   }, [m]), x(() => {
     n && i ? (h(i), v(n)) : !n && e && e >= 0 && l >= e ? (v(!0), h(P)) : (h(i), v(n));
   }, [n, p, i, l]), x(() => {
-    if (oe && u === "auto")
+    if (u === "auto")
       return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, [u, o.current]);
-  const U = g(t.root, X), Y = g(t.textarea, M, {
+  const W = g(t.root, Z), Y = g(t.textarea, M, {
     // small textarea
-    [t.textareaSmall]: W === "small",
+    [t.textareaSmall]: X === "small",
     // invalid state
     [t.textareaInvalid]: p,
     // resize handling
     [t.textareaResizeAuto]: u === "auto"
   }), L = g(t.label, {
     // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: Q,
+    [t.labelHidden]: U,
     [t.labelDisabled]: S
   }), B = `${r}-label`, $ = `${r}-feedback`, k = `${r}-hint`, H = `${r}-char-count-announcer`, ee = j ? ` ${k}` : "", c = () => {
     if (o.current && u === "auto") {
@@ -126,18 +126,18 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
     return e && e > 0 && a.push(H), n && i && a.push($), a.length > 0 ? a.join(" ") : void 0;
   }, te = (a) => {
     var f;
-    D && D(a), e && e > 0 && w(((f = o.current) == null ? void 0 : f.value.length) || 0), c();
+    D && D(a), e && e > 0 && R(((f = o.current) == null ? void 0 : f.value.length) || 0), c();
   }, se = (a) => {
     y && y(a), N || A(a.target.value);
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: U, children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: W, children: [
     /* @__PURE__ */ s.jsxs("label", { className: L, id: B, htmlFor: r, children: [
       _,
-      C && /* @__PURE__ */ s.jsx(ie, {})
+      C && /* @__PURE__ */ s.jsx(oe, {})
     ] }),
     j && /* @__PURE__ */ s.jsx("div", { className: t.hint, id: k, children: j }),
     p && E && /* @__PURE__ */ s.jsx(
-      le,
+      ie,
       {
         className: t.feedback,
         message: E,
@@ -151,7 +151,7 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
         className: Y,
         id: r,
         ref: o,
-        ...Z,
+        ...G,
         "aria-labelledby": `${B}${ee}`,
         "aria-describedby": ae(),
         "aria-invalid": n,
@@ -179,12 +179,12 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
         {
           className: t.charCountAnnouncer,
           id: H,
-          "aria-live": K,
+          "aria-live": Q,
           "aria-atomic": "true",
           children: [
             q,
             " ",
-            J
+            K
           ]
         }
       )
@@ -192,7 +192,7 @@ import '../assets/Textarea.KJGPTYMz.css';const de = "ds-textarea_textarea_18bj7_
   ] });
 };
 export {
-  qe as D,
-  Pe as T,
-  Ee as v
+  Pe as D,
+  ze as T,
+  we as v
 };

package/chunks/{Toast.DyEi2GEP.js → Toast.CwalSzYB.js}

@@ -1,10 +1,10 @@
 "use client";
-import { j as t } from "./jsx-runtime.C115EyI4.js";
-import { c } from "./index.CvOaL64Y.js";
+import { j as t } from "./jsx-runtime.BteaETFx.js";
+import { c } from "./index.CEyLAtio.js";
 import { forwardRef as u } from "react";
-import { DSButton as y } from "../button.M4nXjcUn.js";
-import { D as g } from "./Icon.BCmt_XBG.js";
-import '../assets/Toast.CuafTAf7.css';const h = "ds-toast_root_58y8a_5", p = "ds-toast_root--closing_58y8a_19", x = "ds-toast_fade-out_58y8a_1", I = "ds-toast_move-in_58y8a_1", S = "ds-toast_root--success_58y8a_54", N = "ds-toast_root--info_58y8a_58", j = "ds-toast_root--warning_58y8a_62", v = "ds-toast_content_58y8a_67", w = "ds-toast_content--hide-icon_58y8a_74", C = "ds-toast_icon_58y8a_78", D = "ds-toast_message_58y8a_82", o = {
+import { DSButton as y } from "../button.Nknx8eP1.js";
+import { D as g } from "./Icon.CvVRQw6C.js";
+import '../assets/Toast.CuM-yS7S.css';const h = "ds-toast_root_58y8a_5", p = "ds-toast_root--closing_58y8a_19", x = "ds-toast_fade-out_58y8a_1", I = "ds-toast_move-in_58y8a_1", S = "ds-toast_root--success_58y8a_54", N = "ds-toast_root--info_58y8a_58", j = "ds-toast_root--warning_58y8a_62", v = "ds-toast_content_58y8a_67", w = "ds-toast_content--hide-icon_58y8a_74", C = "ds-toast_icon_58y8a_78", D = "ds-toast_message_58y8a_82", o = {
   root: h,
   "root--closing": "ds-toast_root--closing_58y8a_19",
   rootClosing: p,

package/chunks/has-window.ut_-aShB.js

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

package/chunks/helpers.CcqWV-wZ.js

@@ -0,0 +1,8 @@
+"use client";
+const r = (e) => typeof e != "number" || isNaN(e) ? 0 : e / 16, t = (e, s) => `[STIHL Design System] - [${e}]: ${s}`, o = (e, s) => `The "${e}" prop is required. Please add the "${e}" prop to the ${s} component.`, n = (e, s) => e == null ? void 0 : e.closest(s);
+export {
+  n as a,
+  t as g,
+  r as p,
+  o as r
+};

package/chunks/index.CEyLAtio.js

@@ -0,0 +1,48 @@
+"use client";
+function c(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var o = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var i;
+function p() {
+  return i || (i = 1, function(e) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function s() {
+        for (var t = "", r = 0; r < arguments.length; r++) {
+          var n = arguments[r];
+          n && (t = a(t, f(n)));
+        }
+        return t;
+      }
+      function f(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return s.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var r = "";
+        for (var n in t)
+          u.call(t, n) && t[n] && (r = a(r, n));
+        return r;
+      }
+      function a(t, r) {
+        return r ? t ? t + " " + r : t + r : t;
+      }
+      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+    })();
+  }(o)), o.exports;
+}
+var l = p();
+const m = /* @__PURE__ */ c(l);
+export {
+  m as c
+};