@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.30

package/chunks/NavigationTabs.ClpVGcl0.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as v } from "react/jsx-runtime";
+import { d as u } from "./index.CgTHIF3K.js";
+import { useState as T, useEffect as y } from "react";
+import { TabList as h } from "../tablist.g_Nwu6GA.js";
+import { g as m, r as E } from "./helpers.BbWkXTr3.js";
+const _ = ["left", "center"], j = ["prev", "next"], S = ({
+  aria: a,
+  tabs: e,
+  activeTabIndex: t
+}) => {
+  var r, i;
+  if (!a || typeof a != "object" || Object.keys(a).length === 0 || !a["aria-label"] && !a["aria-labelledby"] || ((r = a["aria-label"]) == null ? void 0 : r.trim()) === "" && ((i = a["aria-labelledby"]) == null ? void 0 : i.trim()) === "")
+    throw new Error(m("DSNavigationTabs", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
+  if (Array.isArray(e)) {
+    if (e.length === 0)
+      throw new Error(m("DSNavigationTabs", "The tabs array must not be empty."));
+  } else throw new Error(m("DSNavigationTabs", E("tabs", "DSNavigationTabs")));
+  if (t != null && (t < 0 || t >= e.length))
+    throw new Error(m("DSNavigationTabs", `Invalid activeTabIndex: ${t}. It must be between 0 and ${e.length - 1}.`));
+}, x = (a) => {
+  const e = u.c(19);
+  let t, r, i, s, o, l;
+  e[0] !== a ? ({
+    aria: r,
+    tabs: l,
+    activeTabIndex: t,
+    alignment: o,
+    className: i,
+    ...s
+  } = a, e[0] = a, e[1] = t, e[2] = r, e[3] = i, e[4] = s, e[5] = o, e[6] = l) : (t = e[1], r = e[2], i = e[3], s = e[4], o = e[5], l = e[6]);
+  const p = o === void 0 ? "left" : o;
+  process.env.NODE_ENV !== "production" && S({
+    aria: r,
+    tabs: l,
+    activeTabIndex: t
+  });
+  const [c, N] = T(t);
+  let n, b;
+  e[7] !== t ? (n = () => {
+    t != null && N(t);
+  }, b = [t], e[7] = t, e[8] = n, e[9] = b) : (n = e[8], b = e[9]), y(n, b);
+  let f;
+  e[10] !== p || e[11] !== r || e[12] !== i || e[13] !== s || e[14] !== c || e[15] !== l ? (f = {
+    aria: r,
+    tabs: l,
+    setSelectedTabIndex: N,
+    selectedTabIndex: c,
+    alignment: p,
+    className: i,
+    isNavigation: !0,
+    ...s
+  }, e[10] = p, e[11] = r, e[12] = i, e[13] = s, e[14] = c, e[15] = l, e[16] = f) : f = e[16];
+  const g = f;
+  let d;
+  return e[17] !== g ? (d = /* @__PURE__ */ v(h, { ...g }), e[17] = g, e[18] = d) : d = e[18], d;
+};
+export {
+  x as D,
+  _ as N,
+  j as a,
+  S as v
+};

package/chunks/Notification.DIdIhGTQ.js

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

package/chunks/Popover.NGetxKGg.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx as A } from "react/jsx-runtime";
+import { d as w } from "./index.CgTHIF3K.js";
+import { isValidElement as V, useState as B, createContext as G, forwardRef as I, cloneElement as H, useContext as J } from "react";
+import { i as K, u as L, a as Q, b as T, c as W, d as X, o as Y, s as Z, e as U, g as ee, F as te } from "./floating-ui.react.x0F9CYgn.js";
+import { c as oe } from "./index.CEyLAtio.js";
+import { g as E, c as $ } from "./helpers.BbWkXTr3.js";
+import { a as se } from "./floating-ui.dom.C9TD1WpB.js";
+import '../assets/Popover.BDTDsPAt.css';const ne = "ds-popover_popover_zyqhl_5", le = {
+  popover: ne
+}, re = (n) => {
+  const t = w.c(29);
+  let e;
+  t[0] !== n ? (e = n === void 0 ? {} : n, t[0] = n, t[1] = e) : e = t[1];
+  const {
+    initialOpen: o,
+    placement: s,
+    isOpen: r,
+    popoverOffset: d,
+    onOpenChange: i
+  } = e, l = o === void 0 ? !1 : o, c = s === void 0 ? "bottom-start" : s, a = d === void 0 ? 6 : d, [h, m] = B(l), p = r ?? h, f = i ?? m;
+  let v;
+  t[2] !== a ? (v = Y(a), t[2] = a, t[3] = v) : v = t[3];
+  let u;
+  t[4] !== c || t[5] !== a ? (u = K({
+    crossAxis: c.includes("-"),
+    fallbackAxisSideDirection: "end",
+    padding: a
+  }), t[4] = c, t[5] = a, t[6] = u) : u = t[6];
+  let P;
+  t[7] !== a ? (P = Z({
+    padding: a
+  }), t[7] = a, t[8] = P) : P = t[8];
+  let S;
+  t[9] !== v || t[10] !== u || t[11] !== P ? (S = [v, u, P], t[9] = v, t[10] = u, t[11] = P, t[12] = S) : S = t[12];
+  let D;
+  t[13] !== p || t[14] !== c || t[15] !== f || t[16] !== S ? (D = {
+    placement: c,
+    open: p,
+    onOpenChange: f,
+    whileElementsMounted: se,
+    middleware: S
+  }, t[13] = p, t[14] = c, t[15] = f, t[16] = S, t[17] = D) : D = t[17];
+  const g = L(D), N = g.context;
+  let C;
+  t[18] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+    enabled: !0
+  }, t[18] = C) : C = t[18];
+  const F = Q(N, C), b = T(N), _ = W(N);
+  let x;
+  t[19] !== F || t[20] !== b || t[21] !== _ ? (x = [F, b, _], t[19] = F, t[20] = b, t[21] = _, t[22] = x) : x = t[22];
+  const k = X(x);
+  let M, O;
+  return t[23] !== g || t[24] !== k || t[25] !== p || t[26] !== a || t[27] !== f ? (O = {
+    open: p,
+    popoverOffset: a,
+    setOpen: f,
+    ...k,
+    ...g
+  }, t[23] = g, t[24] = k, t[25] = p, t[26] = a, t[27] = f, t[28] = O) : O = t[28], M = O, M;
+}, ie = (n) => {
+  if (!V(n))
+    throw new Error(E("DSPopover", "DSPopover.Anchor child must be a valid React element."));
+}, ce = ({
+  hasContent: n,
+  hasAnchor: t
+}) => {
+  if (!n)
+    throw new Error(E("DSPopover", "A DSPopover must have a <DSPopover.Content> component as a child. Please add it to the children of DSPopover."));
+  if (!t)
+    throw new Error(E("DSPopover", "A DSPopover.Anchor must have a <DSPopover.Anchor> component as a child. Please add it to the children of DSPopover."));
+}, j = G(null), q = () => {
+  const n = J(j);
+  if (n == null)
+    throw new Error(E("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
+  return n;
+}, y = (n) => {
+  const t = w.c(9);
+  let e, o;
+  t[0] !== n ? ({
+    children: e,
+    ...o
+  } = n, t[0] = n, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
+  let s;
+  t[3] !== o ? (s = {
+    ...o
+  }, t[3] = o, t[4] = s) : s = t[4];
+  const r = re(s), d = $(e, y.Content), i = $(e, R);
+  process.env.NODE_ENV !== "production" && ce({
+    hasContent: d,
+    hasAnchor: i
+  });
+  let l;
+  return t[5] !== e || t[6] !== r || t[7] !== o ? (l = /* @__PURE__ */ A(j.Provider, { value: r, ...o, children: e }), t[5] = e, t[6] = r, t[7] = o, t[8] = l) : l = t[8], l;
+}, R = I((n, t) => {
+  const e = w.c(12);
+  let o, s;
+  e[0] !== n ? ({
+    children: o,
+    ...s
+  } = n, e[0] = n, e[1] = o, e[2] = s) : (o = e[1], s = e[2]), process.env.NODE_ENV !== "production" && ie(o);
+  const r = q(), d = o.ref;
+  let i;
+  e[3] !== d || e[4] !== r.refs.setReference || e[5] !== t ? (i = [r.refs.setReference, t, d], e[3] = d, e[4] = r.refs.setReference, e[5] = t, e[6] = i) : i = e[6];
+  const l = U(i);
+  if (V(o)) {
+    let c;
+    return e[7] !== o || e[8] !== r || e[9] !== s || e[10] !== l ? (c = H(o, r.getReferenceProps({
+      ref: l,
+      ...s,
+      ...o.props,
+      "data-state": r.open ? "open" : "closed"
+    })), e[7] = o, e[8] = r, e[9] = s, e[10] = l, e[11] = c) : c = e[11], c;
+  }
+});
+R.displayName = "DSPopover.Anchor";
+const z = I((n, t) => {
+  const e = w.c(27);
+  let o, s, r;
+  e[0] !== n ? ({
+    style: r,
+    className: o,
+    ...s
+  } = n, e[0] = n, e[1] = o, e[2] = s, e[3] = r) : (o = e[1], s = e[2], r = e[3]);
+  const d = q();
+  let i, l;
+  e[4] !== d ? ({
+    context: i,
+    ...l
+  } = d, e[4] = d, e[5] = i, e[6] = l) : (i = e[5], l = e[6]);
+  let c;
+  e[7] !== t || e[8] !== l.refs.setFloating ? (c = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = c) : c = e[9];
+  const a = U(c);
+  if (!i.open)
+    return null;
+  let h;
+  e[10] !== l.floatingStyles || e[11] !== r ? (h = {
+    ...l.floatingStyles,
+    ...r
+  }, e[10] = l.floatingStyles, e[11] = r, e[12] = h) : h = e[12];
+  let m;
+  e[13] !== o ? (m = oe(le.popover, o), e[13] = o, e[14] = m) : m = e[14];
+  let p;
+  e[15] !== s || e[16] !== l ? (p = l.getFloatingProps(s), e[15] = s, e[16] = l, e[17] = p) : p = e[17];
+  let f;
+  e[18] !== s.children || e[19] !== a || e[20] !== h || e[21] !== m || e[22] !== p ? (f = /* @__PURE__ */ A("div", { ref: a, style: h, className: m, ...p, children: s.children }), e[18] = s.children, e[19] = a, e[20] = h, e[21] = m, e[22] = p, e[23] = f) : f = e[23];
+  let v;
+  return e[24] !== i || e[25] !== f ? (v = /* @__PURE__ */ A(ee, { children: /* @__PURE__ */ A(te, { context: i, modal: !1, children: f }) }), e[24] = i, e[25] = f, e[26] = v) : v = e[26], v;
+});
+z.displayName = "DSPopover.Content";
+y.Anchor = R;
+y.Content = z;
+y.displayName = "DSPopover";
+export {
+  y as D,
+  ce as a,
+  re as u,
+  ie as v
+};

package/chunks/RadioGroup.peTeMK45.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as F } from "react/jsx-runtime";
+import { d as $ } from "./index.CgTHIF3K.js";
+import { c as J } from "./index.CEyLAtio.js";
+import { forwardRef as K, useState as Q } from "react";
+import { D as W } from "./Fieldset.CjIfmN_5.js";
+import { DSRadio as X } from "../radio.7_N_alaS.js";
+import { g as m, r as V } from "./helpers.BbWkXTr3.js";
+import '../assets/RadioGroup.CM2mYOzc.css';const Y = "ds-radio-group_root_12fot_1", Z = "ds-radio-group_root--horizontal_12fot_9", oo = "ds-radio-group_root--invalid_12fot_12", B = {
+  root: Y,
+  rootHorizontal: Z,
+  rootInvalid: oo
+}, M = (i) => i.some(({
+  hint: s
+}) => !!s), j = (i) => i.some(({
+  customArea: s,
+  isCustomAreaAbove: o
+}) => !!s && !o), eo = ({
+  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", V("legend", "DSRadioGroup")));
+  if (!s)
+    throw new Error(m("DSRadioGroup", V("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", V("options", "DSRadioGroup")));
+  if (c === "horizontal" && M(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" && j(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."));
+}, to = K((i, s) => {
+  const o = $.c(53);
+  let l, c, a, e, u, p, h, t, v, d, G, R, b, y, H, E;
+  o[0] !== i ? ({
+    legend: u,
+    name: p,
+    options: t,
+    className: l,
+    defaultValue: c,
+    description: a,
+    direction: G,
+    disabled: R,
+    hideUncheckedHints: b,
+    id: e,
+    invalid: y,
+    required: H,
+    systemFeedback: d,
+    value: E,
+    onChange: h,
+    ...v
+  } = 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] = G, o[12] = R, o[13] = b, o[14] = y, o[15] = H, o[16] = E) : (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], G = o[11], R = o[12], b = o[13], y = o[14], H = o[15], E = o[16]);
+  const O = G === void 0 ? "vertical" : G, n = R === void 0 ? !1 : R, D = b === void 0 ? !1 : b, f = y === void 0 ? !1 : y, w = H === void 0 ? !1 : H;
+  process.env.NODE_ENV !== "production" && eo({
+    legend: u,
+    name: p,
+    options: t,
+    description: a,
+    direction: O,
+    id: e,
+    systemFeedback: d
+  });
+  const [L, T] = Q(c), _ = E !== void 0, z = _ ? E : L, N = O === "horizontal" && !M(t) && !j(t), I = f && !!d;
+  let A;
+  o[17] !== N || o[18] !== I ? (A = J(B.root, {
+    [B.rootHorizontal]: N,
+    [B.rootInvalid]: I
+  }), o[17] = N, o[18] = I, o[19] = A) : A = o[19];
+  const P = A;
+  let C;
+  o[20] !== n || o[21] !== _ || o[22] !== h ? (C = (r) => {
+    if (n) {
+      r.preventDefault();
+      return;
+    }
+    _ || T(r.target.value), h && h(r);
+  }, o[20] = n, o[21] = _, o[22] = h, o[23] = C) : C = o[23];
+  const U = C;
+  let k;
+  o[24] !== D || o[25] !== t ? (k = M(t) && !D, o[24] = D, o[25] = t, o[26] = k) : k = o[26];
+  const x = k;
+  let S;
+  o[27] !== x || o[28] !== z || o[29] !== n || o[30] !== D || o[31] !== e || o[32] !== f || o[33] !== p || o[34] !== t || o[35] !== s || o[36] !== w ? (S = t.map((r) => /* @__PURE__ */ F(X, { name: p, checked: r.value === z, disabled: n, fieldsetId: e, hideUncheckedHint: D, hint: r.hint, invalid: f, isBold: x, required: w, ref: r.value === z ? s : null, ...r }, e + r.label + r.value + r.hint)), o[27] = x, o[28] = z, o[29] = n, o[30] = D, o[31] = e, o[32] = f, o[33] = p, o[34] = t, o[35] = s, o[36] = w, o[37] = S) : S = o[37];
+  let g;
+  o[38] !== P || o[39] !== S ? (g = /* @__PURE__ */ F("div", { className: P, children: S }), o[38] = P, o[39] = S, o[40] = g) : g = o[40];
+  let q;
+  return o[41] !== l || o[42] !== a || o[43] !== n || o[44] !== U || o[45] !== e || o[46] !== f || o[47] !== u || o[48] !== w || o[49] !== v || o[50] !== d || o[51] !== g ? (q = /* @__PURE__ */ F(W, { id: e, legend: u, className: l, description: a, disabled: n, required: w, invalid: f, systemFeedback: d, ...v, role: "radiogroup", onChange: U, children: g }), o[41] = l, o[42] = a, o[43] = n, o[44] = U, o[45] = e, o[46] = f, o[47] = u, o[48] = w, o[49] = v, o[50] = d, o[51] = g, o[52] = q) : q = o[52], q;
+});
+to.displayName = "DSRadioGroup";
+export {
+  to as D,
+  j as a,
+  M as o,
+  eo as v
+};

package/chunks/Select.BDHLJ2ma.js

@@ -0,0 +1,162 @@
+"use client";
+import { jsx as _, jsxs as we } from "react/jsx-runtime";
+import { d as xe } from "./index.CgTHIF3K.js";
+import { c as ve } from "./index.CEyLAtio.js";
+import { forwardRef as Be, useRef as Fe, useState as Ie, useEffect as He } from "react";
+import { u as Re } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as je } from "../asterisk.CR60hx8S.js";
+import { D as We } from "./Icon.DGTYCv63.js";
+import { D as ze } from "./SystemFeedback.B9f67mjJ.js";
+import { g as me, r as Me } from "./helpers.BbWkXTr3.js";
+import '../assets/Select.CYACicZ3.css';const Te = "ds-select_root_d8v6g_1", Oe = "ds-select_hint_d8v6g_10", Ze = "ds-select_label_d8v6g_10", Je = "ds-select_label--hidden_d8v6g_100", Ke = "ds-select_label--disabled_d8v6g_113", Qe = "ds-select_feedback_d8v6g_133", Ue = "ds-select_select-wrapper_d8v6g_138", Xe = "ds-select_select_d8v6g_138", Ye = "ds-select_select--small_d8v6g_152", Ge = "ds-select_select--invalid_d8v6g_264", el = "ds-select_select--placeholder_d8v6g_379", ll = "ds-select_chevron_d8v6g_418", tl = "ds-select_chevron--small_d8v6g_422", sl = "ds-select_chevron--disabled_d8v6g_425", t = {
+  root: Te,
+  hint: Oe,
+  label: Ze,
+  labelHidden: Je,
+  labelDisabled: Ke,
+  feedback: Qe,
+  selectWrapper: Ue,
+  select: Xe,
+  selectSmall: Ye,
+  selectInvalid: Ge,
+  selectPlaceholder: el,
+  chevron: ll,
+  chevronSmall: tl,
+  chevronDisabled: sl
+}, ul = ["medium", "small"], al = ({
+  id: r,
+  label: s,
+  options: e
+}) => {
+  if (!r)
+    throw new Error(me("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
+  if (!s)
+    throw new Error(me("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(e)) {
+    if (e.length === 0)
+      throw new Error(me("DSSelect", "The options array must not be empty."));
+  } else throw new Error(me("DSSelect", Me("options", "DSSelect")));
+}, ol = (r, s, e) => r === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), cl = Be((r, s) => {
+  const e = xe.c(127);
+  let i, n, d, l, f, b, S, D, a, Z, J, K, Q, U, X, c;
+  e[0] !== r ? ({
+    id: l,
+    label: f,
+    options: S,
+    className: i,
+    defaultValue: n,
+    disabled: Z,
+    hideLabel: J,
+    hint: d,
+    invalid: K,
+    placeholder: Q,
+    required: U,
+    size: X,
+    systemFeedback: a,
+    value: c,
+    onChange: b,
+    ...D
+  } = r, e[0] = r, e[1] = i, e[2] = n, e[3] = d, e[4] = l, e[5] = f, e[6] = b, e[7] = S, e[8] = D, e[9] = a, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = c) : (i = e[1], n = e[2], d = e[3], l = e[4], f = e[5], b = e[6], S = e[7], D = e[8], a = e[9], Z = e[10], J = e[11], K = e[12], Q = e[13], U = e[14], X = e[15], c = e[16]);
+  const h = Z === void 0 ? !1 : Z, Pe = J === void 0 ? !1 : J, o = K === void 0 ? !1 : K, g = Q === void 0 ? "Select" : Q, y = U === void 0 ? !1 : U, le = X === void 0 ? "medium" : X;
+  process.env.NODE_ENV !== "production" && al({
+    id: l,
+    label: f,
+    options: S
+  });
+  const qe = Fe(null), [pe, Ne] = Ie(c);
+  let te;
+  e[17] !== n || e[18] !== g || e[19] !== c ? (te = ol(g, n, c), e[17] = n, e[18] = g, e[19] = c, e[20] = te) : te = e[20];
+  const [Y, Ce] = Ie(te);
+  let se, ae;
+  e[21] !== c ? (se = () => {
+    Ne(c);
+  }, ae = [c], e[21] = c, e[22] = se, e[23] = ae) : (se = e[22], ae = e[23]), He(se, ae);
+  let oe;
+  e[24] !== s ? (oe = (ee) => {
+    qe.current = ee, typeof s == "function" ? s(ee) : s && (s.current = ee);
+  }, e[24] = s, e[25] = oe) : oe = e[25];
+  const ue = oe, G = Re(Pe), w = `${l}-label`, v = `${l}-feedback`, N = `${l}-hint`, _e = d ? ` ${N}` : "";
+  let ce;
+  e[26] !== o || e[27] !== a || e[28] !== v ? (ce = [o && a && v].filter(Boolean).join(" ") || void 0, e[26] = o, e[27] = a, e[28] = v, e[29] = ce) : ce = e[29];
+  const Se = ce;
+  let k, E, I, P, q, C, $, L, V, A, x, B, F, H, R, j, m, p, u;
+  if (e[30] !== Se || e[31] !== _e || e[32] !== i || e[33] !== n || e[34] !== h || e[35] !== ue || e[36] !== G || e[37] !== d || e[38] !== N || e[39] !== l || e[40] !== o || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== S || e[45] !== g || e[46] !== y || e[47] !== D || e[48] !== w || e[49] !== pe || e[50] !== le || e[51] !== a || e[52] !== v) {
+    const ee = (he) => [g && /* @__PURE__ */ _("option", { value: "", children: g }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
+      if ("options" in O) {
+        const {
+          label: Ee,
+          options: Ae
+        } = O;
+        return /* @__PURE__ */ _("optgroup", { label: Ee, children: Ae.map(ke) }, Ee);
+      } else
+        return ke(O);
+    })], ke = il;
+    let de;
+    e[72] !== i ? (de = ve(t.root, i), e[72] = i, e[73] = de) : de = e[73];
+    const $e = de, ge = le === "small";
+    let re;
+    e[74] !== o || e[75] !== Y || e[76] !== ge ? (re = ve(t.select, {
+      [t.selectSmall]: ge,
+      [t.selectInvalid]: o,
+      [t.selectPlaceholder]: Y
+    }), e[74] = o, e[75] = Y, e[76] = ge, e[77] = re) : re = e[77];
+    const Le = re;
+    let ne;
+    e[78] !== h || e[79] !== G ? (ne = ve(t.label, {
+      [t.labelHidden]: G,
+      [t.labelDisabled]: h
+    }), e[78] = h, e[79] = G, e[80] = ne) : ne = e[80];
+    const De = ne, ye = le === "small";
+    let fe;
+    e[81] !== h || e[82] !== ye ? (fe = ve(t.chevron, {
+      [t.chevronSmall]: ye,
+      [t.chevronDisabled]: h
+    }), e[81] = h, e[82] = ye, e[83] = fe) : fe = e[83], k = fe;
+    let be;
+    e[84] !== b ? (be = (he) => {
+      const {
+        value: O
+      } = he.target;
+      Ce(O === ""), Ne(O), b && b(he);
+    }, e[84] = b, e[85] = be) : be = e[85];
+    const Ve = be;
+    j = $e;
+    let T;
+    e[86] !== y ? (T = y && /* @__PURE__ */ _(je, {}), e[86] = y, e[87] = T) : T = e[87], e[88] !== l || e[89] !== f || e[90] !== De || e[91] !== w || e[92] !== T ? (m = /* @__PURE__ */ we("label", { className: De, id: w, htmlFor: l, children: [
+      f,
+      T
+    ] }), e[88] = l, e[89] = f, e[90] = De, e[91] = w, e[92] = T, e[93] = m) : m = e[93], e[94] !== d || e[95] !== N ? (p = d && /* @__PURE__ */ _("div", { className: t.hint, id: N, children: d }), e[94] = d, e[95] = N, e[96] = p) : p = e[96], e[97] !== o || e[98] !== a || e[99] !== v ? (u = o && a && /* @__PURE__ */ _(ze, { className: t.feedback, message: a, variant: "error", id: v }), e[97] = o, e[98] = a, e[99] = v, e[100] = u) : u = e[100], R = t.selectWrapper, E = D, I = l, P = ue, q = Le, C = `${w}${_e}`, $ = Se, L = o, V = n, A = pe, x = h, B = y, F = Ve, H = ee(S), e[30] = Se, e[31] = _e, e[32] = i, e[33] = n, e[34] = h, e[35] = ue, e[36] = G, e[37] = d, e[38] = N, e[39] = l, e[40] = o, e[41] = Y, e[42] = f, e[43] = b, e[44] = S, e[45] = g, e[46] = y, e[47] = D, e[48] = w, e[49] = pe, e[50] = le, e[51] = a, e[52] = v, e[53] = k, e[54] = E, e[55] = I, e[56] = P, e[57] = q, e[58] = C, e[59] = $, e[60] = L, e[61] = V, e[62] = A, e[63] = x, e[64] = B, e[65] = F, e[66] = H, e[67] = R, e[68] = j, e[69] = m, e[70] = p, e[71] = u;
+  } else
+    k = e[53], E = e[54], I = e[55], P = e[56], q = e[57], C = e[58], $ = e[59], L = e[60], V = e[61], A = e[62], x = e[63], B = e[64], F = e[65], H = e[66], R = e[67], j = e[68], m = e[69], p = e[70], u = e[71];
+  let W;
+  e[101] !== E || e[102] !== I || e[103] !== P || e[104] !== q || e[105] !== C || e[106] !== $ || e[107] !== L || e[108] !== V || e[109] !== A || e[110] !== x || e[111] !== B || e[112] !== F || e[113] !== H ? (W = /* @__PURE__ */ _("select", { ...E, id: I, ref: P, className: q, "aria-labelledby": C, "aria-describedby": $, "aria-invalid": L, defaultValue: V, value: A, disabled: x, required: B, onChange: F, children: H }), e[101] = E, e[102] = I, e[103] = P, e[104] = q, e[105] = C, e[106] = $, e[107] = L, e[108] = V, e[109] = A, e[110] = x, e[111] = B, e[112] = F, e[113] = H, e[114] = W) : W = e[114];
+  let z;
+  e[115] !== k ? (z = /* @__PURE__ */ _(We, { name: "chevron-down", className: k, "aria-hidden": "true" }), e[115] = k, e[116] = z) : z = e[116];
+  let M;
+  e[117] !== R || e[118] !== W || e[119] !== z ? (M = /* @__PURE__ */ we("div", { className: R, children: [
+    W,
+    z
+  ] }), e[117] = R, e[118] = W, e[119] = z, e[120] = M) : M = e[120];
+  let ie;
+  return e[121] !== j || e[122] !== m || e[123] !== p || e[124] !== u || e[125] !== M ? (ie = /* @__PURE__ */ we("div", { className: j, children: [
+    m,
+    p,
+    u,
+    M
+  ] }), e[121] = j, e[122] = m, e[123] = p, e[124] = u, e[125] = M, e[126] = ie) : ie = e[126], ie;
+});
+cl.displayName = "DSSelect";
+function il(r) {
+  const {
+    label: s,
+    value: e,
+    isDisabled: i
+  } = r;
+  return /* @__PURE__ */ _("option", { value: e, disabled: i, children: s }, e);
+}
+export {
+  cl as D,
+  ul as S,
+  ol as g,
+  al as v
+};