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

package/chunks/NavigationTabList.BOrhiSiM.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as t, jsxs as u, Fragment as v } from "react/jsx-runtime";
+import { isValidElement as h, cloneElement as f } from "react";
+import { D as g } from "./Icon.DhKyUWtM.js";
+import { NumberIndicator as w } from "../numberindicator.Do92cr0z.js";
+import '../assets/NavigationTabList.B6x56sAV.css';const B = "ds-tabs_tabs-wrapper_nm2bv_1", N = "ds-tabs_scroll-wrapper_nm2bv_6", W = "ds-tabs_scroller_nm2bv_17", D = "ds-tabs_scroller--centered_nm2bv_28", j = "ds-tabs_tab_nm2bv_1", y = "ds-tabs_scroll-button_nm2bv_105", E = "ds-tabs_scroll-button--hidden_nm2bv_110", H = "ds-tabs_scroll-button--right_nm2bv_114", L = "ds-tabs_indicator_nm2bv_126", R = {
+  "tabs-wrapper": "ds-tabs_tabs-wrapper_nm2bv_1",
+  tabsWrapper: B,
+  "scroll-wrapper": "ds-tabs_scroll-wrapper_nm2bv_6",
+  scrollWrapper: N,
+  scroller: W,
+  "scroller--centered": "ds-tabs_scroller--centered_nm2bv_28",
+  scrollerCentered: D,
+  tab: j,
+  "scroll-button": "ds-tabs_scroll-button_nm2bv_105",
+  scrollButton: y,
+  "scroll-button--hidden": "ds-tabs_scroll-button--hidden_nm2bv_110",
+  scrollButtonHidden: E,
+  "scroll-button--right": "ds-tabs_scroll-button--right_nm2bv_114",
+  scrollButtonRight: H,
+  indicator: L
+}, S = ({
+  tabs: a,
+  tabRefs: b,
+  scrollerClass: _,
+  scrollerRef: d,
+  selectedTabIndex: o,
+  handleNavigationKeydown: i,
+  setSelectedTab: p
+}) => /* @__PURE__ */ t("ul", { className: _, ref: d, children: a.map(({
+  id: n,
+  linkComponent: r,
+  iconName: c,
+  numberIndicatorValue: e
+}, s) => {
+  if (!h(r))
+    return null;
+  const m = f(r, {
+    // Add aria-current to the selected tab (https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/)
+    "aria-current": o === s ? "page" : void 0,
+    children: /* @__PURE__ */ u(v, { children: [
+      c && /* @__PURE__ */ t(g, { name: c, "aria-hidden": "true" }),
+      r.props.children,
+      e && /* @__PURE__ */ t(w, { label: e })
+    ] }),
+    className: R.tab,
+    id: n,
+    tabIndex: o === s ? 0 : -1,
+    // onKeyDown for focus handling and keyboard navigation
+    onKeyDown: (l) => i(l, s),
+    onClick: () => {
+      r.props.onClick && r.props.onClick(), p(s);
+    },
+    ref: (l) => {
+      b.current[s] = l;
+    }
+  });
+  return /* @__PURE__ */ t("li", { children: m }, n);
+}) });
+export {
+  S as N,
+  R as s
+};

