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

package/chunks/InputStepper.DTKjUL4U.js

@@ -1,291 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime.C-kxDJ4g.js";
-import { c } from "./index.CvOaL64Y.js";
-import { useState as f, useRef as N, useEffect as w, useLayoutEffect as M } from "react";
-import { u as bn } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as mn } from "../asterisk.DU8THnoC.js";
-import { DSButton as X } from "../button.DX_nxoJC.js";
-import { M as E, a as H } from "./Input.utils.AKWCNkpA.js";
-import { DSSystemFeedback as hn } from "../systemfeedback.4Hkfigi-.js";
-import { g as y } from "./helpers.B1JT5ShS.js";
-import '../assets/InputStepper.paPJix5A.css';const xn = "_input_134nb_187", Sn = "_input--invalid_134nb_298", yn = "_input--small_134nb_305", vn = "_input--has-leading-icon_134nb_351", In = "_input--has-action-button_134nb_354", gn = "_input--has-second-action-button_134nb_357", An = "_input--has-affix_134nb_369", Bn = "_input--is-ready_134nb_381", Dn = "_root_134nb_388", Nn = "_hint_134nb_396", wn = "_label_134nb_396", En = "_wrapper_134nb_400", Hn = "_affix_134nb_406", Ln = "_affix--small_134nb_426", jn = "_affix--disabled_134nb_438", Rn = "_prefix_134nb_441", kn = "_affix--readonly_134nb_444", Cn = "_suffix_134nb_454", $n = "_action-button_134nb_461", Fn = "_label--hidden_134nb_478", Vn = "_feedback_134nb_505", Pn = "_second-action-button_134nb_519", Tn = "_value-announcer_134nb_523", t = {
-  input: xn,
-  "input--invalid": "_input--invalid_134nb_298",
-  inputInvalid: Sn,
-  "input--small": "_input--small_134nb_305",
-  inputSmall: yn,
-  "input--has-leading-icon": "_input--has-leading-icon_134nb_351",
-  inputHasLeadingIcon: vn,
-  "input--has-action-button": "_input--has-action-button_134nb_354",
-  inputHasActionButton: In,
-  "input--has-second-action-button": "_input--has-second-action-button_134nb_357",
-  inputHasSecondActionButton: gn,
-  "input--has-affix": "_input--has-affix_134nb_369",
-  inputHasAffix: An,
-  "input--is-ready": "_input--is-ready_134nb_381",
-  inputIsReady: Bn,
-  root: Dn,
-  hint: Nn,
-  label: wn,
-  wrapper: En,
-  affix: Hn,
-  "affix--small": "_affix--small_134nb_426",
-  affixSmall: Ln,
-  "affix--disabled": "_affix--disabled_134nb_438",
-  affixDisabled: jn,
-  prefix: Rn,
-  "affix--readonly": "_affix--readonly_134nb_444",
-  affixReadonly: kn,
-  suffix: Cn,
-  "action-button": "_action-button_134nb_461",
-  actionButton: $n,
-  "label--hidden": "_label--hidden_134nb_478",
-  labelHidden: Fn,
-  feedback: Vn,
-  "second-action-button": "_second-action-button_134nb_519",
-  secondActionButton: Pn,
-  "value-announcer": "_value-announcer_134nb_523",
-  valueAnnouncer: Tn
-}, Wn = ({
-  id: a,
-  label: b,
-  prefix: m,
-  suffix: h
-}) => {
-  if (!a)
-    throw new Error(
-      y(
-        "DSInputStepper",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
-      )
-    );
-  if (!b)
-    throw new Error(
-      y(
-        "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 > E && console.warn(
-    y(
-      "DSInputStepper",
-      `Prefix length must not exceed ${E} characters.`
-    )
-  ), h && h.length > H && console.warn(
-    y(
-      "DSInputStepper",
-      `Suffix length must not exceed ${H} characters.`
-    )
-  );
-}, Yn = ({
-  id: a,
-  label: b,
-  announcementText: m = "Value changed to",
-  className: h,
-  disabled: d = !1,
-  decreaseAmountButtonLabel: q = "Decrease",
-  hint: v,
-  hideLabel: G = !1,
-  invalid: x = !1,
-  increaseAmountButtonLabel: O = "Increase",
-  prefix: u,
-  max: L = 100,
-  min: j = 0,
-  readonly: p = !1,
-  required: R = !1,
-  size: i = "medium",
-  step: U = 1,
-  suffix: r,
-  systemFeedback: I,
-  value: S,
-  onChange: k,
-  ...J
-}) => {
-  process.env.NODE_ENV !== "production" && Wn({
-    id: a,
-    label: b,
-    prefix: u,
-    suffix: r
-  });
-  const [K, Q] = f(!1), [_, g] = f(S), [A, C] = f(""), [Y, Z] = f(!1), [z, nn] = f({}), s = N(null), tn = u == null ? void 0 : u.substring(0, E), B = N(null), en = r == null ? void 0 : r.substring(0, H), D = N(null), an = bn(G);
-  w(() => {
-    S && g(S);
-  }, [S]), w(() => {
-    if (A) {
-      const n = setTimeout(() => {
-        C("");
-      }, 3e3);
-      return () => clearTimeout(n);
-    }
-  }, [A]), w(() => {
-    var o;
-    const n = (l) => {
-      l.preventDefault();
-    };
-    return (o = s.current) == null || o.addEventListener("wheel", n, {
-      // 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", n);
-    };
-  }, []), M(() => {
-    const n = i === "medium" ? 16 : 8, o = {};
-    if (B.current) {
-      const l = B.current.offsetWidth;
-      o.paddingInlineStart = n + l + "px";
-    }
-    if (D.current) {
-      const l = D.current.offsetWidth;
-      o.paddingInlineEnd = n + l + "px";
-    }
-    nn(o), Q(!0);
-  }, [u, r, i, Y]), M(() => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load(
-        '1em "STIHL Contraface Digital Text Regular"'
-      ), Z(!0));
-    })();
-  }, []);
-  const $ = c(t.affix, {
-    [t.affixSmall]: i === "small",
-    [t.affixDisabled]: d,
-    [t.affixReadonly]: p
-  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, sn = v ? ` ${P}` : "", on = c(t.root, h), ln = c(t.input, {
-    // small input
-    [t.inputSmall]: i === "small",
-    // invalid state
-    [t.inputInvalid]: x,
-    // prefix/suffix
-    [t.inputHasAffix]: u || r,
-    [t.inputIsReady]: K
-  }), cn = c(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: an
-  }), un = c(t.secondActionButton, {
-    [t.secondActionButtonSmall]: i === "small"
-  }), rn = c(t.actionButton, {
-    [t.actionButtonSmall]: i === "small"
-  }), dn = () => {
-    const n = [T];
-    return x && I && n.push(V), n.join(" ");
-  }, W = () => {
-    var n;
-    if (s.current) {
-      g(s.current.value);
-      const o = new Event("change", { bubbles: !0 });
-      (n = s.current) == null || n.dispatchEvent(o), C(`${m} ${s.current.value}`);
-    }
-  }, pn = () => {
-    var n;
-    (n = s.current) == null || n.stepDown(), W();
-  }, _n = () => {
-    var n;
-    (n = s.current) == null || n.stepUp(), W();
-  }, fn = (n) => {
-    g(n.target.value), k && k(n);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: on, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: cn, id: F, htmlFor: a, children: [
-      b,
-      R && /* @__PURE__ */ e.jsx(mn, {})
-    ] }),
-    v && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: P, children: v }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        className: t.valueAnnouncer,
-        id: T,
-        children: A
-      }
-    ),
-    x && I && /* @__PURE__ */ e.jsx(
-      hn,
-      {
-        className: t.feedback,
-        message: I,
-        type: "invalid",
-        id: V
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: t.wrapper, children: [
-      u && /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: c($, t.prefix),
-          ref: B,
-          "aria-disabled": d,
-          children: tn
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          className: ln,
-          id: a,
-          ref: s,
-          ...J,
-          style: z,
-          "aria-labelledby": `${F}${sn}`,
-          "aria-describedby": dn(),
-          "aria-invalid": x,
-          "aria-disabled": p,
-          disabled: d,
-          min: j,
-          max: L,
-          readOnly: p,
-          required: R,
-          step: U,
-          type: "number",
-          value: _,
-          onChange: fn
-        }
-      ),
-      r && /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: c($, t.suffix),
-          ref: D,
-          "aria-disabled": d,
-          children: en
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "minus",
-          variant: "filled",
-          className: un,
-          size: i,
-          onClick: pn,
-          disabled: d || p || !!_ && Number(_) <= j,
-          type: "button",
-          children: q
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "plus",
-          variant: "filled",
-          className: rn,
-          size: i,
-          onClick: _n,
-          disabled: d || p || !!_ && Number(_) >= L,
-          type: "button",
-          children: O
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Yn as D,
-  Wn as v
-};

