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

package/chunks/{Dialog.CudsqNag.js → Dialog.ClBjJWOh.js}

@@ -2,8 +2,8 @@
 import { j as r } from "./jsx-runtime.C115EyI4.js";
 import { c as l } from "./index.CvOaL64Y.js";
 import { useRef as h, useState as x, useEffect as q } from "react";
-import { DSButton as j } from "../button.M4nXjcUn.js";
-import { g as B } from "./helpers.B1JT5ShS.js";
+import { DSButton as j } from "../button.BfcWQZhx.js";
+import { g as B } from "./helpers.CcqWV-wZ.js";
 import '../assets/Dialog.BgzebVk4.css';const E = "ds-dialog_root_1e2qq_5", C = "ds-dialog_content-wrapper_1e2qq_159", F = "ds-dialog_content-wrapper--no-footer_1e2qq_165", W = "ds-dialog_close-button_1e2qq_173", k = "ds-dialog_header_1e2qq_186", R = "ds-dialog_content_1e2qq_159", y = "ds-dialog_footer_1e2qq_188", z = "ds-dialog_header--scrollable_1e2qq_209", L = "ds-dialog_header--close-button_1e2qq_218", M = "ds-dialog_content--no-footer_1e2qq_231", H = "ds-dialog_footer--scrollable_1e2qq_238", o = {
   root: E,
   "content-wrapper": "ds-dialog_content-wrapper_1e2qq_159",

package/chunks/{Drawer.ueG2Bzr9.js → Drawer.ReDW3ohH.js}

@@ -2,8 +2,8 @@
 import { j as t } from "./jsx-runtime.C115EyI4.js";
 import { c as n } from "./index.CvOaL64Y.js";
 import { useRef as w, useState as g, useEffect as b } from "react";
-import { DSButton as j } from "../button.M4nXjcUn.js";
-import { g as B } from "./helpers.B1JT5ShS.js";
+import { DSButton as j } from "../button.BfcWQZhx.js";
+import { g as B } from "./helpers.CcqWV-wZ.js";
 import '../assets/Drawer.Bauwxrk7.css';const R = "ds-drawer_root_1qhpc_10", W = "ds-drawer_root--end_1qhpc_68", C = "ds-drawer_content-wrapper_1qhpc_169", F = "ds-drawer_content-wrapper--no-footer_1qhpc_175", k = "ds-drawer_close-button_1qhpc_178", I = "ds-drawer_header_1qhpc_191", O = "ds-drawer_content_1qhpc_169", y = "ds-drawer_footer_1qhpc_193", z = "ds-drawer_header--scrollable_1qhpc_214", L = "ds-drawer_header--close-button_1qhpc_223", M = "ds-drawer_content--no-footer_1qhpc_237", H = "ds-drawer_footer--scrollable_1qhpc_244", o = {
   root: R,
   "root--end": "ds-drawer_root--end_1qhpc_68",

package/chunks/{Fieldset.Cjmkgxxk.js → Fieldset.Ct_JFRs9.js}

@@ -5,7 +5,7 @@ import "react";
 import { Asterisk as y } from "../asterisk.DpzETKdT.js";
 import { DSHeading as v } from "../heading.IPIYc5vW.js";
 import { DSSystemFeedback as w } from "../systemfeedback.C3Pfxxpp.js";
-import { g as j } from "./helpers.B1JT5ShS.js";
+import { g as j } from "./helpers.CcqWV-wZ.js";
 import '../assets/Fieldset.DOdTbb7C.css';const N = "ds-fieldset_root_1opm7_1", E = "ds-fieldset_child-wrapper_1opm7_95", M = "ds-fieldset_legend_1opm7_102", q = "ds-fieldset_legend--utility--m_1opm7_106", C = "ds-fieldset_description_1opm7_118", P = "ds-fieldset_description--small_1opm7_132", T = "ds-fieldset_system-feedback_1opm7_136", i = {
   root: N,
   "child-wrapper": "ds-fieldset_child-wrapper_1opm7_95",
@@ -28,7 +28,7 @@ import '../assets/Fieldset.DOdTbb7C.css';const N = "ds-fieldset_root_1opm7_1", E
     throw new Error(
       j(
         "DSFieldset",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSFieldset component.'
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'
       )
     );
   if (!a)

package/chunks/{Input.utils.ChV6RJsh.js → Input.utils.DYbmWlx6.js}

@@ -1,9 +1,8 @@
 "use client";
-import { useLayoutEffect as p, useEffect as u } from "react";
-import { h } from "./useBreakpoint.5xBNDiCf.js";
-import { g as t } from "./helpers.B1JT5ShS.js";
-import { h as l } from "./has-document.r9i9TxKV.js";
-const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
+import { h as p } from "./has-window.ut_-aShB.js";
+import { g as t } from "./helpers.CcqWV-wZ.js";
+import "react";
+const a = 8, i = 5, T = ["medium", "small"], u = [
   "color",
   "date",
   "datetime-local",
@@ -16,7 +15,7 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
   "text",
   "time",
   "url"
-], w = [
+], l = [
   "week",
   "hidden",
   "button",
@@ -28,7 +27,7 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
   "submit",
   "image",
   "datetime"
-], P = ({
+], b = ({
   id: e,
   label: n,
   prefix: o,
@@ -42,7 +41,7 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
     throw new Error(
       t(
         "DSInput",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInput component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInput component.'
       )
     );
   if (!n)
@@ -73,8 +72,8 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
       "Suffix and an action button cannot be used at the same time."
     )
   );
-}, g = (e) => {
-  if (!S.includes(e) && !w.includes(e))
+}, D = (e) => {
+  if (!u.includes(e) && !l.includes(e))
     throw new Error(
       t(
         "DSInput",
@@ -96,18 +95,17 @@ const f = h ? p : u, a = 8, i = 5, U = ["medium", "small"], S = [
     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]));
-}, I = () => l && "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), E = (e, n) => I() && (e || n), k = (e) => e === "date" || e === "datetime-local" || e === "month", x = (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 {
-  U as I,
+  T as I,
   a as M,
-  S,
-  w as U,
+  u as S,
+  l as U,
   i as a,
-  g as b,
-  x as c,
-  I as h,
-  k as i,
-  E as s,
-  f as u,
-  P as v
+  D as b,
+  P as c,
+  h,
+  U as i,
+  y as s,
+  b as v
 };

package/chunks/{InputPassword.CNLbBFjx.js → InputPassword.Cvk5J8w1.js}

@@ -2,11 +2,11 @@
 import { j as a } from "./jsx-runtime.C115EyI4.js";
 import { c as i } from "./index.CvOaL64Y.js";
 import { useState as A } from "react";
-import { u as C } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as L } from "../asterisk.DpzETKdT.js";
-import { DSButton as $ } from "../button.M4nXjcUn.js";
+import { u as L } from "./useBreakpoint.B8XxjSVJ.js";
+import { Asterisk as C } from "../asterisk.DpzETKdT.js";
+import { DSButton as $ } from "../button.BfcWQZhx.js";
 import { DSSystemFeedback as E } from "../systemfeedback.C3Pfxxpp.js";
-import { g as m } from "./helpers.B1JT5ShS.js";
+import { g as m } from "./helpers.CcqWV-wZ.js";
 import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input_1842u_1", R = "ds-input-password_input--invalid_1842u_113", V = "ds-input-password_input--small_1842u_120", O = "ds-input-password_input--has-leading-icon_1842u_173", F = "ds-input-password_input--has-action-button_1842u_176", M = "ds-input-password_input--has-second-action-button_1842u_179", T = "ds-input-password_input--has-affix_1842u_191", G = "ds-input-password_input--is-ready_1842u_205", J = "ds-input-password_root_1842u_212", K = "ds-input-password_hint_1842u_220", Q = "ds-input-password_label_1842u_220", U = "ds-input-password_wrapper_1842u_224", W = "ds-input-password_action-button_1842u_230", X = "ds-input-password_label--hidden_1842u_248", Y = "ds-input-password_label--disabled_1842u_261", Z = "ds-input-password_feedback_1842u_281", s = {
   input: q,
   "input--invalid": "ds-input-password_input--invalid_1842u_113",
@@ -39,7 +39,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
     throw new Error(
       m(
         "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'
       )
     );
   if (!n)
@@ -49,10 +49,10 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
         `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`
       )
     );
