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

package/chunks/InputSearch.BmOtAZcR.js

@@ -0,0 +1,190 @@
+"use client";
+import { j as e } from "./jsx-runtime.C-kxDJ4g.js";
+import { c } from "./index.CvOaL64Y.js";
+import { useState as J, useRef as w, useEffect as D } from "react";
+import { g as y, a as K } from "./helpers.B1JT5ShS.js";
+import { u as Q } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as U } from "../asterisk.DU8THnoC.js";
+import { DSButton as A } from "../button.DX_nxoJC.js";
+import { DSSystemFeedback as X } from "../systemfeedback.4Hkfigi-.js";
+import '../assets/InputSearch.tL3e9-Ob.css';const Y = "_input_17rym_187", Z = "_input--invalid_17rym_297", z = "_input--small_17rym_304", tt = "_input--has-leading-icon_17rym_350", nt = "_input--has-action-button_17rym_353", et = "_input--has-second-action-button_17rym_356", at = "_input--has-affix_17rym_368", st = "_input--is-ready_17rym_380", ot = "_root_17rym_387", it = "_hint_17rym_395", ct = "_label_17rym_395", rt = "_wrapper_17rym_399", ut = "_action-button_17rym_405", lt = "_second-action-button_17rym_409", pt = "_label--hidden_17rym_426", mt = "_feedback_17rym_453", t = {
+  input: Y,
+  "input--invalid": "_input--invalid_17rym_297",
+  inputInvalid: Z,
+  "input--small": "_input--small_17rym_304",
+  inputSmall: z,
+  "input--has-leading-icon": "_input--has-leading-icon_17rym_350",
+  inputHasLeadingIcon: tt,
+  "input--has-action-button": "_input--has-action-button_17rym_353",
+  inputHasActionButton: nt,
+  "input--has-second-action-button": "_input--has-second-action-button_17rym_356",
+  inputHasSecondActionButton: et,
+  "input--has-affix": "_input--has-affix_17rym_368",
+  inputHasAffix: at,
+  "input--is-ready": "_input--is-ready_17rym_380",
+  inputIsReady: st,
+  root: ot,
+  hint: it,
+  label: ct,
+  wrapper: rt,
+  "action-button": "_action-button_17rym_405",
+  actionButton: ut,
+  "second-action-button": "_second-action-button_17rym_409",
+  secondActionButton: lt,
+  "label--hidden": "_label--hidden_17rym_426",
+  labelHidden: pt,
+  feedback: mt
+}, _t = ({ id: n, label: r }) => {
+  if (!n)
+    throw new Error(
+      y(
+        "DSInputSearch",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
+      )
+    );
+  if (!r)
+    throw new Error(
+      y(
+        "DSInputSearch",
+        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`
+      )
+    );
+}, dt = (n) => !!K(n, "form"), Bt = ({
+  id: n,
+  label: r,
+  className: H,
+  clearButtonLabel: E = "Clear search field",
+  disabled: u = !1,
+  hint: d,
+  hideLabel: j = !1,
+  invalid: l = !1,
+  readonly: s = !1,
+  required: S = !1,
+  size: o = "medium",
+  submitButtonLabel: C = "Search",
+  systemFeedback: h,
+  value: b,
+  submitButtonOnClick: k,
+  onChange: I,
+  ...L
+}) => {
+  process.env.NODE_ENV !== "production" && _t({
+    id: n,
+    label: r
+  });
+  const [p, g] = J(b), f = w(null), m = w(null), V = Q(j);
+  D(() => {
+    g(b);
+  }, [b]), D(() => {
+    f.current && !dt(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
+      y(
+        "DSInputSearch",
+        `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`
+      )
+    );
+  }, []);
+  const v = `${n}-label`, B = `${n}-feedback`, x = `${n}-hint`, O = d ? ` ${x}` : "", N = p !== "" && p !== void 0 && p !== null, P = c(t.root, H), $ = c(t.input, {
+    // small input
+    [t.inputSmall]: o === "small",
+    // invalid state
+    [t.inputInvalid]: l,
+    // action button - input password always has an action button
+    [t.inputHasActionButton]: !0,
+    // action second action button
+    [t.inputHasSecondActionButton]: N && !s && !u
+  }), R = c(t.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: V
+  }), q = c(t.actionButton, {
+    [t.actionButtonSmall]: o === "small"
+  }), T = c(t.secondActionButton, {
+    [t.secondActionButtonSmall]: o === "small"
+  }), F = (a, i) => {
+    const G = Object.getPrototypeOf(a), _ = Object.getOwnPropertyDescriptor(
+      G,
+      "value"
+    );
+    _ != null && _.set ? _.set.call(a, i) : a.value = i;
+  }, M = () => {
+    var i;
+    if (!m.current)
+      return;
+    F(m.current, "");
+    const a = new Event("change", { bubbles: !0 });
+    (i = m.current) == null || i.dispatchEvent(a);
+  }, W = (a) => {
+    g(a.target.value), I && I(a);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: P, ref: f, children: [
+    /* @__PURE__ */ e.jsxs("label", { className: R, id: v, htmlFor: n, children: [
+      r,
+      S && /* @__PURE__ */ e.jsx(U, {})
+    ] }),
+    d && /* @__PURE__ */ e.jsx("div", { className: t.hint, id: x, children: d }),
+    l && h && /* @__PURE__ */ e.jsx(
+      X,
+      {
+        className: t.feedback,
+        message: h,
+        type: "invalid",
+        id: B
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: t.wrapper, children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          className: $,
+          id: n,
+          ref: m,
+          ...L,
+          "aria-labelledby": `${v}${O}`,
+          "aria-describedby": l && h ? B : void 0,
+          "aria-invalid": l,
+          "aria-disabled": s,
+          readOnly: s,
+          required: S,
+          disabled: u,
+          type: "search",
+          value: p,
+          onChange: W
+        }
+      ),
+      N && !s && !u && /* @__PURE__ */ e.jsx(
+        A,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: "cross",
+          className: T,
+          variant: "ghost",
+          size: o,
+          onClick: M,
+          type: "button",
+          tabIndex: -1,
+          children: E
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        A,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: "magnifying-glass",
+          className: q,
+          variant: "ghost",
+          size: o,
+          onClick: k,
+          type: "submit",
+          disabled: u || s,
+          children: C
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Bt as D,
+  dt as i,
+  _t as v
+};

package/chunks/InputStepper.DTKjUL4U.js

@@ -0,0 +1,291 @@
+"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

@@ -0,0 +1,93 @@
+"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/{radiogroup.7ptQiohb.js → chunks/RadioGroup.DpwnVv7u.js}

@@ -1,20 +1,20 @@
 "use client";
-import { j as d } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as N } from "./chunks/index.CvOaL64Y.js";
+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 { DSFieldset as y } from "./fieldset.yE6WV6Ls.js";
-import { DSRadio as z } from "./radio.DTO5-Yzf.js";
-import { s as c } from "./chunks/RadioGroup.module.B35YQcsb.js";
-import { g as a } from "./chunks/helpers.B1JT5ShS.js";
-const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSRadioGroup component.`, M = ({
-  description: o,
+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 && (o || n))
+  if (!e && (r || n))
     throw new Error(
       a(
         "DSRadioGroup",
@@ -35,7 +35,7 @@ const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the
     );
 }, O = P(
   ({
-    legend: o,
+    legend: r,
     name: e,
     options: t,
     alignment: s = "vertical",
@@ -45,52 +45,59 @@ const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the
     disabled: l = !1,
     id: h,
     invalid: p = !1,
-    required: S = !1,
+    required: D = !1,
     systemFeedback: u,
-    value: D,
+    value: S,
     onChange: R,
-    ...G
+    ...g
   }, v) => {
-    process.env.NODE_ENV !== "production" && M({ description: m, id: h, legend: o, name: e, options: t, systemFeedback: u });
-    const [E, x] = C(n), w = D !== void 0, g = w ? D : E, j = N(c.root, {
+    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 = (r) => {
+    }), q = (o) => {
       if (l) {
-        r.preventDefault();
+        o.preventDefault();
         return;
       }
       w || x(
-        r.target.value
-      ), R && R(r);
+        o.target.value
+      ), R && R(o);
     };
     return /* @__PURE__ */ d.jsx(
       y,
       {
         id: h,
-        legend: o,
+        legend: r,
         className: i,
         description: m,
         disabled: l,
-        required: S,
+        required: D,
         invalid: p,
         systemFeedback: u,
-        ...G,
+        ...g,
         role: "radiogroup",
         onChange: q,
-        children: /* @__PURE__ */ d.jsx("div", { className: j, children: t.map((r) => /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ d.jsx("div", { className: j, children: t.map((o) => /* @__PURE__ */ d.jsx(
           z,
           {
             name: e,
-            checked: r.value === g,
+            checked: o.value === G,
             disabled: l,
             invalid: p,
-            required: S,
-            ref: r.value === g ? v : null,
-            ...r
+            required: D,
+            ref: o.value === G ? v : null,
+            ...o
           },
-          r.label + r.value
+          o.label + o.value
         )) })
       }
     );
@@ -98,5 +105,6 @@ const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the
 );
 O.displayName = "DSRadioGroup";
 export {
-  O as DSRadioGroup
+  O as D,
+  M as v
 };