@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48

package/chunks/InputSearch.BoAfGqoH.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { c as s } from "./index.DQOqod3i.js";
+import { forwardRef as oe, useState as ie, useRef as V, useEffect as O } from "react";
+import { u as W } from "./useBreakpoint.1txsny17.js";
+import { Asterisk as re } from "../asterisk.Dwtdwpkq.js";
+import { D as $ } from "./Button.CCol--xy.js";
+import { D as le } from "./Popover.CxZZ_y1Z.js";
+import { D as ce } from "./SystemFeedback.DhWcYjnu.js";
+import { g as _, a as ue } from "./helpers.CexwVao7.js";
+import '../assets/InputSearch.BROFFTK9.css';const pe = "ds-input-search_input_16e1s_1", de = "ds-input-search_input--small_16e1s_9", he = "ds-input-search_input--invalid_16e1s_127", be = "ds-input-search_input--dark_16e1s_145", me = "ds-input-search_input--has-action-button_16e1s_296", _e = "ds-input-search_input--has-second-action-button_16e1s_299", fe = "ds-input-search_root_16e1s_338", De = "ds-input-search_hint_16e1s_338", Se = "ds-input-search_label-wrapper_16e1s_338", ve = "ds-input-search_wrapper_16e1s_342", ke = "ds-input-search_action-button_16e1s_348", Be = "ds-input-search_second-action-button_16e1s_352", ye = "ds-input-search_label_16e1s_338", Ie = "ds-input-search_label--disabled_16e1s_371", we = "ds-input-search_label--dark_16e1s_375", ge = "ds-input-search_label-wrapper--hidden_16e1s_391", Ne = "ds-input-search_hint--dark_16e1s_418", Ce = "ds-input-search_feedback_16e1s_422", e = {
+  input: pe,
+  inputSmall: de,
+  inputInvalid: he,
+  inputDark: be,
+  inputHasActionButton: me,
+  inputHasSecondActionButton: _e,
+  root: fe,
+  hint: De,
+  labelWrapper: Se,
+  wrapper: ve,
+  actionButton: ke,
+  secondActionButton: Be,
+  label: ye,
+  labelDisabled: Ie,
+  labelDark: we,
+  labelWrapperHidden: ge,
+  hintDark: Ne,
+  feedback: Ce
+}, Ae = ({
+  id: i,
+  label: o,
+  hideLabel: n,
+  popoverContent: p
+}) => {
+  if (!i)
+    throw new Error(_("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!o)
+    throw new Error(_("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}.`));
+  n && p && console.warn(_("DSInputSearch", "Using a popover when hideLabel is set to true is not supported."));
+}, Ee = (i) => !!ue(i, "form"), Le = oe((i, o) => {
+  const {
+    id: n,
+    label: p,
+    className: j,
+    clearButtonLabel: q = "Clear search field",
+    disabled: r = !1,
+    hint: f,
+    hideLabel: y = !1,
+    invalid: d = !1,
+    popoverContent: D,
+    popoverInfoButtonProps: F,
+    readonly: l = !1,
+    required: I = !1,
+    size: c = "medium",
+    systemFeedback: S,
+    theme: u = "light",
+    value: v,
+    submitButtonProps: R,
+    onChange: w,
+    ...x
+  } = i;
+  process.env.NODE_ENV !== "production" && Ae({
+    id: n,
+    label: p,
+    hideLabel: W(y),
+    popoverContent: D
+  });
+  const {
+    label: T = "Search",
+    onClick: M,
+    ...z
+  } = R || {}, k = u === "dark", [h, g] = ie(v), B = V(null), b = V(null), U = (t) => {
+    b.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+  }, N = W(y);
+  O(() => {
+    g(v);
+  }, [v]), O(() => {
+    B.current && !Ee(B.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(_("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 C = `${n}-label`, A = `${n}-feedback`, E = `${n}-hint`, G = f ? ` ${E}` : "", J = [d && S && A].filter(Boolean).join(" ") || void 0, L = h !== "" && h !== void 0 && h !== null, K = s(e.root, j), Q = s(e.input, {
+    [e.inputDark]: k,
+    // small input
+    [e.inputSmall]: c === "small",
+    // invalid state
+    [e.inputInvalid]: d,
+    // action button - input password always has an action button
+    [e.inputHasActionButton]: !0,
+    // action second action button
+    [e.inputHasSecondActionButton]: L && !l && !r
+  }), X = s(e.label, {
+    [e.labelDark]: k,
+    [e.labelDisabled]: r
+  }), Y = s(e.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelWrapperHidden]: N
+  }), Z = s(e.actionButton, {
+    [e.actionButtonSmall]: c === "small"
+  }), ee = s(e.secondActionButton, {
+    [e.secondActionButtonSmall]: c === "small"
+  }), te = (t, P) => {
+    const se = Object.getPrototypeOf(t), H = Object.getOwnPropertyDescriptor(se, "value");
+    H?.set ? H.set.call(t, P) : t.value = P;
+  }, ne = () => {
+    if (!b.current)
+      return;
+    te(b.current, "");
+    const t = new Event("change", {
+      bubbles: !0
+    });
+    b.current?.dispatchEvent(t);
+  }, ae = (t) => {
+    g(t.target.value), w && w(t);
+  };
+  return /* @__PURE__ */ m("div", { className: K, ref: B, children: [
+    /* @__PURE__ */ m("div", { className: Y, children: [
+      /* @__PURE__ */ m("label", { className: X, id: C, htmlFor: n, children: [
+        p,
+        I && /* @__PURE__ */ a(re, {})
+      ] }),
+      D && !N && /* @__PURE__ */ a(le, { placement: "top", theme: u, defaultAnchorButtonProps: F, children: D })
+    ] }),
+    f && /* @__PURE__ */ a("div", { className: s(e.hint, {
+      [e.hintDark]: k
+    }), id: E, children: f }),
+    /* @__PURE__ */ m("div", { className: e.wrapper, children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          className: Q,
+          id: n,
+          ...x,
+          ref: U,
+          "aria-labelledby": `${C}${G}`,
+          "aria-describedby": J,
+          "aria-invalid": d,
+          "aria-disabled": l,
+          readOnly: l,
+          required: I,
+          disabled: r,
+          type: "search",
+          value: h,
+          onChange: ae
+        }
+      ),
+      L && !l && !r && /* @__PURE__ */ a($, { hideLabel: !0, theme: u, iconName: "cross", className: ee, variant: "ghost", size: c, onClick: ne, type: "button", tabIndex: -1, children: q }),
+      /* @__PURE__ */ a($, { ...z, hideLabel: !0, theme: u, iconName: "magnifying-glass", className: Z, variant: "ghost", size: c, onClick: M, type: "submit", disabled: r || l, children: T })
+    ] }),
+    d && S && /* @__PURE__ */ a(ce, { className: e.feedback, message: S, variant: "error", id: A, theme: u })
+  ] });
+});
+Le.displayName = "DSInputSearch";
+export {
+  Le as D,
+  Ee as i,
+  Ae as v
+};

package/chunks/LinkButton.BxG7fx1O.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsxs as kt, jsx as K } from "react/jsx-runtime";
+import { d as pt } from "./index.cKLI89Eg.js";
+import { c as _t } from "./index.DQOqod3i.js";
+import { D as bt } from "./Icon.DYtaQgbw.js";
+import { Tooltip as ft } from "../tooltip.BFQG-7VR.js";
+import { g as D } from "./helpers.CexwVao7.js";
+import { forwardRef as Dt } from "react";
+import { u as wt } from "./useBreakpoint.1txsny17.js";
+import '../assets/LinkButton.IKIlFnpH.css';const St = "ds-link-button_root_6wtw2_1", Nt = "ds-link-button_root--highlight_6wtw2_76", Lt = "ds-link-button_root--dark-highlight_6wtw2_76", It = "ds-link-button_root--filled_6wtw2_152", Ft = "ds-link-button_root--outline_6wtw2_180", Ot = "ds-link-button_root--ghost_6wtw2_207", Bt = "ds-link-button_root--ghost-flush_6wtw2_232", yt = "ds-link-button_root--small_6wtw2_238", Tt = "ds-link-button_root--navigation_6wtw2_429", Gt = "ds-link-button_root--navigation--stretched_6wtw2_507", Ht = "ds-link-button_root--navigation--stretched--icon-left_6wtw2_510", Pt = "ds-link-button_root--dark-filled_6wtw2_513", Et = "ds-link-button_root--dark-outline_6wtw2_570", At = "ds-link-button_root--dark-ghost_6wtw2_626", xt = "ds-link-button_root--dark-ghost-flush_6wtw2_680", zt = "ds-link-button_root--stretched_6wtw2_855", Ct = "ds-link-button_root--icon-left_6wtw2_858", Vt = "ds-link-button_root--icon-only_6wtw2_861", jt = "ds-link-button_root--icon-only-small_6wtw2_877", Kt = "ds-link-button_icon--navigation_6wtw2_896", Rt = "ds-link-button_label--hidden_6wtw2_904", e = {
+  root: St,
+  rootHighlight: Nt,
+  rootDarkHighlight: Lt,
+  rootFilled: It,
+  rootOutline: Ft,
+  rootGhost: Ot,
+  rootGhostFlush: Bt,
+  rootSmall: yt,
+  rootNavigation: Tt,
+  rootNavigationStretched: Gt,
+  rootNavigationStretchedIconLeft: Ht,
+  rootDarkFilled: Pt,
+  rootDarkOutline: Et,
+  rootDarkGhost: At,
+  rootDarkGhostFlush: xt,
+  rootStretched: zt,
+  rootIconLeft: Ct,
+  rootIconOnly: Vt,
+  rootIconOnlySmall: jt,
+  iconNavigation: Kt,
+  labelHidden: Rt
+}, to = ["medium", "small"], oo = ["filled", "highlight", "outline", "ghost", "navigation"], Ut = ({
+  hideLabel: S,
+  iconName: N,
+  iconSource: t,
+  isFlush: i,
+  size: l,
+  stretched: s,
+  theme: r,
+  variant: n
+}) => {
+  if (n === "navigation" && (l === "small" && console.warn(D("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), r === "dark"))
+    throw new Error(D("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  n !== "ghost" && i ? console.warn(D("DSLinkButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : n === "ghost" && i && s && console.warn(D("DSLinkButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), S && (!N && !t && console.warn(D("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(D("DSLinkButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, Mt = Dt((S, N) => {
+  const t = pt.c(76);
+  let i, l, s, r, n, a, c, u, g, _, L, I, F, O, B, y, T, G, h;
+  t[0] !== S ? ({
+    children: l,
+    aria: i,
+    className: s,
+    download: r,
+    hideLabel: L,
+    href: n,
+    iconName: a,
+    iconPosition: I,
+    iconSource: c,
+    isFlush: F,
+    referrerPolicy: u,
+    rel: g,
+    size: O,
+    stretched: B,
+    target: y,
+    theme: T,
+    variant: G,
+    tooltip: h,
+    ..._
+  } = S, t[0] = S, t[1] = i, t[2] = l, t[3] = s, t[4] = r, t[5] = n, t[6] = a, t[7] = c, t[8] = u, t[9] = g, t[10] = _, t[11] = L, t[12] = I, t[13] = F, t[14] = O, t[15] = B, t[16] = y, t[17] = T, t[18] = G, t[19] = h) : (i = t[1], l = t[2], s = t[3], r = t[4], n = t[5], a = t[6], c = t[7], u = t[8], g = t[9], _ = t[10], L = t[11], I = t[12], F = t[13], O = t[14], B = t[15], y = t[16], T = t[17], G = t[18], h = t[19]);
+  const vt = L === void 0 ? !1 : L, R = I === void 0 ? "left" : I, H = F === void 0 ? !1 : F, E = O === void 0 ? "medium" : O, mt = B === void 0 ? !1 : B, U = y === void 0 ? "_self" : y, M = T === void 0 ? "light" : T, o = G === void 0 ? "filled" : G, f = wt(vt), P = wt(mt);
+  process.env.NODE_ENV !== "production" && Ut({
+    hideLabel: f,
+    iconName: a,
+    iconSource: c,
+    isFlush: H,
+    size: E,
+    stretched: mt,
+    theme: M,
+    variant: o
+  });
+  const d = M === "dark", Z = o === "filled", $ = o === "highlight", q = o === "outline", J = o === "ghost" && H !== !0, Q = o === "navigation", W = o === "navigation" && P && R === "right", X = o === "navigation" && P && R === "left", Y = o === "ghost" && H === !0, tt = d && o === "filled", ot = d && o === "highlight", et = d && o === "outline", nt = d && o === "ghost" && H !== !0, it = d && o === "ghost" && H === !0, st = E === "small" || o === "navigation", lt = R === "left", rt = f && E === "medium" && o !== "navigation", at = f && E === "small" && o !== "navigation";
+  let A;
+  t[20] !== s || t[21] !== P || t[22] !== $ || t[23] !== q || t[24] !== J || t[25] !== Q || t[26] !== W || t[27] !== X || t[28] !== Y || t[29] !== tt || t[30] !== ot || t[31] !== et || t[32] !== nt || t[33] !== it || t[34] !== st || t[35] !== lt || t[36] !== rt || t[37] !== at || t[38] !== Z ? (A = _t(e.root, s, {
+    [e.rootFilled]: Z,
+    [e.rootHighlight]: $,
+    [e.rootOutline]: q,
+    [e.rootGhost]: J,
+    [e.rootNavigation]: Q,
+    [e.rootNavigationStretched]: W,
+    [e.rootNavigationStretchedIconLeft]: X,
+    [e.rootGhostFlush]: Y,
+    [e.rootDarkFilled]: tt,
+    [e.rootDarkHighlight]: ot,
+    [e.rootDarkOutline]: et,
+    [e.rootDarkGhost]: nt,
+    [e.rootDarkGhostFlush]: it,
+    [e.rootSmall]: st,
+    [e.rootStretched]: P,
+    [e.rootIconLeft]: lt,
+    [e.rootIconOnly]: rt,
+    [e.rootIconOnlySmall]: at
+  }), t[20] = s, t[21] = P, t[22] = $, t[23] = q, t[24] = J, t[25] = Q, t[26] = W, t[27] = X, t[28] = Y, t[29] = tt, t[30] = ot, t[31] = et, t[32] = nt, t[33] = it, t[34] = st, t[35] = lt, t[36] = rt, t[37] = at, t[38] = Z, t[39] = A) : A = t[39];
+  const ct = A;
+  let x;
+  t[40] !== f || t[41] !== o ? (x = _t({
+    [e.labelHidden]: f && o !== "navigation"
+  }) || void 0, t[40] = f, t[41] = o, t[42] = x) : x = t[42];
+  const ht = x, dt = o === "navigation";
+  let z;
+  t[43] !== dt ? (z = _t({
+    [e.iconNavigation]: dt
+  }), t[43] = dt, t[44] = z) : z = t[44];
+  const ut = z, gt = M === "light" && o === "filled" || d && o === "outline" || d && o === "ghost" ? "dark" : "light", m = n === void 0 ? "span" : "a";
+  let k;
+  t[45] !== m || t[46] !== r || t[47] !== n || t[48] !== u || t[49] !== g || t[50] !== U ? (k = m === "a" && {
+    href: n,
+    target: U,
+    rel: g,
+    referrerPolicy: u,
+    download: r
+  }, t[45] = m, t[46] = r, t[47] = n, t[48] = u, t[49] = g, t[50] = U, t[51] = k) : k = t[51];
+  let w;
+  t[52] !== l || t[53] !== ht ? (w = /* @__PURE__ */ K("span", { className: ht, children: l }), t[52] = l, t[53] = ht, t[54] = w) : w = t[54];
+  let v;
+  t[55] !== ut || t[56] !== a || t[57] !== c || t[58] !== gt ? (v = (a || c) && /* @__PURE__ */ K(bt, { name: a, theme: gt, source: c, className: ut, "aria-hidden": "true" }), t[55] = ut, t[56] = a, t[57] = c, t[58] = gt, t[59] = v) : v = t[59];
+  let C;
+  t[60] !== m || t[61] !== i || t[62] !== N || t[63] !== _ || t[64] !== ct || t[65] !== k || t[66] !== w || t[67] !== v ? (C = /* @__PURE__ */ kt(m, { className: ct, ...k, ...i, ..._, ref: N, children: [
+    w,
+    v
+  ] }), t[60] = m, t[61] = i, t[62] = N, t[63] = _, t[64] = ct, t[65] = k, t[66] = w, t[67] = v, t[68] = C) : C = t[68];
+  const V = C;
+  if (h) {
+    let p;
+    t[69] !== V ? (p = /* @__PURE__ */ K(ft.Anchor, { children: V }), t[69] = V, t[70] = p) : p = t[70];
+    let b;
+    t[71] !== h ? (b = /* @__PURE__ */ K(ft.Content, { children: h }), t[71] = h, t[72] = b) : b = t[72];
+    let j;
+    return t[73] !== p || t[74] !== b ? (j = /* @__PURE__ */ kt(ft, { placement: "top", tooltipOffset: 6, children: [
+      p,
+      b
+    ] }), t[73] = p, t[74] = b, t[75] = j) : j = t[75], j;
+  }
+  return V;
+});
+Mt.displayName = "DSLinkButton";
+export {
+  Mt as D,
+  to as L,
+  oo as a,
+  Ut as v
+};

package/chunks/LinkCard.DM-5WrSt.js

@@ -0,0 +1,200 @@
+"use client";
+import { jsxs as W, jsx as s, Fragment as je } from "react/jsx-runtime";
+import { d as xe } from "./index.cKLI89Eg.js";
+import { c as r } from "./index.DQOqod3i.js";
+import { isValidElement as Ve, cloneElement as Be } from "react";
+import { b as U } from "./Flag.CbQYBzVC.js";
+import { DSHeading as Me } from "../heading.BHSklXho.js";
+import { D as Oe } from "./Icon.DYtaQgbw.js";
+import { D as qe } from "./LinkButton.BxG7fx1O.js";
+import { g as u } from "./helpers.CexwVao7.js";
+import '../assets/LinkCard.pJtgJRIh.css';const Re = "ds-link-card_root_1tm3t_1", $e = "ds-link-card_root--elevated_1tm3t_26", Ge = "ds-link-card_root--horizontal_1tm3t_66", Je = "ds-link-card_media-wrapper_1tm3t_71", Ke = "ds-link-card_content_1tm3t_81", Qe = "ds-link-card_content--padding-small_1tm3t_86", Ue = "ds-link-card_header_1tm3t_117", Xe = "ds-link-card_footer_1tm3t_118", Ye = "ds-link-card_heading_1tm3t_133", Ze = "ds-link-card_heading--with-icon_1tm3t_136", et = "ds-link-card_link_1tm3t_146", tt = "ds-link-card_description_1tm3t_151", at = "ds-link-card_meta-data_1tm3t_168", it = "ds-link-card_decorative-link_1tm3t_185", ot = "ds-link-card_flags_1tm3t_189", nt = "ds-link-card_brand-flag_1tm3t_198", rt = "ds-link-card_graphic-area_1tm3t_204", t = {
+  root: Re,
+  rootElevated: $e,
+  rootHorizontal: Ge,
+  mediaWrapper: Je,
+  content: Ke,
+  contentPaddingSmall: Qe,
+  header: Ue,
+  footer: Xe,
+  heading: Ye,
+  headingWithIcon: Ze,
+  link: et,
+  description: tt,
+  metaData: at,
+  decorativeLink: it,
+  flags: ot,
+  brandFlag: nt,
+  graphicArea: rt
+}, st = ({
+  href: p,
+  linkComponent: e,
+  flags: a,
+  flagListAriaLabel: d,
+  heading: o,
+  mediaArea: l,
+  img: g,
+  brandFlag: c,
+  decorativeLinkButtonProps: f
+}) => {
+  if (typeof g < "u" && console.warn(u("DSLinkCard", "The 'img' prop is deprecated. Please use 'mediaArea' instead.")), !p && !e)
+    throw new Error(u("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
+  if (p && e)
+    throw new Error(u("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
+  if (!o)
+    throw new Error(u("DSLinkCard", "The 'heading' prop is required and must be provided."));
+  a && a.length > 6 && console.warn(u("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), a && a.length > 0 && !d && console.warn(u("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), c && l === void 0 && g === void 0 && console.warn(u("DSLinkCard", "The 'brandFlag' prop is set but no 'mediaArea' prop is provided. The 'brandFlag' will have no effect without a media element.")), typeof o == "object" && o !== null && o.headingIconName && f?.label && console.warn(u("DSLinkCard", "The 'heading.headingIconName' option should not be used when a decorative link label is provided."));
+}, lt = (p) => {
+  const e = xe.c(89);
+  let a, d, o, l, g, c, f, n, m, L, i, N, k, _, b, C, D, S;
+  e[0] !== p ? ({
+    heading: n,
+    brandFlag: a,
+    className: o,
+    cardClassNames: d,
+    decorativeLinkButtonProps: l,
+    description: g,
+    flagListAriaLabel: c,
+    flags: b,
+    href: m,
+    mediaArea: N,
+    img: L,
+    linkComponent: i,
+    metaData: k,
+    orientation: C,
+    padding: D,
+    graphicArea: f,
+    variant: S,
+    ..._
+  } = p, e[0] = p, e[1] = a, e[2] = d, e[3] = o, e[4] = l, e[5] = g, e[6] = c, e[7] = f, e[8] = n, e[9] = m, e[10] = L, e[11] = i, e[12] = N, e[13] = k, e[14] = _, e[15] = b, e[16] = C, e[17] = D, e[18] = S) : (a = e[1], d = e[2], o = e[3], l = e[4], g = e[5], c = e[6], f = e[7], n = e[8], m = e[9], L = e[10], i = e[11], N = e[12], k = e[13], _ = e[14], b = e[15], C = e[16], D = e[17], S = e[18]);
+  let v, w, F, I, P;
+  e[19] !== a || e[20] !== l || e[21] !== c || e[22] !== n || e[23] !== m || e[24] !== L || e[25] !== i || e[26] !== N || e[27] !== b || e[28] !== C || e[29] !== D || e[30] !== S ? (v = b === void 0 ? [] : b, F = C === void 0 ? "vertical" : C, I = D === void 0 ? "medium" : D, P = S === void 0 ? "outlined" : S, w = N ?? L, process.env.NODE_ENV !== "production" && st({
+    href: m,
+    linkComponent: i,
+    heading: n,
+    flags: v,
+    flagListAriaLabel: c,
+    mediaArea: N,
+    img: L,
+    brandFlag: a,
+    decorativeLinkButtonProps: l
+  }), e[19] = a, e[20] = l, e[21] = c, e[22] = n, e[23] = m, e[24] = L, e[25] = i, e[26] = N, e[27] = b, e[28] = C, e[29] = D, e[30] = S, e[31] = v, e[32] = w, e[33] = F, e[34] = I, e[35] = P) : (v = e[31], w = e[32], F = e[33], I = e[34], P = e[35]);
+  let V;
+  e[36] !== l ? (V = l || {}, e[36] = l, e[37] = V) : V = e[37];
+  const {
+    label: x,
+    iconName: X,
+    iconPosition: se,
+    variant: ce,
+    hideLabel: Y,
+    size: le
+  } = V, Z = se === void 0 ? "right" : se, ee = le === void 0 ? "small" : le, B = ce === "ghost" ? "ghost" : "filled", te = k || v.length > 0 || x, ae = typeof n == "object" && n !== null && !!n.headingIconName;
+  let M;
+  if (e[38] !== B || e[39] !== a || e[40] !== d || e[41] !== o || e[42] !== Y || e[43] !== X || e[44] !== Z || e[45] !== x || e[46] !== ee || e[47] !== g || e[48] !== c || e[49] !== v || e[50] !== f || e[51] !== te || e[52] !== n || e[53] !== ae || e[54] !== m || e[55] !== i || e[56] !== w || e[57] !== k || e[58] !== F || e[59] !== I || e[60] !== _ || e[61] !== P) {
+    const {
+      brandFlag: me,
+      contentWrapper: he,
+      descriptionWrapper: pe,
+      decorativeLink: ge,
+      flagsWrapper: fe,
+      footerWrapper: ve,
+      headerWrapper: ke,
+      heading: _e,
+      mediaWrapper: ue,
+      imageWrapper: Le,
+      metaDataWrapper: Ne,
+      graphicAreaWrapper: be
+    } = d || {}, ie = F === "horizontal", oe = P === "elevated";
+    let O;
+    e[63] !== o || e[64] !== oe || e[65] !== ie ? (O = r(t.root, o, {
+      [t.rootHorizontal]: ie,
+      [t.rootElevated]: oe
+    }), e[63] = o, e[64] = oe, e[65] = ie, e[66] = O) : O = e[66];
+    const Ce = O, de = r(t.brandFlag, me), De = r(t.content, he, {
+      [t.contentPaddingSmall]: I === "small"
+    }), Se = r(t.description, pe), we = r(t.decorativeLink, ge), We = r(t.flags, fe), Fe = r(t.footer, ve), Ie = r(t.header, ke), Pe = r(t.heading, _e, {
+      [t.headingWithIcon]: ae
+    }), ze = ue || Le, ye = r(t.mediaWrapper, ze), Ae = r(t.metaData, Ne), Ee = r(t.graphicArea, be);
+    let q, z, y, A, E, H, T, j;
+    e[67] !== _ ? ({
+      download: z,
+      hrefLang: y,
+      ping: A,
+      referrerPolicy: E,
+      rel: H,
+      target: T,
+      type: j,
+      ...q
+    } = _, e[67] = _, e[68] = q, e[69] = z, e[70] = y, e[71] = A, e[72] = E, e[73] = H, e[74] = T, e[75] = j) : (q = e[68], z = e[69], y = e[70], A = e[71], E = e[72], H = e[73], T = e[74], j = e[75]);
+    let R;
+    e[76] !== z || e[77] !== m || e[78] !== y || e[79] !== i || e[80] !== A || e[81] !== E || e[82] !== H || e[83] !== T || e[84] !== j ? (R = (h) => i && Ve(i) ? Be(i, {
+      ...i.props,
+      className: r(t.link, i.props.className),
+      children: /* @__PURE__ */ W(je, { children: [
+        h,
+        " ",
+        i.props.children
+      ] })
+    }) : /* @__PURE__ */ s("a", { href: m, className: t.link, download: z, hrefLang: y, ping: A, referrerPolicy: E, rel: H, target: T, type: j, children: h }), e[76] = z, e[77] = m, e[78] = y, e[79] = i, e[80] = A, e[81] = E, e[82] = H, e[83] = T, e[84] = j, e[85] = R) : R = e[85];
+    const He = R, ne = (h) => {
+      const G = typeof h == "object" && h !== void 0, {
+        headingText: J,
+        headingIconName: K,
+        headingSize: Q,
+        headingTag: re
+      } = G ? h : {
+        headingText: h
+      };
+      return /* @__PURE__ */ W(Me, { tag: re === void 0 ? "h3" : re, size: Q === void 0 ? "medium" : Q, className: Pe, children: [
+        He(J),
+        K && /* @__PURE__ */ s(Oe, { name: K, "aria-hidden": "true" })
+      ] });
+    }, Te = (h) => {
+      if (typeof h == "string")
+        return /* @__PURE__ */ s(U, { color: "promo-highlight", className: de, children: h });
+      const {
+        children: G,
+        color: J,
+        className: K,
+        ...Q
+      } = h;
+      return /* @__PURE__ */ s(U, { color: J === void 0 ? "promo-highlight" : J, className: r(de, K), ...Q, children: G });
+    };
+    let $;
+    e[86] !== ne || e[87] !== n ? ($ = ne(n), e[86] = ne, e[87] = n, e[88] = $) : $ = e[88], M = /* @__PURE__ */ W("div", { ...q, className: Ce, children: [
+      /* @__PURE__ */ W("div", { className: De, children: [
+        /* @__PURE__ */ W("div", { className: Ie, children: [
+          f && /* @__PURE__ */ s("div", { className: Ee, children: f }),
+          $,
+          g && /* @__PURE__ */ s("div", { className: Se, children: g })
+        ] }),
+        te && /* @__PURE__ */ W("div", { className: Fe, children: [
+          k && /* @__PURE__ */ s("div", { className: Ae, children: k }),
+          v.length > 0 && /* @__PURE__ */ s("ul", { className: We, "aria-label": c, children: v.map(dt) }),
+          x && /* @__PURE__ */ s(qe, { iconName: X, iconPosition: Z, variant: B, hideLabel: Y, size: ee, isFlush: B === "ghost", "aria-hidden": !0, className: we, children: x })
+        ] })
+      ] }),
+      w && /* @__PURE__ */ W("div", { className: ye, children: [
+        a && Te(a),
+        w
+      ] })
+    ] }), e[38] = B, e[39] = a, e[40] = d, e[41] = o, e[42] = Y, e[43] = X, e[44] = Z, e[45] = x, e[46] = ee, e[47] = g, e[48] = c, e[49] = v, e[50] = f, e[51] = te, e[52] = n, e[53] = ae, e[54] = m, e[55] = i, e[56] = w, e[57] = k, e[58] = F, e[59] = I, e[60] = _, e[61] = P, e[62] = M;
+  } else
+    M = e[62];
+  return M;
+};
+lt.displayName = "DSLinkCard";
+function dt(p, e) {
+  if (typeof p == "string")
+    return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(U, { color: "status-info", children: p }) }, e);
+  const {
+    children: a,
+    color: d,
+    ...o
+  } = p;
+  return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(U, { color: d === void 0 ? "status-info" : d, ...o, children: a }) }, e);
+}
+export {
+  lt as D,
+  st as v
+};

package/chunks/{MegaMenu.DbunD_yW.js → MegaMenu.udXR1H3W.js}

@@ -4,8 +4,8 @@ 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.Chmq0RmI.js";
 import { c as q } from "./index.DQOqod3i.js";
+import { a as pe } from "./Header.CvcGSuhX.js";
 import { g as V, c as z } from "./helpers.CexwVao7.js";
-import { a as pe } from "./Header.bLSdAY9-.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,

package/chunks/{NavigationTabList.CyrKNAer.js → NavigationTabList.thzA1pU8.js}

@@ -3,7 +3,7 @@ import { jsxs as B, Fragment as I, jsx as d } from "react/jsx-runtime";
 import { d as k } from "./index.cKLI89Eg.js";
 import { isValidElement as w, cloneElement as R } from "react";
 import { D as W } from "./Icon.DYtaQgbw.js";
-import { NumberIndicator as v } from "../numberindicator.Q7g4J3Ry.js";
+import { NumberIndicator as v } from "../numberindicator.DsK65Bj3.js";
 import '../assets/NavigationTabList.D5VV0C7Y.css';const D = "ds-tabs_tabs-wrapper_45tya_1", E = "ds-tabs_scroll-wrapper_45tya_6", L = "ds-tabs_scroller_45tya_17", T = "ds-tabs_scroller--centered_45tya_28", j = "ds-tabs_tab_45tya_1", x = "ds-tabs_scroll-button_45tya_106", H = "ds-tabs_scroll-button--hidden_45tya_111", K = "ds-tabs_scroll-button--right_45tya_115", S = "ds-tabs_indicator_45tya_127", V = {
   tabsWrapper: D,
   scrollWrapper: E,

package/chunks/{NavigationTabs.DVBe-Wt3.js → NavigationTabs.BWewgBch.js}

@@ -2,7 +2,7 @@
 import { jsx as v } from "react/jsx-runtime";
 import { d as N } from "./index.cKLI89Eg.js";
 import { useState as T, useEffect as h } from "react";
-import { TabList as y } from "../tablist.BjKwrLz9.js";
+import { TabList as y } from "../tablist.BAm0_UIG.js";
 import { g as o, r as A } from "./helpers.CexwVao7.js";
 const V = ["left", "center"], M = ["prev", "next"], I = ({
   aria: t,

package/chunks/Notification.C_o7Ge6Q.js

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