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

package/chunks/InputSearch.joxmugiv.js

@@ -0,0 +1,173 @@
+"use client";
+import { jsx as L, jsxs as gt } from "react/jsx-runtime";
+import { d as Pt } from "./index.D-sRdssb.js";
+import { c as R } from "./index.DL9mof6u.js";
+import { forwardRef as Vt, useState as Ot, useRef as wt, useEffect as Et } from "react";
+import { g as qt, a as $t } from "./helpers.CexwVao7.js";
+import { u as jt } from "./useBreakpoint.BzR_yaIv.js";
+import { Asterisk as xt } from "../asterisk.B2ih8VwF.js";
+import { D as kt } from "./Button.DCZgBNmA.js";
+import { D as Ft } from "./SystemFeedback.CjlARKki.js";
+import '../assets/InputSearch.C1_4cVCi.css';const Rt = "ds-input-search_input_142qf_1", Tt = "ds-input-search_input--small_142qf_9", zt = "ds-input-search_input--invalid_142qf_121", Mt = "ds-input-search_input--has-action-button_142qf_182", Wt = "ds-input-search_input--has-second-action-button_142qf_185", Gt = "ds-input-search_root_142qf_218", Jt = "ds-input-search_hint_142qf_218", Kt = "ds-input-search_label_142qf_218", Qt = "ds-input-search_wrapper_142qf_222", Ut = "ds-input-search_action-button_142qf_228", Xt = "ds-input-search_second-action-button_142qf_232", Yt = "ds-input-search_label--hidden_142qf_250", Zt = "ds-input-search_label--disabled_142qf_263", te = "ds-input-search_feedback_142qf_283", s = {
+  input: Rt,
+  inputSmall: Tt,
+  inputInvalid: zt,
+  inputHasActionButton: Mt,
+  inputHasSecondActionButton: Wt,
+  root: Gt,
+  hint: Jt,
+  label: Kt,
+  wrapper: Qt,
+  actionButton: Ut,
+  secondActionButton: Xt,
+  labelHidden: Yt,
+  labelDisabled: Zt,
+  feedback: te
+}, ee = ({
+  id: a,
+  label: i
+}) => {
+  if (!a)
+    throw new Error(qt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!i)
+    throw new Error(qt("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}.`));
+}, se = (a) => !!$t(a, "form"), ne = Vt((a, i) => {
+  const t = Pt.c(103);
+  let c, d, e, h, b, m, _, o, H, P, V, O, $, j, x, p;
+  t[0] !== a ? ({
+    id: e,
+    label: h,
+    className: c,
+    clearButtonLabel: H,
+    disabled: P,
+    hint: d,
+    hideLabel: V,
+    invalid: O,
+    readonly: $,
+    required: j,
+    size: x,
+    systemFeedback: o,
+    value: p,
+    submitButtonProps: _,
+    onChange: b,
+    ...m
+  } = a, t[0] = a, t[1] = c, t[2] = d, t[3] = e, t[4] = h, t[5] = b, t[6] = m, t[7] = _, t[8] = o, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = j, t[15] = x, t[16] = p) : (c = t[1], d = t[2], e = t[3], h = t[4], b = t[5], m = t[6], _ = t[7], o = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], j = t[14], x = t[15], p = t[16]);
+  const lt = H === void 0 ? "Clear search field" : H, l = P === void 0 ? !1 : P, At = V === void 0 ? !1 : V, n = O === void 0 ? !1 : O, r = $ === void 0 ? !1 : $, v = j === void 0 ? !1 : j, u = x === void 0 ? "medium" : x;
+  process.env.NODE_ENV !== "production" && ee({
+    id: e,
+    label: h
+  });
+  let S;
+  t[17] !== _ ? (S = _ || {}, t[17] = _, t[18] = S) : S = t[18];
+  let y, B, F;
+  t[19] !== S ? ({
+    label: F,
+    onClick: y,
+    ...B
+  } = S, t[19] = S, t[20] = y, t[21] = B, t[22] = F) : (y = t[20], B = t[21], F = t[22]);
+  const ot = F === void 0 ? "Search" : F, [D, Nt] = Ot(p), ct = wt(null), T = wt(null);
+  let z;
+  t[23] !== i ? (z = (f) => {
+    T.current = f, typeof i == "function" ? i(f) : i && (i.current = f);
+  }, t[23] = i, t[24] = z) : z = t[24];
+  const rt = z, ut = jt(At);
+  let M, W;
+  t[25] !== p ? (M = () => {
+    Nt(p);
+  }, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), Et(M, W);
+  let G;
+  t[28] !== e ? (G = () => {
+    ct.current && !se(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(qt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
+  }, t[28] = e, t[29] = G) : G = t[29];
+  let J;
+  t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], Et(G, J);
+  const K = `${e}-label`, I = `${e}-feedback`, Q = `${e}-hint`, Ct = d ? ` ${Q}` : "";
+  let U;
+  t[31] !== n || t[32] !== o || t[33] !== I ? (U = [n && o && I].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = o, t[33] = I, t[34] = U) : U = t[34];
+  const dt = U, X = D !== "" && D !== void 0 && D !== null;
+  let Y;
+  t[35] !== c ? (Y = R(s.root, c), t[35] = c, t[36] = Y) : Y = t[36];
+  const pt = Y, ft = u === "small", ht = X && !r && !l;
+  let Z;
+  t[37] !== n || t[38] !== ft || t[39] !== ht ? (Z = R(s.input, {
+    [s.inputSmall]: ft,
+    [s.inputInvalid]: n,
+    [s.inputHasActionButton]: !0,
+    [s.inputHasSecondActionButton]: ht
+  }), t[37] = n, t[38] = ft, t[39] = ht, t[40] = Z) : Z = t[40];
+  const bt = Z;
+  let tt;
+  t[41] !== l || t[42] !== ut ? (tt = R(s.label, {
+    [s.labelHidden]: ut,
+    [s.labelDisabled]: l
+  }), t[41] = l, t[42] = ut, t[43] = tt) : tt = t[43];
+  const mt = tt, _t = u === "small";
+  let et;
+  t[44] !== _t ? (et = R(s.actionButton, {
+    [s.actionButtonSmall]: _t
+  }), t[44] = _t, t[45] = et) : et = t[45];
+  const vt = et, St = u === "small";
+  let st;
+  t[46] !== St ? (st = R(s.secondActionButton, {
+    [s.secondActionButtonSmall]: St
+  }), t[46] = St, t[47] = st) : st = t[47];
+  const yt = st, Lt = ae;
+  let nt;
+  t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
+    if (!T.current)
+      return;
+    Lt(T.current, "");
+    const f = new Event("change", {
+      bubbles: !0
+    });
+    T.current?.dispatchEvent(f);
+  }, t[48] = nt) : nt = t[48];
+  const Ht = nt;
+  let at;
+  t[49] !== b ? (at = (f) => {
+    Nt(f.target.value), b && b(f);
+  }, t[49] = b, t[50] = at) : at = t[50];
+  const Bt = at;
+  let g;
+  t[51] !== v ? (g = v && /* @__PURE__ */ L(xt, {}), t[51] = v, t[52] = g) : g = t[52];
+  let q;
+  t[53] !== e || t[54] !== K || t[55] !== h || t[56] !== mt || t[57] !== g ? (q = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
+    h,
+    g
+  ] }), t[53] = e, t[54] = K, t[55] = h, t[56] = mt, t[57] = g, t[58] = q) : q = t[58];
+  let N;
+  t[59] !== d || t[60] !== Q ? (N = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = N) : N = t[61];
+  const Dt = `${K}${Ct}`;
+  let w;
+  t[62] !== dt || t[63] !== l || t[64] !== rt || t[65] !== Bt || t[66] !== e || t[67] !== bt || t[68] !== D || t[69] !== n || t[70] !== r || t[71] !== v || t[72] !== m || t[73] !== Dt ? (w = /* @__PURE__ */ L("input", { className: bt, id: e, ...m, ref: rt, "aria-labelledby": Dt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: v, disabled: l, type: "search", value: D, onChange: Bt }), t[62] = dt, t[63] = l, t[64] = rt, t[65] = Bt, t[66] = e, t[67] = bt, t[68] = D, t[69] = n, t[70] = r, t[71] = v, t[72] = m, t[73] = Dt, t[74] = w) : w = t[74];
+  let E;
+  t[75] !== yt || t[76] !== lt || t[77] !== l || t[78] !== X || t[79] !== r || t[80] !== u ? (E = X && !r && !l && /* @__PURE__ */ L(kt, { hideLabel: !0, theme: "light", iconName: "cross", className: yt, variant: "ghost", size: u, onClick: Ht, type: "button", tabIndex: -1, children: lt }), t[75] = yt, t[76] = lt, t[77] = l, t[78] = X, t[79] = r, t[80] = u, t[81] = E) : E = t[81];
+  const It = l || r;
+  let k;
+  t[82] !== y || t[83] !== B || t[84] !== u || t[85] !== vt || t[86] !== ot || t[87] !== It ? (k = /* @__PURE__ */ L(kt, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: It, children: ot }), t[82] = y, t[83] = B, t[84] = u, t[85] = vt, t[86] = ot, t[87] = It, t[88] = k) : k = t[88];
+  let A;
+  t[89] !== w || t[90] !== E || t[91] !== k ? (A = /* @__PURE__ */ gt("div", { className: s.wrapper, children: [
+    w,
+    E,
+    k
+  ] }), t[89] = w, t[90] = E, t[91] = k, t[92] = A) : A = t[92];
+  let C;
+  t[93] !== n || t[94] !== o || t[95] !== I ? (C = n && o && /* @__PURE__ */ L(Ft, { className: s.feedback, message: o, variant: "error", id: I }), t[93] = n, t[94] = o, t[95] = I, t[96] = C) : C = t[96];
+  let it;
+  return t[97] !== pt || t[98] !== q || t[99] !== N || t[100] !== A || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
+    q,
+    N,
+    A,
+    C
+  ] }), t[97] = pt, t[98] = q, t[99] = N, t[100] = A, t[101] = C, t[102] = it) : it = t[102], it;
+});
+ne.displayName = "DSInputSearch";
+function ae(a, i) {
+  const t = Object.getPrototypeOf(a), c = Object.getOwnPropertyDescriptor(t, "value");
+  c?.set ? c.set.call(a, i) : a.value = i;
+}
+export {
+  ne as D,
+  se as i,
+  ee as v
+};

