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

package/chunks/InputSearch.CJm6ph8W.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { c as s } from "./index.DL9mof6u.js";
+import { forwardRef as nt, useState as at, useRef as L, useEffect as V } from "react";
+import { g as m, a as st } from "./helpers.CexwVao7.js";
+import { u as O } from "./useBreakpoint.1txsny17.js";
+import "./index.D-sRdssb.js";
+import { Asterisk as ot } from "../asterisk.B2ih8VwF.js";
+import { D as W } from "./Button.Cn5yg7dG.js";
+import { D as rt } from "./Popover.D7McfVaH.js";
+import { D as it } from "./SystemFeedback.CjlARKki.js";
+import '../assets/InputSearch.GBH9Eh6F.css';const ct = "ds-input-search_input_37dw5_1", lt = "ds-input-search_input--small_37dw5_9", ut = "ds-input-search_input--invalid_37dw5_121", pt = "ds-input-search_input--has-action-button_37dw5_182", dt = "ds-input-search_input--has-second-action-button_37dw5_185", ht = "ds-input-search_root_37dw5_218", mt = "ds-input-search_hint_37dw5_218", bt = "ds-input-search_label-wrapper_37dw5_218", ft = "ds-input-search_wrapper_37dw5_222", _t = "ds-input-search_action-button_37dw5_228", wt = "ds-input-search_second-action-button_37dw5_232", St = "ds-input-search_label_37dw5_218", Dt = "ds-input-search_label--disabled_37dw5_251", Bt = "ds-input-search_label-wrapper--hidden_37dw5_263", It = "ds-input-search_feedback_37dw5_291", t = {
+  input: ct,
+  inputSmall: lt,
+  inputInvalid: ut,
+  inputHasActionButton: pt,
+  inputHasSecondActionButton: dt,
+  root: ht,
+  hint: mt,
+  labelWrapper: bt,
+  wrapper: ft,
+  actionButton: _t,
+  secondActionButton: wt,
+  label: St,
+  labelDisabled: Dt,
+  labelWrapperHidden: Bt,
+  feedback: It
+}, vt = ({
+  id: n,
+  label: c,
+  hideLabel: b,
+  popoverContent: f
+}) => {
+  if (!n)
+    throw new Error(m("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!c)
+    throw new Error(m("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}.`));
+  b && f && console.warn(m("DSInputSearch", "Using a popover when hideLabel is set to true is not supported."));
+}, gt = (n) => !!st(n, "form"), Nt = nt(({
+  id: n,
+  label: c,
+  className: b,
+  clearButtonLabel: f = "Clear search field",
+  disabled: o = !1,
+  hint: _,
+  hideLabel: I = !1,
+  invalid: l = !1,
+  popoverContent: w,
+  popoverInfoButtonProps: $,
+  readonly: r = !1,
+  required: v = !1,
+  size: i = "medium",
+  systemFeedback: S,
+  value: D,
+  submitButtonProps: j,
+  onChange: g,
+  ...R
+}, u) => {
+  process.env.NODE_ENV !== "production" && vt({
+    id: n,
+    label: c,
+    hideLabel: O(I),
+    popoverContent: w
+  });
+  const {
+    label: x = "Search",
+    onClick: q,
+    ...T
+  } = j || {}, [p, N] = at(D), B = L(null), d = L(null), F = (e) => {
+    d.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
+  }, y = O(I);
+  V(() => {
+    N(D);
+  }, [D]), V(() => {
+    B.current && !gt(B.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(m("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 A = `${n}-label`, E = `${n}-feedback`, H = `${n}-hint`, M = _ ? ` ${H}` : "", U = [l && S && E].filter(Boolean).join(" ") || void 0, k = p !== "" && p !== void 0 && p !== null, G = s(t.root, b), J = s(t.input, {
+    // small input
+    [t.inputSmall]: i === "small",
+    // invalid state
+    [t.inputInvalid]: l,
+    // action button - input password always has an action button
+    [t.inputHasActionButton]: !0,
+    // action second action button
+    [t.inputHasSecondActionButton]: k && !r && !o
+  }), K = s(t.label, {
+    [t.labelDisabled]: o
+  }), Q = s(t.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelWrapperHidden]: y
+  }), X = s(t.actionButton, {
+    [t.actionButtonSmall]: i === "small"
+  }), Y = s(t.secondActionButton, {
+    [t.secondActionButtonSmall]: i === "small"
+  }), Z = (e, C) => {
+    const et = Object.getPrototypeOf(e), P = Object.getOwnPropertyDescriptor(et, "value");
+    P?.set ? P.set.call(e, C) : e.value = C;
+  }, z = () => {
+    if (!d.current)
+      return;
+    Z(d.current, "");
+    const e = new Event("change", {
+      bubbles: !0
+    });
+    d.current?.dispatchEvent(e);
+  }, tt = (e) => {
+    N(e.target.value), g && g(e);
+  };
+  return /* @__PURE__ */ h("div", { className: G, ref: B, children: [
+    /* @__PURE__ */ h("div", { className: Q, children: [
+      /* @__PURE__ */ h("label", { className: K, id: A, htmlFor: n, children: [
+        c,
+        v && /* @__PURE__ */ a(ot, {})
+      ] }),
+      w && !y && /* @__PURE__ */ a(rt, { placement: "top", defaultAnchorButtonProps: $, children: w })
+    ] }),
+    _ && /* @__PURE__ */ a("div", { className: t.hint, id: H, children: _ }),
+    /* @__PURE__ */ h("div", { className: t.wrapper, children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          className: J,
+          id: n,
+          ...R,
+          ref: F,
+          "aria-labelledby": `${A}${M}`,
+          "aria-describedby": U,
+          "aria-invalid": l,
+          "aria-disabled": r,
+          readOnly: r,
+          required: v,
+          disabled: o,
+          type: "search",
+          value: p,
+          onChange: tt
+        }
+      ),
+      k && !r && !o && /* @__PURE__ */ a(W, { hideLabel: !0, theme: "light", iconName: "cross", className: Y, variant: "ghost", size: i, onClick: z, type: "button", tabIndex: -1, children: f }),
+      /* @__PURE__ */ a(W, { ...T, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: X, variant: "ghost", size: i, onClick: q, type: "submit", disabled: o || r, children: x })
+    ] }),
+    l && S && /* @__PURE__ */ a(it, { className: t.feedback, message: S, variant: "error", id: E })
+  ] });
+});
+Nt.displayName = "DSInputSearch";
+export {
+  Nt as D,
+  gt as i,
+  vt as v
+};

package/chunks/LinkButton.C6F-yuLL.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsxs as N, jsx as g } from "react/jsx-runtime";
+import { c as p } from "./index.DL9mof6u.js";
+import { forwardRef as H } from "react";
+import { u as i } from "./useBreakpoint.1txsny17.js";
+import "./index.D-sRdssb.js";
+import { D as A } from "./Icon.CDLyB7Pv.js";
+import { Tooltip as b } from "../tooltip.Cj3AvYgB.js";
+import { g as r } from "./helpers.CexwVao7.js";
+import '../assets/LinkButton.88j5ckLu.css';const E = "ds-link-button_root_250ek_1", P = "ds-link-button_root--highlight_250ek_75", C = "ds-link-button_root--dark-highlight_250ek_75", x = "ds-link-button_root--filled_250ek_151", V = "ds-link-button_root--outline_250ek_179", j = "ds-link-button_root--ghost_250ek_206", K = "ds-link-button_root--ghost-flush_250ek_231", R = "ds-link-button_root--small_250ek_237", U = "ds-link-button_root--navigation_250ek_317", M = "ds-link-button_root--navigation--stretched_250ek_393", Z = "ds-link-button_root--navigation--stretched--icon-left_250ek_396", q = "ds-link-button_root--dark-filled_250ek_399", J = "ds-link-button_root--dark-outline_250ek_456", Q = "ds-link-button_root--dark-ghost_250ek_512", W = "ds-link-button_root--dark-ghost-flush_250ek_566", X = "ds-link-button_root--stretched_250ek_641", Y = "ds-link-button_root--icon-left_250ek_644", $ = "ds-link-button_root--icon-only_250ek_647", z = "ds-link-button_root--icon-only-small_250ek_656", oo = "ds-link-button_icon--navigation_250ek_668", to = "ds-link-button_label--hidden_250ek_676", t = {
+  root: E,
+  rootHighlight: P,
+  rootDarkHighlight: C,
+  rootFilled: x,
+  rootOutline: V,
+  rootGhost: j,
+  rootGhostFlush: K,
+  rootSmall: R,
+  rootNavigation: U,
+  rootNavigationStretched: M,
+  rootNavigationStretchedIconLeft: Z,
+  rootDarkFilled: q,
+  rootDarkOutline: J,
+  rootDarkGhost: Q,
+  rootDarkGhostFlush: W,
+  rootStretched: X,
+  rootIconLeft: Y,
+  rootIconOnly: $,
+  rootIconOnlySmall: z,
+  iconNavigation: oo,
+  labelHidden: to
+}, go = ["medium", "small"], uo = ["filled", "highlight", "outline", "ghost", "navigation"], no = ({
+  hideLabel: u,
+  iconName: _,
+  iconSource: f,
+  isFlush: d,
+  size: l,
+  stretched: s,
+  theme: a,
+  variant: e
+}) => {
+  if (e === "navigation" && (l === "small" && console.warn(r("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), a === "dark"))
+    throw new Error(r("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  e !== "ghost" && d ? console.warn(r("DSLinkButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : e === "ghost" && d && s && console.warn(r("DSLinkButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), u && (!_ && !f && console.warn(r("DSLinkButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the link is not empty when the label is hidden.')), s && console.warn(r("DSLinkButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, eo = H(({
+  children: u,
+  aria: _,
+  className: f,
+  download: d,
+  hideLabel: l = !1,
+  href: s,
+  iconName: a,
+  iconPosition: e = "left",
+  iconSource: m,
+  isFlush: h = !1,
+  referrerPolicy: L,
+  rel: I,
+  size: c = "medium",
+  stretched: k = !1,
+  target: O = "_self",
+  theme: n = "light",
+  variant: o = "filled",
+  tooltip: D,
+  ...w
+}, B) => {
+  process.env.NODE_ENV !== "production" && no({
+    hideLabel: i(l),
+    iconName: a,
+    iconSource: m,
+    isFlush: h,
+    size: c,
+    stretched: k,
+    theme: n,
+    variant: o
+  });
+  const y = p(t.root, f, {
+    // variant
+    [t.rootFilled]: o === "filled",
+    [t.rootHighlight]: o === "highlight",
+    [t.rootOutline]: o === "outline",
+    [t.rootGhost]: o === "ghost" && h !== !0,
+    [t.rootNavigation]: o === "navigation",
+    [t.rootNavigationStretched]: o === "navigation" && i(k) && e === "right",
+    [t.rootNavigationStretchedIconLeft]: o === "navigation" && i(k) && e === "left",
+    // isFlush
+    [t.rootGhostFlush]: o === "ghost" && h === !0,
+    // dark theme
+    [t.rootDarkFilled]: n === "dark" && o === "filled",
+    [t.rootDarkHighlight]: n === "dark" && o === "highlight",
+    [t.rootDarkOutline]: n === "dark" && o === "outline",
+    [t.rootDarkGhost]: n === "dark" && o === "ghost" && h !== !0,
+    // dark isFlush
+    [t.rootDarkGhostFlush]: n === "dark" && o === "ghost" && h === !0,
+    // size
+    [t.rootSmall]: c === "small" || o === "navigation",
+    // stretched
+    [t.rootStretched]: i(k),
+    // icon position
+    [t.rootIconLeft]: e === "left",
+    // icon only
+    [t.rootIconOnly]: i(l) && c === "medium" && o !== "navigation",
+    [t.rootIconOnlySmall]: i(l) && c === "small" && o !== "navigation"
+  }), G = p({
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: i(l) && o !== "navigation"
+  }), T = p({
+    [t.iconNavigation]: o === "navigation"
+  }), F = n === "light" && o === "filled" || n === "dark" && o === "outline" || n === "dark" && o === "ghost" ? "dark" : "light", S = s === void 0 ? "span" : "a", v = /* @__PURE__ */ N(
+    S,
+    {
+      className: y,
+      ...S === "a" && {
+        href: s,
+        target: O,
+        rel: I,
+        referrerPolicy: L,
+        download: d
+      },
+      ..._,
+      ...w,
+      ref: B,
+      children: [
+        /* @__PURE__ */ g("span", { className: G, children: u }),
+        (a || m) && /* @__PURE__ */ g(A, { name: a, theme: F, source: m, className: T, "aria-hidden": "true" })
+      ]
+    }
+  );
+  return D ? /* @__PURE__ */ N(b, { placement: "top", tooltipOffset: 6, children: [
+    /* @__PURE__ */ g(b.Anchor, { children: v }),
+    /* @__PURE__ */ g(b.Content, { children: D })
+  ] }) : v;
+});
+eo.displayName = "DSLinkButton";
+export {
+  eo as D,
+  go as L,
+  uo as a,
+  no as v
+};

package/chunks/MegaMenu.qttkjGbD.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsx as N, jsxs as ne } from "react/jsx-runtime";
+import { d as P } from "./index.D-sRdssb.js";
+import { isValidElement as J, useState as se, createContext as oe, forwardRef as K, cloneElement as ae, useContext as L } from "react";
+import { o as le, u as re, b as ce, c as ie, d as ue, e as fe, a as de, f as Q, g as me, F as Me, h as ge, i as he } from "./floating-ui.react.COTL3jH5.js";
+import { c as q } from "./index.DL9mof6u.js";
+import { g as V, c as z } from "./helpers.CexwVao7.js";
+import { D as pe } from "./Header.18sOO0Gf.js";
+import '../assets/MegaMenu.D5EtjFeL.css';const Se = "ds-mega-menu_root_11fw1_1", De = "ds-mega-menu_content_11fw1_109", _e = "ds-mega-menu_content--variant-full_11fw1_134", Ce = "ds-mega-menu_backdrop_11fw1_139", R = {
+  root: Se,
+  content: De,
+  contentVariantFull: _e,
+  backdrop: Ce
+}, ve = 9, Ee = (s) => {
+  const t = P.c(17);
+  let e;
+  t[0] !== s ? (e = s === void 0 ? {} : s, t[0] = s, t[1] = e) : e = t[1];
+  const {
+    initialOpen: n,
+    isOpen: c,
+    onOpenChange: a
+  } = e, d = n === void 0 ? !1 : n, [i, o] = se(d), r = c ?? i, u = a ?? o;
+  let f;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (f = [le(ve)], t[2] = f) : f = t[2];
+  let C;
+  t[3] !== r || t[4] !== u ? (C = {
+    placement: "bottom-start",
+    open: r,
+    onOpenChange: u,
+    whileElementsMounted: de,
+    strategy: "absolute",
+    transform: !1,
+    middleware: f
+  }, t[3] = r, t[4] = u, t[5] = C) : C = t[5];
+  const M = re(C), D = M.context;
+  let g;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    enabled: !0
+  }, t[6] = g) : g = t[6];
+  const h = ce(D, g), _ = ie(D);
+  let m;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    role: "menu"
+  }, t[7] = m) : m = t[7];
+  const O = ue(D, m);
+  let l;
+  t[8] !== h || t[9] !== _ || t[10] !== O ? (l = [h, _, O], t[8] = h, t[9] = _, t[10] = O, t[11] = l) : l = t[11];
+  const p = fe(l);
+  let S;
+  return t[12] !== M || t[13] !== p || t[14] !== r || t[15] !== u ? (S = {
+    open: r,
+    setOpen: u,
+    ...p,
+    ...M
+  }, t[12] = M, t[13] = p, t[14] = r, t[15] = u, t[16] = S) : S = t[16], S;
+}, we = (s) => {
+  if (!J(s))
+    throw new Error(V("DSMegaMenu", "DSMegaMenu.Anchor child must be a valid React element."));
+}, be = ({
+  hasContent: s,
+  hasAnchor: t
+}) => {
+  if (!s)
+    throw new Error(V("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Content> component as a child. Please add it to the children of DSMegaMenu."));
+  if (!t)
+    throw new Error(V("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Anchor> component as a child. Please add it to the children of DSMegaMenu."));
+}, W = oe(null), X = () => {
+  const s = L(W);
+  if (s == null)
+    throw new Error(V("DSMegaMenu", "Components like DSMegaMenu.Anchor or DSMegaMenu.Content must be wrapped in <DSMegaMenu />."));
+  return s;
+}, T = (s) => {
+  const t = P.c(9);
+  let e, n;
+  t[0] !== s ? ({
+    children: e,
+    ...n
+  } = s, t[0] = s, t[1] = e, t[2] = n) : (e = t[1], n = t[2]);
+  let c;
+  t[3] !== n ? (c = {
+    ...n
+  }, t[3] = n, t[4] = c) : c = t[4];
+  const a = Ee(c), d = z(e, T.Content), i = z(e, H);
+  process.env.NODE_ENV !== "production" && be({
+    hasContent: d,
+    hasAnchor: i
+  });
+  let o;
+  return t[5] !== e || t[6] !== a || t[7] !== n ? (o = /* @__PURE__ */ N(W.Provider, { value: a, ...n, children: e }), t[5] = e, t[6] = a, t[7] = n, t[8] = o) : o = t[8], o;
+}, H = K((s, t) => {
+  const e = P.c(4), {
+    children: n,
+    ...c
+  } = s;
+  process.env.NODE_ENV !== "production" && we(n);
+  const a = X(), d = n.ref;
+  let i;
+  e[0] !== d || e[1] !== a.refs.setReference || e[2] !== t ? (i = [a.refs.setReference, t, d], e[0] = d, e[1] = a.refs.setReference, e[2] = t, e[3] = i) : i = e[3];
+  const o = Q(i);
+  if (J(n))
+    return ae(n, a.getReferenceProps({
+      ref: o,
+      ...c,
+      ...n.props,
+      "data-state": a.open ? "open" : "closed"
+    }));
+});
+H.displayName = "DSMegaMenu.Anchor";
+const Y = K((s, t) => {
+  const e = P.c(45), {
+    style: n,
+    className: c,
+    children: a,
+    ...d
+  } = s, i = X();
+  let o, r, u, f;
+  e[0] !== i ? ({
+    context: o,
+    floatingStyles: r,
+    getFloatingProps: u,
+    ...f
+  } = i, e[0] = i, e[1] = o, e[2] = r, e[3] = u, e[4] = f) : (o = e[1], r = e[2], u = e[3], f = e[4]);
+  const {
+    variant: C,
+    bannerAreaRef: M,
+    topBarAreaRef: D,
+    mainNavigationAreaRef: g
+  } = L(pe);
+  let h;
+  e[5] !== t || e[6] !== f.refs.setFloating ? (h = [f.refs.setFloating, t], e[5] = t, e[6] = f.refs.setFloating, e[7] = h) : h = e[7];
+  const _ = Q(h);
+  let m;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    duration: {
+      open: 400,
+      close: 400
+    }
+  }, e[8] = m) : m = e[8];
+  const {
+    isMounted: O,
+    status: l
+  } = me(o, m);
+  let p;
+  e[9] !== c ? (p = q(R.root, c), e[9] = c, e[10] = p) : p = e[10];
+  const S = p, I = C === "full";
+  let y;
+  e[11] !== I ? (y = q(R.content, {
+    [R.contentVariantFull]: I
+  }), e[11] = I, e[12] = y) : y = e[12];
+  const $ = y;
+  if (!O)
+    return null;
+  const U = he, j = ge, Z = !0;
+  let v;
+  e[13] !== l ? (v = /* @__PURE__ */ N("div", { className: R.backdrop, "data-status": l }), e[13] = l, e[14] = v) : v = e[14];
+  const B = Me, ee = !1, te = !0;
+  let E;
+  e[15] !== M || e[16] !== g || e[17] !== D ? (E = () => [g?.current, D?.current, M?.current].filter(Boolean), e[15] = M, e[16] = g, e[17] = D, e[18] = E) : E = e[18];
+  let w;
+  e[19] !== r || e[20] !== n ? (w = {
+    ...r,
+    ...n
+  }, e[19] = r, e[20] = n, e[21] = w) : w = e[21];
+  const G = u(d);
+  let b;
+  e[22] !== a || e[23] !== $ || e[24] !== l ? (b = /* @__PURE__ */ N("div", { className: $, "data-status": l, children: a }), e[22] = a, e[23] = $, e[24] = l, e[25] = b) : b = e[25];
+  let x;
+  e[26] !== S || e[27] !== _ || e[28] !== l || e[29] !== w || e[30] !== G || e[31] !== b ? (x = /* @__PURE__ */ N("div", { ref: _, style: w, className: S, "data-status": l, ...G, children: b }), e[26] = S, e[27] = _, e[28] = l, e[29] = w, e[30] = G, e[31] = b, e[32] = x) : x = e[32];
+  let F;
+  e[33] !== B || e[34] !== o || e[35] !== E || e[36] !== x ? (F = /* @__PURE__ */ N(B, { context: o, modal: ee, outsideElementsInert: te, getInsideElements: E, children: x }), e[33] = B, e[34] = o, e[35] = E, e[36] = x, e[37] = F) : F = e[37];
+  let A;
+  e[38] !== j || e[39] !== F || e[40] !== v ? (A = /* @__PURE__ */ ne(j, { lockScroll: Z, children: [
+    v,
+    F
+  ] }), e[38] = j, e[39] = F, e[40] = v, e[41] = A) : A = e[41];
+  let k;
+  return e[42] !== U || e[43] !== A ? (k = /* @__PURE__ */ N(U, { children: A }), e[42] = U, e[43] = A, e[44] = k) : k = e[44], k;
+});
+Y.displayName = "DSMegaMenu.Content";
+T.Anchor = H;
+T.Content = Y;
+T.displayName = "DSMegaMenu";
+export {
+  T as D,
+  be as a,
+  Ee as u,
+  we as v
+};