package/chunks/Notification.CUPOlHAX.js

@@ -1,93 +0,0 @@
-"use client";
-import { j as s } from "./jsx-runtime.C-kxDJ4g.js";
-import { c } from "./index.CvOaL64Y.js";
-import { D as p } from "./Icon.9gDIp6p4.js";
-import { DSButton as g } from "../button.DX_nxoJC.js";
-import '../assets/Notification.CCCbfXEz.css';const N = "_root_unops_63", f = "_root--success_unops_87", h = "_root--error_unops_91", I = "_root--warning_unops_95", x = "_root--hide-icon_unops_99", A = "_content_unops_113", C = "_content--hide-close-button_unops_120", H = "_content--hide-icon_unops_123", j = "_icon_unops_127", S = "_message_unops_131", w = "_custom-action-area_unops_144", o = {
-  root: N,
-  "root--success": "_root--success_unops_87",
-  rootSuccess: f,
-  "root--error": "_root--error_unops_91",
-  rootError: h,
-  "root--warning": "_root--warning_unops_95",
-  rootWarning: I,
-  "root--hide-icon": "_root--hide-icon_unops_99",
-  rootHideIcon: x,
-  content: A,
-  "content--hide-close-button": "_content--hide-close-button_unops_120",
-  contentHideCloseButton: C,
-  "content--hide-icon": "_content--hide-icon_unops_123",
-  contentHideIcon: H,
-  icon: j,
-  message: S,
-  "custom-action-area": "_custom-action-area_unops_144",
-  customActionArea: w
-}, R = [
-  "success",
-  "error",
-  "warning",
-  "info"
-], O = {
-  success: "circle-check-colored",
-  error: "diamond-exclamationmark-colored",
-  warning: "triangle-exclamationmark-colored",
-  info: "circle-info-colored"
-}, T = {
-  error: "alert",
-  warning: "alert",
-  info: "status",
-  success: "status"
-}, B = ({
-  children: i,
-  variant: n = "info",
-  customActionArea: e,
-  className: a,
-  closeButtonLabel: _ = "Close notification",
-  hideCloseButton: r = !1,
-  hideIcon: t = !1,
-  onClose: u,
-  ...l
-}) => {
-  const m = c(o.root, a, {
-    [o.rootSuccess]: n === "success",
-    [o.rootError]: n === "error",
-    [o.rootWarning]: n === "warning",
-    [o.rootInfo]: n === "info",
-    [o.rootHideIcon]: t
-  }), d = c(o.content, {
-    [o.contentHideCloseButton]: r,
-    [o.contentHideIcon]: t
-  });
-  return /* @__PURE__ */ s.jsxs("div", { className: m, ...l, role: T[n], children: [
-    /* @__PURE__ */ s.jsxs("div", { className: d, children: [
-      !t && /* @__PURE__ */ s.jsx(
-        p,
-        {
-          name: O[n],
-          className: o.icon,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ s.jsx("div", { className: o.message, children: i }),
-      !r && /* @__PURE__ */ s.jsx(
-        g,
-        {
-          hideLabel: !0,
-          iconName: "cross",
-          isFlush: !0,
-          variant: "ghost",
-          size: "small",
-          onClick: u,
-          type: "button",
-          children: _
-        }
-      )
-    ] }),
-    e && /* @__PURE__ */ s.jsx("div", { className: c({ [o.customActionArea]: !t }), children: e })
-  ] });
-};
-export {
-  B as D,
-  R as N,
-  O as a
-};

package/chunks/RadioGroup.DpwnVv7u.js

@@ -1,110 +0,0 @@
-"use client";
-import { j as d } from "./jsx-runtime.C-kxDJ4g.js";
-import { c as N } from "./index.CvOaL64Y.js";
-import { forwardRef as P, useState as C } from "react";
-import { D as y } from "./Fieldset.BokeZzG5.js";
-import { DSRadio as z } from "../radio.Bhu9OUY-.js";
-import { s as c } from "./RadioGroup.module.bi3leRes.js";
-import { g as a } from "./helpers.B1JT5ShS.js";
-const f = (r) => `The "${r}" prop is required. Please add the "${r}" prop to the DSRadioGroup component.`, M = ({
-  description: r,
-  id: e,
-  legend: t,
-  name: s,
-  options: i,
-  systemFeedback: n
-}) => {
-  if (!e && (r || n))
-    throw new Error(
-      a(
-        "DSRadioGroup",
-        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSRadioGroup component.'
-      )
-    );
-  if (!t)
-    throw new Error(
-      a("DSRadioGroup", f("legend"))
-    );
-  if (!s)
-    throw new Error(
-      a("DSRadioGroup", f("name"))
-    );
-  if (!i)
-    throw new Error(
-      a("DSRadioGroup", f("options"))
-    );
-}, O = P(
-  ({
-    legend: r,
-    name: e,
-    options: t,
-    alignment: s = "vertical",
-    className: i,
-    defaultValue: n,
-    description: m,
-    disabled: l = !1,
-    id: h,
-    invalid: p = !1,
-    required: D = !1,
-    systemFeedback: u,
-    value: S,
-    onChange: R,
-    ...g
-  }, v) => {
-    process.env.NODE_ENV !== "production" && M({
-      description: m,
-      id: h,
-      legend: r,
-      name: e,
-      options: t,
-      systemFeedback: u
-    });
-    const [E, x] = C(n), w = S !== void 0, G = w ? S : E, j = N(c.root, {
-      // In case of longer copy, use vertical alignment
-      [c.rootHorizontal]: s === "horizontal",
-      [c.rootInvalid]: p && !!u
-    }), q = (o) => {
-      if (l) {
-        o.preventDefault();
-        return;
-      }
-      w || x(
-        o.target.value
-      ), R && R(o);
-    };
-    return /* @__PURE__ */ d.jsx(
-      y,
-      {
-        id: h,
-        legend: r,
-        className: i,
-        description: m,
-        disabled: l,
-        required: D,
-        invalid: p,
-        systemFeedback: u,
-        ...g,
-        role: "radiogroup",
-        onChange: q,
-        children: /* @__PURE__ */ d.jsx("div", { className: j, children: t.map((o) => /* @__PURE__ */ d.jsx(
-          z,
-          {
-            name: e,
-            checked: o.value === G,
-            disabled: l,
-            invalid: p,
-            required: D,
-            ref: o.value === G ? v : null,
-            ...o
-          },
-          o.label + o.value
-        )) })
-      }
-    );
-  }
-);
-O.displayName = "DSRadioGroup";
-export {
-  O as D,
-  M as v
-};

package/chunks/RadioGroup.module.bi3leRes.js

@@ -1,11 +0,0 @@
-"use client";
-import '../assets/RadioGroup.Ur8Ro-XL.css';const o = "_root_1c87m_63", t = "_root--horizontal_1c87m_71", r = "_root--invalid_1c87m_74", n = {
-  root: o,
-  "root--horizontal": "_root--horizontal_1c87m_71",
-  rootHorizontal: t,
-  "root--invalid": "_root--invalid_1c87m_74",
-  rootInvalid: r
-};
-export {
-  n as s
-};

package/chunks/Select.DkDZo0ky.js

@@ -1,193 +0,0 @@
-"use client";
-import { j as t } from "./jsx-runtime.C-kxDJ4g.js";
-import { c as _ } from "./index.CvOaL64Y.js";
-import { useRef as $, useState as C, useEffect as W } from "react";
-import { u as F } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as M } from "../asterisk.DU8THnoC.js";
-import { D as O } from "./Icon.9gDIp6p4.js";
-import { DSSystemFeedback as T } from "../systemfeedback.4Hkfigi-.js";
-import { g as f } from "./helpers.B1JT5ShS.js";
-import '../assets/Select.D2qBxaHP.css';const V = "_root_quxca_187", Z = "_hint_quxca_195", J = "_label_quxca_195", K = "_wrapper_quxca_199", Q = "_affix_quxca_205", U = "_affix--small_quxca_225", X = "_affix--disabled_quxca_237", Y = "_prefix_quxca_240", z = "_affix--readonly_quxca_243", G = "_suffix_quxca_253", ee = "_action-button_quxca_260", ae = "_label--hidden_quxca_277", te = "_feedback_quxca_304", se = "_select-wrapper_quxca_309", ce = "_select_quxca_309", ne = "_select--invalid_quxca_428", le = "_select--small_quxca_435", oe = "_input--has-leading-icon_quxca_481", ie = "_input--has-action-button_quxca_484", re = "_input--has-second-action-button_quxca_487", _e = "_select--has-leading-icon_quxca_490", ue = "_select--has-action-button_quxca_493", de = "_select--has-second-action-button_quxca_496", xe = "_select--has-affix_quxca_499", fe = "_select--is-ready_quxca_511", he = "_select--placeholder_quxca_523", pe = "_chevron_quxca_532", be = "_chevron--small_quxca_536", me = "_chevron--disabled_quxca_539", e = {
-  root: V,
-  hint: Z,
-  label: J,
-  wrapper: K,
-  affix: Q,
-  "affix--small": "_affix--small_quxca_225",
-  affixSmall: U,
-  "affix--disabled": "_affix--disabled_quxca_237",
-  affixDisabled: X,
-  prefix: Y,
-  "affix--readonly": "_affix--readonly_quxca_243",
-  affixReadonly: z,
-  suffix: G,
-  "action-button": "_action-button_quxca_260",
-  actionButton: ee,
-  "label--hidden": "_label--hidden_quxca_277",
-  labelHidden: ae,
-  feedback: te,
-  "select-wrapper": "_select-wrapper_quxca_309",
-  selectWrapper: se,
-  select: ce,
-  "select--invalid": "_select--invalid_quxca_428",
-  selectInvalid: ne,
-  "select--small": "_select--small_quxca_435",
-  selectSmall: le,
-  "input--has-leading-icon": "_input--has-leading-icon_quxca_481",
-  inputHasLeadingIcon: oe,
-  "input--has-action-button": "_input--has-action-button_quxca_484",
-  inputHasActionButton: ie,
-  "input--has-second-action-button": "_input--has-second-action-button_quxca_487",
-  inputHasSecondActionButton: re,
-  "select--has-leading-icon": "_select--has-leading-icon_quxca_490",
-  selectHasLeadingIcon: _e,
-  "select--has-action-button": "_select--has-action-button_quxca_493",
-  selectHasActionButton: ue,
-  "select--has-second-action-button": "_select--has-second-action-button_quxca_496",
-  selectHasSecondActionButton: de,
-  "select--has-affix": "_select--has-affix_quxca_499",
-  selectHasAffix: xe,
-  "select--is-ready": "_select--is-ready_quxca_511",
-  selectIsReady: fe,
-  "select--placeholder": "_select--placeholder_quxca_523",
-  selectPlaceholder: he,
-  chevron: pe,
-  "chevron--small": "_chevron--small_quxca_536",
-  chevronSmall: be,
-  "chevron--disabled": "_chevron--disabled_quxca_539",
-  chevronDisabled: me
-}, Ae = ["medium", "small"], qe = ({
-  id: a,
-  label: n,
-  options: c
-}) => {
-  if (!a)
-    throw new Error(
-      f(
-        "DSSelect",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
-      )
-    );
-  if (!n)
-    throw new Error(
-      f(
-        "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 (!c || c.length === 0)
-    throw new Error(
-      f(
-        "DSSelect",
-        'Options are always required. Please add an "options" prop to the DSSelect component.'
-      )
-    );
-}, ve = (a, n, c) => a === "" || n !== void 0 && n !== "" ? !1 : !(c !== void 0 && c !== ""), Be = ({
-  id: a,
-  label: n,
-  options: c,
-  className: D,
-  defaultValue: h,
-  disabled: p = !1,
-  hideLabel: H = !1,
-  hint: u,
-  invalid: r = !1,
-  placeholder: d = "Select",
-  required: b = !1,
-  size: m = "medium",
-  systemFeedback: x,
-  value: q,
-  ...I
-}) => {
-  process.env.NODE_ENV !== "production" && qe({
-    id: a,
-    label: n,
-    options: c
-  });
-  const i = $(null), [w, j] = C(
-    ve(d, h, q)
-  );
-  W(() => {
-    if (!i.current)
-      return;
-    const l = () => {
-      if (!i.current)
-        return;
-      const o = i.current.value;
-      j(o === "");
-    }, s = i.current;
-    return s.addEventListener("change", l), () => {
-      s.removeEventListener("change", l);
-    };
-  }, []);
-  const A = F(H), v = `${a}-label`, S = `${a}-feedback`, g = `${a}-hint`, B = u ? ` ${g}` : "", E = (l) => [
-    d && /* @__PURE__ */ t.jsx("option", { value: "", children: d }, `${a}-hidden-option-disabled-placeholder`),
-    ...l.map((s) => {
-      if ("options" in s) {
-        const { label: o, options: R } = s;
-        return /* @__PURE__ */ t.jsx("optgroup", { label: o, children: R.map(y) }, o);
-      } else
-        return y(s);
-    })
-  ], y = ({ label: l, value: s, isDisabled: o }) => /* @__PURE__ */ t.jsx("option", { value: s, disabled: o, children: l }, s), L = _(e.root, D), N = _(e.select, {
-    [e.selectSmall]: m === "small",
-    [e.selectInvalid]: r,
-    [e.selectPlaceholder]: w
-  }), P = _(e.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [e.labelHidden]: A
-  }), k = _(e.chevron, {
-    [e.chevronSmall]: m === "small",
-    [e.chevronDisabled]: p
-  });
-  return /* @__PURE__ */ t.jsxs("div", { className: L, children: [
-    /* @__PURE__ */ t.jsxs("label", { className: P, id: v, htmlFor: a, children: [
-      n,
-      b && /* @__PURE__ */ t.jsx(M, {})
-    ] }),
-    u && /* @__PURE__ */ t.jsx("div", { className: e.hint, id: g, children: u }),
-    r && x && /* @__PURE__ */ t.jsx(
-      T,
-      {
-        className: e.feedback,
-        message: x,
-        type: "invalid",
-        id: S,
-        "aria-live": "assertive"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs("div", { className: e.selectWrapper, children: [
-      /* @__PURE__ */ t.jsx(
-        "select",
-        {
-          ...I,
-          id: a,
-          ref: i,
-          className: N,
-          "aria-labelledby": `${v}${B}`,
-          "aria-describedby": r && x ? S : void 0,
-          "aria-invalid": r,
-          defaultValue: h,
-          value: q,
-          disabled: p,
-          required: b,
-          children: E(c)
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        O,
-        {
-          name: "chevron-down",
-          className: k,
-          "aria-hidden": "true"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Be as D,
-  Ae as S,
-  ve as g,
-  qe as v
-};