-}, ps = ({
+}, ds = ({
   id: t,
   label: n,
-  autocomplete: h = "new-password",
+  autoComplete: h = "new-password",
   className: f,
   disabled: e = !1,
   hidePasswordText: y = "Hide password",
@@ -62,17 +62,17 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
   readonly: r = !1,
   required: c = !1,
   showPasswordText: x = "Show password",
-  size: p = "medium",
-  systemFeedback: d,
+  size: d = "medium",
+  systemFeedback: p,
   ...I
 }) => {
   process.env.NODE_ENV !== "production" && z({
     id: t,
     label: n
   });
-  const [l, v] = A(!1), _ = `${t}-label`, w = `${t}-feedback`, b = `${t}-hint`, B = u ? ` ${b}` : "", H = C(S), g = i(s.root, f), D = i(s.input, {
+  const [l, v] = A(!1), _ = `${t}-label`, w = `${t}-feedback`, b = `${t}-hint`, B = u ? ` ${b}` : "", H = L(S), g = i(s.root, f), D = i(s.input, {
     // small input
-    [s.inputSmall]: p === "small",
+    [s.inputSmall]: d === "small",
     // invalid state
     [s.inputInvalid]: o,
     // action button - input password always has an action button
@@ -82,21 +82,21 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
     [s.labelHidden]: H,
     [s.labelDisabled]: e
   }), N = i(s.actionButton, {
-    [s.actionButtonSmall]: p === "small"
+    [s.actionButtonSmall]: d === "small"
   }), j = () => {
     v((k) => !k);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: g, children: [
     /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: t, children: [
       n,
-      c && /* @__PURE__ */ a.jsx(L, {})
+      c && /* @__PURE__ */ a.jsx(C, {})
     ] }),
     u && /* @__PURE__ */ a.jsx("div", { className: s.hint, id: b, children: u }),
-    o && d && /* @__PURE__ */ a.jsx(
+    o && p && /* @__PURE__ */ a.jsx(
       E,
       {
         className: s.feedback,
-        message: d,
+        message: p,
         type: "invalid",
         id: w
       }
@@ -109,7 +109,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
           id: t,
           ...I,
           "aria-labelledby": `${_}${B}`,
-          "aria-describedby": o && d ? w : void 0,
+          "aria-describedby": o && p ? w : void 0,
           "aria-invalid": o,
           "aria-disabled": r,
           readOnly: r,
@@ -127,7 +127,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
           iconName: l ? "eye-closed" : "eye",
           variant: "ghost",
           className: N,
-          size: p,
+          size: d,
           onClick: j,
           type: "button",
           disabled: e,
@@ -138,6 +138,6 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
   ] });
 };
 export {
-  ps as D,
+  ds as D,
   z as v
 };

package/chunks/{InputSearch.CHA6mkX_.js → InputSearch.BIIW-ERk.js}

@@ -2,10 +2,10 @@
 import { j as e } from "./jsx-runtime.C115EyI4.js";
 import { c as u } from "./index.CvOaL64Y.js";
 import { useState as J, useRef as D, useEffect as x } from "react";
-import { g as w, a as K } from "./helpers.B1JT5ShS.js";
-import { u as Q } from "./useBreakpoint.5xBNDiCf.js";
+import { g as w, a as K } from "./helpers.CcqWV-wZ.js";
+import { u as Q } from "./useBreakpoint.B8XxjSVJ.js";
 import { Asterisk as U } from "../asterisk.DpzETKdT.js";
-import { DSButton as N } from "../button.M4nXjcUn.js";
+import { DSButton as N } from "../button.BfcWQZhx.js";
 import { DSSystemFeedback as X } from "../systemfeedback.C3Pfxxpp.js";
 import '../assets/InputSearch.CseChMc-.css';const Y = "ds-input-search_input_wn1tk_1", Z = "ds-input-search_input--invalid_wn1tk_113", z = "ds-input-search_input--small_wn1tk_120", tt = "ds-input-search_input--has-leading-icon_wn1tk_173", nt = "ds-input-search_input--has-action-button_wn1tk_176", et = "ds-input-search_input--has-second-action-button_wn1tk_179", st = "ds-input-search_input--has-affix_wn1tk_191", at = "ds-input-search_input--is-ready_wn1tk_205", it = "ds-input-search_root_wn1tk_212", ot = "ds-input-search_hint_wn1tk_220", ct = "ds-input-search_label_wn1tk_220", ut = "ds-input-search_wrapper_wn1tk_224", rt = "ds-input-search_action-button_wn1tk_230", lt = "ds-input-search_second-action-button_wn1tk_234", pt = "ds-input-search_label--hidden_wn1tk_252", dt = "ds-input-search_label--disabled_wn1tk_265", ht = "ds-input-search_feedback_wn1tk_285", t = {
   input: Y,
@@ -41,7 +41,7 @@ import '../assets/InputSearch.CseChMc-.css';const Y = "ds-input-search_input_wn1
     throw new Error(
       w(
         "DSInputSearch",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'
       )
     );
   if (!r)

package/chunks/{InputStepper.xmWGU9pU.js → InputStepper.DGzR3KY6.js}

@@ -1,54 +1,56 @@
 "use client";
 import { j as n } from "./jsx-runtime.C115EyI4.js";
 import { c as u } from "./index.CvOaL64Y.js";
-import { useState as m, useRef as N, useEffect as w } from "react";
-import { u as mt } from "./useBreakpoint.5xBNDiCf.js";
-import { M as E, a as H, u as M } from "./Input.utils.ChV6RJsh.js";
-import { Asterisk as ft } from "../asterisk.DpzETKdT.js";
-import { DSButton as X } from "../button.M4nXjcUn.js";
-import { DSSystemFeedback as bt } from "../systemfeedback.C3Pfxxpp.js";
-import { g as S } from "./helpers.B1JT5ShS.js";
-import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_1pm8g_1", ht = "ds-input-stepper_input--invalid_1pm8g_113", xt = "ds-input-stepper_input--small_1pm8g_120", St = "ds-input-stepper_input--has-leading-icon_1pm8g_173", yt = "ds-input-stepper_input--has-action-button_1pm8g_176", It = "ds-input-stepper_input--has-second-action-button_1pm8g_179", vt = "ds-input-stepper_input--has-affix_1pm8g_191", At = "ds-input-stepper_input--is-ready_1pm8g_205", Dt = "ds-input-stepper_root_1pm8g_215", Bt = "ds-input-stepper_hint_1pm8g_223", Nt = "ds-input-stepper_label_1pm8g_223", wt = "ds-input-stepper_wrapper_1pm8g_227", Et = "ds-input-stepper_affix_1pm8g_233", Ht = "ds-input-stepper_affix--small_1pm8g_254", Lt = "ds-input-stepper_affix--disabled_1pm8g_267", jt = "ds-input-stepper_prefix_1pm8g_275", Rt = "ds-input-stepper_affix--readonly_1pm8g_278", kt = "ds-input-stepper_suffix_1pm8g_288", Ct = "ds-input-stepper_action-button_1pm8g_295", $t = "ds-input-stepper_label--hidden_1pm8g_313", Ft = "ds-input-stepper_label--disabled_1pm8g_326", Vt = "ds-input-stepper_feedback_1pm8g_346", Pt = "ds-input-stepper_second-action-button_1pm8g_360", Tt = "ds-input-stepper_value-announcer_1pm8g_364", e = {
-  input: gt,
+import { useState as _, useRef as N, useEffect as w } from "react";
+import { h as _t } from "./has-window.ut_-aShB.js";
+import { u as ft } from "./useBreakpoint.B8XxjSVJ.js";
+import { u as M } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { Asterisk as bt } from "../asterisk.DpzETKdT.js";
+import { DSButton as X } from "../button.BfcWQZhx.js";
+import { M as E, a as H } from "./Input.utils.DYbmWlx6.js";
+import { DSSystemFeedback as gt } from "../systemfeedback.C3Pfxxpp.js";
+import { g as S } from "./helpers.CcqWV-wZ.js";
+import '../assets/InputStepper.C0eAYr7P.css';const ht = "ds-input-stepper_input_1pm8g_1", xt = "ds-input-stepper_input--invalid_1pm8g_113", St = "ds-input-stepper_input--small_1pm8g_120", yt = "ds-input-stepper_input--has-leading-icon_1pm8g_173", It = "ds-input-stepper_input--has-action-button_1pm8g_176", vt = "ds-input-stepper_input--has-second-action-button_1pm8g_179", At = "ds-input-stepper_input--has-affix_1pm8g_191", Dt = "ds-input-stepper_input--is-ready_1pm8g_205", Bt = "ds-input-stepper_root_1pm8g_215", Nt = "ds-input-stepper_hint_1pm8g_223", wt = "ds-input-stepper_label_1pm8g_223", Et = "ds-input-stepper_wrapper_1pm8g_227", Ht = "ds-input-stepper_affix_1pm8g_233", Lt = "ds-input-stepper_affix--small_1pm8g_254", jt = "ds-input-stepper_affix--disabled_1pm8g_267", Rt = "ds-input-stepper_prefix_1pm8g_275", kt = "ds-input-stepper_affix--readonly_1pm8g_278", Ct = "ds-input-stepper_suffix_1pm8g_288", $t = "ds-input-stepper_action-button_1pm8g_295", Ft = "ds-input-stepper_label--hidden_1pm8g_313", Vt = "ds-input-stepper_label--disabled_1pm8g_326", Pt = "ds-input-stepper_feedback_1pm8g_346", Tt = "ds-input-stepper_second-action-button_1pm8g_360", Wt = "ds-input-stepper_value-announcer_1pm8g_364", e = {
+  input: ht,
   "input--invalid": "ds-input-stepper_input--invalid_1pm8g_113",
-  inputInvalid: ht,
+  inputInvalid: xt,
   "input--small": "ds-input-stepper_input--small_1pm8g_120",
-  inputSmall: xt,
+  inputSmall: St,
   "input--has-leading-icon": "ds-input-stepper_input--has-leading-icon_1pm8g_173",
-  inputHasLeadingIcon: St,
+  inputHasLeadingIcon: yt,
   "input--has-action-button": "ds-input-stepper_input--has-action-button_1pm8g_176",
-  inputHasActionButton: yt,
+  inputHasActionButton: It,
   "input--has-second-action-button": "ds-input-stepper_input--has-second-action-button_1pm8g_179",
-  inputHasSecondActionButton: It,
+  inputHasSecondActionButton: vt,
   "input--has-affix": "ds-input-stepper_input--has-affix_1pm8g_191",
-  inputHasAffix: vt,
+  inputHasAffix: At,
   "input--is-ready": "ds-input-stepper_input--is-ready_1pm8g_205",
-  inputIsReady: At,
-  root: Dt,
-  hint: Bt,
-  label: Nt,
-  wrapper: wt,
-  affix: Et,
+  inputIsReady: Dt,
+  root: Bt,
+  hint: Nt,
+  label: wt,
+  wrapper: Et,
+  affix: Ht,
   "affix--small": "ds-input-stepper_affix--small_1pm8g_254",
-  affixSmall: Ht,
+  affixSmall: Lt,
   "affix--disabled": "ds-input-stepper_affix--disabled_1pm8g_267",
-  affixDisabled: Lt,
-  prefix: jt,
+  affixDisabled: jt,
+  prefix: Rt,
   "affix--readonly": "ds-input-stepper_affix--readonly_1pm8g_278",
-  affixReadonly: Rt,
-  suffix: kt,
+  affixReadonly: kt,
+  suffix: Ct,
   "action-button": "ds-input-stepper_action-button_1pm8g_295",
-  actionButton: Ct,
+  actionButton: $t,
   "label--hidden": "ds-input-stepper_label--hidden_1pm8g_313",
-  labelHidden: $t,
+  labelHidden: Ft,
   "label--disabled": "ds-input-stepper_label--disabled_1pm8g_326",
-  labelDisabled: Ft,
-  feedback: Vt,
+  labelDisabled: Vt,
+  feedback: Pt,
   "second-action-button": "ds-input-stepper_second-action-button_1pm8g_360",
-  secondActionButton: Pt,
+  secondActionButton: Tt,
   "value-announcer": "ds-input-stepper_value-announcer_1pm8g_364",
-  valueAnnouncer: Tt
-}, Wt = ({
+  valueAnnouncer: Wt
+}, Mt = ({
   id: s,
   label: f,
   prefix: b,
@@ -58,7 +60,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
     throw new Error(
       S(
         "DSInputStepper",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'
       )
     );
   if (!f)
@@ -79,7 +81,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
       `Suffix length must not exceed ${H} characters.`
     )
   );
-}, Yt = ({
+}, te = ({
   id: s,
   label: f,
   announcementText: b = "Value changed to",
@@ -103,13 +105,13 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
   onChange: k,
   ...J
 }) => {
-  process.env.NODE_ENV !== "production" && Wt({
+  process.env.NODE_ENV !== "production" && Mt({
     id: s,
     label: f,
     prefix: r,
     suffix: c
   });
-  const [K, Q] = m(!1), [_, v] = m(x), [A, C] = m(""), [Y, Z] = m(!1), [z, tt] = m({}), a = N(null), et = r == null ? void 0 : r.substring(0, E), D = N(null), nt = c == null ? void 0 : c.substring(0, H), B = N(null), st = mt(G);
+  const [K, Q] = _(!1), [m, v] = _(x), [A, C] = _(""), [Y, Z] = _(!1), [z, tt] = _({}), a = N(null), et = r == null ? void 0 : r.substring(0, E), D = N(null), nt = c == null ? void 0 : c.substring(0, H), B = N(null), st = ft(G);
   w(() => {
     x && v(x);
   }, [x]), w(() => {
@@ -143,7 +145,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
     }
     tt(i), Q(!0);
   }, [r, c, p, Y]), M(() => {
-    (async () => {
+    _t && (async () => {
       "fonts" in document && (await document.fonts.load(
         '1em "STIHL Contraface Digital Text Regular"'
       ), Z(!0));
@@ -185,13 +187,13 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
   }, dt = () => {
     var t;
     (t = a.current) == null || t.stepUp(), W();
-  }, _t = (t) => {
+  }, mt = (t) => {
     v(t.target.value), k && k(t);
   };
   return /* @__PURE__ */ n.jsxs("div", { className: pt, children: [
     /* @__PURE__ */ n.jsxs("label", { className: ot, id: F, htmlFor: s, children: [
       f,
-      R && /* @__PURE__ */ n.jsx(ft, {})
+      R && /* @__PURE__ */ n.jsx(bt, {})
     ] }),
     y && /* @__PURE__ */ n.jsx("div", { className: e.hint, id: P, children: y }),
     /* @__PURE__ */ n.jsx(
@@ -205,7 +207,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
       }
     ),
     h && I && /* @__PURE__ */ n.jsx(
-      bt,
+      gt,
       {
         className: e.feedback,
         message: I,
@@ -242,8 +244,8 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
           required: R,
           step: U,
           type: "number",
-          value: _,
-          onChange: _t
+          value: m,
+          onChange: mt
         }
       ),
       c && /* @__PURE__ */ n.jsx(
@@ -265,7 +267,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
           className: ut,
           size: p,
           onClick: ct,
-          disabled: l || d || !!_ && Number(_) <= j,
+          disabled: l || d || !!m && Number(m) <= j,
           type: "button",
           children: q
         }
@@ -280,7 +282,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
           className: lt,
           size: p,
           onClick: dt,
-          disabled: l || d || !!_ && Number(_) >= L,
+          disabled: l || d || !!m && Number(m) >= L,
           type: "button",
           children: O
         }
@@ -289,6 +291,6 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
   ] });
 };
 export {
-  Yt as D,
-  Wt as v
+  te as D,
+  Mt as v
 };

package/chunks/{Notification.o6pagKQy.js → Notification.uAEjPywP.js}

@@ -1,38 +1,38 @@
 "use client";
 import { j as n } from "./jsx-runtime.C115EyI4.js";
 import { c as s } from "./index.CvOaL64Y.js";
-import { DSButton as u } from "../button.M4nXjcUn.js";
-import { D as j } from "./Icon.BCmt_XBG.js";
-import '../assets/Notification.DbRapUJo.css';const g = "ds-notification_root_1cajm_1", N = "ds-notification_root--success_1cajm_26", h = "ds-notification_root--error_1cajm_30", I = "ds-notification_root--warning_1cajm_34", x = "ds-notification_root--hide-icon_1cajm_38", A = "ds-notification_content_1cajm_52", C = "ds-notification_content--hide-close-button_1cajm_59", H = "ds-notification_content--hide-icon_1cajm_62", S = "ds-notification_icon_1cajm_66", p = "ds-notification_message_1cajm_70", w = "ds-notification_custom-action-area_1cajm_167", o = {
-  root: g,
+import { DSButton as f } from "../button.BfcWQZhx.js";
+import { D as u } from "./Icon.BCmt_XBG.js";
+import '../assets/Notification.DbRapUJo.css';const j = "ds-notification_root_1cajm_1", g = "ds-notification_root--success_1cajm_26", N = "ds-notification_root--error_1cajm_30", h = "ds-notification_root--warning_1cajm_34", I = "ds-notification_root--hide-icon_1cajm_38", x = "ds-notification_content_1cajm_52", A = "ds-notification_content--hide-close-button_1cajm_59", H = "ds-notification_content--hide-icon_1cajm_62", C = "ds-notification_icon_1cajm_66", S = "ds-notification_message_1cajm_70", p = "ds-notification_custom-action-area_1cajm_167", o = {
+  root: j,
   "root--success": "ds-notification_root--success_1cajm_26",
-  rootSuccess: N,
+  rootSuccess: g,
   "root--error": "ds-notification_root--error_1cajm_30",
-  rootError: h,
+  rootError: N,
   "root--warning": "ds-notification_root--warning_1cajm_34",
-  rootWarning: I,
+  rootWarning: h,
   "root--hide-icon": "ds-notification_root--hide-icon_1cajm_38",
-  rootHideIcon: x,
-  content: A,
+  rootHideIcon: I,
+  content: x,
   "content--hide-close-button": "ds-notification_content--hide-close-button_1cajm_59",
-  contentHideCloseButton: C,
+  contentHideCloseButton: A,
   "content--hide-icon": "ds-notification_content--hide-icon_1cajm_62",
   contentHideIcon: H,
-  icon: S,
-  message: p,
+  icon: C,
+  message: S,
   "custom-action-area": "ds-notification_custom-action-area_1cajm_167",
-  customActionArea: w
-}, R = [
+  customActionArea: p
+}, k = [
   "success",
   "error",
   "warning",
   "info"
-], O = {
+], w = {
   success: "circle-check-colored",
   error: "diamond-exclamationmark-colored",
   warning: "triangle-exclamationmark-colored",
   info: "circle-info-colored"
-}, T = {
+}, O = {
   error: "alert",
   warning: "alert",
   info: "status",
@@ -42,52 +42,51 @@ import '../assets/Notification.DbRapUJo.css';const g = "ds-notification_root_1ca
   variant: t = "info",
   className: a,
   closeButtonLabel: _ = "Close notification",
-  customActionArea: i,
-  hideCloseButton: e = !1,
+  customActionArea: e,
   hideIcon: c = !1,
-  onClose: m,
+  onClose: i,
   ...d
 }) => {
-  const l = s(o.root, a, {
+  const m = s(o.root, a, {
     [o.rootSuccess]: t === "success",
     [o.rootError]: t === "error",
     [o.rootWarning]: t === "warning",
     [o.rootInfo]: t === "info",
     [o.rootHideIcon]: c
-  }), f = s(o.content, {
-    [o.contentHideCloseButton]: e,
+  }), l = s(o.content, {
+    [o.contentHideCloseButton]: !i,
     [o.contentHideIcon]: c
   });
-  return /* @__PURE__ */ n.jsxs("div", { className: l, ...d, role: T[t], children: [
-    /* @__PURE__ */ n.jsxs("div", { className: f, children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: m, ...d, role: O[t], children: [
+    /* @__PURE__ */ n.jsxs("div", { className: l, children: [
       !c && /* @__PURE__ */ n.jsx(
-        j,
+        u,
         {
-          name: O[t],
+          name: w[t],
           className: o.icon,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ n.jsx("div", { className: o.message, children: r }),
-      !e && /* @__PURE__ */ n.jsx(
-        u,
+      i && /* @__PURE__ */ n.jsx(
+        f,
         {
           hideLabel: !0,
           iconName: "cross",
           isFlush: !0,
           variant: "ghost",
           size: "small",
-          onClick: m,
+          onClick: i,
           type: "button",
           children: _
         }
       )
     ] }),
-    i && /* @__PURE__ */ n.jsx("div", { className: s({ [o.customActionArea]: !c }), children: i })
+    e && /* @__PURE__ */ n.jsx("div", { className: s({ [o.customActionArea]: !c }), children: e })
   ] });
 };
 export {
   B as D,
-  R as N,
-  O as a
+  k as N,
+  w as a
 };