@stihl-design-system/components 1.0.0-RC.32 → 1.0.0-RC.35

package/chunks/Notification.Qzz88ngL.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as H, jsxs as F } from "react/jsx-runtime";
+import { d as R } from "./index.D-sRdssb.js";
+import { c as k } from "./index.DL9mof6u.js";
+import { D as W } from "./Button.Cn5yg7dG.js";
+import { D as j } from "./Icon.CDLyB7Pv.js";
+import '../assets/Notification.CvohYEvT.css';const y = "ds-notification_root_trmu0_1", L = "ds-notification_root--success_trmu0_29", P = "ds-notification_root--error_trmu0_33", V = "ds-notification_root--warning_trmu0_37", z = "ds-notification_root--hide-icon_trmu0_41", Y = "ds-notification_content_trmu0_55", $ = "ds-notification_content--hide-close-button_trmu0_62", q = "ds-notification_content--hide-icon_trmu0_65", G = "ds-notification_icon_trmu0_69", J = "ds-notification_message_trmu0_73", K = "ds-notification_custom-action-area_trmu0_170", e = {
+  root: y,
+  rootSuccess: L,
+  rootError: P,
+  rootWarning: V,
+  rootHideIcon: z,
+  content: Y,
+  contentHideCloseButton: $,
+  contentHideIcon: q,
+  icon: G,
+  message: J,
+  customActionArea: K
+}, et = ["success", "error", "warning", "info"], M = {
+  success: "circle-check-colored",
+  error: "diamond-exclamationmark-colored",
+  warning: "triangle-exclamationmark-colored",
+  info: "circle-info-colored"
+}, Q = {
+  error: "alert",
+  warning: "alert",
+  info: "status",
+  success: "status"
+}, nt = (S) => {
+  const t = R.c(46);
+  let i, r, a, s, n, l, h, A;
+  t[0] !== S ? ({
+    children: i,
+    variant: h,
+    className: r,
+    closeButtonProps: a,
+    customActionArea: s,
+    hideIcon: A,
+    onClose: n,
+    ...l
+  } = S, t[0] = S, t[1] = i, t[2] = r, t[3] = a, t[4] = s, t[5] = n, t[6] = l, t[7] = h, t[8] = A) : (i = t[1], r = t[2], a = t[3], s = t[4], n = t[5], l = t[6], h = t[7], A = t[8]);
+  const c = h === void 0 ? "info" : h, o = A === void 0 ? !1 : A;
+  let d;
+  t[9] !== a ? (d = a || {}, t[9] = a, t[10] = d) : d = t[10];
+  let m, g;
+  t[11] !== d ? ({
+    label: g,
+    ...m
+  } = d, t[11] = d, t[12] = m, t[13] = g) : (m = t[12], g = t[13]);
+  const O = g === void 0 ? "Close notification" : g, T = c === "success", x = c === "error", B = c === "warning";
+  let C;
+  t[14] !== r || t[15] !== o || t[16] !== T || t[17] !== x || t[18] !== B ? (C = k(e.root, r, {
+    [e.rootSuccess]: T,
+    [e.rootError]: x,
+    [e.rootWarning]: B,
+    [e.rootHideIcon]: o
+  }), t[14] = r, t[15] = o, t[16] = T, t[17] = x, t[18] = B, t[19] = C) : C = t[19];
+  const D = C, b = !n;
+  let p;
+  t[20] !== o || t[21] !== b ? (p = k(e.content, {
+    [e.contentHideCloseButton]: b,
+    [e.contentHideIcon]: o
+  }), t[20] = o, t[21] = b, t[22] = p) : p = t[22];
+  const w = p, E = Q[c];
+  let u;
+  t[23] !== o || t[24] !== c ? (u = !o && /* @__PURE__ */ H(j, { name: M[c], className: e.icon, "aria-hidden": "true" }), t[23] = o, t[24] = c, t[25] = u) : u = t[25];
+  let _;
+  t[26] !== i ? (_ = /* @__PURE__ */ H("div", { className: e.message, children: i }), t[26] = i, t[27] = _) : _ = t[27];
+  let f;
+  t[28] !== O || t[29] !== n || t[30] !== m ? (f = n && /* @__PURE__ */ H(W, { ...m, hideLabel: !0, iconName: "cross", isFlush: !0, variant: "ghost", size: "small", onClick: n, type: "button", children: O }), t[28] = O, t[29] = n, t[30] = m, t[31] = f) : f = t[31];
+  let I;
+  t[32] !== w || t[33] !== u || t[34] !== _ || t[35] !== f ? (I = /* @__PURE__ */ F("div", { className: w, children: [
+    u,
+    _,
+    f
+  ] }), t[32] = w, t[33] = u, t[34] = _, t[35] = f, t[36] = I) : I = t[36];
+  let N;
+  t[37] !== s || t[38] !== o ? (N = s && /* @__PURE__ */ H("div", { className: k({
+    [e.customActionArea]: !o
+  }), children: s }), t[37] = s, t[38] = o, t[39] = N) : N = t[39];
+  let v;
+  return t[40] !== l || t[41] !== D || t[42] !== E || t[43] !== I || t[44] !== N ? (v = /* @__PURE__ */ F("div", { className: D, ...l, role: E, children: [
+    I,
+    N
+  ] }), t[40] = l, t[41] = D, t[42] = E, t[43] = I, t[44] = N, t[45] = v) : v = t[45], v;
+};
+export {
+  nt as D,
+  et as N,
+  M as a
+};

