@stihl-design-system/components 1.0.0-RC.2 → 1.0.0-RC.3

package/inputsearch.BA9N3RRc.js

@@ -1,188 +0,0 @@
-"use client";
-import { j as a } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import { useState as J, useRef as w, useEffect as A } from "react";
-import { g as S, a as K } from "./chunks/helpers.B1JT5ShS.js";
-import { u as Q } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as U } from "./asterisk.BlYjsfkN.js";
-import { DSButton as D } from "./button.Di5XtChf.js";
-import { DSSystemFeedback as X } from "./systemfeedback.rBgdiL5T.js";
-import './assets/inputsearch.BY0BGFPK.css';const Y = "_input_1a6n9_187", Z = "_input--invalid_1a6n9_297", z = "_input--small_1a6n9_304", tt = "_input--has-leading-icon_1a6n9_350", nt = "_input--has-action-button_1a6n9_353", at = "_input--has-second-action-button_1a6n9_356", et = "_input--has-affix_1a6n9_368", st = "_input--is-ready_1a6n9_380", ot = "_root_1a6n9_387", it = "_hint_1a6n9_395", ct = "_label_1a6n9_395", ut = "_wrapper_1a6n9_399", lt = "_action-button_1a6n9_405", rt = "_second-action-button_1a6n9_409", pt = "_label--hidden_1a6n9_426", _t = "_feedback_1a6n9_453", t = {
-  input: Y,
-  "input--invalid": "_input--invalid_1a6n9_297",
-  inputInvalid: Z,
-  "input--small": "_input--small_1a6n9_304",
-  inputSmall: z,
-  "input--has-leading-icon": "_input--has-leading-icon_1a6n9_350",
-  inputHasLeadingIcon: tt,
-  "input--has-action-button": "_input--has-action-button_1a6n9_353",
-  inputHasActionButton: nt,
-  "input--has-second-action-button": "_input--has-second-action-button_1a6n9_356",
-  inputHasSecondActionButton: at,
-  "input--has-affix": "_input--has-affix_1a6n9_368",
-  inputHasAffix: et,
-  "input--is-ready": "_input--is-ready_1a6n9_380",
-  inputIsReady: st,
-  root: ot,
-  hint: it,
-  label: ct,
-  wrapper: ut,
-  "action-button": "_action-button_1a6n9_405",
-  actionButton: lt,
-  "second-action-button": "_second-action-button_1a6n9_409",
-  secondActionButton: rt,
-  "label--hidden": "_label--hidden_1a6n9_426",
-  labelHidden: pt,
-  feedback: _t
-}, dt = ({ id: n, label: u }) => {
-  if (!n)
-    throw new Error(
-      S(
-        "DSInputSearch",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
-      )
-    );
-  if (!u)
-    throw new Error(
-      S(
-        "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}.`
-      )
-    );
-}, ht = (n) => !!K(n, "form"), yt = ({
-  id: n,
-  label: u,
-  className: H,
-  clearButtonLabel: E = "Clear search field",
-  disabled: l = !1,
-  hint: h,
-  hideLabel: j = !1,
-  invalid: r = !1,
-  readonly: s = !1,
-  required: I = !1,
-  size: o = "medium",
-  submitButtonLabel: C = "Search",
-  systemFeedback: m,
-  value: b,
-  submitButtonOnClick: k,
-  onChange: g,
-  ...L
-}) => {
-  process.env.NODE_ENV !== "production" && dt({
-    id: n,
-    label: u
-  });
-  const [p, v] = J(b), f = w(null), _ = w(null), V = Q(j);
-  A(() => {
-    v(b);
-  }, [b]), A(() => {
-    f.current && !ht(f.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(
-      S(
-        "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 B = `${n}-label`, y = `${n}-feedback`, x = `${n}-hint`, O = h ? ` ${x}` : "", N = p !== "" && p !== void 0 && p !== null, P = c(t.root, H), $ = c(t.input, {
-    // small input
-    [t.inputSmall]: o === "small",
-    // invalid state
-    [t.inputInvalid]: r,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0,
-    // action second action button
-    [t.inputHasSecondActionButton]: N && !s && !l
-  }), R = c(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: V
-  }), q = c(t.actionButton, {
-    [t.actionButtonSmall]: o === "small"
-  }), T = c(t.secondActionButton, {
-    [t.secondActionButtonSmall]: o === "small"
-  }), F = (e, i) => {
-    const G = Object.getPrototypeOf(e), d = Object.getOwnPropertyDescriptor(
-      G,
-      "value"
-    );
-    d != null && d.set ? d.set.call(e, i) : e.value = i;
-  }, M = () => {
-    var i;
-    if (!_.current)
-      return;
-    F(_.current, "");
-    const e = new Event("change", { bubbles: !0 });
-    (i = _.current) == null || i.dispatchEvent(e);
-  }, W = (e) => {
-    v(e.target.value), g && g(e);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: P, ref: f, children: [
-    /* @__PURE__ */ a.jsxs("label", { className: R, id: B, htmlFor: n, children: [
-      u,
-      I && /* @__PURE__ */ a.jsx(U, {})
-    ] }),
-    h && /* @__PURE__ */ a.jsx("div", { className: t.hint, id: x, children: h }),
-    r && m && /* @__PURE__ */ a.jsx(
-      X,
-      {
-        className: t.feedback,
-        message: m,
-        type: "invalid",
-        id: y
-      }
-    ),
-    /* @__PURE__ */ a.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          className: $,
-          id: n,
-          ref: _,
-          ...L,
-          "aria-labelledby": `${B}${O}`,
-          "aria-describedby": r && m ? y : void 0,
-          "aria-invalid": r,
-          "aria-disabled": s,
-          readOnly: s,
-          required: I,
-          disabled: l,
-          type: "search",
-          value: p,
-          onChange: W
-        }
-      ),
-      N && !s && !l && /* @__PURE__ */ a.jsx(
-        D,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "cross",
-          className: T,
-          variant: "ghost",
-          size: o,
-          onClick: M,
-          type: "button",
-          tabIndex: -1,
-          children: E
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        D,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "magnifying-glass",
-          className: q,
-          variant: "ghost",
-          size: o,
-          onClick: k,
-          type: "submit",
-          disabled: l || s,
-          children: C
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  yt as DSInputSearch
-};

package/inputstepper.Cyxeg2Cj.js

@@ -1,290 +0,0 @@
-"use client";
-import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import { useState as f, useRef as D, useEffect as N, useLayoutEffect as M } from "react";
-import { u as ft } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as bt } from "./asterisk.BlYjsfkN.js";
-import { DSButton as X } from "./button.Di5XtChf.js";
-import { M as w, b as L } from "./chunks/Input.utils.Bly6ZzLI.js";
-import { DSSystemFeedback as mt } from "./systemfeedback.rBgdiL5T.js";
-import { g as x } from "./chunks/helpers.B1JT5ShS.js";
-import './assets/inputstepper.B0oC1URa.css';const vt = "_input_1bk6v_187", ht = "_input--invalid_1bk6v_298", kt = "_input--small_1bk6v_305", xt = "_input--has-leading-icon_1bk6v_351", St = "_input--has-action-button_1bk6v_354", yt = "_input--has-second-action-button_1bk6v_357", It = "_input--has-affix_1bk6v_369", gt = "_input--is-ready_1bk6v_381", At = "_root_1bk6v_388", Bt = "_hint_1bk6v_396", Dt = "_label_1bk6v_396", Nt = "_wrapper_1bk6v_400", wt = "_affix_1bk6v_406", Lt = "_affix--small_1bk6v_426", Ht = "_affix--disabled_1bk6v_438", Rt = "_prefix_1bk6v_441", jt = "_affix--readonly_1bk6v_444", Et = "_suffix_1bk6v_454", Ct = "_action-button_1bk6v_461", $t = "_label--hidden_1bk6v_478", Ft = "_feedback_1bk6v_505", Vt = "_second-action-button_1bk6v_519", Pt = "_value-announcer_1bk6v_523", n = {
-  input: vt,
-  "input--invalid": "_input--invalid_1bk6v_298",
-  inputInvalid: ht,
-  "input--small": "_input--small_1bk6v_305",
-  inputSmall: kt,
-  "input--has-leading-icon": "_input--has-leading-icon_1bk6v_351",
-  inputHasLeadingIcon: xt,
-  "input--has-action-button": "_input--has-action-button_1bk6v_354",
-  inputHasActionButton: St,
-  "input--has-second-action-button": "_input--has-second-action-button_1bk6v_357",
-  inputHasSecondActionButton: yt,
-  "input--has-affix": "_input--has-affix_1bk6v_369",
-  inputHasAffix: It,
-  "input--is-ready": "_input--is-ready_1bk6v_381",
-  inputIsReady: gt,
-  root: At,
-  hint: Bt,
-  label: Dt,
-  wrapper: Nt,
-  affix: wt,
-  "affix--small": "_affix--small_1bk6v_426",
-  affixSmall: Lt,
-  "affix--disabled": "_affix--disabled_1bk6v_438",
-  affixDisabled: Ht,
-  prefix: Rt,
-  "affix--readonly": "_affix--readonly_1bk6v_444",
-  affixReadonly: jt,
-  suffix: Et,
-  "action-button": "_action-button_1bk6v_461",
-  actionButton: Ct,
-  "label--hidden": "_label--hidden_1bk6v_478",
-  labelHidden: $t,
-  feedback: Ft,
-  "second-action-button": "_second-action-button_1bk6v_519",
-  secondActionButton: Vt,
-  "value-announcer": "_value-announcer_1bk6v_523",
-  valueAnnouncer: Pt
-}, Tt = ({
-  id: a,
-  label: b,
-  prefix: m,
-  suffix: v
-}) => {
-  if (!a)
-    throw new Error(
-      x(
-        "DSInputStepper",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
-      )
-    );
-  if (!b)
-    throw new Error(
-      x(
-        "DSInputStepper",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-  m && m.length > w && console.warn(
-    x(
-      "DSInputStepper",
-      `Prefix length must not exceed ${w} characters.`
-    )
-  ), v && v.length > L && console.warn(
-    x(
-      "DSInputStepper",
-      `Suffix length must not exceed ${L} characters.`
-    )
-  );
-}, Qt = ({
-  id: a,
-  label: b,
-  announcementText: m = "Value changed to",
-  className: v,
-  disabled: d = !1,
-  decreaseAmountButtonLabel: q = "Decrease",
-  hint: S,
-  hideLabel: G = !1,
-  invalid: h = !1,
-  increaseAmountButtonLabel: O = "Increase",
-  prefix: u,
-  max: H = 100,
-  min: R = 0,
-  readonly: p = !1,
-  required: j = !1,
-  size: o = "medium",
-  step: U = 1,
-  suffix: r,
-  systemFeedback: y,
-  value: k,
-  onChange: E,
-  ...J
-}) => {
-  process.env.NODE_ENV !== "production" && Tt({
-    id: a,
-    label: b,
-    prefix: u,
-    suffix: r
-  });
-  const [K, Q] = f(!1), [_, I] = f(k), [g, C] = f(""), [Y, Z] = f(!1), [z, tt] = f({}), s = D(null), nt = u == null ? void 0 : u.substring(0, w), A = D(null), et = r == null ? void 0 : r.substring(0, L), B = D(null), at = ft(G);
-  N(() => {
-    k && I(k);
-  }, [k]), N(() => {
-    if (g) {
-      const t = setTimeout(() => {
-        C("");
-      }, 3e3);
-      return () => clearTimeout(t);
-    }
-  }, [g]), N(() => {
-    var i;
-    const t = (l) => {
-      l.preventDefault();
-    };
-    return (i = s.current) == null || i.addEventListener("wheel", t, {
-      // The { passive: false } option is used to indicate that the event listener wants to cancel the event, allowing preventDefault to work as expected.
-      passive: !1
-    }), () => {
-      var l;
-      (l = s.current) == null || l.removeEventListener("wheel", t);
-    };
-  }, []), M(() => {
-    const t = o === "medium" ? 16 : 8, i = {};
-    if (A.current) {
-      const l = A.current.offsetWidth;
-      i.paddingLeft = t + l + "px";
-    }
-    if (B.current) {
-      const l = B.current.offsetWidth;
-      i.paddingRight = t + l + "px";
-    }
-    tt(i), Q(!0);
-  }, [u, r, o, Y]), M(() => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load(
-        '1em "STIHL Contraface Digital Text Regular"'
-      ), Z(!0));
-    })();
-  }, []);
-  const $ = c(n.affix, {
-    [n.affixSmall]: o === "small",
-    [n.affixDisabled]: d,
-    [n.affixReadonly]: p
-  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, st = S ? ` ${P}` : "", ot = c(n.root, v), it = c(n.input, {
-    // small input
-    [n.inputSmall]: o === "small",
-    // invalid state
-    [n.inputInvalid]: h,
-    // prefix/suffix
-    [n.inputHasAffix]: u || r,
-    [n.inputIsReady]: K
-  }), lt = c(n.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [n.labelHidden]: at
-  }), ct = c(n.secondActionButton, {
-    [n.secondActionButtonSmall]: o === "small"
-  }), ut = c(n.actionButton, {
-    [n.actionButtonSmall]: o === "small"
-  }), rt = () => {
-    const t = [T];
-    return h && y && t.push(V), t.join(" ");
-  }, W = () => {
-    var t;
-    if (s.current) {
-      I(s.current.value);
-      const i = new Event("change", { bubbles: !0 });
-      (t = s.current) == null || t.dispatchEvent(i), C(`${m} ${s.current.value}`);
-    }
-  }, dt = () => {
-    var t;
-    (t = s.current) == null || t.stepDown(), W();
-  }, pt = () => {
-    var t;
-    (t = s.current) == null || t.stepUp(), W();
-  }, _t = (t) => {
-    I(t.target.value), E && E(t);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: ot, children: [
-    /* @__PURE__ */ e.jsxs("label", { className: lt, id: F, htmlFor: a, children: [
-      b,
-      j && /* @__PURE__ */ e.jsx(bt, {})
-    ] }),
-    S && /* @__PURE__ */ e.jsx("div", { className: n.hint, id: P, children: S }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        className: n.valueAnnouncer,
-        id: T,
-        children: g
-      }
-    ),
-    h && y && /* @__PURE__ */ e.jsx(
-      mt,
-      {
-        className: n.feedback,
-        message: y,
-        type: "invalid",
-        id: V
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: n.wrapper, children: [
-      u && /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: c($, n.prefix),
-          ref: A,
-          "aria-disabled": d,
-          children: nt
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          className: it,
-          id: a,
-          ref: s,
-          ...J,
-          style: z,
-          "aria-labelledby": `${F}${st}`,
-          "aria-describedby": rt(),
-          "aria-invalid": h,
-          "aria-disabled": p,
-          disabled: d,
-          min: R,
-          max: H,
-          readOnly: p,
-          required: j,
-          step: U,
-          type: "number",
-          value: _,
-          onChange: _t
-        }
-      ),
-      r && /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: c($, n.suffix),
-          ref: B,
-          "aria-disabled": d,
-          children: et
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "minus",
-          variant: "filled",
-          className: ct,
-          size: o,
-          onClick: dt,
-          disabled: d || p || !!_ && Number(_) <= R,
-          type: "button",
-          children: q
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "plus",
-          variant: "filled",
-          className: ut,
-          size: o,
-          onClick: pt,
-          disabled: d || p || !!_ && Number(_) >= H,
-          type: "button",
-          children: O
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Qt as DSInputStepper
-};

package/link.BoSdsZHj.js

@@ -1,115 +0,0 @@
-"use client";
-import { j as s } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as a } from "./chunks/index.CvOaL64Y.js";
-import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { DSIcon as S } from "./icon.CmAhxgHK.js";
-import './assets/link.Di4qXro5.css';const x = "_root_1mghf_125", b = "_root--highlight_1mghf_191", j = "_root--dark-highlight_1mghf_191", L = "_root--filled_1mghf_269", C = "_root--outline_1mghf_297", N = "_root--ghost_1mghf_324", T = "_root--ghost-flush_1mghf_349", B = "_root--small_1mghf_355", E = "_root--dark-filled_1mghf_430", R = "_root--dark-outline_1mghf_489", V = "_root--dark-ghost_1mghf_547", q = "_root--dark-ghost-flush_1mghf_603", w = "_root--icon-left_1mghf_662", A = "_root--icon-only_1mghf_678", J = "_root--icon-only-small_1mghf_682", K = "_label--hidden_1mghf_689", o = {
-  root: x,
-  "root--highlight": "_root--highlight_1mghf_191",
-  rootHighlight: b,
-  "root--dark-highlight": "_root--dark-highlight_1mghf_191",
-  rootDarkHighlight: j,
-  "root--filled": "_root--filled_1mghf_269",
-  rootFilled: L,
-  "root--outline": "_root--outline_1mghf_297",
-  rootOutline: C,
-  "root--ghost": "_root--ghost_1mghf_324",
-  rootGhost: N,
-  "root--ghost-flush": "_root--ghost-flush_1mghf_349",
-  rootGhostFlush: T,
-  "root--small": "_root--small_1mghf_355",
-  rootSmall: B,
-  "root--dark-filled": "_root--dark-filled_1mghf_430",
-  rootDarkFilled: E,
-  "root--dark-outline": "_root--dark-outline_1mghf_489",
-  rootDarkOutline: R,
-  "root--dark-ghost": "_root--dark-ghost_1mghf_547",
-  rootDarkGhost: V,
-  "root--dark-ghost-flush": "_root--dark-ghost-flush_1mghf_603",
-  rootDarkGhostFlush: q,
-  "root--icon-left": "_root--icon-left_1mghf_662",
-  rootIconLeft: w,
-  "root--icon-only": "_root--icon-only_1mghf_678",
-  rootIconOnly: A,
-  "root--icon-only-small": "_root--icon-only-small_1mghf_682",
-  rootIconOnlySmall: J,
-  "label--hidden": "_label--hidden_1mghf_689",
-  labelHidden: K
-}, W = ({
-  children: d,
-  aria: m,
-  className: c,
-  dataTrackingid: k,
-  download: u,
-  hideLabel: h = !1,
-  href: i,
-  iconName: n,
-  iconPosition: D = "left",
-  iconSource: f,
-  isFlush: r = !1,
-  referrerPolicy: y,
-  rel: G,
-  size: _ = "medium",
-  target: O = "_self",
-  theme: l = "light",
-  variant: t = "filled",
-  ...I
-}) => {
-  const p = a(o.root, c, {
-    // variant
-    [o.rootFilled]: t === "filled",
-    [o.rootHighlight]: t === "highlight",
-    [o.rootOutline]: t === "outline",
-    [o.rootGhost]: t === "ghost" && r !== !0,
-    // isFlush
-    [o.rootGhostFlush]: t === "ghost" && r === !0,
-    // dark theme
-    [o.rootDarkFilled]: l === "dark" && t === "filled",
-    [o.rootDarkHighlight]: l === "dark" && t === "highlight",
-    [o.rootDarkOutline]: l === "dark" && t === "outline",
-    [o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
-    // dark isFlush
-    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
-    // size
-    [o.rootSmall]: _ === "small",
-    // icon position
-    [o.rootIconLeft]: D === "left",
-    // icon only
-    [o.rootIconOnly]: g(h) && _ === "medium",
-    [o.rootIconOnlySmall]: g(h) && _ === "small"
-  }), F = a({
-    // hide label only visually to keep them available for assistive technologies
-    [o.labelHidden]: g(h)
-  }), H = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", e = i === void 0 ? "span" : "a";
-  return /* @__PURE__ */ s.jsxs(
-    e,
-    {
-      className: p,
-      "data-trackingid": k,
-      ...e === "a" && {
-        href: i,
-        target: O,
-        rel: G,
-        referrerPolicy: y,
-        download: u
-      },
-      ...m,
-      ...I,
-      children: [
-        /* @__PURE__ */ s.jsx("span", { className: F, children: d }),
-        (n || f) && /* @__PURE__ */ s.jsx(
-          S,
-          {
-            name: n,
-            theme: H,
-            source: f,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  W as DSLink
-};

package/linkstandalone.BoN7nARO.js

@@ -1,79 +0,0 @@
-"use client";
-import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as p } from "./chunks/index.CvOaL64Y.js";
-import { DSIcon as D } from "./icon.CmAhxgHK.js";
-import "react";
-import './assets/linkstandalone.239FeO2E.css';const x = "_root_q7zcl_63", H = "_root--highlight_q7zcl_134", j = "_root--neutral-dark_q7zcl_205", v = "_root--highlight-dark_q7zcl_276", L = "_root--active_q7zcl_347", N = "_root--icon-left_q7zcl_353", o = {
-  root: x,
-  "root--highlight": "_root--highlight_q7zcl_134",
-  rootHighlight: H,
-  "root--neutral-dark": "_root--neutral-dark_q7zcl_205",
-  rootNeutralDark: j,
-  "root--highlight-dark": "_root--highlight-dark_q7zcl_276",
-  rootHighlightDark: v,
-  "root--active": "_root--active_q7zcl_347",
-  rootActive: L,
-  "root--icon-left": "_root--icon-left_q7zcl_353",
-  rootIconLeft: N
-}, y = ({
-  children: s,
-  aria: e,
-  active: _,
-  className: g,
-  dataTrackingid: n,
-  download: k,
-  href: l,
-  iconName: a,
-  iconPosition: d = "left",
-  iconSource: c,
-  referrerPolicy: u,
-  rel: z,
-  target: f = "_self",
-  theme: t = "light",
-  variant: r = "neutral",
-  ...m
-}) => {
-  const q = p(o.root, g, {
-    // variant
-    [o.rootHighlight]: r === "highlight",
-    // theme
-    [o.rootNeutralDark]: t === "dark" && r === "neutral",
-    [o.rootHighlightDark]: t === "dark" && r === "highlight",
-    // active
-    [o.rootActive]: _,
-    // icon position
-    [o.rootIconLeft]: d === "left"
-  }), h = l === void 0 ? "span" : "a";
-  return /* @__PURE__ */ i.jsxs(
-    h,
-    {
-      className: q,
-      "data-trackingid": n,
-      ...h === "a" && {
-        href: l,
-        target: f,
-        rel: z,
-        referrerPolicy: u,
-        download: k
-      },
-      ...e,
-      ...m,
-      children: [
-        /* @__PURE__ */ i.jsx("span", { className: o.label, children: s }),
-        (a || c) && /* @__PURE__ */ i.jsx(
-          D,
-          {
-            name: a,
-            theme: t,
-            source: c,
-            size: "medium",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  y as DSLinkStandalone
-};