package/chunks/NavigationTabs.DW_6fZxc.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.TWjlHs5Y.js";
+import { g as m, r as E } from "./helpers.CcqWV-wZ.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,
+    alignment: o,
+    className: i,
+    activeTabIndex: t,
+    ...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.Bp28ubaX.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as v, jsxs as F } from "react/jsx-runtime";
+import { d as R } from "./index.CgTHIF3K.js";
+import { c as k } from "./index.CEyLAtio.js";
+import { DSButton as W } from "../button.Ywd82k7O.js";
+import { D as y } from "./Icon.DhKyUWtM.js";
+import '../assets/Notification.DZIF-Wo6.css';const L = "ds-notification_root_1cajm_1", P = "ds-notification_root--success_1cajm_26", V = "ds-notification_root--error_1cajm_30", z = "ds-notification_root--warning_1cajm_34", Y = "ds-notification_root--hide-icon_1cajm_38", $ = "ds-notification_content_1cajm_52", q = "ds-notification_content--hide-close-button_1cajm_59", G = "ds-notification_content--hide-icon_1cajm_62", J = "ds-notification_icon_1cajm_66", K = "ds-notification_message_1cajm_70", M = "ds-notification_custom-action-area_1cajm_167", n = {
+  root: L,
+  "root--success": "ds-notification_root--success_1cajm_26",
+  rootSuccess: P,
+  "root--error": "ds-notification_root--error_1cajm_30",
+  rootError: V,
+  "root--warning": "ds-notification_root--warning_1cajm_34",
+  rootWarning: z,
+  "root--hide-icon": "ds-notification_root--hide-icon_1cajm_38",
+  rootHideIcon: Y,
+  content: $,
+  "content--hide-close-button": "ds-notification_content--hide-close-button_1cajm_59",
+  contentHideCloseButton: q,
+  "content--hide-icon": "ds-notification_content--hide-icon_1cajm_62",
+  contentHideIcon: G,
+  icon: J,
+  message: K,
+  "custom-action-area": "ds-notification_custom-action-area_1cajm_167",
+  customActionArea: M
+}, co = ["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 = (H) => {
+  const o = R.c(47);
+  let s, r, a, i, c, l, I, N;
+  o[0] !== H ? ({
+    children: s,
+    variant: I,
+    className: r,
+    closeButtonProps: a,
+    customActionArea: i,
+    hideIcon: N,
+    onClose: c,
+    ...l
+  } = H, o[0] = H, o[1] = s, o[2] = r, o[3] = a, o[4] = i, o[5] = c, o[6] = l, o[7] = I, o[8] = N) : (s = o[1], r = o[2], a = o[3], i = o[4], c = o[5], l = o[6], I = o[7], N = o[8]);
+  const e = I === void 0 ? "info" : I, t = N === void 0 ? !1 : N;
+  let d;
+  o[9] !== a ? (d = a || {}, o[9] = a, o[10] = d) : d = o[10];
+  let _, g;
+  o[11] !== d ? ({
+    label: g,
+    ..._
+  } = d, o[11] = d, o[12] = _, o[13] = g) : (_ = o[12], g = o[13]);
+  const S = g === void 0 ? "Close notification" : g, b = e === "success", w = e === "error", O = e === "warning", T = e === "info";
+  let A;
+  o[14] !== r || o[15] !== t || o[16] !== b || o[17] !== w || o[18] !== O || o[19] !== T ? (A = k(n.root, r, {
+    [n.rootSuccess]: b,
+    [n.rootError]: w,
+    [n.rootWarning]: O,
+    [n.rootInfo]: T,
+    [n.rootHideIcon]: t
+  }), o[14] = r, o[15] = t, o[16] = b, o[17] = w, o[18] = O, o[19] = T, o[20] = A) : A = o[20];
+  const x = A, B = !c;
+  let C;
+  o[21] !== t || o[22] !== B ? (C = k(n.content, {
+    [n.contentHideCloseButton]: B,
+    [n.contentHideIcon]: t
+  }), o[21] = t, o[22] = B, o[23] = C) : C = o[23];
+  const D = C, E = U[e];
+  let m;
+  o[24] !== t || o[25] !== e ? (m = !t && /* @__PURE__ */ v(y, { name: Q[e], className: n.icon, "aria-hidden": "true" }), o[24] = t, o[25] = e, o[26] = m) : m = o[26];
+  let f;
+  o[27] !== s ? (f = /* @__PURE__ */ v("div", { className: n.message, children: s }), o[27] = s, o[28] = f) : f = o[28];
+  let u;
+  o[29] !== S || o[30] !== c || o[31] !== _ ? (u = c && /* @__PURE__ */ v(W, { hideLabel: !0, iconName: "cross", isFlush: !0, variant: "ghost", size: "small", onClick: c, type: "button", ..._, children: S }), o[29] = S, o[30] = c, o[31] = _, o[32] = u) : u = o[32];
+  let h;
+  o[33] !== D || o[34] !== m || o[35] !== f || o[36] !== u ? (h = /* @__PURE__ */ F("div", { className: D, children: [
+    m,
+    f,
+    u
+  ] }), o[33] = D, o[34] = m, o[35] = f, o[36] = u, o[37] = h) : h = o[37];
+  let j;
+  o[38] !== i || o[39] !== t ? (j = i && /* @__PURE__ */ v("div", { className: k({
+    [n.customActionArea]: !t
+  }), children: i }), o[38] = i, o[39] = t, o[40] = j) : j = o[40];
+  let p;
+  return o[41] !== l || o[42] !== x || o[43] !== E || o[44] !== h || o[45] !== j ? (p = /* @__PURE__ */ F("div", { className: x, ...l, role: E, children: [
+    h,
+    j
+  ] }), o[41] = l, o[42] = x, o[43] = E, o[44] = h, o[45] = j, o[46] = p) : p = o[46], p;
+};
+export {
+  eo as D,
+  co as N,
+  Q as a
+};