package/chunks/NavigationTabList.G_l0GiUa.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsxs as B, Fragment as k, jsx as d } from "react/jsx-runtime";
+import { d as I } from "./index.D-sRdssb.js";
+import { isValidElement as w, cloneElement as R } from "react";
+import { D as W } from "./Icon.CDLyB7Pv.js";
+import { NumberIndicator as v } from "../numberindicator.BdnPMogE.js";
+import '../assets/NavigationTabList.CFlVhUzS.css';const y = "ds-tabs_tabs-wrapper_ccgp4_1", D = "ds-tabs_scroll-wrapper_ccgp4_6", E = "ds-tabs_scroller_ccgp4_17", T = "ds-tabs_scroller--centered_ccgp4_28", j = "ds-tabs_tab_ccgp4_1", x = "ds-tabs_scroll-button_ccgp4_105", H = "ds-tabs_scroll-button--hidden_ccgp4_110", K = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", S = {
+  tabsWrapper: y,
+  scrollWrapper: D,
+  scroller: E,
+  scrollerCentered: T,
+  tab: j,
+  scrollButton: x,
+  scrollButtonHidden: H,
+  scrollButtonRight: K,
+  indicator: L
+}, A = (h) => {
+  const t = I.c(15), {
+    tabs: p,
+    tabRefs: e,
+    scrollerClass: b,
+    scrollerRef: _,
+    selectedTabIndex: r,
+    handleNavigationKeydown: o,
+    setSelectedTab: c
+  } = h;
+  let s;
+  if (t[0] !== o || t[1] !== r || t[2] !== c || t[3] !== e || t[4] !== p) {
+    let i;
+    t[6] !== o || t[7] !== r || t[8] !== c || t[9] !== e ? (i = (C, l) => {
+      const {
+        id: u,
+        linkComponent: n,
+        iconName: g,
+        numberIndicatorValue: f
+      } = C;
+      if (!w(n))
+        return null;
+      const N = R(n, {
+        "aria-current": r === l ? "page" : void 0,
+        children: /* @__PURE__ */ B(k, { children: [
+          g && /* @__PURE__ */ d(W, { name: g, "aria-hidden": "true" }),
+          n.props.children,
+          f && /* @__PURE__ */ d(v, { label: f })
+        ] }),
+        className: S.tab,
+        id: u,
+        tabIndex: r === l ? 0 : -1,
+        onKeyDown: (m) => o(m, l),
+        onClick: () => {
+          n.props.onClick && n.props.onClick(), c(l);
+        },
+        ref: (m) => {
+          e.current[l] = m;
+        }
+      });
+      return /* @__PURE__ */ d("li", { children: N }, u);
+    }, t[6] = o, t[7] = r, t[8] = c, t[9] = e, t[10] = i) : i = t[10], s = p.map(i), t[0] = o, t[1] = r, t[2] = c, t[3] = e, t[4] = p, t[5] = s;
+  } else
+    s = t[5];
+  let a;
+  return t[11] !== b || t[12] !== _ || t[13] !== s ? (a = /* @__PURE__ */ d("ul", { className: b, ref: _, children: s }), t[11] = b, t[12] = _, t[13] = s, t[14] = a) : a = t[14], a;
+};
+export {
+  A as N,
+  S as s
+};

