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

package/chunks/{InputStepper.DR3NR_II.js → InputStepper.DJEuIr4C.js}

@@ -1,90 +1,90 @@
 "use client";
 import { j as e } from "./jsx-runtime.C115EyI4.js";
 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.DPrDynn_.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 = {
-  input: mt,
-  "input--invalid": "_input--invalid_xdphx_336",
+import { useState as f, useRef as N, useEffect as w } from "react";
+import { u as ft } from "./useBreakpoint.5xBNDiCf.js";
+import { M as E, a as H, u as M } from "./Input.utils.ChV6RJsh.js";
+import { Asterisk as mt } from "../asterisk.DDn-yX4P.js";
+import { DSButton as X } from "../button.CkHCQg3Y.js";
+import { DSSystemFeedback as gt } from "../systemfeedback._8gatmgR.js";
+import { g as S } from "./helpers.B1JT5ShS.js";
+import '../assets/InputStepper.B80KulYE.css';const ht = "_input_td0g0_226", bt = "_input--invalid_td0g0_338", xt = "_input--small_td0g0_345", St = "_input--has-leading-icon_td0g0_399", yt = "_input--has-action-button_td0g0_402", It = "_input--has-second-action-button_td0g0_405", vt = "_input--has-affix_td0g0_417", At = "_input--is-ready_td0g0_431", Bt = "_root_td0g0_441", Dt = "_hint_td0g0_449", Nt = "_label_td0g0_449", wt = "_wrapper_td0g0_453", Et = "_affix_td0g0_459", Ht = "_affix--small_td0g0_481", Lt = "_affix--disabled_td0g0_495", jt = "_prefix_td0g0_498", Rt = "_affix--readonly_td0g0_501", kt = "_suffix_td0g0_511", Ct = "_action-button_td0g0_518", $t = "_label--hidden_td0g0_537", Ft = "_feedback_td0g0_566", Vt = "_second-action-button_td0g0_580", Pt = "_value-announcer_td0g0_584", n = {
+  input: ht,
+  "input--invalid": "_input--invalid_td0g0_338",
   inputInvalid: bt,
-  "input--small": "_input--small_xdphx_343",
-  inputSmall: St,
-  "input--has-leading-icon": "_input--has-leading-icon_xdphx_395",
-  inputHasLeadingIcon: yt,
-  "input--has-action-button": "_input--has-action-button_xdphx_398",
-  inputHasActionButton: vt,
-  "input--has-second-action-button": "_input--has-second-action-button_xdphx_401",
+  "input--small": "_input--small_td0g0_345",
+  inputSmall: xt,
+  "input--has-leading-icon": "_input--has-leading-icon_td0g0_399",
+  inputHasLeadingIcon: St,
+  "input--has-action-button": "_input--has-action-button_td0g0_402",
+  inputHasActionButton: yt,
+  "input--has-second-action-button": "_input--has-second-action-button_td0g0_405",
   inputHasSecondActionButton: It,
-  "input--has-affix": "_input--has-affix_xdphx_413",
-  inputHasAffix: gt,
-  "input--is-ready": "_input--is-ready_xdphx_427",
+  "input--has-affix": "_input--has-affix_td0g0_417",
+  inputHasAffix: vt,
+  "input--is-ready": "_input--is-ready_td0g0_431",
   inputIsReady: At,
   root: Bt,
   hint: Dt,
   label: Nt,
   wrapper: wt,
   affix: Et,
-  "affix--small": "_affix--small_xdphx_475",
+  "affix--small": "_affix--small_td0g0_481",
   affixSmall: Ht,
-  "affix--disabled": "_affix--disabled_xdphx_487",
+  "affix--disabled": "_affix--disabled_td0g0_495",
   affixDisabled: Lt,
   prefix: jt,
-  "affix--readonly": "_affix--readonly_xdphx_493",
+  "affix--readonly": "_affix--readonly_td0g0_501",
   affixReadonly: Rt,
   suffix: kt,
-  "action-button": "_action-button_xdphx_510",
+  "action-button": "_action-button_td0g0_518",
   actionButton: Ct,
-  "label--hidden": "_label--hidden_xdphx_527",
+  "label--hidden": "_label--hidden_td0g0_537",
   labelHidden: $t,
   feedback: Ft,
-  "second-action-button": "_second-action-button_xdphx_568",
+  "second-action-button": "_second-action-button_td0g0_580",
   secondActionButton: Vt,
-  "value-announcer": "_value-announcer_xdphx_572",
+  "value-announcer": "_value-announcer_td0g0_584",
   valueAnnouncer: Pt
 }, Tt = ({
   id: a,
-  label: f,
-  prefix: h,
-  suffix: m
+  label: m,
+  prefix: g,
+  suffix: h
 }) => {
   if (!a)
     throw new Error(
-      y(
+      S(
         "DSInputStepper",
         'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
       )
     );
-  if (!f)
+  if (!m)
     throw new Error(
-      y(
+      S(
         "DSInputStepper",
         `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`
       )
     );
-  h && h.length > E && console.warn(
-    y(
+  g && g.length > E && console.warn(
+    S(
       "DSInputStepper",
       `Prefix length must not exceed ${E} characters.`
     )
-  ), m && m.length > H && console.warn(
-    y(
+  ), h && h.length > H && console.warn(
+    S(
       "DSInputStepper",
       `Suffix length must not exceed ${H} characters.`
     )
   );
 }, Qt = ({
   id: a,
-  label: f,
-  announcementText: h = "Value changed to",
-  className: m,
+  label: m,
+  announcementText: g = "Value changed to",
+  className: h,
   disabled: r = !1,
   decreaseAmountButtonLabel: q = "Decrease",
-  hint: v,
+  hint: y,
   hideLabel: G = !1,
   invalid: b = !1,
   increaseAmountButtonLabel: O = "Increase",
@@ -93,24 +93,24 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
   min: j = 0,
   readonly: p = !1,
   required: R = !1,
-  size: i = "medium",
+  size: o = "medium",
   step: U = 1,
   suffix: d,
   systemFeedback: I,
-  value: S,
+  value: x,
   onChange: k,
   ...J
 }) => {
   process.env.NODE_ENV !== "production" && Tt({
     id: a,
-    label: f,
+    label: m,
     prefix: u,
     suffix: d
   });
-  const [K, Q] = _(!1), [x, g] = _(S), [A, C] = _(""), [Y, Z] = _(!1), [z, tt] = _({}), s = N(null), nt = u == null ? void 0 : u.substring(0, E), B = N(null), et = d == null ? void 0 : d.substring(0, H), D = N(null), at = _t(G);
+  const [K, Q] = f(!1), [_, v] = f(x), [A, C] = f(""), [Y, Z] = f(!1), [z, tt] = f({}), s = N(null), nt = u == null ? void 0 : u.substring(0, E), B = N(null), et = d == null ? void 0 : d.substring(0, H), D = N(null), at = ft(G);
   w(() => {
-    S && g(S);
-  }, [S]), w(() => {
+    x && v(x);
+  }, [x]), w(() => {
     if (A) {
       const t = setTimeout(() => {
         C("");
@@ -118,11 +118,11 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
       return () => clearTimeout(t);
     }
   }, [A]), w(() => {
-    var o;
+    var i;
     const t = (l) => {
       l.preventDefault();
     };
-    return (o = s.current) == null || o.addEventListener("wheel", t, {
+    return (i = s.current) == null || i.addEventListener("wheel", t, {
       // The { passive: false } option is used to indicate that the event listener wants to cancel the event, allowing preventDefault to work as expected.
       passive: !1
     }), () => {
@@ -130,17 +130,17 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
       (l = s.current) == null || l.removeEventListener("wheel", t);
     };
   }, []), M(() => {
-    const t = i === "medium" ? 16 : 8, o = {};
+    const t = o === "medium" ? 16 : 8, i = {};
     if (B.current) {
       const l = B.current.offsetWidth;
-      o.paddingInlineStart = t + l + "px";
+      i.paddingInlineStart = t + l + "px";
     }
     if (D.current) {
       const l = D.current.offsetWidth;
-      o.paddingInlineEnd = t + l + "px";
+      i.paddingInlineEnd = t + l + "px";
     }
-    tt(o), Q(!0);
-  }, [u, d, i, Y]), M(() => {
+    tt(i), Q(!0);
+  }, [u, d, o, Y]), M(() => {
     (async () => {
       "fonts" in document && (await document.fonts.load(
         '1em "STIHL Contraface Digital Text Regular"'
@@ -148,12 +148,12 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
     })();
   }, []);
   const $ = c(n.affix, {
-    [n.affixSmall]: i === "small",
+    [n.affixSmall]: o === "small",
     [n.affixDisabled]: r,
     [n.affixReadonly]: p
-  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, st = v ? ` ${P}` : "", it = c(n.root, m), ot = c(n.input, {
+  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, st = y ? ` ${P}` : "", ot = c(n.root, h), it = c(n.input, {
     // small input
-    [n.inputSmall]: i === "small",
+    [n.inputSmall]: o === "small",
     // invalid state
     [n.inputInvalid]: b,
     // prefix/suffix
@@ -163,18 +163,18 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
     // hide label only visually to keep them available for assistive technologies
     [n.labelHidden]: at
   }), ct = c(n.secondActionButton, {
-    [n.secondActionButtonSmall]: i === "small"
+    [n.secondActionButtonSmall]: o === "small"
   }), ut = c(n.actionButton, {
-    [n.actionButtonSmall]: i === "small"
+    [n.actionButtonSmall]: o === "small"
   }), dt = () => {
     const t = [T];
     return b && I && t.push(V), t.join(" ");
   }, W = () => {
     var t;
     if (s.current) {
-      g(s.current.value);
-      const o = new Event("change", { bubbles: !0 });
-      (t = s.current) == null || t.dispatchEvent(o), C(`${h} ${s.current.value}`);
+      v(s.current.value);
+      const i = new Event("change", { bubbles: !0 });
+      (t = s.current) == null || t.dispatchEvent(i), C(`${g} ${s.current.value}`);
     }
   }, rt = () => {
     var t;
@@ -182,15 +182,15 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
   }, pt = () => {
     var t;
     (t = s.current) == null || t.stepUp(), W();
-  }, xt = (t) => {
-    g(t.target.value), k && k(t);
+  }, _t = (t) => {
+    v(t.target.value), k && k(t);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: it, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ot, children: [
     /* @__PURE__ */ e.jsxs("label", { className: lt, id: F, htmlFor: a, children: [
-      f,
-      R && /* @__PURE__ */ e.jsx(ft, {})
+      m,
+      R && /* @__PURE__ */ e.jsx(mt, {})
     ] }),
-    v && /* @__PURE__ */ e.jsx("div", { className: n.hint, id: P, children: v }),
+    y && /* @__PURE__ */ e.jsx("div", { className: n.hint, id: P, children: y }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -202,7 +202,7 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
       }
     ),
     b && I && /* @__PURE__ */ e.jsx(
-      ht,
+      gt,
       {
         className: n.feedback,
         message: I,
@@ -223,7 +223,7 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          className: ot,
+          className: it,
           id: a,
           ref: s,
           ...J,
@@ -239,8 +239,8 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
           required: R,
           step: U,
           type: "number",
-          value: x,
-          onChange: xt
+          value: _,
+          onChange: _t
         }
       ),
       d && /* @__PURE__ */ e.jsx(
@@ -260,9 +260,9 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
           iconName: "minus",
           variant: "filled",
           className: ct,
-          size: i,
+          size: o,
           onClick: rt,
-          disabled: r || p || !!x && Number(x) <= j,
+          disabled: r || p || !!_ && Number(_) <= j,
           type: "button",
           children: q
         }
@@ -275,9 +275,9 @@ import '../assets/InputStepper.BKjqNi-i.css';const mt = "_input_xdphx_226", bt =
           iconName: "plus",
           variant: "filled",
           className: ut,
-          size: i,
+          size: o,
           onClick: pt,
-          disabled: r || p || !!x && Number(x) >= L,
+          disabled: r || p || !!_ && Number(_) >= L,
           type: "button",
           children: O
         }

package/chunks/{Notification.B6a6FOlS.js → Notification.B68mMDiB.js}

@@ -1,38 +1,38 @@
 "use client";
 import { j as e } from "./jsx-runtime.C115EyI4.js";
 import { c as s } from "./index.CvOaL64Y.js";
-import { DSButton as p } from "../button.DPrDynn_.js";
-import { D as g } from "./Icon.n4XZrQ4N.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",
-  rootSuccess: f,
-  "root--error": "_root--error_l12pe_104",
+import { DSButton as u } from "../button.CkHCQg3Y.js";
+import { D as b } from "./Icon.n4XZrQ4N.js";
+import '../assets/Notification.DK6agBGS.css';const g = "_root_70bef_76", N = "_root--success_70bef_102", h = "_root--error_70bef_106", I = "_root--warning_70bef_110", x = "_root--hide-icon_70bef_114", A = "_content_70bef_128", C = "_content--hide-close-button_70bef_135", H = "_content--hide-icon_70bef_138", j = "_icon_70bef_142", S = "_message_70bef_146", p = "_custom-action-area_70bef_161", o = {
+  root: g,
+  "root--success": "_root--success_70bef_102",
+  rootSuccess: N,
+  "root--error": "_root--error_70bef_106",
   rootError: h,
-  "root--warning": "_root--warning_l12pe_108",
+  "root--warning": "_root--warning_70bef_110",
   rootWarning: I,
-  "root--hide-icon": "_root--hide-icon_l12pe_112",
+  "root--hide-icon": "_root--hide-icon_70bef_114",
   rootHideIcon: x,
   content: A,
-  "content--hide-close-button": "_content--hide-close-button_l12pe_133",
+  "content--hide-close-button": "_content--hide-close-button_70bef_135",
   contentHideCloseButton: C,
-  "content--hide-icon": "_content--hide-icon_l12pe_136",
+  "content--hide-icon": "_content--hide-icon_70bef_138",
   contentHideIcon: H,
   icon: j,
   message: S,
-  "custom-action-area": "_custom-action-area_l12pe_157",
-  customActionArea: w
+  "custom-action-area": "_custom-action-area_70bef_161",
+  customActionArea: p
 }, R = [
   "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",
@@ -46,31 +46,31 @@ import '../assets/Notification.Bg63cvs4.css';const N = "_root_l12pe_76", f = "_r
   hideCloseButton: r = !1,
   hideIcon: n = !1,
   onClose: l,
-  ...m
+  ...f
 }) => {
-  const d = 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]: n
-  }), u = s(o.content, {
+  }), d = s(o.content, {
     [o.contentHideCloseButton]: r,
     [o.contentHideIcon]: n
   });
-  return /* @__PURE__ */ e.jsxs("div", { className: d, ...m, role: T[t], children: [
-    /* @__PURE__ */ e.jsxs("div", { className: u, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: m, ...f, role: O[t], children: [
+    /* @__PURE__ */ e.jsxs("div", { className: d, children: [
       !n && /* @__PURE__ */ e.jsx(
-        g,
+        b,
         {
-          name: O[t],
+          name: w[t],
           className: o.icon,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: o.message, children: i }),
       !r && /* @__PURE__ */ e.jsx(
-        p,
+        u,
         {
           hideLabel: !0,
           iconName: "cross",
@@ -89,5 +89,5 @@ import '../assets/Notification.Bg63cvs4.css';const N = "_root_l12pe_76", f = "_r
 export {
   B as D,
   R as N,
-  O as a
+  w as a
 };

package/chunks/{RadioGroup.BO4pbAJw.js → RadioGroup.B5jRveyI.js}

@@ -2,8 +2,8 @@
 import { j as h } from "./jsx-runtime.C115EyI4.js";
 import { c as C } from "./index.CvOaL64Y.js";
 import { forwardRef as N, useState as A } from "react";
-import { D as B } from "./Fieldset.B1vsrHNv.js";
-import { DSRadio as M } from "../radio.epf54-sG.js";
+import { D as B } from "./Fieldset.P09LInkT.js";
+import { DSRadio as M } from "../radio.CWGJtmKl.js";
 import { s as m } from "./RadioGroup.module.BBZwHDjW.js";
 import { g as t } from "./helpers.B1JT5ShS.js";
 const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSRadioGroup component.`, D = (o) => o.some(({ hint: a }) => !!a), E = (o) => o.some(({ customArea: a }) => !!a), O = ({

package/chunks/Select.Cl2eJR1z.js

@@ -0,0 +1,191 @@
+"use client";
+import { j as s } from "./jsx-runtime.C115EyI4.js";
+import { c as _ } from "./index.CvOaL64Y.js";
+import { useRef as C, useState as q, useEffect as W } from "react";
+import { u as F } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as M } from "../asterisk.DDn-yX4P.js";
+import { D as O } from "./Icon.n4XZrQ4N.js";
+import { DSSystemFeedback as T } from "../systemfeedback._8gatmgR.js";
+import { g as h } from "./helpers.B1JT5ShS.js";
+import '../assets/Select.BptsMxz4.css';const V = "_root_15gy6_226", Z = "_hint_15gy6_234", J = "_label_15gy6_234", K = "_wrapper_15gy6_238", Q = "_affix_15gy6_244", U = "_affix--small_15gy6_266", X = "_affix--disabled_15gy6_280", Y = "_prefix_15gy6_283", z = "_affix--readonly_15gy6_286", G = "_suffix_15gy6_296", ee = "_action-button_15gy6_303", te = "_label--hidden_15gy6_322", se = "_feedback_15gy6_351", ae = "_select-wrapper_15gy6_356", ne = "_select_15gy6_356", le = "_select--invalid_15gy6_474", ce = "_select--small_15gy6_481", oe = "_input--has-leading-icon_15gy6_535", ie = "_input--has-action-button_15gy6_538", re = "_input--has-second-action-button_15gy6_541", _e = "_select--has-leading-icon_15gy6_544", de = "_select--has-action-button_15gy6_547", fe = "_select--has-second-action-button_15gy6_550", ue = "_select--has-affix_15gy6_553", he = "_select--is-ready_15gy6_567", pe = "_select--placeholder_15gy6_584", ge = "_chevron_15gy6_593", ye = "_chevron--small_15gy6_597", be = "_chevron--disabled_15gy6_600", e = {
+  root: V,
+  hint: Z,
+  label: J,
+  wrapper: K,
+  affix: Q,
+  "affix--small": "_affix--small_15gy6_266",
+  affixSmall: U,
+  "affix--disabled": "_affix--disabled_15gy6_280",
+  affixDisabled: X,
+  prefix: Y,
+  "affix--readonly": "_affix--readonly_15gy6_286",
+  affixReadonly: z,
+  suffix: G,
+  "action-button": "_action-button_15gy6_303",
+  actionButton: ee,
+  "label--hidden": "_label--hidden_15gy6_322",
+  labelHidden: te,
+  feedback: se,
+  "select-wrapper": "_select-wrapper_15gy6_356",
+  selectWrapper: ae,
+  select: ne,
+  "select--invalid": "_select--invalid_15gy6_474",
+  selectInvalid: le,
+  "select--small": "_select--small_15gy6_481",
+  selectSmall: ce,
+  "input--has-leading-icon": "_input--has-leading-icon_15gy6_535",
+  inputHasLeadingIcon: oe,
+  "input--has-action-button": "_input--has-action-button_15gy6_538",
+  inputHasActionButton: ie,
+  "input--has-second-action-button": "_input--has-second-action-button_15gy6_541",
+  inputHasSecondActionButton: re,
+  "select--has-leading-icon": "_select--has-leading-icon_15gy6_544",
+  selectHasLeadingIcon: _e,
+  "select--has-action-button": "_select--has-action-button_15gy6_547",
+  selectHasActionButton: de,
+  "select--has-second-action-button": "_select--has-second-action-button_15gy6_550",
+  selectHasSecondActionButton: fe,
+  "select--has-affix": "_select--has-affix_15gy6_553",
+  selectHasAffix: ue,
+  "select--is-ready": "_select--is-ready_15gy6_567",
+  selectIsReady: he,
+  "select--placeholder": "_select--placeholder_15gy6_584",
+  selectPlaceholder: pe,
+  chevron: ge,
+  "chevron--small": "_chevron--small_15gy6_597",
+  chevronSmall: ye,
+  "chevron--disabled": "_chevron--disabled_15gy6_600",
+  chevronDisabled: be
+}, Be = ["medium", "small"], me = ({
+  id: t,
+  label: l,
+  options: n
+}) => {
+  if (!t)
+    throw new Error(
+      h(
+        "DSSelect",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
+      )
+    );
+  if (!l)
+    throw new Error(
+      h(
+        "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 (!n || n.length === 0)
+    throw new Error(
+      h(
+        "DSSelect",
+        'Options are always required. Please add an "options" prop to the DSSelect component.'
+      )
+    );
+}, xe = (t, l, n) => t === "" || l !== void 0 && l !== "" ? !1 : !(n !== void 0 && n !== ""), Ee = ({
+  id: t,
+  label: l,
+  options: n,
+  className: H,
+  defaultValue: p,
+  disabled: g = !1,
+  hideLabel: I = !1,
+  hint: d,
+  invalid: r = !1,
+  placeholder: f = "Select",
+  required: y = !1,
+  size: b = "medium",
+  systemFeedback: u,
+  value: m,
+  ...w
+}) => {
+  process.env.NODE_ENV !== "production" && me({
+    id: t,
+    label: l,
+    options: n
+  });
+  const i = C(null), [j, A] = q(
+    xe(f, p, m)
+  );
+  W(() => {
+    if (!i.current) return;
+    const c = () => {
+      if (!i.current) return;
+      const o = i.current.value;
+      A(o === "");
+    }, a = i.current;
+    return a.addEventListener("change", c), () => {
+      a.removeEventListener("change", c);
+    };
+  }, []);
+  const B = F(I), x = `${t}-label`, v = `${t}-feedback`, S = `${t}-hint`, E = d ? ` ${S}` : "", L = (c) => [
+    f && /* @__PURE__ */ s.jsx("option", { value: "", children: f }, `${t}-hidden-option-disabled-placeholder`),
+    ...c.map((a) => {
+      if ("options" in a) {
+        const { label: o, options: $ } = a;
+        return /* @__PURE__ */ s.jsx("optgroup", { label: o, children: $.map(D) }, o);
+      } else
+        return D(a);
+    })
+  ], D = ({ label: c, value: a, isDisabled: o }) => /* @__PURE__ */ s.jsx("option", { value: a, disabled: o, children: c }, a), N = _(e.root, H), P = _(e.select, {
+    [e.selectSmall]: b === "small",
+    [e.selectInvalid]: r,
+    [e.selectPlaceholder]: j
+  }), k = _(e.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelHidden]: B
+  }), R = _(e.chevron, {
+    [e.chevronSmall]: b === "small",
+    [e.chevronDisabled]: g
+  });
+  return /* @__PURE__ */ s.jsxs("div", { className: N, children: [
+    /* @__PURE__ */ s.jsxs("label", { className: k, id: x, htmlFor: t, children: [
+      l,
+      y && /* @__PURE__ */ s.jsx(M, {})
+    ] }),
+    d && /* @__PURE__ */ s.jsx("div", { className: e.hint, id: S, children: d }),
+    r && u && /* @__PURE__ */ s.jsx(
+      T,
+      {
+        className: e.feedback,
+        message: u,
+        type: "invalid",
+        id: v,
+        "aria-live": "assertive"
+      }
+    ),
+    /* @__PURE__ */ s.jsxs("div", { className: e.selectWrapper, children: [
+      /* @__PURE__ */ s.jsx(
+        "select",
+        {
+          ...w,
+          id: t,
+          ref: i,
+          className: P,
+          "aria-labelledby": `${x}${E}`,
+          "aria-describedby": r && u ? v : void 0,
+          "aria-invalid": r,
+          defaultValue: p,
+          value: m,
+          disabled: g,
+          required: y,
+          children: L(n)
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        O,
+        {
+          name: "chevron-down",
+          className: R,
+          "aria-hidden": "true"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Ee as D,
+  Be as S,
+  xe as g,
+  me as v
+};