package/chunks/Popover.D7McfVaH.js

@@ -0,0 +1,214 @@
+"use client";
+import { jsx as m, jsxs as O, Fragment as q } from "react/jsx-runtime";
+import { d as H } from "./index.D-sRdssb.js";
+import { useState as J, useRef as K, useMemo as Q, createContext as X, forwardRef as I, isValidElement as Y, cloneElement as Z, useContext as ee } from "react";
+import { u as oe, o as te, j as re, s as se, k as ne, a as ae, b as ce, c as ie, d as le, e as pe, f as j, g as de, l as ue, F as he, i as ve } from "./floating-ui.react.COTL3jH5.js";
+import { c as k } from "./index.DL9mof6u.js";
+import { g as b, c as M } from "./helpers.CexwVao7.js";
+import { D as fe } from "./Button.Cn5yg7dG.js";
+import '../assets/Popover.CXyUaXiO.css';const me = "ds-popover_popover_xg81f_5", ge = "ds-popover_popover--no-arrow_xg81f_64", we = "ds-popover_popover--variant-grey_xg81f_67", Pe = "ds-popover_arrow_xg81f_71", De = "ds-popover_arrow--variant-grey_xg81f_90", Se = "ds-popover_default-anchor_xg81f_107", _ = {
+  popover: me,
+  popoverNoArrow: ge,
+  popoverVariantGrey: we,
+  arrow: Pe,
+  arrowVariantGrey: De,
+  defaultAnchor: Se
+}, Ae = ({
+  initialOpen: t = !1,
+  placement: o = "bottom",
+  isOpen: e,
+  popoverOffset: r = 6,
+  showArrow: a = !0,
+  variant: l = "default",
+  defaultAnchorButtonProps: p,
+  onOpenChange: d
+} = {}) => {
+  const [s, h] = J(t), c = e ?? s, n = d ?? h, i = K(null), u = oe({
+    placement: o,
+    open: c,
+    strategy: "fixed",
+    onOpenChange: n,
+    whileElementsMounted: ae,
+    middleware: [te(r + (a ? 7 : 0)), re({
+      // default configuration taken from https://floating-ui.com/docs/flip
+      crossAxis: o.includes("-"),
+      fallbackAxisSideDirection: "end",
+      padding: r
+    }), se({
+      padding: r
+    }), ...a ? [ne({
+      element: i
+    })] : []]
+  }), v = u.context, C = ce(v, {
+    enabled: !0
+  }), w = ie(v), E = le(v), P = pe([C, w, E]);
+  return Q(() => ({
+    open: c,
+    popoverOffset: r,
+    setOpen: n,
+    arrowRef: i,
+    showArrow: a,
+    defaultAnchorButtonProps: p,
+    variant: l,
+    ...P,
+    ...u
+  }), [c, r, n, i, a, p, l, P, u]);
+}, xe = ({
+  children: t,
+  hasContent: o,
+  hasAnchor: e
+}) => {
+  if (!t)
+    throw new Error(b("DSPopover", "A DSPopover must have children."));
+  if (!o && e)
+    throw new Error(b("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Content> is missing! Please add it to the children of DSPopover."));
+  if (!e && o)
+    throw new Error(b("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Anchor> is missing! Please add it to the children of DSPopover."));
+}, ye = ({
+  showArrow: t,
+  variant: o
+}) => {
+  o === "grey" && t === !1 && console.warn(b("DSPopover", "The 'grey' variant is only available when 'showArrow' is true. To use the 'grey' variant, please ensure that 'showArrow' is set to true."));
+}, B = X(null), U = () => {
+  const t = ee(B);
+  if (t == null)
+    throw new Error(b("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
+  return t;
+}, f = (t) => {
+  const o = H.c(11), {
+    children: e,
+    ...r
+  } = t, a = Ae({
+    ...r
+  }), l = M(e, f.Content), p = M(e, f.Anchor);
+  process.env.NODE_ENV !== "production" && (xe({
+    children: e,
+    hasContent: l,
+    hasAnchor: p
+  }), ye({
+    showArrow: r.showArrow,
+    variant: r.variant
+  }));
+  const d = !l && !p && e !== null;
+  let s;
+  o[0] !== e || o[1] !== d ? (s = d ? /* @__PURE__ */ O(q, { children: [
+    /* @__PURE__ */ m(f.Anchor, {}),
+    /* @__PURE__ */ m(f.Content, { children: e })
+  ] }) : e, o[0] = e, o[1] = d, o[2] = s) : s = o[2];
+  const h = s, c = l || d, n = p || d;
+  let i;
+  o[3] !== a || o[4] !== c || o[5] !== n ? (i = {
+    ...a,
+    hasContent: c,
+    hasAnchor: n
+  }, o[3] = a, o[4] = c, o[5] = n, o[6] = i) : i = o[6];
+  const g = i;
+  let u;
+  return o[7] !== h || o[8] !== g || o[9] !== r ? (u = /* @__PURE__ */ m(B.Provider, { value: g, ...r, children: h }), o[7] = h, o[8] = g, o[9] = r, o[10] = u) : u = o[10], u;
+}, W = I(({
+  children: t,
+  ...o
+}, e) => {
+  const {
+    context: r,
+    defaultAnchorButtonProps: a,
+    refs: l,
+    hasAnchor: p,
+    getReferenceProps: d
+  } = U(), {
+    label: s = "Toggle popover",
+    ...h
+  } = a || {}, c = t ? t?.ref : null, n = j([l.setReference, e, c]);
+  return p && t && Y(t) ? Z(t, d({
+    ref: n,
+    ...o,
+    ...t.props,
+    "data-state": r.open ? "open" : "closed"
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  })) : /* @__PURE__ */ m(
+    fe,
+    {
+      ...h,
+      ref: n,
+      type: "button",
+      "data-state": r.open ? "open" : "closed",
+      ...d(o),
+      size: "small",
+      hideLabel: !0,
+      iconName: "circle-info-inverted",
+      variant: "ghost",
+      className: _.defaultAnchor,
+      children: t ?? s
+    }
+  );
+});
+W.displayName = "DSPopover.Anchor";
+const $ = I((t, o) => {
+  const e = H.c(33), {
+    style: r,
+    className: a,
+    classNameArrow: l,
+    children: p,
+    ...d
+  } = t, {
+    context: s,
+    refs: h,
+    floatingStyles: c,
+    showArrow: n,
+    variant: i,
+    getFloatingProps: g,
+    arrowRef: u
+  } = U();
+  let v;
+  e[0] !== o || e[1] !== h.setFloating ? (v = [h.setFloating, o], e[0] = o, e[1] = h.setFloating, e[2] = v) : v = e[2];
+  const C = j(v);
+  let w;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (w = {
+    duration: {
+      open: 250,
+      close: 250
+    }
+  }, e[3] = w) : w = e[3];
+  const {
+    isMounted: E,
+    status: P
+  } = de(s, w);
+  if (!E)
+    return null;
+  const R = ve, F = he, L = !1;
+  let D;
+  e[4] !== c || e[5] !== r ? (D = {
+    ...c,
+    ...r
+  }, e[4] = c, e[5] = r, e[6] = D) : D = e[6];
+  const V = !n, G = i === "grey" && n;
+  let S;
+  e[7] !== a || e[8] !== V || e[9] !== G ? (S = k(_.popover, a, {
+    [_.popoverNoArrow]: V,
+    [_.popoverVariantGrey]: G
+  }), e[7] = a, e[8] = V, e[9] = G, e[10] = S) : S = e[10];
+  const z = s.placement, T = g(d);
+  let A;
+  e[11] !== u || e[12] !== l || e[13] !== s || e[14] !== n || e[15] !== i ? (A = n && /* @__PURE__ */ m(ue, { ref: u, context: s, className: k(_.arrow, l, {
+    [_.arrowVariantGrey]: i === "grey" && n
+  }), strokeWidth: 1, tipRadius: 1, width: 16, height: 7 }), e[11] = u, e[12] = l, e[13] = s, e[14] = n, e[15] = i, e[16] = A) : A = e[16];
+  let x;
+  e[17] !== p || e[18] !== s.placement || e[19] !== C || e[20] !== P || e[21] !== A || e[22] !== D || e[23] !== S || e[24] !== T ? (x = /* @__PURE__ */ O("div", { ref: C, style: D, className: S, "data-placement": z, "data-status": P, ...T, children: [
+    A,
+    p
+  ] }), e[17] = p, e[18] = s.placement, e[19] = C, e[20] = P, e[21] = A, e[22] = D, e[23] = S, e[24] = T, e[25] = x) : x = e[25];
+  let y;
+  e[26] !== F || e[27] !== s || e[28] !== x ? (y = /* @__PURE__ */ m(F, { context: s, modal: L, children: x }), e[26] = F, e[27] = s, e[28] = x, e[29] = y) : y = e[29];
+  let N;
+  return e[30] !== R || e[31] !== y ? (N = /* @__PURE__ */ m(R, { children: y }), e[30] = R, e[31] = y, e[32] = N) : N = e[32], N;
+});
+$.displayName = "DSPopover.Content";
+f.Anchor = W;
+f.Content = $;
+f.displayName = "DSPopover";
+export {
+  f as D,
+  ye as a,
+  Ae as u,
+  xe as v
+};

package/chunks/RadioGroup.B2VCD9x-.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as V } from "react/jsx-runtime";
+import { d as K } from "./index.D-sRdssb.js";
+import { c as Q } from "./index.DL9mof6u.js";
+import { forwardRef as W, useState as X } from "react";
+import { D as Y } from "./Fieldset.C0RzpI-h.js";
+import { DSRadio as Z } from "../radio.DHUfSPai.js";
+import { g as m, r as M } from "./helpers.CexwVao7.js";
+import '../assets/RadioGroup.CM2mYOzc.css';const oo = "ds-radio-group_root_12fot_1", eo = "ds-radio-group_root--horizontal_12fot_9", to = "ds-radio-group_root--invalid_12fot_12", O = {
+  root: oo,
+  rootHorizontal: eo,
+  rootInvalid: to
+}, j = (i) => i.some(({
+  hint: s
+}) => !!s), T = (i) => i.some(({
+  customArea: s,
+  isCustomAreaAbove: o
+}) => !!s && !o), ro = ({
+  legend: i,
+  name: s,
+  options: o,
+  description: l,
+  direction: c,
+  id: a,
+  systemFeedback: e
+}) => {
+  if (!a && (l || e))
+    throw new Error(m("DSRadioGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSRadioGroup component.'));
+  if (!i)
+    throw new Error(m("DSRadioGroup", M("legend", "DSRadioGroup")));
+  if (!s)
+    throw new Error(m("DSRadioGroup", M("name", "DSRadioGroup")));
+  if (Array.isArray(o)) {
+    if (o.length === 0)
+      throw new Error(m("DSRadioGroup", "The options array must not be empty."));
+  } else throw new Error(m("DSRadioGroup", M("options", "DSRadioGroup")));
+  if (c === "horizontal" && j(o))
+    throw new Error(m("DSRadioGroup", "Horizontal direction is not possible when options contain a hint. Please remove hints or change direction property to 'vertical'."));
+  if (c === "horizontal" && T(o))
+    throw new Error(m("DSRadioGroup", "Horizontal direction is not possible when options contain a custom area without isCustomAreaAbove set to true. Please remove custom areas, change direction property to 'vertical' or set isCustomAreaAbove to true."));
+}, io = W((i, s) => {
+  const o = K.c(57);
+  let l, c, a, e, u, p, h, t, v, D, w, d, b, y, H, E, _, z;
+  o[0] !== i ? ({
+    legend: u,
+    name: p,
+    options: t,
+    className: l,
+    defaultValue: c,
+    description: a,
+    direction: b,
+    disabled: y,
+    hideUncheckedHints: H,
+    id: e,
+    invalid: E,
+    popoverContent: v,
+    popoverInfoButtonProps: D,
+    required: _,
+    systemFeedback: d,
+    value: z,
+    onChange: h,
+    ...w
+  } = i, o[0] = i, o[1] = l, o[2] = c, o[3] = a, o[4] = e, o[5] = u, o[6] = p, o[7] = h, o[8] = t, o[9] = v, o[10] = D, o[11] = w, o[12] = d, o[13] = b, o[14] = y, o[15] = H, o[16] = E, o[17] = _, o[18] = z) : (l = o[1], c = o[2], a = o[3], e = o[4], u = o[5], p = o[6], h = o[7], t = o[8], v = o[9], D = o[10], w = o[11], d = o[12], b = o[13], y = o[14], H = o[15], E = o[16], _ = o[17], z = o[18]);
+  const L = b === void 0 ? "vertical" : b, n = y === void 0 ? !1 : y, S = H === void 0 ? !1 : H, f = E === void 0 ? !1 : E, g = _ === void 0 ? !1 : _;
+  process.env.NODE_ENV !== "production" && ro({
+    legend: u,
+    name: p,
+    options: t,
+    description: a,
+    direction: L,
+    id: e,
+    systemFeedback: d
+  });
+  const [$, J] = X(c), C = z !== void 0, A = C ? z : $, P = L === "horizontal" && !j(t) && !T(t), U = f && !!d;
+  let k;
+  o[19] !== P || o[20] !== U ? (k = Q(O.root, {
+    [O.rootHorizontal]: P,
+    [O.rootInvalid]: U
+  }), o[19] = P, o[20] = U, o[21] = k) : k = o[21];
+  const x = k;
+  let q;
+  o[22] !== n || o[23] !== C || o[24] !== h ? (q = (r) => {
+    if (n) {
+      r.preventDefault();
+      return;
+    }
+    C || J(r.target.value), h && h(r);
+  }, o[22] = n, o[23] = C, o[24] = h, o[25] = q) : q = o[25];
+  const B = q;
+  let I;
+  o[26] !== S || o[27] !== t ? (I = j(t) && !S, o[26] = S, o[27] = t, o[28] = I) : I = o[28];
+  const F = I;
+  let G;
+  o[29] !== F || o[30] !== A || o[31] !== n || o[32] !== S || o[33] !== e || o[34] !== f || o[35] !== p || o[36] !== t || o[37] !== s || o[38] !== g ? (G = t.map((r) => /* @__PURE__ */ V(Z, { name: p, checked: r.value === A, disabled: n, fieldsetId: e, hideUncheckedHint: S, hint: r.hint, invalid: f, isBold: F, required: g, ref: r.value === A ? s : null, ...r }, e + r.label + r.value + r.hint)), o[29] = F, o[30] = A, o[31] = n, o[32] = S, o[33] = e, o[34] = f, o[35] = p, o[36] = t, o[37] = s, o[38] = g, o[39] = G) : G = o[39];
+  let R;
+  o[40] !== x || o[41] !== G ? (R = /* @__PURE__ */ V("div", { className: x, children: G }), o[40] = x, o[41] = G, o[42] = R) : R = o[42];
+  let N;
+  return o[43] !== l || o[44] !== a || o[45] !== n || o[46] !== B || o[47] !== e || o[48] !== f || o[49] !== u || o[50] !== v || o[51] !== D || o[52] !== g || o[53] !== w || o[54] !== d || o[55] !== R ? (N = /* @__PURE__ */ V(Y, { id: e, legend: u, className: l, description: a, disabled: n, required: g, invalid: f, systemFeedback: d, popoverContent: v, popoverInfoButtonProps: D, ...w, role: "radiogroup", onChange: B, children: R }), o[43] = l, o[44] = a, o[45] = n, o[46] = B, o[47] = e, o[48] = f, o[49] = u, o[50] = v, o[51] = D, o[52] = g, o[53] = w, o[54] = d, o[55] = R, o[56] = N) : N = o[56], N;
+});
+io.displayName = "DSRadioGroup";
+export {
+  io as D,
+  T as a,
+  j as o,
+  ro as v
+};

package/chunks/Select.B0uMOSSD.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { c as o } from "./index.DL9mof6u.js";
+import { forwardRef as X, useRef as Y, useState as $, useEffect as z } from "react";
+import { u as A } from "./useBreakpoint.1txsny17.js";
+import "./index.D-sRdssb.js";
+import { Asterisk as G } from "../asterisk.B2ih8VwF.js";
+import { D as ee } from "./Icon.CDLyB7Pv.js";
+import { D as le } from "./Popover.D7McfVaH.js";
+import { D as se } from "./SystemFeedback.CjlARKki.js";
+import { g as n, r as te } from "./helpers.CexwVao7.js";
+import '../assets/Select.CL0fqx7X.css';const ae = "ds-select_root_1p3qq_1", re = "ds-select_hint_1p3qq_1", ce = "ds-select_label-wrapper_1p3qq_1", oe = "ds-select_label_1p3qq_1", ne = "ds-select_label--disabled_1p3qq_123", ie = "ds-select_label-wrapper--hidden_1p3qq_135", de = "ds-select_feedback_1p3qq_163", pe = "ds-select_select-wrapper_1p3qq_167", he = "ds-select_select_1p3qq_167", me = "ds-select_select--small_1p3qq_181", be = "ds-select_select--invalid_1p3qq_293", _e = "ds-select_select--placeholder_1p3qq_401", fe = "ds-select_chevron_1p3qq_451", Se = "ds-select_chevron--small_1p3qq_455", ue = "ds-select_chevron--disabled_1p3qq_458", e = {
+  root: ae,
+  hint: re,
+  labelWrapper: ce,
+  label: oe,
+  labelDisabled: ne,
+  labelWrapperHidden: ie,
+  feedback: de,
+  selectWrapper: pe,
+  select: he,
+  selectSmall: me,
+  selectInvalid: be,
+  selectPlaceholder: _e,
+  chevron: fe,
+  chevronSmall: Se,
+  chevronDisabled: ue
+}, Ae = ["medium", "small"], qe = ({
+  id: l,
+  label: c,
+  options: r,
+  hideLabel: _,
+  popoverContent: i
+}) => {
+  if (!l)
+    throw new Error(n("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
+  if (!c)
+    throw new Error(n("DSSelect", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`));
+  if (Array.isArray(r)) {
+    if (r.length === 0)
+      throw new Error(n("DSSelect", "The options array must not be empty."));
+  } else throw new Error(n("DSSelect", te("options", "DSSelect")));
+  _ && i && console.warn(n("DSSelect", "Using a popover when hideLabel is set to true is not supported."));
+}, ve = (l, c, r) => l === "" || c !== void 0 && c !== "" ? !1 : !(r !== void 0 && r !== ""), De = X(({
+  id: l,
+  label: c,
+  options: r,
+  className: _,
+  defaultValue: i,
+  disabled: f = !1,
+  hideLabel: D = !1,
+  hint: S,
+  invalid: d = !1,
+  popoverContent: u,
+  popoverInfoButtonProps: L,
+  placeholder: q = "Select",
+  required: w = !1,
+  size: y = "medium",
+  systemFeedback: v,
+  value: p,
+  onChange: g,
+  ...B
+}, h) => {
+  process.env.NODE_ENV !== "production" && qe({
+    id: l,
+    label: c,
+    options: r,
+    hideLabel: A(D),
+    popoverContent: u
+  });
+  const C = Y(null), [H, N] = $(p), [R, j] = $(ve(q, i, p));
+  z(() => {
+    N(p);
+  }, [p]);
+  const x = (s) => {
+    C.current = s, typeof h == "function" ? h(s) : h && (h.current = s);
+  }, P = A(D), I = `${l}-label`, E = `${l}-feedback`, W = `${l}-hint`, V = S ? ` ${W}` : "", M = [d && v && E].filter(Boolean).join(" ") || void 0, T = (s) => [q && /* @__PURE__ */ a("option", { value: "", children: q }, `${l}-hidden-option-disabled-placeholder`), ...s.map((t) => {
+    if ("options" in t) {
+      const {
+        label: m,
+        options: Q
+      } = t;
+      return /* @__PURE__ */ a("optgroup", { label: m, children: Q.map(k) }, m);
+    } else
+      return k(t);
+  })], k = ({
+    label: s,
+    value: t,
+    isDisabled: m
+  }) => /* @__PURE__ */ a("option", { value: t, disabled: m, children: s }, t), F = o(e.root, _), O = o(e.select, {
+    [e.selectSmall]: y === "small",
+    [e.selectInvalid]: d,
+    [e.selectPlaceholder]: R
+  }), U = o(e.label, {
+    [e.labelDisabled]: f
+  }), Z = o(e.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelWrapperHidden]: P
+  }), J = o(e.chevron, {
+    [e.chevronSmall]: y === "small",
+    [e.chevronDisabled]: f
+  }), K = (s) => {
+    const {
+      value: t
+    } = s.target;
+    j(t === ""), N(t), g && g(s);
+  };
+  return /* @__PURE__ */ b("div", { className: F, children: [
+    /* @__PURE__ */ b("div", { className: Z, children: [
+      /* @__PURE__ */ b("label", { className: U, id: I, htmlFor: l, children: [
+        c,
+        w && /* @__PURE__ */ a(G, {})
+      ] }),
+      u && !P && /* @__PURE__ */ a(le, { placement: "top", defaultAnchorButtonProps: L, children: u })
+    ] }),
+    S && /* @__PURE__ */ a("div", { className: e.hint, id: W, children: S }),
+    /* @__PURE__ */ b("div", { className: e.selectWrapper, children: [
+      /* @__PURE__ */ a(
+        "select",
+        {
+          ...B,
+          id: l,
+          ref: x,
+          className: O,
+          "aria-labelledby": `${I}${V}`,
+          "aria-describedby": M,
+          "aria-invalid": d,
+          defaultValue: i,
+          value: H,
+          disabled: f,
+          required: w,
+          onChange: K,
+          children: T(r)
+        }
+      ),
+      /* @__PURE__ */ a(ee, { name: "chevron-down", className: J, "aria-hidden": "true" })
+    ] }),
+    d && v && /* @__PURE__ */ a(se, { className: e.feedback, message: v, variant: "error", id: E })
+  ] });
+});
+De.displayName = "DSSelect";
+export {
+  De as D,
+  Ae as S,
+  ve as g,
+  qe as v
+};