@stihl-design-system/components 1.0.0-RC.13 → 1.0.0-RC.14

package/chunks/{InputPassword.CNLbBFjx.js → InputPassword.Cvk5J8w1.js}

@@ -2,11 +2,11 @@
 import { j as a } from "./jsx-runtime.C115EyI4.js";
 import { c as i } from "./index.CvOaL64Y.js";
 import { useState as A } from "react";
-import { u as C } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as L } from "../asterisk.DpzETKdT.js";
-import { DSButton as $ } from "../button.M4nXjcUn.js";
+import { u as L } from "./useBreakpoint.B8XxjSVJ.js";
+import { Asterisk as C } from "../asterisk.DpzETKdT.js";
+import { DSButton as $ } from "../button.BfcWQZhx.js";
 import { DSSystemFeedback as E } from "../systemfeedback.C3Pfxxpp.js";
-import { g as m } from "./helpers.B1JT5ShS.js";
+import { g as m } from "./helpers.CcqWV-wZ.js";
 import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input_1842u_1", R = "ds-input-password_input--invalid_1842u_113", V = "ds-input-password_input--small_1842u_120", O = "ds-input-password_input--has-leading-icon_1842u_173", F = "ds-input-password_input--has-action-button_1842u_176", M = "ds-input-password_input--has-second-action-button_1842u_179", T = "ds-input-password_input--has-affix_1842u_191", G = "ds-input-password_input--is-ready_1842u_205", J = "ds-input-password_root_1842u_212", K = "ds-input-password_hint_1842u_220", Q = "ds-input-password_label_1842u_220", U = "ds-input-password_wrapper_1842u_224", W = "ds-input-password_action-button_1842u_230", X = "ds-input-password_label--hidden_1842u_248", Y = "ds-input-password_label--disabled_1842u_261", Z = "ds-input-password_feedback_1842u_281", s = {
   input: q,
   "input--invalid": "ds-input-password_input--invalid_1842u_113",
@@ -39,7 +39,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
     throw new Error(
       m(
         "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'
       )
     );
   if (!n)
@@ -49,10 +49,10 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
         `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`
       )
     );
