@stihl-design-system/components 1.0.0-RC.0 → 1.0.0-RC.10

package/inputpassword.11c12c66.js

@@ -1,139 +0,0 @@
-import "./assets/InputPassword.a534f047.css";
-import { j as a } from "./chunks/jsx-runtime.5c071667.js";
-import { c as i } from "./chunks/index.8021d3e0.js";
-import { useState as A } from "react";
-import { u as D } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { Asterisk as C } from "./asterisk.91abccec.js";
-import { DSButton as L } from "./button.89b2675b.js";
-import { DSSystemFeedback as $ } from "./systemfeedback.6bbd1505.js";
-import { g as b } from "./chunks/helpers.ea3ca41a.js";
-const E = "_input_2ztxt_73", q = "_input--invalid_2ztxt_183", R = "_input--small_2ztxt_190", V = "_input--has-leading-icon_2ztxt_236", O = "_input--has-action-button_2ztxt_239", F = "_input--has-second-action-button_2ztxt_242", M = "_input--has-affix_2ztxt_254", T = "_input--is-ready_2ztxt_266", G = "_root_2ztxt_273", J = "_hint_2ztxt_281", K = "_label_2ztxt_281", Q = "_wrapper_2ztxt_285", U = "_action-button_2ztxt_291", W = "_label--hidden_2ztxt_308", X = "_feedback_2ztxt_335", t = {
-  input: E,
-  "input--invalid": "_input--invalid_2ztxt_183",
-  inputInvalid: q,
-  "input--small": "_input--small_2ztxt_190",
-  inputSmall: R,
-  "input--has-leading-icon": "_input--has-leading-icon_2ztxt_236",
-  inputHasLeadingIcon: V,
-  "input--has-action-button": "_input--has-action-button_2ztxt_239",
-  inputHasActionButton: O,
-  "input--has-second-action-button": "_input--has-second-action-button_2ztxt_242",
-  inputHasSecondActionButton: F,
-  "input--has-affix": "_input--has-affix_2ztxt_254",
-  inputHasAffix: M,
-  "input--is-ready": "_input--is-ready_2ztxt_266",
-  inputIsReady: T,
-  root: G,
-  hint: J,
-  label: K,
-  wrapper: Q,
-  "action-button": "_action-button_2ztxt_291",
-  actionButton: U,
-  "label--hidden": "_label--hidden_2ztxt_308",
-  labelHidden: W,
-  feedback: X
-}, Y = ({ id: n, label: s }) => {
-  if (!n)
-    throw new Error(
-      b(
-        "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
-      )
-    );
-  if (!s)
-    throw new Error(
-      b(
-        "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}.`
-      )
-    );
-}, pt = ({
-  id: n,
-  label: s,
-  autocomplete: h = "new-password",
-  className: f,
-  disabled: r = !1,
-  hidePasswordText: w = "Hide password",
-  hint: e,
-  hideLabel: z = !1,
-  invalid: o = !1,
-  readonly: c = !1,
-  required: d = !1,
-  showPasswordText: y = "Show password",
-  size: l = "medium",
-  systemFeedback: p,
-  ...S
-}) => {
-  process.env.NODE_ENV !== "production" && Y({
-    id: n,
-    label: s
-  });
-  const [u, I] = A(!1), _ = `${n}-label`, m = `${n}-feedback`, x = `${n}-hint`, B = e ? ` ${x}` : "", H = D(z), g = i(t.root, f), v = i(t.input, {
-    // small input
-    [t.inputSmall]: l === "small",
-    // invalid state
-    [t.inputInvalid]: o,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0
-  }), P = i(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: H
-  }), N = i(t.actionButton, {
-    [t.actionButtonSmall]: l === "small"
-  }), j = () => {
-    I((k) => !k);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: g, children: [
-    /* @__PURE__ */ a.jsxs("label", { className: P, id: _, htmlFor: n, children: [
-      s,
-      d && /* @__PURE__ */ a.jsx(C, {})
-    ] }),
-    e && /* @__PURE__ */ a.jsx("div", { className: t.hint, id: x, children: e }),
-    o && p && /* @__PURE__ */ a.jsx(
-      $,
-      {
-        className: t.feedback,
-        message: p,
-        type: "invalid",
-        id: m
-      }
-    ),
-    /* @__PURE__ */ a.jsxs("div", { className: t.wrapper, children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          className: v,
-          id: n,
-          ...S,
-          "aria-labelledby": `${_}${B}`,
-          "aria-describedby": o && p ? m : void 0,
-          "aria-invalid": o,
-          "aria-disabled": c,
-          readOnly: c,
-          required: d,
-          disabled: r,
-          autoComplete: h,
-          type: u ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        L,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: u ? "eye-closed" : "eye",
-          variant: "ghost",
-          className: N,
-          size: l,
-          onClick: j,
-          type: "button",
-          disabled: r,
-          children: u ? w : y
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  pt as DSInputPassword
-};

package/inputsearch.0c88e71a.js

@@ -1,188 +0,0 @@
-import "./assets/InputSearch.8f986307.css";
-import { j as a } from "./chunks/jsx-runtime.5c071667.js";
-import { c as l } from "./chunks/index.8021d3e0.js";
-import { useState as J, useRef as w, useEffect as A } from "react";
-import { g as S, a as K } from "./chunks/helpers.ea3ca41a.js";
-import { u as Q } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { Asterisk as U } from "./asterisk.91abccec.js";
-import { DSButton as D } from "./button.89b2675b.js";
-import { DSSystemFeedback as X } from "./systemfeedback.6bbd1505.js";
-const Y = "_input_ps4al_73", Z = "_input--invalid_ps4al_183", z = "_input--small_ps4al_190", tt = "_input--has-leading-icon_ps4al_236", nt = "_input--has-action-button_ps4al_239", at = "_input--has-second-action-button_ps4al_242", et = "_input--has-affix_ps4al_254", st = "_input--is-ready_ps4al_266", ot = "_root_ps4al_273", it = "_hint_ps4al_281", lt = "_label_ps4al_281", ct = "_wrapper_ps4al_285", ut = "_action-button_ps4al_291", pt = "_second-action-button_ps4al_295", rt = "_label--hidden_ps4al_312", _t = "_feedback_ps4al_339", t = {
-  input: Y,
-  "input--invalid": "_input--invalid_ps4al_183",
-  inputInvalid: Z,
-  "input--small": "_input--small_ps4al_190",
-  inputSmall: z,
-  "input--has-leading-icon": "_input--has-leading-icon_ps4al_236",
-  inputHasLeadingIcon: tt,
-  "input--has-action-button": "_input--has-action-button_ps4al_239",
-  inputHasActionButton: nt,
-  "input--has-second-action-button": "_input--has-second-action-button_ps4al_242",
-  inputHasSecondActionButton: at,
-  "input--has-affix": "_input--has-affix_ps4al_254",
-  inputHasAffix: et,
-  "input--is-ready": "_input--is-ready_ps4al_266",
-  inputIsReady: st,
-  root: ot,
-  hint: it,
-  label: lt,
-  wrapper: ct,
-  "action-button": "_action-button_ps4al_291",
-  actionButton: ut,
-  "second-action-button": "_second-action-button_ps4al_295",
-  secondActionButton: pt,
-  "label--hidden": "_label--hidden_ps4al_312",
-  labelHidden: rt,
-  feedback: _t
-}, dt = ({ id: n, label: c }) => {
-  if (!n)
-    throw new Error(
-      S(
-        "DSInputSearch",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputSearch component.'
-      )
-    );
-  if (!c)
-    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"), xt = ({
-  id: n,
-  label: c,
-  className: H,
-  clearButtonLabel: E = "Clear search field",
-  disabled: u = !1,
-  hint: h,
-  hideLabel: j = !1,
-  invalid: p = !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: c
-  });
-  const [r, 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 = r !== "" && r !== void 0 && r !== null, P = l(t.root, H), $ = l(t.input, {
-    // small input
-    [t.inputSmall]: o === "small",
-    // invalid state
-    [t.inputInvalid]: p,
-    // action button - input password always has an action button
-    [t.inputHasActionButton]: !0,
-    // action second action button
-    [t.inputHasSecondActionButton]: N && !s && !u
-  }), R = l(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: V
-  }), q = l(t.actionButton, {
-    [t.actionButtonSmall]: o === "small"
-  }), T = l(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: [
-      c,
-      I && /* @__PURE__ */ a.jsx(U, {})
-    ] }),
-    h && /* @__PURE__ */ a.jsx("div", { className: t.hint, id: x, children: h }),
-    p && 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": p && m ? y : void 0,
-          "aria-invalid": p,
-          "aria-disabled": s,
-          readOnly: s,
-          required: I,
-          disabled: u,
-          type: "search",
-          value: r,
-          onChange: W
-        }
-      ),
-      N && !s && !u && /* @__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: u || s,
-          children: C
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  xt as DSInputSearch
-};

package/inputstepper.b74dac4d.js

@@ -1,284 +0,0 @@
-import "./assets/InputStepper.52fb45ca.css";
-import { j as n } from "./chunks/jsx-runtime.5c071667.js";
-import { c } from "./chunks/index.8021d3e0.js";
-import { useState as _, useRef as B, useEffect as N, useLayoutEffect as M } from "react";
-import { u as fe } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { Asterisk as me } from "./asterisk.91abccec.js";
-import { DSButton as X } from "./button.89b2675b.js";
-import { M as D, b as L } from "./chunks/Input.utils.f8f3286f.js";
-import { DSSystemFeedback as he } from "./systemfeedback.6bbd1505.js";
-import { g as x } from "./chunks/helpers.ea3ca41a.js";
-const be = "_input_e09kw_73", we = "_input--invalid_e09kw_184", ke = "_input--small_e09kw_191", xe = "_input--has-leading-icon_e09kw_237", Se = "_input--has-action-button_e09kw_240", ve = "_input--has-second-action-button_e09kw_243", Ie = "_input--has-affix_e09kw_255", ye = "_input--is-ready_e09kw_267", ge = "_root_e09kw_274", Ae = "_hint_e09kw_282", Be = "_label_e09kw_282", Ne = "_wrapper_e09kw_286", De = "_affix_e09kw_292", Le = "_affix--small_e09kw_310", He = "_affix--disabled_e09kw_322", je = "_prefix_e09kw_326", Ee = "_suffix_e09kw_332", Re = "_action-button_e09kw_337", Ce = "_label--hidden_e09kw_354", $e = "_feedback_e09kw_381", Fe = "_second-action-button_e09kw_395", Ve = "_value-announcer_e09kw_399", t = {
-  input: be,
-  "input--invalid": "_input--invalid_e09kw_184",
-  inputInvalid: we,
-  "input--small": "_input--small_e09kw_191",
-  inputSmall: ke,
-  "input--has-leading-icon": "_input--has-leading-icon_e09kw_237",
-  inputHasLeadingIcon: xe,
-  "input--has-action-button": "_input--has-action-button_e09kw_240",
-  inputHasActionButton: Se,
-  "input--has-second-action-button": "_input--has-second-action-button_e09kw_243",
-  inputHasSecondActionButton: ve,
-  "input--has-affix": "_input--has-affix_e09kw_255",
-  inputHasAffix: Ie,
-  "input--is-ready": "_input--is-ready_e09kw_267",
-  inputIsReady: ye,
-  root: ge,
-  hint: Ae,
-  label: Be,
-  wrapper: Ne,
-  affix: De,
-  "affix--small": "_affix--small_e09kw_310",
-  affixSmall: Le,
-  "affix--disabled": "_affix--disabled_e09kw_322",
-  affixDisabled: He,
-  prefix: je,
-  suffix: Ee,
-  "action-button": "_action-button_e09kw_337",
-  actionButton: Re,
-  "label--hidden": "_label--hidden_e09kw_354",
-  labelHidden: Ce,
-  feedback: $e,
-  "second-action-button": "_second-action-button_e09kw_395",
-  secondActionButton: Fe,
-  "value-announcer": "_value-announcer_e09kw_399",
-  valueAnnouncer: Ve
-}, Pe = ({
-  id: a,
-  label: f,
-  prefix: m,
-  suffix: h
-}) => {
-  if (!a)
-    throw new Error(
-      x(
-        "DSInputStepper",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputStepper component.'
-      )
-    );
-  if (!f)
-    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 > D && console.warn(
-    x(
-      "DSInputStepper",
-      `Prefix length must not exceed ${D} characters.`
-    )
-  ), h && h.length > L && console.warn(
-    x(
-      "DSInputStepper",
-      `Suffix length must not exceed ${L} characters.`
-    )
-  );
-}, Qe = ({
-  id: a,
-  label: f,
-  announcementText: m = "Value changed to",
-  className: h,
-  disabled: d = !1,
-  decreaseAmountButtonLabel: q = "Decrease",
-  hint: S,
-  hideLabel: G = !1,
-  invalid: b = !1,
-  increaseAmountButtonLabel: O = "Increase",
-  prefix: u,
-  max: H = 100,
-  min: j = 0,
-  readonly: w = !1,
-  required: E = !1,
-  size: o = "medium",
-  step: U = 1,
-  suffix: r,
-  systemFeedback: v,
-  value: k,
-  onChange: R,
-  ...J
-}) => {
-  process.env.NODE_ENV !== "production" && Pe({
-    id: a,
-    label: f,
-    prefix: u,
-    suffix: r
-  });
-  const [K, Q] = _(!1), [p, I] = _(k), [y, C] = _(""), [Y, Z] = _(!1), [z, ee] = _({}), s = B(null), te = u == null ? void 0 : u.substring(0, D), g = B(null), ne = r == null ? void 0 : r.substring(0, L), A = B(null), ae = fe(G);
-  N(() => {
-    k && I(k);
-  }, [k]), N(() => {
-    if (y) {
-      const e = setTimeout(() => {
-        C("");
-      }, 3e3);
-      return () => clearTimeout(e);
-    }
-  }, [y]), N(() => {
-    var i;
-    const e = (l) => {
-      l.preventDefault();
-    };
-    return (i = s.current) == null || i.addEventListener("wheel", e, {
-      // 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", e);
-    };
-  }, []), M(() => {
-    const e = o === "medium" ? 16 : 8, i = {};
-    if (g.current) {
-      const l = g.current.offsetWidth;
-      i.paddingLeft = e + l + "px";
-    }
-    if (A.current) {
-      const l = A.current.offsetWidth;
-      i.paddingRight = e + l + "px";
-    }
-    ee(i), Q(!0);
-  }, [u, r, o, Y]), M(() => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Text Regular"'), Z(!0));
-    })();
-  }, []);
-  const $ = c(t.affix, {
-    [t.affixSmall]: o === "small"
-  }), F = `${a}-label`, V = `${a}-feedback`, P = `${a}-hint`, T = `${a}-value-announcer`, se = S ? ` ${P}` : "", oe = c(t.root, h), ie = c(t.input, {
-    // small input
-    [t.inputSmall]: o === "small",
-    // invalid state
-    [t.inputInvalid]: b,
-    // prefix/suffix
-    [t.inputHasAffix]: u || r,
-    [t.inputIsReady]: K
-  }), le = c(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: ae
-  }), ce = c(t.secondActionButton, {
-    [t.secondActionButtonSmall]: o === "small"
-  }), ue = c(t.actionButton, {
-    [t.actionButtonSmall]: o === "small"
-  }), re = () => {
-    const e = [T];
-    return b && v && e.push(V), e.join(" ");
-  }, W = () => {
-    var e;
-    if (s.current) {
-      I(s.current.value);
-      const i = new Event("change", { bubbles: !0 });
-      (e = s.current) == null || e.dispatchEvent(i), C(`${m} ${s.current.value}`);
-    }
-  }, de = () => {
-    var e;
-    (e = s.current) == null || e.stepDown(), W();
-  }, pe = () => {
-    var e;
-    (e = s.current) == null || e.stepUp(), W();
-  }, _e = (e) => {
-    I(e.target.value), R && R(e);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: oe, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: le, id: F, htmlFor: a, children: [
-      f,
-      E && /* @__PURE__ */ n.jsx(me, {})
-    ] }),
-    S && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: P, children: S }),
-    /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        className: t.valueAnnouncer,
-        id: T,
-        children: y
-      }
-    ),
-    b && v && /* @__PURE__ */ n.jsx(
-      he,
-      {
-        className: t.feedback,
-        message: v,
-        type: "invalid",
-        id: V
-      }
-    ),
-    /* @__PURE__ */ n.jsxs("div", { className: t.wrapper, children: [
-      u && /* @__PURE__ */ n.jsx(
-        "span",
-        {
-          className: c($, t.prefix),
-          ref: g,
-          "aria-disabled": d,
-          children: te
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        "input",
-        {
-          className: ie,
-          id: a,
-          ref: s,
-          ...J,
-          style: z,
-          "aria-labelledby": `${F}${se}`,
-          "aria-describedby": re(),
-          "aria-invalid": b,
-          "aria-disabled": w,
-          disabled: d,
-          min: j,
-          max: H,
-          readOnly: w,
-          required: E,
-          step: U,
-          type: "number",
-          value: p,
-          onChange: _e
-        }
-      ),
-      r && /* @__PURE__ */ n.jsx(
-        "span",
-        {
-          className: c($, t.suffix),
-          ref: A,
-          "aria-disabled": d,
-          children: ne
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "minus",
-          variant: "filled",
-          className: ce,
-          size: o,
-          onClick: de,
-          disabled: d || w || !!p && Number(p) <= j,
-          type: "button",
-          children: q
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        X,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: "plus",
-          variant: "filled",
-          className: ue,
-          size: o,
-          onClick: pe,
-          disabled: d || w || !!p && Number(p) >= H,
-          type: "button",
-          children: O
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Qe as DSInputStepper
-};

package/link.cd3720d1.js

@@ -1,84 +0,0 @@
-"use client";
-import { j as d } from "./chunks/jsx-runtime.5c071667.js";
-import { c as u } from "./chunks/index.8021d3e0.js";
-import { u as i } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { DSIcon as S } from "./icon.b4211784.js";
-import { s as o } from "./chunks/Link.module.b8230547.js";
-const F = ({
-  children: n,
-  aria: c,
-  className: h,
-  dataTrackingid: f,
-  download: p,
-  hideLabel: r = !1,
-  href: a,
-  iconName: g,
-  iconPosition: D = "left",
-  iconSource: k,
-  isFlush: s = !1,
-  referrerPolicy: x,
-  rel: j,
-  size: e = "medium",
-  target: G = "_self",
-  theme: t = "light",
-  variant: l = "filled",
-  ...I
-}) => {
-  const O = u(o.root, h, {
-    // variant
-    [o.rootFilled]: l === "filled",
-    [o.rootHighlight]: l === "highlight",
-    [o.rootOutline]: l === "outline",
-    [o.rootGhost]: l === "ghost" && s !== !0,
-    // isFlush
-    [o.rootGhostFlush]: l === "ghost" && s === !0,
-    // dark theme
-    [o.rootDarkFilled]: t === "dark" && l === "filled",
-    [o.rootDarkHighlight]: t === "dark" && l === "highlight",
-    [o.rootDarkOutline]: t === "dark" && l === "outline",
-    [o.rootDarkGhost]: t === "dark" && l === "ghost" && s !== !0,
-    // dark isFlush
-    [o.rootDarkGhostFlush]: t === "dark" && l === "ghost" && s === !0,
-    // size
-    [o.rootSmall]: e === "small",
-    // icon position
-    [o.rootIconLeft]: D === "left",
-    // icon only
-    [o.rootIconOnly]: i(r) && e === "medium",
-    [o.rootIconOnlySmall]: i(r) && e === "small"
-  }), y = u({
-    // hide label only visually to keep them available for assistive technologies
-    [o.labelHidden]: i(r)
-  }), H = t === "light" && l === "filled" || t === "dark" && l === "outline" || t === "dark" && l === "ghost" ? "dark" : "light", m = a === void 0 ? "span" : "a";
-  return /* @__PURE__ */ d.jsxs(
-    m,
-    {
-      className: O,
-      "data-trackingid": f,
-      ...m === "a" && {
-        href: a,
-        target: G,
-        rel: j,
-        referrerPolicy: x,
-        download: p
-      },
-      ...c,
-      ...I,
-      children: [
-        /* @__PURE__ */ d.jsx("span", { className: y, children: n }),
-        (g || k) && /* @__PURE__ */ d.jsx(
-          S,
-          {
-            name: g,
-            theme: H,
-            source: k,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  F as DSLink
-};