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

package/chunks/LinkCard.CJ5P0ews.js

@@ -0,0 +1,199 @@
+"use client";
+import { jsxs as P, jsx as h, Fragment as Ve } from "react/jsx-runtime";
+import { d as Ae } from "./index.cKLI89Eg.js";
+import { c as n } from "./index.DQOqod3i.js";
+import { isValidElement as Be, cloneElement as Ie } from "react";
+import { DSFlag as He } from "../flag.D-wrUioF.js";
+import { DSHeading as Oe } from "../heading.BHSklXho.js";
+import { D as qe } from "./LinkButton.CMjq2FKc.js";
+import { g as j } from "./helpers.CexwVao7.js";
+import '../assets/LinkCard.C6HtgbjH.css';const Me = "ds-link-card_root_h40nd_1", Re = "ds-link-card_root--horizontal_h40nd_53", $e = "ds-link-card_image-wrapper_h40nd_58", Ge = "ds-link-card_content_h40nd_68", Je = "ds-link-card_header_h40nd_97", Ke = "ds-link-card_footer_h40nd_98", Qe = "ds-link-card_heading_h40nd_109", Ue = "ds-link-card_link_h40nd_113", Xe = "ds-link-card_description_h40nd_118", Ye = "ds-link-card_meta-data_h40nd_135", Ze = "ds-link-card_decorative-link_h40nd_152", et = "ds-link-card_flags_h40nd_156", tt = "ds-link-card_brand-flag_h40nd_165", i = {
+  root: Me,
+  rootHorizontal: Re,
+  imageWrapper: $e,
+  content: Ge,
+  header: Je,
+  footer: Ke,
+  heading: Qe,
+  link: Ue,
+  description: Xe,
+  metaData: Ye,
+  decorativeLink: Ze,
+  flags: et,
+  brandFlag: tt
+}, at = ({
+  href: p,
+  linkComponent: e,
+  flags: t,
+  flagListAriaLabel: m,
+  heading: f,
+  img: g,
+  brandFlag: o
+}) => {
+  if (!p && !e)
+    throw new Error(j("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
+  if (p && e)
+    throw new Error(j("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
+  if (!f)
+    throw new Error(j("DSLinkCard", "The 'heading' prop is required and must be provided."));
+  t && t.length > 6 && console.warn(j("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), t && t.length > 0 && !m && console.warn(j("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), o && g === void 0 && console.warn(j("DSLinkCard", "The 'brandFlag' prop is set to true, but no 'img' prop is provided. The 'brandFlag' will have no effect without an image."));
+}, it = (p) => {
+  const e = Ae.c(112);
+  let t, m, f, g, o, s, l, d, r, a, k, b, v, _;
+  e[0] !== p ? ({
+    heading: l,
+    brandFlag: t,
+    className: f,
+    cardClassNames: m,
+    decorativeLinkButtonProps: g,
+    description: o,
+    flagListAriaLabel: s,
+    flags: v,
+    href: d,
+    img: r,
+    linkComponent: a,
+    metaData: k,
+    orientation: _,
+    ...b
+  } = p, e[0] = p, e[1] = t, e[2] = m, e[3] = f, e[4] = g, e[5] = o, e[6] = s, e[7] = l, e[8] = d, e[9] = r, e[10] = a, e[11] = k, e[12] = b, e[13] = v, e[14] = _) : (t = e[1], m = e[2], f = e[3], g = e[4], o = e[5], s = e[6], l = e[7], d = e[8], r = e[9], a = e[10], k = e[11], b = e[12], v = e[13], _ = e[14]);
+  let c, A;
+  e[15] !== t || e[16] !== s || e[17] !== l || e[18] !== d || e[19] !== r || e[20] !== a || e[21] !== v || e[22] !== _ ? (c = v === void 0 ? [] : v, A = _ === void 0 ? "vertical" : _, process.env.NODE_ENV !== "production" && at({
+    href: d,
+    linkComponent: a,
+    heading: l,
+    flags: c,
+    flagListAriaLabel: s,
+    img: r,
+    brandFlag: t
+  }), e[15] = t, e[16] = s, e[17] = l, e[18] = d, e[19] = r, e[20] = a, e[21] = v, e[22] = _, e[23] = c, e[24] = A) : (c = e[23], A = e[24]);
+  let B;
+  e[25] !== g ? (B = g || {}, e[25] = g, e[26] = B) : B = e[26];
+  const {
+    label: V,
+    iconName: ae,
+    variant: Pe,
+    hideLabel: ie,
+    size: Ee
+  } = B, ne = Ee === void 0 ? "small" : Ee, I = Pe === "ghost" ? "ghost" : "filled", re = k || c.length > 0 || V;
+  let O;
+  e[27] !== m ? (O = m || {}, e[27] = m, e[28] = O) : O = e[28];
+  const {
+    brandFlag: oe,
+    contentWrapper: se,
+    descriptionWrapper: le,
+    decorativeLink: de,
+    flagsWrapper: ce,
+    footerWrapper: he,
+    headerWrapper: pe,
+    heading: me,
+    imageWrapper: fe,
+    metaDataWrapper: ge
+  } = O, ke = A === "horizontal";
+  let q;
+  e[29] !== f || e[30] !== ke ? (q = n(i.root, f, {
+    [i.rootHorizontal]: ke
+  }), e[29] = f, e[30] = ke, e[31] = q) : q = e[31];
+  const ve = q;
+  let M;
+  e[32] !== oe ? (M = n(i.brandFlag, oe), e[32] = oe, e[33] = M) : M = e[33];
+  const _e = M;
+  let R;
+  e[34] !== se ? (R = n(i.content, se), e[34] = se, e[35] = R) : R = e[35];
+  const Le = R;
+  let $;
+  e[36] !== le ? ($ = n(i.description, le), e[36] = le, e[37] = $) : $ = e[37];
+  const be = $;
+  let G;
+  e[38] !== de ? (G = n(i.decorativeLink, de), e[38] = de, e[39] = G) : G = e[39];
+  const Ce = G;
+  let J;
+  e[40] !== ce ? (J = n(i.flags, ce), e[40] = ce, e[41] = J) : J = e[41];
+  const ue = J;
+  let K;
+  e[42] !== he ? (K = n(i.footer, he), e[42] = he, e[43] = K) : K = e[43];
+  const Ne = K;
+  let Q;
+  e[44] !== pe ? (Q = n(i.header, pe), e[44] = pe, e[45] = Q) : Q = e[45];
+  const De = Q;
+  let U;
+  e[46] !== me ? (U = n(i.heading, me), e[46] = me, e[47] = U) : U = e[47];
+  const Se = U;
+  let X;
+  e[48] !== fe ? (X = n(i.imageWrapper, fe), e[48] = fe, e[49] = X) : X = e[49];
+  const we = X;
+  let Y;
+  e[50] !== ge ? (Y = n(i.metaData, ge), e[50] = ge, e[51] = Y) : Y = e[51];
+  const Fe = Y;
+  let C, u, N, D, S, w, F, z;
+  e[52] !== b ? ({
+    download: u,
+    hrefLang: N,
+    ping: D,
+    referrerPolicy: S,
+    rel: w,
+    target: F,
+    type: z,
+    ...C
+  } = b, e[52] = b, e[53] = C, e[54] = u, e[55] = N, e[56] = D, e[57] = S, e[58] = w, e[59] = F, e[60] = z) : (C = e[53], u = e[54], N = e[55], D = e[56], S = e[57], w = e[58], F = e[59], z = e[60]);
+  let Z;
+  e[61] !== u || e[62] !== d || e[63] !== N || e[64] !== a || e[65] !== D || e[66] !== S || e[67] !== w || e[68] !== F || e[69] !== z ? (Z = (L) => a && Be(a) ? Ie(a, {
+    ...a.props,
+    className: n(i.link, a.props.className),
+    children: /* @__PURE__ */ P(Ve, { children: [
+      L,
+      " ",
+      a.props.children
+    ] })
+  }) : /* @__PURE__ */ h("a", { href: d, className: i.link, download: u, hrefLang: N, ping: D, referrerPolicy: S, rel: w, target: F, type: z, children: L }), e[61] = u, e[62] = d, e[63] = N, e[64] = a, e[65] = D, e[66] = S, e[67] = w, e[68] = F, e[69] = z, e[70] = Z) : Z = e[70];
+  const ze = Z;
+  let ee;
+  e[71] !== ze || e[72] !== Se ? (ee = (L) => {
+    const Te = typeof L == "object" && L !== void 0, {
+      headingText: je,
+      headingSize: xe,
+      headingTag: ye
+    } = Te ? L : {
+      headingText: L
+    };
+    return /* @__PURE__ */ h(Oe, { tag: ye === void 0 ? "h3" : ye, size: xe === void 0 ? "medium" : xe, className: Se, children: ze(je) });
+  }, e[71] = ze, e[72] = Se, e[73] = ee) : ee = e[73];
+  const We = ee;
+  let W;
+  e[74] !== We || e[75] !== l ? (W = We(l), e[74] = We, e[75] = l, e[76] = W) : W = e[76];
+  let E;
+  e[77] !== o || e[78] !== be ? (E = o && /* @__PURE__ */ h("div", { className: be, children: o }), e[77] = o, e[78] = be, e[79] = E) : E = e[79];
+  let T;
+  e[80] !== De || e[81] !== W || e[82] !== E ? (T = /* @__PURE__ */ P("div", { className: De, children: [
+    W,
+    E
+  ] }), e[80] = De, e[81] = W, e[82] = E, e[83] = T) : T = e[83];
+  let x;
+  e[84] !== I || e[85] !== Ce || e[86] !== ie || e[87] !== ae || e[88] !== V || e[89] !== ne || e[90] !== s || e[91] !== c || e[92] !== ue || e[93] !== Ne || e[94] !== re || e[95] !== k || e[96] !== Fe ? (x = re && /* @__PURE__ */ P("div", { className: Ne, children: [
+    k && /* @__PURE__ */ h("div", { className: Fe, children: k }),
+    c.length > 0 && /* @__PURE__ */ h("ul", { className: ue, "aria-label": s, children: c.map(nt) }),
+    V && /* @__PURE__ */ h(qe, { iconName: ae, iconPosition: "right", variant: I, hideLabel: ie, size: ne, isFlush: I === "ghost", "aria-hidden": !0, className: Ce, children: V })
+  ] }), e[84] = I, e[85] = Ce, e[86] = ie, e[87] = ae, e[88] = V, e[89] = ne, e[90] = s, e[91] = c, e[92] = ue, e[93] = Ne, e[94] = re, e[95] = k, e[96] = Fe, e[97] = x) : x = e[97];
+  let y;
+  e[98] !== Le || e[99] !== T || e[100] !== x ? (y = /* @__PURE__ */ P("div", { className: Le, children: [
+    T,
+    x
+  ] }), e[98] = Le, e[99] = T, e[100] = x, e[101] = y) : y = e[101];
+  let H;
+  e[102] !== t || e[103] !== _e || e[104] !== we || e[105] !== r ? (H = r && /* @__PURE__ */ P("div", { className: we, children: [
+    t && /* @__PURE__ */ h(He, { color: "orange-base", className: _e, children: t }),
+    r
+  ] }), e[102] = t, e[103] = _e, e[104] = we, e[105] = r, e[106] = H) : H = e[106];
+  let te;
+  return e[107] !== C || e[108] !== ve || e[109] !== y || e[110] !== H ? (te = /* @__PURE__ */ P("div", { ...C, className: ve, children: [
+    y,
+    H
+  ] }), e[107] = C, e[108] = ve, e[109] = y, e[110] = H, e[111] = te) : te = e[111], te;
+};
+it.displayName = "DSLinkCard";
+function nt(p, e) {
+  return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(He, { color: "grey-light", children: p }) }, e);
+}
+export {
+  it as D,
+  at as v
+};

package/chunks/MegaMenu.CiSiMlE3.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsx as N, jsxs as ne } from "react/jsx-runtime";
+import { d as P } from "./index.cKLI89Eg.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.CP5A99-c.js";
+import { c as q } from "./index.DQOqod3i.js";
+import { g as V, c as z } from "./helpers.CexwVao7.js";
+import { D as pe } from "./Header.DyqOlV8L.js";
+import '../assets/MegaMenu.Dw-oLSCX.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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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.C2f-lWex.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.cKLI89Eg.js";
+import { isValidElement as w, cloneElement as R } from "react";
+import { D as W } from "./Icon.m6sMB6vl.js";
+import { NumberIndicator as v } from "../numberindicator.ZGVRSmqf.js";
+import '../assets/NavigationTabList.CzAiHz7G.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.D2QrnlL2.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as v } from "react/jsx-runtime";
+import { d as u } from "./index.cKLI89Eg.js";
+import { useState as T, useEffect as y } from "react";
+import { TabList as h } from "../tablist.hMHdX1V8.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
+}) => {
+  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)
+      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, l, s, o, i;
+  e[0] !== a ? ({
+    aria: r,
+    tabs: i,
+    activeTabIndex: t,
+    alignment: o,
+    className: l,
+    ...s
+  } = 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: i,
+    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] !== l || e[13] !== s || e[14] !== c || e[15] !== i ? (f = {
+    aria: r,
+    tabs: i,
+    setSelectedTabIndex: N,
+    selectedTabIndex: c,
+    alignment: p,
+    className: l,
+    isNavigation: !0,
+    ...s
+  }, 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;
+};
+export {
+  x as D,
+  _ as N,
+  j as a,
+  S as v
+};

package/chunks/Notification.COwLndR0.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as H, jsxs as F } from "react/jsx-runtime";
+import { d as R } from "./index.cKLI89Eg.js";
+import { c as k } from "./index.DQOqod3i.js";
+import { D as W } from "./Button.DpGeheky.js";
+import { D as j } from "./Icon.m6sMB6vl.js";
+import '../assets/Notification.DBGpHzov.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
+};