package/chunks/RadioGroup.Dh-7jSOg.js

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

package/chunks/Select.CMwsbHvQ.js

@@ -0,0 +1,190 @@
+"use client";
+import { jsx as b, jsxs as be } from "react/jsx-runtime";
+import { d as ge } from "./index.CgTHIF3K.js";
+import { c as oe } from "./index.CEyLAtio.js";
+import { useRef as He, useState as we, useEffect as Ie } from "react";
+import { u as Ae } from "./useBreakpoint.CMOR9ZOB.js";
+import { Asterisk as Ee } from "../asterisk.DUzshaw5.js";
+import { D as Be } from "./Icon.DhKyUWtM.js";
+import { DSSystemFeedback as Le } from "../systemfeedback.7I6fnqjX.js";
+import { g as de, r as Ne } from "./helpers.CcqWV-wZ.js";
+import '../assets/Select.KvAgxJZk.css';const ke = "ds-select_root_1ui0h_1", Pe = "ds-select_hint_1ui0h_9", qe = "ds-select_label_1ui0h_9", $e = "ds-select_wrapper_1ui0h_13", Ce = "ds-select_affix_1ui0h_19", Re = "ds-select_affix--small_1ui0h_40", Fe = "ds-select_affix--disabled_1ui0h_53", Ve = "ds-select_prefix_1ui0h_61", We = "ds-select_affix--readonly_1ui0h_64", je = "ds-select_suffix_1ui0h_74", ze = "ds-select_action-button_1ui0h_81", Me = "ds-select_label--hidden_1ui0h_99", Te = "ds-select_label--disabled_1ui0h_112", Ze = "ds-select_feedback_1ui0h_132", Je = "ds-select_select-wrapper_1ui0h_137", Ke = "ds-select_select_1ui0h_137", Oe = "ds-select_select--invalid_1ui0h_262", Qe = "ds-select_select--small_1ui0h_269", Ue = "ds-select_input--has-leading-icon_1ui0h_322", Xe = "ds-select_input--has-action-button_1ui0h_325", Ye = "ds-select_input--has-second-action-button_1ui0h_328", Ge = "ds-select_select--has-leading-icon_1ui0h_331", et = "ds-select_select--has-action-button_1ui0h_334", tt = "ds-select_select--has-second-action-button_1ui0h_337", st = "ds-select_select--has-affix_1ui0h_340", lt = "ds-select_select--is-ready_1ui0h_354", it = "ds-select_select--placeholder_1ui0h_371", at = "ds-select_chevron_1ui0h_410", ct = "ds-select_chevron--small_1ui0h_414", nt = "ds-select_chevron--disabled_1ui0h_417", l = {
+  root: ke,
+  hint: Pe,
+  label: qe,
+  wrapper: $e,
+  affix: Ce,
+  "affix--small": "ds-select_affix--small_1ui0h_40",
+  affixSmall: Re,
+  "affix--disabled": "ds-select_affix--disabled_1ui0h_53",
+  affixDisabled: Fe,
+  prefix: Ve,
+  "affix--readonly": "ds-select_affix--readonly_1ui0h_64",
+  affixReadonly: We,
+  suffix: je,
+  "action-button": "ds-select_action-button_1ui0h_81",
+  actionButton: ze,
+  "label--hidden": "ds-select_label--hidden_1ui0h_99",
+  labelHidden: Me,
+  "label--disabled": "ds-select_label--disabled_1ui0h_112",
+  labelDisabled: Te,
+  feedback: Ze,
+  "select-wrapper": "ds-select_select-wrapper_1ui0h_137",
+  selectWrapper: Je,
+  select: Ke,
+  "select--invalid": "ds-select_select--invalid_1ui0h_262",
+  selectInvalid: Oe,
+  "select--small": "ds-select_select--small_1ui0h_269",
+  selectSmall: Qe,
+  "input--has-leading-icon": "ds-select_input--has-leading-icon_1ui0h_322",
+  inputHasLeadingIcon: Ue,
+  "input--has-action-button": "ds-select_input--has-action-button_1ui0h_325",
+  inputHasActionButton: Xe,
+  "input--has-second-action-button": "ds-select_input--has-second-action-button_1ui0h_328",
+  inputHasSecondActionButton: Ye,
+  "select--has-leading-icon": "ds-select_select--has-leading-icon_1ui0h_331",
+  selectHasLeadingIcon: Ge,
+  "select--has-action-button": "ds-select_select--has-action-button_1ui0h_334",
+  selectHasActionButton: et,
+  "select--has-second-action-button": "ds-select_select--has-second-action-button_1ui0h_337",
+  selectHasSecondActionButton: tt,
+  "select--has-affix": "ds-select_select--has-affix_1ui0h_340",
+  selectHasAffix: st,
+  "select--is-ready": "ds-select_select--is-ready_1ui0h_354",
+  selectIsReady: lt,
+  "select--placeholder": "ds-select_select--placeholder_1ui0h_371",
+  selectPlaceholder: it,
+  chevron: at,
+  "chevron--small": "ds-select_chevron--small_1ui0h_414",
+  chevronSmall: ct,
+  "chevron--disabled": "ds-select_chevron--disabled_1ui0h_417",
+  chevronDisabled: nt
+}, xt = ["medium", "small"], ot = ({
+  id: o,
+  label: e,
+  options: t
+}) => {
+  if (!o)
+    throw new Error(de("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
+  if (!e)
+    throw new Error(de("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(t)) {
+    if (t.length === 0)
+      throw new Error(de("DSSelect", "The options array must not be empty."));
+  } else throw new Error(de("DSSelect", Ne("options", "DSSelect")));
+}, dt = (o, e, t) => o === "" || e !== void 0 && e !== "" ? !1 : !(t !== void 0 && t !== ""), yt = (o) => {
+  const e = ge.c(112);
+  let t, i, a, s, d, p, v, c, M, T, Z, J, K, O, r;
+  e[0] !== o ? ({
+    id: s,
+    label: d,
+    options: p,
+    className: t,
+    defaultValue: i,
+    disabled: M,
+    hideLabel: T,
+    hint: a,
+    invalid: Z,
+    placeholder: J,
+    required: K,
+    size: O,
+    systemFeedback: c,
+    value: r,
+    ...v
+  } = o, e[0] = o, e[1] = t, e[2] = i, e[3] = a, e[4] = s, e[5] = d, e[6] = p, e[7] = v, e[8] = c, e[9] = M, e[10] = T, e[11] = Z, e[12] = J, e[13] = K, e[14] = O, e[15] = r) : (t = e[1], i = e[2], a = e[3], s = e[4], d = e[5], p = e[6], v = e[7], c = e[8], M = e[9], T = e[10], Z = e[11], J = e[12], K = e[13], O = e[14], r = e[15]);
+  const _ = M === void 0 ? !1 : M, me = T === void 0 ? !1 : T, n = Z === void 0 ? !1 : Z, m = J === void 0 ? "Select" : J, S = K === void 0 ? !1 : K, G = O === void 0 ? "medium" : O;
+  process.env.NODE_ENV !== "production" && ot({
+    id: s,
+    label: d,
+    options: p
+  });
+  const Q = He(null);
+  let ee;
+  e[16] !== i || e[17] !== m || e[18] !== r ? (ee = dt(m, i, r), e[16] = i, e[17] = m, e[18] = r, e[19] = ee) : ee = e[19];
+  const [U, ve] = we(ee);
+  let te, se;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (te = () => {
+    if (!Q.current)
+      return;
+    const ie = () => {
+      if (!Q.current)
+        return;
+      const j = Q.current.value;
+      ve(j === "");
+    }, Y = Q.current;
+    return Y.addEventListener("change", ie), () => {
+      Y.removeEventListener("change", ie);
+    };
+  }, se = [], e[20] = te, e[21] = se) : (te = e[20], se = e[21]), Ie(te, se);
+  const X = Ae(me), x = `${s}-label`, y = `${s}-feedback`, D = `${s}-hint`, re = a ? ` ${D}` : "";
+  let g, H, w, I, A, E, B, L, N, k, P, q, $, C, R, u, h, f;
+  if (e[22] !== re || e[23] !== t || e[24] !== i || e[25] !== _ || e[26] !== X || e[27] !== a || e[28] !== D || e[29] !== s || e[30] !== n || e[31] !== U || e[32] !== d || e[33] !== p || e[34] !== m || e[35] !== S || e[36] !== v || e[37] !== x || e[38] !== G || e[39] !== c || e[40] !== y || e[41] !== r) {
+    const ie = (ye) => [m && /* @__PURE__ */ b("option", { value: "", children: m }, `${s}-hidden-option-disabled-placeholder`), ...ye.map((fe) => {
+      if ("options" in fe) {
+        const {
+          label: pe,
+          options: De
+        } = fe;
+        return /* @__PURE__ */ b("optgroup", { label: pe, children: De.map(Y) }, pe);
+      } else
+        return Y(fe);
+    })], Y = rt;
+    let j;
+    e[60] !== t ? (j = oe(l.root, t), e[60] = t, e[61] = j) : j = e[61];
+    const Se = j, _e = G === "small";
+    let ae;
+    e[62] !== n || e[63] !== U || e[64] !== _e ? (ae = oe(l.select, {
+      [l.selectSmall]: _e,
+      [l.selectInvalid]: n,
+      [l.selectPlaceholder]: U
+    }), e[62] = n, e[63] = U, e[64] = _e, e[65] = ae) : ae = e[65];
+    const xe = ae;
+    let ce;
+    e[66] !== _ || e[67] !== X ? (ce = oe(l.label, {
+      [l.labelHidden]: X,
+      [l.labelDisabled]: _
+    }), e[66] = _, e[67] = X, e[68] = ce) : ce = e[68];
+    const ue = ce, he = G === "small";
+    let ne;
+    e[69] !== _ || e[70] !== he ? (ne = oe(l.chevron, {
+      [l.chevronSmall]: he,
+      [l.chevronDisabled]: _
+    }), e[69] = _, e[70] = he, e[71] = ne) : ne = e[71], g = ne, R = Se;
+    let z;
+    e[72] !== S ? (z = S && /* @__PURE__ */ b(Ee, {}), e[72] = S, e[73] = z) : z = e[73], e[74] !== s || e[75] !== d || e[76] !== ue || e[77] !== x || e[78] !== z ? (u = /* @__PURE__ */ be("label", { className: ue, id: x, htmlFor: s, children: [
+      d,
+      z
+    ] }), e[74] = s, e[75] = d, e[76] = ue, e[77] = x, e[78] = z, e[79] = u) : u = e[79], e[80] !== a || e[81] !== D ? (h = a && /* @__PURE__ */ b("div", { className: l.hint, id: D, children: a }), e[80] = a, e[81] = D, e[82] = h) : h = e[82], e[83] !== n || e[84] !== c || e[85] !== y ? (f = n && c && /* @__PURE__ */ b(Le, { className: l.feedback, message: c, type: "invalid", id: y, "aria-live": "assertive" }), e[83] = n, e[84] = c, e[85] = y, e[86] = f) : f = e[86], C = l.selectWrapper, H = v, w = s, I = Q, A = xe, E = `${x}${re}`, B = n && c ? y : void 0, L = n, N = i, k = r, P = _, q = S, $ = ie(p), e[22] = re, e[23] = t, e[24] = i, e[25] = _, e[26] = X, e[27] = a, e[28] = D, e[29] = s, e[30] = n, e[31] = U, e[32] = d, e[33] = p, e[34] = m, e[35] = S, e[36] = v, e[37] = x, e[38] = G, e[39] = c, e[40] = y, e[41] = r, e[42] = g, e[43] = H, e[44] = w, e[45] = I, e[46] = A, e[47] = E, e[48] = B, e[49] = L, e[50] = N, e[51] = k, e[52] = P, e[53] = q, e[54] = $, e[55] = C, e[56] = R, e[57] = u, e[58] = h, e[59] = f;
+  } else
+    g = e[42], H = e[43], w = e[44], I = e[45], A = e[46], E = e[47], B = e[48], L = e[49], N = e[50], k = e[51], P = e[52], q = e[53], $ = e[54], C = e[55], R = e[56], u = e[57], h = e[58], f = e[59];
+  let F;
+  e[87] !== H || e[88] !== w || e[89] !== I || e[90] !== A || e[91] !== E || e[92] !== B || e[93] !== L || e[94] !== N || e[95] !== k || e[96] !== P || e[97] !== q || e[98] !== $ ? (F = /* @__PURE__ */ b("select", { ...H, id: w, ref: I, className: A, "aria-labelledby": E, "aria-describedby": B, "aria-invalid": L, defaultValue: N, value: k, disabled: P, required: q, children: $ }), e[87] = H, e[88] = w, e[89] = I, e[90] = A, e[91] = E, e[92] = B, e[93] = L, e[94] = N, e[95] = k, e[96] = P, e[97] = q, e[98] = $, e[99] = F) : F = e[99];
+  let V;
+  e[100] !== g ? (V = /* @__PURE__ */ b(Be, { name: "chevron-down", className: g, "aria-hidden": "true" }), e[100] = g, e[101] = V) : V = e[101];
+  let W;
+  e[102] !== C || e[103] !== F || e[104] !== V ? (W = /* @__PURE__ */ be("div", { className: C, children: [
+    F,
+    V
+  ] }), e[102] = C, e[103] = F, e[104] = V, e[105] = W) : W = e[105];
+  let le;
+  return e[106] !== R || e[107] !== u || e[108] !== h || e[109] !== f || e[110] !== W ? (le = /* @__PURE__ */ be("div", { className: R, children: [
+    u,
+    h,
+    f,
+    W
+  ] }), e[106] = R, e[107] = u, e[108] = h, e[109] = f, e[110] = W, e[111] = le) : le = e[111], le;
+};
+function rt(o) {
+  const {
+    label: e,
+    value: t,
+    isDisabled: i
+  } = o;
+  return /* @__PURE__ */ b("option", { value: t, disabled: i, children: e }, t);
+}
+export {
+  yt as D,
+  xt as S,
+  dt as g,
+  ot as v
+};

package/chunks/TabPane.utils.DG16Y2uD.js

@@ -0,0 +1,10 @@
+"use client";
+const n = (t) => ["A", "BUTTON", "INPUT", "SELECT", "TEXTAREA", "AUDIO", "VIDEO"].includes(t.tagName) || t.hasAttribute("contenteditable"), r = (t) => {
+  const e = (a) => n(a) ? !0 : Array.from(a.children).some((s) => e(s));
+  return e(t);
+}, c = (t, e) => `tabs-${t}-tabbutton-${e}`, o = (t, e, a) => `tabs-${t}-tabpanel-${e}-${a}`;
+export {
+  c as a,
+  r as c,
+  o as g
+};

package/chunks/Tabs.D3yDE5nU.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as w, jsxs as x } from "react/jsx-runtime";
+import { d as A } from "./index.CgTHIF3K.js";
+import { useState as P } from "react";
+import { TabList as q } from "../tablist.TWjlHs5Y.js";
+import { TabPane as y } from "../tabpane.CB-eudyw.js";
+import { g as L } from "./TabPane.utils.DG16Y2uD.js";
+import { g as u, r as M } from "./helpers.CcqWV-wZ.js";
+const V = ["left", "center"], k = ["prev", "next"], _ = ({
+  id: c,
+  tabs: e,
+  defaultSelectedTabIndex: s = 0
+}) => {
+  if (!c)
+    throw new Error(u("DSTabs", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTabs component.'));
+  if (Array.isArray(e)) {
+    if (e.length === 0)
+      throw new Error(u("DSTabs", "The tabs array must not be empty."));
+  } else throw new Error(u("DSTabs", M("tabs", "DSTabs")));
+  if (s < 0 || s >= e.length)
+    throw new Error(u("DSTabs", `Invalid defaultSelectedTabIndex: ${s}. It must be between 0 and ${e.length - 1}.`));
+}, z = (c) => {
+  const e = A.c(32);
+  let s, a, n, i, m, T, t, r;
+  e[0] !== c ? ({
+    id: t,
+    tabs: r,
+    alignment: m,
+    className: s,
+    classNameTabPane: a,
+    defaultSelectedTabIndex: T,
+    onTabChange: n,
+    ...i
+  } = c, e[0] = c, e[1] = s, e[2] = a, e[3] = n, e[4] = i, e[5] = m, e[6] = T, e[7] = t, e[8] = r) : (s = e[1], a = e[2], n = e[3], i = e[4], m = e[5], T = e[6], t = e[7], r = e[8]);
+  const S = m === void 0 ? "left" : m, h = T === void 0 ? 0 : T;
+  process.env.NODE_ENV !== "production" && _({
+    id: t,
+    tabs: r,
+    defaultSelectedTabIndex: h
+  });
+  const [o, E] = P(h);
+  let f;
+  e[9] !== S || e[10] !== n || e[11] !== o || e[12] !== t || e[13] !== r ? (f = {
+    id: t,
+    tabs: r,
+    setSelectedTabIndex: E,
+    selectedTabIndex: o,
+    alignment: S,
+    onTabChange: n
+  }, e[9] = S, e[10] = n, e[11] = o, e[12] = t, e[13] = r, e[14] = f) : f = e[14];
+  const g = f;
+  let l;
+  e[15] !== g ? (l = /* @__PURE__ */ w(q, { ...g }), e[15] = g, e[16] = l) : l = e[16];
+  let d;
+  if (e[17] !== a || e[18] !== o || e[19] !== t || e[20] !== r) {
+    let b;
+    e[22] !== a || e[23] !== o || e[24] !== t ? (b = (v, D) => {
+      const {
+        id: I,
+        content: N
+      } = v;
+      return /* @__PURE__ */ w(y, { id: I, content: N, index: D, selectedTabIndex: o, tabListId: t, className: a }, L(t, I, D));
+    }, e[22] = a, e[23] = o, e[24] = t, e[25] = b) : b = e[25], d = r.map(b), e[17] = a, e[18] = o, e[19] = t, e[20] = r, e[21] = d;
+  } else
+    d = e[21];
+  let p;
+  return e[26] !== s || e[27] !== i || e[28] !== l || e[29] !== d || e[30] !== t ? (p = /* @__PURE__ */ x("div", { className: s, id: t, ...i, children: [
+    l,
+    d
+  ] }), e[26] = s, e[27] = i, e[28] = l, e[29] = d, e[30] = t, e[31] = p) : p = e[31], p;
+};
+export {
+  z as D,
+  V as T,
+  k as a,
+  _ as v
+};