-}, ps = ({
+}, ds = ({
   id: t,
   label: n,
-  autocomplete: h = "new-password",
+  autoComplete: h = "new-password",
   className: f,
   disabled: e = !1,
   hidePasswordText: y = "Hide password",
@@ -62,17 +62,17 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
   readonly: r = !1,
   required: c = !1,
   showPasswordText: x = "Show password",
-  size: p = "medium",
-  systemFeedback: d,
+  size: d = "medium",
+  systemFeedback: p,
   ...I
 }) => {
   process.env.NODE_ENV !== "production" && z({
     id: t,
     label: n
   });
-  const [l, v] = A(!1), _ = `${t}-label`, w = `${t}-feedback`, b = `${t}-hint`, B = u ? ` ${b}` : "", H = C(S), g = i(s.root, f), D = i(s.input, {
+  const [l, v] = A(!1), _ = `${t}-label`, w = `${t}-feedback`, b = `${t}-hint`, B = u ? ` ${b}` : "", H = L(S), g = i(s.root, f), D = i(s.input, {
     // small input
-    [s.inputSmall]: p === "small",
+    [s.inputSmall]: d === "small",
     // invalid state
     [s.inputInvalid]: o,
     // action button - input password always has an action button
@@ -82,21 +82,21 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
     [s.labelHidden]: H,
     [s.labelDisabled]: e
   }), N = i(s.actionButton, {
-    [s.actionButtonSmall]: p === "small"
+    [s.actionButtonSmall]: d === "small"
   }), j = () => {
     v((k) => !k);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: g, children: [
     /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: t, children: [
       n,
-      c && /* @__PURE__ */ a.jsx(L, {})
+      c && /* @__PURE__ */ a.jsx(C, {})
     ] }),
     u && /* @__PURE__ */ a.jsx("div", { className: s.hint, id: b, children: u }),
-    o && d && /* @__PURE__ */ a.jsx(
+    o && p && /* @__PURE__ */ a.jsx(
       E,
       {
         className: s.feedback,
-        message: d,
+        message: p,
         type: "invalid",
         id: w
       }
@@ -109,7 +109,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
           id: t,
           ...I,
           "aria-labelledby": `${_}${B}`,
-          "aria-describedby": o && d ? w : void 0,
+          "aria-describedby": o && p ? w : void 0,
           "aria-invalid": o,
           "aria-disabled": r,
           readOnly: r,
@@ -127,7 +127,7 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
           iconName: l ? "eye-closed" : "eye",
           variant: "ghost",
           className: N,
-          size: p,
+          size: d,
           onClick: j,
           type: "button",
           disabled: e,
@@ -138,6 +138,6 @@ import '../assets/InputPassword.CG7Ugu73.css';const q = "ds-input-password_input
   ] });
 };
 export {
-  ps as D,
+  ds as D,
   z as v
 };

package/chunks/{InputSearch.CHA6mkX_.js → InputSearch.BIIW-ERk.js}

@@ -2,10 +2,10 @@
 import { j as e } from "./jsx-runtime.C115EyI4.js";
 import { c as u } from "./index.CvOaL64Y.js";
 import { useState as J, useRef as D, useEffect as x } from "react";
-import { g as w, a as K } from "./helpers.B1JT5ShS.js";
-import { u as Q } from "./useBreakpoint.5xBNDiCf.js";
+import { g as w, a as K } from "./helpers.CcqWV-wZ.js";
+import { u as Q } from "./useBreakpoint.B8XxjSVJ.js";
 import { Asterisk as U } from "../asterisk.DpzETKdT.js";
-import { DSButton as N } from "../button.M4nXjcUn.js";
+import { DSButton as N } from "../button.BfcWQZhx.js";
 import { DSSystemFeedback as X } from "../systemfeedback.C3Pfxxpp.js";
 import '../assets/InputSearch.CseChMc-.css';const Y = "ds-input-search_input_wn1tk_1", Z = "ds-input-search_input--invalid_wn1tk_113", z = "ds-input-search_input--small_wn1tk_120", tt = "ds-input-search_input--has-leading-icon_wn1tk_173", nt = "ds-input-search_input--has-action-button_wn1tk_176", et = "ds-input-search_input--has-second-action-button_wn1tk_179", st = "ds-input-search_input--has-affix_wn1tk_191", at = "ds-input-search_input--is-ready_wn1tk_205", it = "ds-input-search_root_wn1tk_212", ot = "ds-input-search_hint_wn1tk_220", ct = "ds-input-search_label_wn1tk_220", ut = "ds-input-search_wrapper_wn1tk_224", rt = "ds-input-search_action-button_wn1tk_230", lt = "ds-input-search_second-action-button_wn1tk_234", pt = "ds-input-search_label--hidden_wn1tk_252", dt = "ds-input-search_label--disabled_wn1tk_265", ht = "ds-input-search_feedback_wn1tk_285", t = {
   input: Y,
@@ -41,7 +41,7 @@ import '../assets/InputSearch.CseChMc-.css';const Y = "ds-input-search_input_wn1
     throw new Error(
       w(
         "DSInputSearch",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'
       )
     );
   if (!r)

package/chunks/{InputStepper.xmWGU9pU.js → InputStepper.DGzR3KY6.js}

@@ -1,54 +1,56 @@
 "use client";
 import { j as n } from "./jsx-runtime.C115EyI4.js";
 import { c as u } from "./index.CvOaL64Y.js";
-import { useState as m, useRef as N, useEffect as w } from "react";
-import { u as mt } from "./useBreakpoint.5xBNDiCf.js";
-import { M as E, a as H, u as M } from "./Input.utils.ChV6RJsh.js";
-import { Asterisk as ft } from "../asterisk.DpzETKdT.js";
-import { DSButton as X } from "../button.M4nXjcUn.js";
-import { DSSystemFeedback as bt } from "../systemfeedback.C3Pfxxpp.js";
-import { g as S } from "./helpers.B1JT5ShS.js";
-import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_1pm8g_1", ht = "ds-input-stepper_input--invalid_1pm8g_113", xt = "ds-input-stepper_input--small_1pm8g_120", St = "ds-input-stepper_input--has-leading-icon_1pm8g_173", yt = "ds-input-stepper_input--has-action-button_1pm8g_176", It = "ds-input-stepper_input--has-second-action-button_1pm8g_179", vt = "ds-input-stepper_input--has-affix_1pm8g_191", At = "ds-input-stepper_input--is-ready_1pm8g_205", Dt = "ds-input-stepper_root_1pm8g_215", Bt = "ds-input-stepper_hint_1pm8g_223", Nt = "ds-input-stepper_label_1pm8g_223", wt = "ds-input-stepper_wrapper_1pm8g_227", Et = "ds-input-stepper_affix_1pm8g_233", Ht = "ds-input-stepper_affix--small_1pm8g_254", Lt = "ds-input-stepper_affix--disabled_1pm8g_267", jt = "ds-input-stepper_prefix_1pm8g_275", Rt = "ds-input-stepper_affix--readonly_1pm8g_278", kt = "ds-input-stepper_suffix_1pm8g_288", Ct = "ds-input-stepper_action-button_1pm8g_295", $t = "ds-input-stepper_label--hidden_1pm8g_313", Ft = "ds-input-stepper_label--disabled_1pm8g_326", Vt = "ds-input-stepper_feedback_1pm8g_346", Pt = "ds-input-stepper_second-action-button_1pm8g_360", Tt = "ds-input-stepper_value-announcer_1pm8g_364", e = {
-  input: gt,
+import { useState as _, useRef as N, useEffect as w } from "react";
+import { h as _t } from "./has-window.ut_-aShB.js";
+import { u as ft } from "./useBreakpoint.B8XxjSVJ.js";
+import { u as M } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { Asterisk as bt } from "../asterisk.DpzETKdT.js";
+import { DSButton as X } from "../button.BfcWQZhx.js";
+import { M as E, a as H } from "./Input.utils.DYbmWlx6.js";
+import { DSSystemFeedback as gt } from "../systemfeedback.C3Pfxxpp.js";
+import { g as S } from "./helpers.CcqWV-wZ.js";
+import '../assets/InputStepper.C0eAYr7P.css';const ht = "ds-input-stepper_input_1pm8g_1", xt = "ds-input-stepper_input--invalid_1pm8g_113", St = "ds-input-stepper_input--small_1pm8g_120", yt = "ds-input-stepper_input--has-leading-icon_1pm8g_173", It = "ds-input-stepper_input--has-action-button_1pm8g_176", vt = "ds-input-stepper_input--has-second-action-button_1pm8g_179", At = "ds-input-stepper_input--has-affix_1pm8g_191", Dt = "ds-input-stepper_input--is-ready_1pm8g_205", Bt = "ds-input-stepper_root_1pm8g_215", Nt = "ds-input-stepper_hint_1pm8g_223", wt = "ds-input-stepper_label_1pm8g_223", Et = "ds-input-stepper_wrapper_1pm8g_227", Ht = "ds-input-stepper_affix_1pm8g_233", Lt = "ds-input-stepper_affix--small_1pm8g_254", jt = "ds-input-stepper_affix--disabled_1pm8g_267", Rt = "ds-input-stepper_prefix_1pm8g_275", kt = "ds-input-stepper_affix--readonly_1pm8g_278", Ct = "ds-input-stepper_suffix_1pm8g_288", $t = "ds-input-stepper_action-button_1pm8g_295", Ft = "ds-input-stepper_label--hidden_1pm8g_313", Vt = "ds-input-stepper_label--disabled_1pm8g_326", Pt = "ds-input-stepper_feedback_1pm8g_346", Tt = "ds-input-stepper_second-action-button_1pm8g_360", Wt = "ds-input-stepper_value-announcer_1pm8g_364", e = {
+  input: ht,
   "input--invalid": "ds-input-stepper_input--invalid_1pm8g_113",
-  inputInvalid: ht,
+  inputInvalid: xt,
   "input--small": "ds-input-stepper_input--small_1pm8g_120",
-  inputSmall: xt,
+  inputSmall: St,
   "input--has-leading-icon": "ds-input-stepper_input--has-leading-icon_1pm8g_173",
-  inputHasLeadingIcon: St,
+  inputHasLeadingIcon: yt,
   "input--has-action-button": "ds-input-stepper_input--has-action-button_1pm8g_176",
-  inputHasActionButton: yt,
+  inputHasActionButton: It,
   "input--has-second-action-button": "ds-input-stepper_input--has-second-action-button_1pm8g_179",
-  inputHasSecondActionButton: It,
+  inputHasSecondActionButton: vt,
   "input--has-affix": "ds-input-stepper_input--has-affix_1pm8g_191",
-  inputHasAffix: vt,
+  inputHasAffix: At,
   "input--is-ready": "ds-input-stepper_input--is-ready_1pm8g_205",
-  inputIsReady: At,
-  root: Dt,
-  hint: Bt,
-  label: Nt,
-  wrapper: wt,
-  affix: Et,
+  inputIsReady: Dt,
+  root: Bt,
+  hint: Nt,
+  label: wt,
+  wrapper: Et,
+  affix: Ht,
   "affix--small": "ds-input-stepper_affix--small_1pm8g_254",
-  affixSmall: Ht,
+  affixSmall: Lt,
   "affix--disabled": "ds-input-stepper_affix--disabled_1pm8g_267",
-  affixDisabled: Lt,
-  prefix: jt,
+  affixDisabled: jt,
+  prefix: Rt,
   "affix--readonly": "ds-input-stepper_affix--readonly_1pm8g_278",
-  affixReadonly: Rt,
-  suffix: kt,
+  affixReadonly: kt,
+  suffix: Ct,
   "action-button": "ds-input-stepper_action-button_1pm8g_295",
-  actionButton: Ct,
+  actionButton: $t,
   "label--hidden": "ds-input-stepper_label--hidden_1pm8g_313",
-  labelHidden: $t,
+  labelHidden: Ft,
   "label--disabled": "ds-input-stepper_label--disabled_1pm8g_326",
-  labelDisabled: Ft,
-  feedback: Vt,
+  labelDisabled: Vt,
+  feedback: Pt,
   "second-action-button": "ds-input-stepper_second-action-button_1pm8g_360",
-  secondActionButton: Pt,
+  secondActionButton: Tt,
   "value-announcer": "ds-input-stepper_value-announcer_1pm8g_364",
-  valueAnnouncer: Tt
-}, Wt = ({
+  valueAnnouncer: Wt
+}, Mt = ({
   id: s,
   label: f,
   prefix: b,
@@ -58,7 +60,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
     throw new Error(
       S(
         "DSInputStepper",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'
       )
     );
   if (!f)
@@ -79,7 +81,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
       `Suffix length must not exceed ${H} characters.`
     )
   );
-}, Yt = ({
+}, te = ({
   id: s,
   label: f,
   announcementText: b = "Value changed to",
@@ -103,13 +105,13 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
   onChange: k,
   ...J
 }) => {
-  process.env.NODE_ENV !== "production" && Wt({
+  process.env.NODE_ENV !== "production" && Mt({
     id: s,
     label: f,
     prefix: r,
     suffix: c
   });
-  const [K, Q] = m(!1), [_, v] = m(x), [A, C] = m(""), [Y, Z] = m(!1), [z, tt] = m({}), a = N(null), et = r == null ? void 0 : r.substring(0, E), D = N(null), nt = c == null ? void 0 : c.substring(0, H), B = N(null), st = mt(G);
+  const [K, Q] = _(!1), [m, v] = _(x), [A, C] = _(""), [Y, Z] = _(!1), [z, tt] = _({}), a = N(null), et = r == null ? void 0 : r.substring(0, E), D = N(null), nt = c == null ? void 0 : c.substring(0, H), B = N(null), st = ft(G);
   w(() => {
     x && v(x);
   }, [x]), w(() => {
@@ -143,7 +145,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
     }
     tt(i), Q(!0);
   }, [r, c, p, Y]), M(() => {
-    (async () => {
+    _t && (async () => {
       "fonts" in document && (await document.fonts.load(
         '1em "STIHL Contraface Digital Text Regular"'
       ), Z(!0));
@@ -185,13 +187,13 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
   }, dt = () => {
     var t;
     (t = a.current) == null || t.stepUp(), W();
-  }, _t = (t) => {
+  }, mt = (t) => {
     v(t.target.value), k && k(t);
   };
   return /* @__PURE__ */ n.jsxs("div", { className: pt, children: [
     /* @__PURE__ */ n.jsxs("label", { className: ot, id: F, htmlFor: s, children: [
       f,
-      R && /* @__PURE__ */ n.jsx(ft, {})
+      R && /* @__PURE__ */ n.jsx(bt, {})
     ] }),
     y && /* @__PURE__ */ n.jsx("div", { className: e.hint, id: P, children: y }),
     /* @__PURE__ */ n.jsx(
@@ -205,7 +207,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
       }
     ),
     h && I && /* @__PURE__ */ n.jsx(
-      bt,
+      gt,
       {
         className: e.feedback,
         message: I,
@@ -242,8 +244,8 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
           required: R,
           step: U,
           type: "number",
-          value: _,
-          onChange: _t
+          value: m,
+          onChange: mt
         }
       ),
       c && /* @__PURE__ */ n.jsx(
@@ -265,7 +267,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
           className: ut,
           size: p,
           onClick: ct,
-          disabled: l || d || !!_ && Number(_) <= j,
+          disabled: l || d || !!m && Number(m) <= j,
           type: "button",
           children: q
         }
@@ -280,7 +282,7 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
           className: lt,
           size: p,
           onClick: dt,
-          disabled: l || d || !!_ && Number(_) >= L,
+          disabled: l || d || !!m && Number(m) >= L,
           type: "button",
           children: O
         }
@@ -289,6 +291,6 @@ import '../assets/InputStepper.C0eAYr7P.css';const gt = "ds-input-stepper_input_
   ] });
 };
 export {
-  Yt as D,
-  Wt as v
+  te as D,
+  Mt as v
 };

package/chunks/{Notification.nx5vTamN.js → Notification.uAEjPywP.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as n } from "./jsx-runtime.C115EyI4.js";
 import { c as s } from "./index.CvOaL64Y.js";
-import { DSButton as f } from "../button.M4nXjcUn.js";
+import { DSButton as f } from "../button.BfcWQZhx.js";
 import { D as u } from "./Icon.BCmt_XBG.js";
 import '../assets/Notification.DbRapUJo.css';const j = "ds-notification_root_1cajm_1", g = "ds-notification_root--success_1cajm_26", N = "ds-notification_root--error_1cajm_30", h = "ds-notification_root--warning_1cajm_34", I = "ds-notification_root--hide-icon_1cajm_38", x = "ds-notification_content_1cajm_52", A = "ds-notification_content--hide-close-button_1cajm_59", H = "ds-notification_content--hide-icon_1cajm_62", C = "ds-notification_icon_1cajm_66", S = "ds-notification_message_1cajm_70", p = "ds-notification_custom-action-area_1cajm_167", o = {
   root: j,

package/chunks/RadioGroup.D10-pe9H.js

@@ -0,0 +1,146 @@
+"use client";
+import { j as f } from "./jsx-runtime.C115EyI4.js";
+import { c as y } from "./index.CvOaL64Y.js";
+import { forwardRef as C, useState as q } from "react";
+import { D as I } from "./Fieldset.Ct_JFRs9.js";
+import { DSRadio as A } from "../radio.B-2uuWHq.js";
+import { g as a, r as h } from "./helpers.CcqWV-wZ.js";
+import '../assets/RadioGroup.BfMo157q.css';const B = "ds-radio-group_root_12fot_1", M = "ds-radio-group_root--horizontal_12fot_9", O = "ds-radio-group_root--invalid_12fot_12", m = {
+  root: B,
+  "root--horizontal": "ds-radio-group_root--horizontal_12fot_9",
+  rootHorizontal: M,
+  "root--invalid": "ds-radio-group_root--invalid_12fot_12",
+  rootInvalid: O
+}, v = (t) => t.some(({ hint: e }) => !!e), G = (t) => t.some(({ customArea: e }) => !!e), V = ({
+  legend: t,
+  name: e,
+  options: r,
+  description: l,
+  direction: i,
+  id: s,
+  systemFeedback: n
+}) => {
+  if (!s && (l || n))
+    throw new Error(
+      a(
+        "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 (!t)
+    throw new Error(
+      a(
+        "DSRadioGroup",
+        h("legend", "DSRadioGroup")
+      )
+    );
+  if (!e)
+    throw new Error(
+      a(
+        "DSRadioGroup",
+        h("name", "DSRadioGroup")
+      )
+    );
+  if (!r)
+    throw new Error(
+      a(
+        "DSRadioGroup",
+        h("options", "DSRadioGroup")
+      )
+    );
+  if (i === "horizontal" && v(r))
+    throw new Error(
+      a(
+        "DSRadioGroup",
+        "Horizontal direction is not possible when options contain a hint. Please remove hints or change direction property to 'vertical'."
+      )
+    );
+  if (i === "horizontal" && G(r))
+    throw new Error(
+      a(
+        "DSRadioGroup",
+        "Horizontal direction is not possible when options contain a custom area. Please remove custom areas or change direction property to 'vertical'."
+      )
+    );
+}, b = C(
+  ({
+    legend: t,
+    name: e,
+    options: r,
+    className: l,
+    defaultValue: i,
+    description: s,
+    direction: n = "vertical",
+    disabled: d = !1,
+    hideUncheckedHints: D = !1,
+    id: p,
+    invalid: u = !1,
+    required: S = !1,
+    systemFeedback: c,
+    value: w,
+    onChange: R,
+    ...z
+  }, E) => {
+    process.env.NODE_ENV !== "production" && V({
+      legend: t,
+      name: e,
+      options: r,
+      description: s,
+      direction: n,
+      id: p,
+      systemFeedback: c
+    });
+    const [H, x] = q(i), _ = w !== void 0, g = _ ? w : H, j = y(m.root, {
+      // In case of longer copy, use vertical direction
+      [m.rootHorizontal]: n === "horizontal" && !v(r) && !G(r),
+      [m.rootInvalid]: u && !!c
+    }), N = (o) => {
+      if (d) {
+        o.preventDefault();
+        return;
+      }
+      _ || x(
+        o.target.value
+      ), R && R(o);
+    }, P = v(r) && !D;
+    return /* @__PURE__ */ f.jsx(
+      I,
+      {
+        id: p,
+        legend: t,
+        className: l,
+        description: s,
+        disabled: d,
+        required: S,
+        invalid: u,
+        systemFeedback: c,
+        ...z,
+        role: "radiogroup",
+        onChange: N,
+        children: /* @__PURE__ */ f.jsx("div", { className: j, children: r.map((o) => /* @__PURE__ */ f.jsx(
+          A,
+          {
+            name: e,
+            checked: o.value === g,
+            disabled: d,
+            hideUncheckedHint: D,
+            hint: o.hint,
+            invalid: u,
+            isBold: P,
+            required: S,
+            ref: o.value === g ? E : null,
+            ...o
+          },
+          p + o.label + o.value + o.hint
+        )) })
+      }
+    );
+  }
+);
+b.displayName = "DSRadioGroup";
+export {
+  b as D,
+  G as a,
+  v as o,
+  V as v
+};

package/chunks/{Select.E6gLFYLk.js → Select.DsLnW29U.js}

@@ -2,11 +2,11 @@
 import { j as t } from "./jsx-runtime.C115EyI4.js";
 import { c as r } from "./index.CvOaL64Y.js";
 import { useRef as C, useState as q, useEffect as W } from "react";
-import { u as F } from "./useBreakpoint.5xBNDiCf.js";
+import { u as F } from "./useBreakpoint.B8XxjSVJ.js";
 import { Asterisk as M } from "../asterisk.DpzETKdT.js";
 import { D as O } from "./Icon.BCmt_XBG.js";
 import { DSSystemFeedback as T } from "../systemfeedback.C3Pfxxpp.js";
-import { g as p } from "./helpers.B1JT5ShS.js";
+import { g as p } from "./helpers.CcqWV-wZ.js";
 import '../assets/Select.D4EXgIbz.css';const V = "ds-select_root_1ui0h_1", Z = "ds-select_hint_1ui0h_9", J = "ds-select_label_1ui0h_9", K = "ds-select_wrapper_1ui0h_13", Q = "ds-select_affix_1ui0h_19", U = "ds-select_affix--small_1ui0h_40", X = "ds-select_affix--disabled_1ui0h_53", Y = "ds-select_prefix_1ui0h_61", z = "ds-select_affix--readonly_1ui0h_64", G = "ds-select_suffix_1ui0h_74", ee = "ds-select_action-button_1ui0h_81", se = "ds-select_label--hidden_1ui0h_99", te = "ds-select_label--disabled_1ui0h_112", le = "ds-select_feedback_1ui0h_132", ce = "ds-select_select-wrapper_1ui0h_137", ae = "ds-select_select_1ui0h_137", ne = "ds-select_select--invalid_1ui0h_262", ie = "ds-select_select--small_1ui0h_269", oe = "ds-select_input--has-leading-icon_1ui0h_322", de = "ds-select_input--has-action-button_1ui0h_325", re = "ds-select_input--has-second-action-button_1ui0h_328", _e = "ds-select_select--has-leading-icon_1ui0h_331", ue = "ds-select_select--has-action-button_1ui0h_334", he = "ds-select_select--has-second-action-button_1ui0h_337", fe = "ds-select_select--has-affix_1ui0h_340", pe = "ds-select_select--is-ready_1ui0h_354", be = "ds-select_select--placeholder_1ui0h_371", me = "ds-select_chevron_1ui0h_410", xe = "ds-select_chevron--small_1ui0h_414", ve = "ds-select_chevron--disabled_1ui0h_417", e = {
   root: V,
   hint: Z,
@@ -67,7 +67,7 @@ import '../assets/Select.D4EXgIbz.css';const V = "ds-select_root_1ui0h_1", Z = "
     throw new Error(
       p(
         "DSSelect",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
+        'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'
       )
     );
   if (!a)

package/chunks/TabPane.CYuUi0oL.js

@@ -0,0 +1,51 @@
+"use client";
+import { j as u } from "./jsx-runtime.C115EyI4.js";
+import { c as i } from "./index.CvOaL64Y.js";
+import { useRef as f, useState as m, useEffect as p } from "react";
+import '../assets/TabPane.zywjfwo8.css';const T = "ds-tabs_tabpane_30tnb_1", d = {
+  tabpane: T
+}, E = (e) => [
+  "A",
+  "BUTTON",
+  "INPUT",
+  "SELECT",
+  "TEXTAREA",
+  "AUDIO",
+  "VIDEO"
+].includes(e.tagName) || e.hasAttribute("contenteditable"), g = (e) => {
+  const t = (a) => E(a) ? !0 : Array.from(a.children).some(
+    (s) => t(s)
+  );
+  return t(e);
+}, A = (e, t) => `tabs-${e}-tabbutton-${t}`, h = (e, t, a) => `tabs-${e}-tabpanel-${t}-${a}`, x = ({
+  id: e,
+  content: t,
+  index: a,
+  selectedTabIndex: s,
+  tabListId: r,
+  className: o
+}) => {
+  const n = f(null), [c, l] = m(!1);
+  p(() => {
+    n.current && l(g(n.current));
+  }, [t]);
+  const b = i(d.tabpane, o);
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      id: h(r, e, a),
+      role: "tabpanel",
+      "aria-labelledby": A(r, e),
+      hidden: s !== a,
+      tabIndex: c ? void 0 : 0,
+      ref: n,
+      className: b,
+      children: t
+    }
+  );
+};
+export {
+  x as T,
+  h as a,
+  A as g
+};