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

package/chunks/InputPassword.21E6XMr5.js

@@ -1,121 +0,0 @@
-"use client";
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { c as o } from "./index.DQOqod3i.js";
-import { forwardRef as F, useState as M, useRef as U } from "react";
-import { u as v } from "./useBreakpoint.1txsny17.js";
-import { Asterisk as G } from "../asterisk.Dwtdwpkq.js";
-import { D as J } from "./Button.COycNYUI.js";
-import { D as K } from "./Popover.ByaoNwGK.js";
-import { D as Q } from "./SystemFeedback.4osheYxC.js";
-import { g as f } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/InputPassword.YSKTDTA1.css';const X = "ds-input-password_input_1ws56_1", Y = "ds-input-password_input--small_1ws56_9", Z = "ds-input-password_input--invalid_1ws56_121", z = "ds-input-password_input--has-action-button_1ws56_182", ss = "ds-input-password_root_1ws56_218", as = "ds-input-password_hint_1ws56_218", ts = "ds-input-password_label-wrapper_1ws56_218", es = "ds-input-password_wrapper_1ws56_222", os = "ds-input-password_action-button_1ws56_228", ns = "ds-input-password_label_1ws56_218", rs = "ds-input-password_label--disabled_1ws56_247", is = "ds-input-password_label-wrapper--hidden_1ws56_259", ls = "ds-input-password_feedback_1ws56_287", s = {
-  input: X,
-  inputSmall: Y,
-  inputInvalid: Z,
-  inputHasActionButton: z,
-  root: ss,
-  hint: as,
-  labelWrapper: ts,
-  wrapper: es,
-  actionButton: os,
-  label: ns,
-  labelDisabled: rs,
-  labelWrapperHidden: is,
-  feedback: ls
-}, ps = ({
-  id: a,
-  label: n,
-  hideLabel: p,
-  popoverContent: d
-}) => {
-  if (!a)
-    throw new Error(f("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
-  if (!n)
-    throw new Error(f("DSInputPassword", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`));
-  p && d && console.warn(f("DSInputPassword", "Using a popover when hideLabel is set to true is not supported."));
-}, ds = F(({
-  id: a,
-  label: n,
-  autoComplete: p = "new-password",
-  className: d,
-  disabled: c = !1,
-  hint: u,
-  hideLabel: h = !1,
-  invalid: r = !1,
-  popoverContent: w,
-  popoverInfoButtonProps: N,
-  readonly: P = !1,
-  required: D = !1,
-  togglePasswordVisibilityButtonProps: g,
-  size: b = "medium",
-  systemFeedback: m,
-  ...k
-}, i) => {
-  process.env.NODE_ENV !== "production" && ps({
-    id: a,
-    label: n,
-    hideLabel: v(h),
-    popoverContent: w
-  });
-  const {
-    hidePasswordText: H = "Hide password",
-    showPasswordText: A = "Show password",
-    ...W
-  } = g || {}, [_, x] = M(!1), S = `${a}-label`, y = `${a}-feedback`, I = `${a}-hint`, L = u ? ` ${I}` : "", $ = [r && m && y].filter(Boolean).join(" ") || void 0, B = v(h), C = o(s.root, d), E = o(s.input, {
-    // small input
-    [s.inputSmall]: b === "small",
-    // invalid state
-    [s.inputInvalid]: r,
-    // action button - input password always has an action button
-    [s.inputHasActionButton]: !0
-  }), R = o(s.label, {
-    [s.labelDisabled]: c
-  }), T = o(s.labelWrapper, {
-    // hide label only visually to keep them available for assistive technologies
-    [s.labelWrapperHidden]: B
-  }), V = o(s.actionButton, {
-    [s.actionButtonSmall]: b === "small"
-  }), j = U(null), q = (e) => {
-    j.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-  }, O = () => {
-    x((e) => !e);
-  };
-  return /* @__PURE__ */ l("div", { className: C, children: [
-    /* @__PURE__ */ l("div", { className: T, children: [
-      /* @__PURE__ */ l("label", { className: R, id: S, htmlFor: a, children: [
-        n,
-        D && /* @__PURE__ */ t(G, {})
-      ] }),
-      w && !B && /* @__PURE__ */ t(K, { placement: "top", defaultAnchorButtonProps: N, children: w })
-    ] }),
-    u && /* @__PURE__ */ t("div", { className: s.hint, id: I, children: u }),
-    /* @__PURE__ */ l("div", { className: s.wrapper, children: [
-      /* @__PURE__ */ t(
-        "input",
-        {
-          className: E,
-          id: a,
-          ...k,
-          ref: q,
-          "aria-labelledby": `${S}${L}`,
-          "aria-describedby": $,
-          "aria-invalid": r,
-          "aria-disabled": P,
-          readOnly: P,
-          required: D,
-          disabled: c,
-          autoComplete: p,
-          type: _ ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ t(J, { ...W, hideLabel: !0, theme: "light", iconName: _ ? "eye-closed" : "eye", variant: "ghost", className: V, size: b, onClick: O, type: "button", disabled: c, children: _ ? H : A })
-    ] }),
-    r && m && /* @__PURE__ */ t(Q, { className: s.feedback, message: m, variant: "error", id: y })
-  ] });
-});
-ds.displayName = "DSInputPassword";
-export {
-  ds as D,
-  ps as v
-};

package/chunks/InputSearch.Dy3EKa9f.js

@@ -1,149 +0,0 @@
-"use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { c as s } from "./index.DQOqod3i.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.cKLI89Eg.js";
-import { Asterisk as ot } from "../asterisk.Dwtdwpkq.js";
-import { D as W } from "./Button.COycNYUI.js";
-import { D as rt } from "./Popover.ByaoNwGK.js";
-import { D as it } from "./SystemFeedback.4osheYxC.js";
-import '../assets/InputSearch.C3qtDQcj.css';const ct = "ds-input-search_input_195kh_1", lt = "ds-input-search_input--small_195kh_9", ut = "ds-input-search_input--invalid_195kh_121", pt = "ds-input-search_input--has-action-button_195kh_182", ht = "ds-input-search_input--has-second-action-button_195kh_185", dt = "ds-input-search_root_195kh_218", mt = "ds-input-search_hint_195kh_218", bt = "ds-input-search_label-wrapper_195kh_218", ft = "ds-input-search_wrapper_195kh_222", _t = "ds-input-search_action-button_195kh_228", St = "ds-input-search_second-action-button_195kh_232", Dt = "ds-input-search_label_195kh_218", kt = "ds-input-search_label--disabled_195kh_251", Bt = "ds-input-search_label-wrapper--hidden_195kh_263", It = "ds-input-search_feedback_195kh_291", t = {
-  input: ct,
-  inputSmall: lt,
-  inputInvalid: ut,
-  inputHasActionButton: pt,
-  inputHasSecondActionButton: ht,
-  root: dt,
-  hint: mt,
-  labelWrapper: bt,
-  wrapper: ft,
-  actionButton: _t,
-  secondActionButton: St,
-  label: Dt,
-  labelDisabled: kt,
-  labelWrapperHidden: Bt,
-  feedback: It
-}, wt = ({
-  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."));
-}, vt = (n) => !!st(n, "form"), gt = nt(({
-  id: n,
-  label: c,
-  className: b,
-  clearButtonLabel: f = "Clear search field",
-  disabled: o = !1,
-  hint: _,
-  hideLabel: I = !1,
-  invalid: l = !1,
-  popoverContent: S,
-  popoverInfoButtonProps: $,
-  readonly: r = !1,
-  required: w = !1,
-  size: i = "medium",
-  systemFeedback: D,
-  value: k,
-  submitButtonProps: j,
-  onChange: v,
-  ...R
-}, u) => {
-  process.env.NODE_ENV !== "production" && wt({
-    id: n,
-    label: c,
-    hideLabel: O(I),
-    popoverContent: S
-  });
-  const {
-    label: x = "Search",
-    onClick: q,
-    ...T
-  } = j || {}, [p, g] = at(k), B = L(null), h = L(null), F = (e) => {
-    h.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
-  }, N = O(I);
-  V(() => {
-    g(k);
-  }, [k]), V(() => {
-    B.current && !vt(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 y = `${n}-label`, A = `${n}-feedback`, E = `${n}-hint`, M = _ ? ` ${E}` : "", U = [l && D && A].filter(Boolean).join(" ") || void 0, H = 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]: H && !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]: N
-  }), 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 (!h.current)
-      return;
-    Z(h.current, "");
-    const e = new Event("change", {
-      bubbles: !0
-    });
-    h.current?.dispatchEvent(e);
-  }, tt = (e) => {
-    g(e.target.value), v && v(e);
-  };
-  return /* @__PURE__ */ d("div", { className: G, ref: B, children: [
-    /* @__PURE__ */ d("div", { className: Q, children: [
-      /* @__PURE__ */ d("label", { className: K, id: y, htmlFor: n, children: [
-        c,
-        w && /* @__PURE__ */ a(ot, {})
-      ] }),
-      S && !N && /* @__PURE__ */ a(rt, { placement: "top", defaultAnchorButtonProps: $, children: S })
-    ] }),
-    _ && /* @__PURE__ */ a("div", { className: t.hint, id: E, children: _ }),
-    /* @__PURE__ */ d("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ a(
-        "input",
-        {
-          className: J,
-          id: n,
-          ...R,
-          ref: F,
-          "aria-labelledby": `${y}${M}`,
-          "aria-describedby": U,
-          "aria-invalid": l,
-          "aria-disabled": r,
-          readOnly: r,
-          required: w,
-          disabled: o,
-          type: "search",
-          value: p,
-          onChange: tt
-        }
-      ),
-      H && !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 && D && /* @__PURE__ */ a(it, { className: t.feedback, message: D, variant: "error", id: A })
-  ] });
-});
-gt.displayName = "DSInputSearch";
-export {
-  gt as D,
-  vt as i,
-  wt as v
-};

package/chunks/LinkButton.BCHTLFMJ.js

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

package/chunks/LinkCard.BYmTwsS5.js

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