@stihl-design-system/components 1.0.0-RC.0 → 1.0.0-RC.1

package/inputstepper.b74dac4d.js

@@ -1,284 +0,0 @@
-import "./assets/InputStepper.52fb45ca.css";
-import { j as n } from "./chunks/jsx-runtime.5c071667.js";
-import { c } from "./chunks/index.8021d3e0.js";
-import { useState as _, useRef as B, useEffect as N, useLayoutEffect as M } from "react";
-import { u as fe } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { Asterisk as me } from "./asterisk.91abccec.js";
-import { DSButton as X } from "./button.89b2675b.js";
-import { M as D, b as L } from "./chunks/Input.utils.f8f3286f.js";
-import { DSSystemFeedback as he } from "./systemfeedback.6bbd1505.js";
-import { g as x } from "./chunks/helpers.ea3ca41a.js";
-const be = "_input_e09kw_73", we = "_input--invalid_e09kw_184", ke = "_input--small_e09kw_191", xe = "_input--has-leading-icon_e09kw_237", Se = "_input--has-action-button_e09kw_240", ve = "_input--has-second-action-button_e09kw_243", Ie = "_input--has-affix_e09kw_255", ye = "_input--is-ready_e09kw_267", ge = "_root_e09kw_274", Ae = "_hint_e09kw_282", Be = "_label_e09kw_282", Ne = "_wrapper_e09kw_286", De = "_affix_e09kw_292", Le = "_affix--small_e09kw_310", He = "_affix--disabled_e09kw_322", je = "_prefix_e09kw_326", Ee = "_suffix_e09kw_332", Re = "_action-button_e09kw_337", Ce = "_label--hidden_e09kw_354", $e = "_feedback_e09kw_381", Fe = "_second-action-button_e09kw_395", Ve = "_value-announcer_e09kw_399", t = {
-  input: be,
-  "input--invalid": "_input--invalid_e09kw_184",
-  inputInvalid: we,
-  "input--small": "_input--small_e09kw_191",
-  inputSmall: ke,
-  "input--has-leading-icon": "_input--has-leading-icon_e09kw_237",
-  inputHasLeadingIcon: xe,
-  "input--has-action-button": "_input--has-action-button_e09kw_240",
-  inputHasActionButton: Se,
-  "input--has-second-action-button": "_input--has-second-action-button_e09kw_243",
-  inputHasSecondActionButton: ve,
-  "input--has-affix": "_input--has-affix_e09kw_255",
-  inputHasAffix: Ie,
-  "input--is-ready": "_input--is-ready_e09kw_267",
-  inputIsReady: ye,
-  root: ge,
-  hint: Ae,
-  label: Be,
-  wrapper: Ne,
-  affix: De,
-  "affix--small": "_affix--small_e09kw_310",
-  affixSmall: Le,
-  "affix--disabled": "_affix--disabled_e09kw_322",
-  affixDisabled: He,
-  prefix: je,
-  suffix: Ee,
-  "action-button": "_action-button_e09kw_337",
-  actionButton: Re,
-  "label--hidden": "_label--hidden_e09kw_354",
-  labelHidden: Ce,
-  feedback: $e,
-  "second-action-button": "_second-action-button_e09kw_395",
-  secondActionButton: Fe,
-  "value-announcer": "_value-announcer_e09kw_399",
-  valueAnnouncer: Ve
-}, Pe = ({
-  id: a,
-  label: f,
-  prefix: m,
-  suffix: h
-}) => {
-  if (!a)
-    throw new Error(
-      x(
-        "DSInputStepper",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
-      )
-    );
-  if (!f)
-    throw new Error(
-      x(
-        "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}.`
-      )
-    );
-  m && m.length > D && console.warn(
-    x(
-      "DSInputStepper",
-      `Prefix length must not exceed ${D} characters.`
-    )
-  ), h && h.length > L && console.warn(
-    x(
-      "DSInputStepper",
-      `Suffix length must not exceed ${L} characters.`
-    )
-  );
-}, Qe = ({
-  id: a,
-  label: f,
-  announcementText: m = "Value changed to",
-  className: h,
-  disabled: d = !1,
-  decreaseAmountButtonLabel: q = "Decrease",
-  hint: S,
-  hideLabel: G = !1,
-  invalid: b = !1,
-  increaseAmountButtonLabel: O = "Increase",
-  prefix: u,
-  max: H = 100,
-  min: j = 0,
-  readonly: w = !1,
-  required: E = !1,
-  size: o = "medium",
-  step: U = 1,
-  suffix: r,
-  systemFeedback: v,
-  value: k,
-  onChange: R,
-  ...J
-}) => {
-  process.env.NODE_ENV !== "production" && Pe({
-    id: a,
-    label: f,
-    prefix: u,
-    suffix: r
-  });
-  const [K, Q] = _(!1), [p, I] = _(k), [y, C] = _(""), [Y, Z] = _(!1), [z, ee] = _({}), s = B(null), te = u == null ? void 0 : u.substring(0, D), g = B(null), ne = r == null ? void 0 : r.substring(0, L), A = B(null), ae = fe(G);
-  N(() => {
-    k && I(k);
-  }, [k]), N(() => {
-    if (y) {
-      const e = setTimeout(() => {
-        C("");
-      }, 3e3);
-      return () => clearTimeout(e);
-    }
-  }, [y]), N(() => {
-    var i;
-    const e = (l) => {
-      l.preventDefault();
-    };
-    return (i = s.current) == null || i.addEventListener("wheel", e, {
-      // 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
-    }), () => {
-      var l;
-      (l = s.current) == null || l.removeEventListener("wheel", e);
-    };
-  }, []), M(() => {
-    const e = o === "medium" ? 16 : 8, i = {};
-    if (g.current) {
-      const l = g.current.offsetWidth;
-      i.paddingLeft = e + l + "px";
-    }
-    if (A.current) {
-      const l = A.current.offsetWidth;
-      i.paddingRight = e + l + "px";
-    }
-    ee(i), Q(!0);
-  }, [u, r, o, Y]), M(() => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Text Regular"'), Z(!0));
-    })();
-  }, []);
-  const $ = c(t.affix, {
-    [t.affixSmall]: o === "small"
-  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, se = S ? ` ${P}` : "", oe = c(t.root, h), ie = c(t.input, {
-    // small input
-    [t.inputSmall]: o === "small",
-    // invalid state
-    [t.inputInvalid]: b,
-    // prefix/suffix
-    [t.inputHasAffix]: u || r,
-    [t.inputIsReady]: K
-  }), le = c(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: ae
-  }), ce = c(t.secondActionButton, {
-    [t.secondActionButtonSmall]: o === "small"
-  }), ue = c(t.actionButton, {
-    [t.actionButtonSmall]: o === "small"
-  }), re = () => {
-    const e = [T];
-    return b && v && e.push(V), e.join(" ");
-  }, W = () => {
-    var e;
-    if (s.current) {
-      I(s.current.value);
-      const i = new Event("change", { bubbles: !0 });
-      (e = s.current) == null || e.dispatchEvent(i), C(`${m} ${s.current.value}`);
-    }
-  }, de = () => {
-    var e;
-    (e = s.current) == null || e.stepDown(), W();
-  }, pe = () => {
-    var e;
-    (e = s.current) == null || e.stepUp(), W();
-  }, _e = (e) => {
-    I(e.target.value), R && R(e);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: oe, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: le, id: F, htmlFor: a, children: [
-      f,
-      E && /* @__PURE__ */ n.jsx(me, {})
-    ] }),
-    S && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: P, children: S }),
-    /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        className: t.valueAnnouncer,
-        id: T,
-        children: y
-      }
-    ),
-    b && v && /* @__PURE__ */ n.jsx(
-      he,
-      {
-        className: t.feedback,
-        message: v,
-        type: "invalid",
-        id: V
-      }
-    ),
-    /* @__PURE__ */ n.jsxs("div", { className: t.wrapper, children: [
-      u && /* @__PURE__ */ n.jsx(
-        "span",
-        {
-          className: c($, t.prefix),
-          ref: g,
-          "aria-disabled": d,
-          children: te
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        "input",
-        {
-          className: ie,
-          id: a,
-          ref: s,
-          ...J,
-          style: z,
-          "aria-labelledby": `${F}${se}`,
-          "aria-describedby": re(),
-          "aria-invalid": b,
-          "aria-disabled": w,
-          disabled: d,
-          min: j,
-          max: H,
-          readOnly: w,
-          required: E,
-          step: U,
-          type: "number",
-          value: p,
-          onChange: _e
-        }
-      ),
-      r && /* @__PURE__ */ n.jsx(
-        "span",
-        {
-          className: c($, t.suffix),
-          ref: A,
-          "aria-disabled": d,
-          children: ne
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "minus",
-          variant: "filled",
-          className: ce,
-          size: o,
-          onClick: de,
-          disabled: d || w || !!p && Number(p) <= j,
-          type: "button",
-          children: q
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "plus",
-          variant: "filled",
-          className: ue,
-          size: o,
-          onClick: pe,
-          disabled: d || w || !!p && Number(p) >= H,
-          type: "button",
-          children: O
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Qe as DSInputStepper
-};

package/linkstandalone.26b52de0.js

@@ -1,80 +0,0 @@
-import "./assets/LinkStandalone.7e23a8ac.css";
-import { j as i } from "./chunks/jsx-runtime.5c071667.js";
-import { c as D } from "./chunks/index.8021d3e0.js";
-import { DSIcon as x } from "./icon.b4211784.js";
-import "react";
-import "./chunks/Link.module.b8230547.js";
-const H = "_root_19try_25", j = "_root--highlight_19try_96", v = "_root--neutral-dark_19try_167", L = "_root--highlight-dark_19try_238", N = "_root--active_19try_309", I = "_root--icon-left_19try_315", t = {
-  root: H,
-  "root--highlight": "_root--highlight_19try_96",
-  rootHighlight: j,
-  "root--neutral-dark": "_root--neutral-dark_19try_167",
-  rootNeutralDark: v,
-  "root--highlight-dark": "_root--highlight-dark_19try_238",
-  rootHighlightDark: L,
-  "root--active": "_root--active_19try_309",
-  rootActive: N,
-  "root--icon-left": "_root--icon-left_19try_315",
-  rootIconLeft: I
-}, R = ({
-  children: e,
-  aria: _,
-  active: g,
-  className: n,
-  dataTrackingid: c,
-  download: k,
-  href: a,
-  iconName: l,
-  iconPosition: d = "left",
-  iconSource: h,
-  referrerPolicy: m,
-  rel: u,
-  target: y = "_self",
-  theme: o = "light",
-  variant: r = "neutral",
-  ...f
-}) => {
-  const p = D(t.root, n, {
-    // variant
-    [t.rootHighlight]: r === "highlight",
-    // theme
-    [t.rootNeutralDark]: o === "dark" && r === "neutral",
-    [t.rootHighlightDark]: o === "dark" && r === "highlight",
-    // active
-    [t.rootActive]: g,
-    // icon position
-    [t.rootIconLeft]: d === "left"
-  }), s = a === void 0 ? "span" : "a";
-  return /* @__PURE__ */ i.jsxs(
-    s,
-    {
-      className: p,
-      "data-trackingid": c,
-      ...s === "a" && {
-        href: a,
-        target: y,
-        rel: u,
-        referrerPolicy: m,
-        download: k
-      },
-      ..._,
-      ...f,
-      children: [
-        /* @__PURE__ */ i.jsx("span", { className: t.label, children: e }),
-        (l || h) && /* @__PURE__ */ i.jsx(
-          x,
-          {
-            name: l,
-            theme: o,
-            source: h,
-            size: "medium",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  R as DSLinkStandalone
-};

package/optioncheckbox.7195f001.js

@@ -1,43 +0,0 @@
-import "./assets/OptionCheckbox.9c20f6f1.css";
-import { j as e } from "./chunks/jsx-runtime.5c071667.js";
-import { c as s } from "./chunks/index.8021d3e0.js";
-import { DSIcon as _ } from "./icon.b4211784.js";
-const i = "_root_bdq8c_49", l = "_root--disabled_bdq8c_68", k = "_checkbox_bdq8c_72", n = "_icon-check_bdq8c_86", r = "_checkbox--checked_bdq8c_105", x = "_checkbox--disabled_bdq8c_108", m = "_label_bdq8c_125", c = {
-  root: i,
-  "root--disabled": "_root--disabled_bdq8c_68",
-  rootDisabled: l,
-  checkbox: k,
-  "icon-check": "_icon-check_bdq8c_86",
-  iconCheck: n,
-  "checkbox--checked": "_checkbox--checked_bdq8c_105",
-  checkboxChecked: r,
-  "checkbox--disabled": "_checkbox--disabled_bdq8c_108",
-  checkboxDisabled: x,
-  label: m
-}, D = ({
-  label: b,
-  checked: d,
-  className: h,
-  disabled: o
-}) => {
-  const a = s(c.root, {
-    [c.rootDisabled]: o
-  }), t = s(c.checkbox, {
-    [c.checkboxDisabled]: o,
-    [c.checkboxChecked]: d
-  });
-  return /* @__PURE__ */ e.jsx("div", { className: h, children: /* @__PURE__ */ e.jsxs("div", { className: a, children: [
-    /* @__PURE__ */ e.jsx("span", { className: t, children: /* @__PURE__ */ e.jsx(
-      _,
-      {
-        name: "check",
-        className: c.iconCheck,
-        "aria-hidden": "true"
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx("span", { className: c.label, children: b })
-  ] }) });
-};
-export {
-  D as OptionCheckbox
-};

package/radio.1b205d64.js

@@ -1,79 +0,0 @@
-import "./assets/Radio.be8f06f5.css";
-import { j as a } from "./chunks/jsx-runtime.5c071667.js";
-import { c as d } from "./chunks/index.8021d3e0.js";
-import { forwardRef as H, useRef as I, useState as R, useCallback as S } from "react";
-import { u as g } from "./chunks/useBreakpoint.6c1b06c2.js";
-const B = "_root_11cbi_25", V = "_root--disabled_11cbi_44", w = "_radio_11cbi_48", E = "_dot_11cbi_63", L = "_radio--invalid_11cbi_85", O = "_label_11cbi_90", P = "_label--hidden_11cbi_100", U = "_input_11cbi_113", o = {
-  root: B,
-  "root--disabled": "_root--disabled_11cbi_44",
-  rootDisabled: V,
-  radio: w,
-  dot: E,
-  "radio--invalid": "_radio--invalid_11cbi_85",
-  radioInvalid: L,
-  label: O,
-  "label--hidden": "_label--hidden_11cbi_100",
-  labelHidden: P,
-  input: U
-}, q = H(
-  ({
-    label: l,
-    name: c,
-    value: _,
-    defaultChecked: b = !1,
-    disabled: e = !1,
-    hideLabel: u = !1,
-    checked: r,
-    invalid: f = !1,
-    className: m,
-    onChange: t,
-    ...p
-  }, s) => {
-    const h = I(null), [v, x] = R(b), n = r !== void 0, C = n ? r : v, j = g(u), k = d(
-      o.root,
-      {
-        [o.rootDisabled]: e
-      },
-      m
-    ), N = d(o.label, {
-      // hide label only visually to keep them available for assistive technologies
-      [o.labelHidden]: j
-    }), D = d(o.radio, {
-      [o.radioInvalid]: f
-    }), y = S(
-      (i) => {
-        if (e) {
-          i.preventDefault();
-          return;
-        }
-        n || x(i.target.checked), t && t(i);
-      },
-      [e, n, t]
-    );
-    return /* @__PURE__ */ a.jsxs("label", { className: k, children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          type: "radio",
-          value: _,
-          name: c,
-          className: o.input,
-          ref: (i) => {
-            typeof s == "function" ? s(i) : s !== null && (s.current = i), h.current = i;
-          },
-          onChange: y,
-          ...p,
-          disabled: e,
-          checked: C,
-          "aria-label": typeof l == "string" ? l : void 0
-        }
-      ),
-      /* @__PURE__ */ a.jsx("span", { className: D, children: /* @__PURE__ */ a.jsx("div", { className: o.dot }) }),
-      /* @__PURE__ */ a.jsx("span", { className: N, children: l })
-    ] });
-  }
-);
-q.displayName = "DSRadio";
-export {
-  q as DSRadio
-};

package/select.2ff31eab.js

@@ -1,188 +0,0 @@
-import "./assets/Select.b2423b5f.css";
-import { j as s } from "./chunks/jsx-runtime.5c071667.js";
-import { c as _ } from "./chunks/index.8021d3e0.js";
-import { useRef as C, useState as R, useEffect as W } from "react";
-import { u as F } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { Asterisk as M } from "./asterisk.91abccec.js";
-import { DSIcon as O } from "./icon.b4211784.js";
-import { DSSystemFeedback as V } from "./systemfeedback.6bbd1505.js";
-import { g as q } from "./chunks/helpers.ea3ca41a.js";
-const J = "_root_fqmqk_73", K = "_hint_fqmqk_81", Q = "_label_fqmqk_81", T = "_wrapper_fqmqk_85", U = "_affix_fqmqk_91", X = "_affix--small_fqmqk_109", Y = "_affix--disabled_fqmqk_121", Z = "_prefix_fqmqk_125", z = "_suffix_fqmqk_131", G = "_action-button_fqmqk_136", ee = "_label--hidden_fqmqk_153", te = "_feedback_fqmqk_180", se = "_select-wrapper_fqmqk_185", ne = "_select_fqmqk_185", ae = "_select--invalid_fqmqk_304", le = "_select--small_fqmqk_311", ce = "_input--has-leading-icon_fqmqk_357", oe = "_input--has-action-button_fqmqk_360", ie = "_input--has-second-action-button_fqmqk_363", re = "_select--has-leading-icon_fqmqk_366", _e = "_select--has-action-button_fqmqk_369", fe = "_select--has-second-action-button_fqmqk_372", de = "_select--has-affix_fqmqk_375", me = "_select--is-ready_fqmqk_387", qe = "_select--placeholder_fqmqk_399", ue = "_chevron_fqmqk_408", he = "_chevron--small_fqmqk_412", pe = "_chevron--disabled_fqmqk_415", e = {
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: T,
-  affix: U,
-  "affix--small": "_affix--small_fqmqk_109",
-  affixSmall: X,
-  "affix--disabled": "_affix--disabled_fqmqk_121",
-  affixDisabled: Y,
-  prefix: Z,
-  suffix: z,
-  "action-button": "_action-button_fqmqk_136",
-  actionButton: G,
-  "label--hidden": "_label--hidden_fqmqk_153",
-  labelHidden: ee,
-  feedback: te,
-  "select-wrapper": "_select-wrapper_fqmqk_185",
-  selectWrapper: se,
-  select: ne,
-  "select--invalid": "_select--invalid_fqmqk_304",
-  selectInvalid: ae,
-  "select--small": "_select--small_fqmqk_311",
-  selectSmall: le,
-  "input--has-leading-icon": "_input--has-leading-icon_fqmqk_357",
-  inputHasLeadingIcon: ce,
-  "input--has-action-button": "_input--has-action-button_fqmqk_360",
-  inputHasActionButton: oe,
-  "input--has-second-action-button": "_input--has-second-action-button_fqmqk_363",
-  inputHasSecondActionButton: ie,
-  "select--has-leading-icon": "_select--has-leading-icon_fqmqk_366",
-  selectHasLeadingIcon: re,
-  "select--has-action-button": "_select--has-action-button_fqmqk_369",
-  selectHasActionButton: _e,
-  "select--has-second-action-button": "_select--has-second-action-button_fqmqk_372",
-  selectHasSecondActionButton: fe,
-  "select--has-affix": "_select--has-affix_fqmqk_375",
-  selectHasAffix: de,
-  "select--is-ready": "_select--is-ready_fqmqk_387",
-  selectIsReady: me,
-  "select--placeholder": "_select--placeholder_fqmqk_399",
-  selectPlaceholder: qe,
-  chevron: ue,
-  "chevron--small": "_chevron--small_fqmqk_412",
-  chevronSmall: he,
-  "chevron--disabled": "_chevron--disabled_fqmqk_415",
-  chevronDisabled: pe
-}, be = ({
-  id: t,
-  label: l,
-  options: a
-}) => {
-  if (!t)
-    throw new Error(
-      q(
-        "DSSelect",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
-      )
-    );
-  if (!l)
-    throw new Error(
-      q(
-        "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 (!a || a.length === 0)
-    throw new Error(
-      q(
-        "DSSelect",
-        'Options are always required. Please add an "options" prop to the DSSelect component.'
-      )
-    );
-}, ke = (t, l, a) => t === "" || l !== void 0 && l !== "" ? !1 : !(a !== void 0 && a !== ""), je = ({
-  id: t,
-  label: l,
-  options: a,
-  className: H,
-  defaultValue: u,
-  disabled: h = !1,
-  hideLabel: w = !1,
-  hint: f,
-  invalid: r = !1,
-  placeholder: d = "Select",
-  required: p = !1,
-  size: b = "medium",
-  systemFeedback: m,
-  value: k,
-  ...D
-}) => {
-  process.env.NODE_ENV !== "production" && be({
-    id: t,
-    label: l,
-    options: a
-  });
-  const i = C(null), [I, y] = R(
-    ke(d, u, k)
-  );
-  W(() => {
-    if (!i.current)
-      return;
-    const c = () => {
-      if (!i.current)
-        return;
-      const o = i.current.value;
-      y(o === "");
-    }, n = i.current;
-    return n.addEventListener("change", c), () => {
-      n.removeEventListener("change", c);
-    };
-  }, []);
-  const j = F(w), v = `${t}-label`, x = `${t}-feedback`, S = `${t}-hint`, A = f ? ` ${S}` : "", B = (c) => [
-    d && /* @__PURE__ */ s.jsx("option", { value: "", children: d }, `${t}-hidden-option-disabled-placeholder`),
-    ...c.map((n) => {
-      if ("options" in n) {
-        const { label: o, options: $ } = n;
-        return /* @__PURE__ */ s.jsx("optgroup", { label: o, children: $.map(g) }, o);
-      } else
-        return g(n);
-    })
-  ], g = ({ label: c, value: n, isDisabled: o }) => /* @__PURE__ */ s.jsx("option", { value: n, disabled: o, children: c }, n), N = _(e.root, H), P = _(e.select, {
-    [e.selectSmall]: b === "small",
-    [e.selectInvalid]: r,
-    [e.selectPlaceholder]: I
-  }), E = _(e.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [e.labelHidden]: j
-  }), L = _(e.chevron, {
-    [e.chevronSmall]: b === "small",
-    [e.chevronDisabled]: h
-  });
-  return /* @__PURE__ */ s.jsxs("div", { className: N, children: [
-    /* @__PURE__ */ s.jsxs("label", { className: E, id: v, htmlFor: t, children: [
-      l,
-      p && /* @__PURE__ */ s.jsx(M, {})
-    ] }),
-    f && /* @__PURE__ */ s.jsx("div", { className: e.hint, id: S, children: f }),
-    r && m && /* @__PURE__ */ s.jsx(
-      V,
-      {
-        className: e.feedback,
-        message: m,
-        type: "invalid",
-        id: x,
-        "aria-live": "assertive"
-      }
-    ),
-    /* @__PURE__ */ s.jsxs("div", { className: e.selectWrapper, children: [
-      /* @__PURE__ */ s.jsx(
-        "select",
-        {
-          ...D,
-          id: t,
-          ref: i,
-          className: P,
-          "aria-labelledby": `${v}${A}`,
-          "aria-describedby": r && m ? x : void 0,
-          "aria-invalid": r,
-          defaultValue: u,
-          value: k,
-          disabled: h,
-          required: p,
-          children: B(a)
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        O,
-        {
-          name: "chevron-down",
-          className: L,
-          "aria-hidden": "true"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  je as DSSelect
-};