package/chunks/{LinkButton.59oNDwPU.js → LinkButton.BZgIGgc8.js}

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as go, jsx as z } from "react/jsx-runtime";
-import { d as ko } from "./index.CgTHIF3K.js";
-import { c as ao } from "./index.CEyLAtio.js";
+import { d as ko } from "./index.D-sRdssb.js";
+import { c as ao } from "./index.DL9mof6u.js";
 import { forwardRef as mo } from "react";
-import { u as co } from "./useBreakpoint.CMOR9ZOB.js";
-import { D as fo } from "./Icon.NSsVrYeq.js";
-import { Tooltip as ho } from "../tooltip.CUCSRXd3.js";
-import { g as uo } from "./helpers.BbWkXTr3.js";
-import '../assets/LinkButton.xMvg_ojf.css';const bo = "ds-link-button_root_oblg9_1", vo = "ds-link-button_root--highlight_oblg9_75", po = "ds-link-button_root--dark-highlight_oblg9_75", Do = "ds-link-button_root--filled_oblg9_151", No = "ds-link-button_root--outline_oblg9_179", Oo = "ds-link-button_root--ghost_oblg9_206", Lo = "ds-link-button_root--ghost-flush_oblg9_231", So = "ds-link-button_root--small_oblg9_237", Fo = "ds-link-button_root--navigation_oblg9_317", Io = "ds-link-button_root--dark-filled_oblg9_393", Go = "ds-link-button_root--dark-outline_oblg9_450", yo = "ds-link-button_root--dark-ghost_oblg9_506", Bo = "ds-link-button_root--dark-ghost-flush_oblg9_560", Ho = "ds-link-button_root--icon-left_oblg9_635", To = "ds-link-button_root--icon-only_oblg9_638", wo = "ds-link-button_root--icon-only-small_oblg9_647", Eo = "ds-link-button_icon--navigation_oblg9_659", Po = "ds-link-button_label--hidden_oblg9_667", l = {
+import { u as co } from "./useBreakpoint.BzR_yaIv.js";
+import { D as fo } from "./Icon.CDLyB7Pv.js";
+import { Tooltip as ho } from "../tooltip.QJe_bfO-.js";
+import { g as uo } from "./helpers.CexwVao7.js";
+import '../assets/LinkButton.B86yacK5.css';const bo = "ds-link-button_root_oblg9_1", vo = "ds-link-button_root--highlight_oblg9_75", po = "ds-link-button_root--dark-highlight_oblg9_75", Do = "ds-link-button_root--filled_oblg9_151", No = "ds-link-button_root--outline_oblg9_179", Oo = "ds-link-button_root--ghost_oblg9_206", Lo = "ds-link-button_root--ghost-flush_oblg9_231", So = "ds-link-button_root--small_oblg9_237", Fo = "ds-link-button_root--navigation_oblg9_317", Io = "ds-link-button_root--dark-filled_oblg9_393", Go = "ds-link-button_root--dark-outline_oblg9_450", yo = "ds-link-button_root--dark-ghost_oblg9_506", Bo = "ds-link-button_root--dark-ghost-flush_oblg9_560", Ho = "ds-link-button_root--icon-left_oblg9_635", To = "ds-link-button_root--icon-only_oblg9_638", wo = "ds-link-button_root--icon-only-small_oblg9_647", Eo = "ds-link-button_icon--navigation_oblg9_659", Po = "ds-link-button_label--hidden_oblg9_667", l = {
   root: bo,
   rootHighlight: vo,
   rootDarkHighlight: po,

package/chunks/MegaMenu.CQbOeaib.js

@@ -0,0 +1,189 @@
+"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, a as ce, b as ie, c as ue, d as fe, e as Q, f as de, F as me, g as Me, h as ge } from "./floating-ui.react.3FjeMiuN.js";
+import { c as q } from "./index.DL9mof6u.js";
+import { g as V, c as z } from "./helpers.CexwVao7.js";
+import { D as he } from "./Header.7TQL_J9t.js";
+import { a as pe } from "./floating-ui.dom.BT8pKtCQ.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: pe,
+    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(he);
+  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
+  } = de(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 = ge, j = Me, 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.BwM-6CRm.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.DZgo49nZ.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;

package/chunks/Notification.CrojkJ0E.js

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