package/chunks/{NavigationTabs.DspPFHPh.js → NavigationTabs.CQxlahX1.js}

@@ -1,16 +1,15 @@
 "use client";
 import { jsx as v } from "react/jsx-runtime";
-import { d as u } from "./index.CgTHIF3K.js";
+import { d as u } from "./index.D-sRdssb.js";
 import { useState as T, useEffect as y } from "react";
-import { TabList as h } from "../tablist.V7DBklhE.js";
-import { g as m, r as E } from "./helpers.BbWkXTr3.js";
+import { TabList as h } from "../tablist.BFE6RAPD.js";
+import { g as m, r as E } from "./helpers.CexwVao7.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()) === "")
+  if (!a || typeof a != "object" || Object.keys(a).length === 0 || !a["aria-label"] && !a["aria-labelledby"] || a["aria-label"]?.trim() === "" && a["aria-labelledby"]?.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)
@@ -20,19 +19,19 @@ const _ = ["left", "center"], j = ["prev", "next"], S = ({
     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;
+  let t, r, l, s, o, i;
   e[0] !== a ? ({
     aria: r,
-    tabs: l,
+    tabs: i,
     activeTabIndex: t,
     alignment: o,
-    className: i,
+    className: l,
     ...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]);
+  } = a, e[0] = a, e[1] = t, e[2] = r, e[3] = l, e[4] = s, e[5] = o, e[6] = i) : (t = e[1], r = e[2], l = e[3], s = e[4], o = e[5], i = e[6]);
   const p = o === void 0 ? "left" : o;
   process.env.NODE_ENV !== "production" && S({
     aria: r,
-    tabs: l,
+    tabs: i,
     activeTabIndex: t
   });
   const [c, N] = T(t);
@@ -41,16 +40,16 @@ const _ = ["left", "center"], j = ["prev", "next"], S = ({
     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 = {
+  e[10] !== p || e[11] !== r || e[12] !== l || e[13] !== s || e[14] !== c || e[15] !== i ? (f = {
     aria: r,
-    tabs: l,
+    tabs: i,
     setSelectedTabIndex: N,
     selectedTabIndex: c,
     alignment: p,
-    className: i,
+    className: l,
     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];
+  }, e[10] = p, e[11] = r, e[12] = l, e[13] = s, e[14] = c, e[15] = i, 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;