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

package/chunks/InputNumber.a44HnJ9B.js

@@ -0,0 +1,240 @@
+"use client";
+import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import { c as r } from "./index.DQOqod3i.js";
+import { forwardRef as Be, useState as m, useRef as E, useEffect as W } from "react";
+import { h as Le } from "./has-window.ut_-aShB.js";
+import { u as J } from "./useBreakpoint.1txsny17.js";
+import "./index.cKLI89Eg.js";
+import { u as K } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { Asterisk as Re } from "../asterisk.Dwtdwpkq.js";
+import { D as Q } from "./Button.DpGeheky.js";
+import { M as k, a as P } from "./Input.utils.D78E4MGO.js";
+import { D as Ee } from "./Popover.C5wtha5l.js";
+import { D as We } from "./SystemFeedback.DFN6Y2cw.js";
+import { g as f } from "./helpers.CexwVao7.js";
+import '../assets/InputNumber.Bmz8cNKg.css';const ke = "ds-input-number_input_1nvt0_1", Pe = "ds-input-number_input--small_1nvt0_9", Ce = "ds-input-number_input--invalid_1nvt0_121", Ve = "ds-input-number_input--has-affix_1nvt0_197", $e = "ds-input-number_input--is-ready_1nvt0_211", He = "ds-input-number_root_1nvt0_222", Fe = "ds-input-number_hint_1nvt0_222", Te = "ds-input-number_label-wrapper_1nvt0_222", Me = "ds-input-number_wrapper_1nvt0_226", Xe = "ds-input-number_affix_1nvt0_232", je = "ds-input-number_affix--small_1nvt0_253", qe = "ds-input-number_prefix_1nvt0_266", Ue = "ds-input-number_suffix_1nvt0_272", Ge = "ds-input-number_affix--disabled_1nvt0_278", Oe = "ds-input-number_affix--readonly_1nvt0_289", Je = "ds-input-number_action-button_1nvt0_325", Ke = "ds-input-number_label_1nvt0_222", Qe = "ds-input-number_label--disabled_1nvt0_344", Ye = "ds-input-number_label-wrapper--hidden_1nvt0_356", Ze = "ds-input-number_feedback_1nvt0_384", ze = "ds-input-number_second-action-button_1nvt0_397", et = "ds-input-number_value-announcer_1nvt0_401", e = {
+  input: ke,
+  inputSmall: Pe,
+  inputInvalid: Ce,
+  inputHasAffix: Ve,
+  inputIsReady: $e,
+  root: He,
+  hint: Fe,
+  labelWrapper: Te,
+  wrapper: Me,
+  affix: Xe,
+  affixSmall: je,
+  prefix: qe,
+  suffix: Ue,
+  affixDisabled: Ge,
+  affixReadonly: Oe,
+  actionButton: Je,
+  label: Ke,
+  labelDisabled: Qe,
+  labelWrapperHidden: Ye,
+  feedback: Ze,
+  secondActionButton: ze,
+  valueAnnouncer: et
+}, Y = (n) => n != null && n !== "", tt = ({
+  id: n,
+  label: b,
+  prefix: _,
+  suffix: h,
+  hideLabel: s,
+  popoverContent: x
+}) => {
+  if (!n)
+    throw new Error(f("DSInputNumber", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputNumber component.'));
+  if (!b)
+    throw new Error(f("DSInputNumber", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputNumber component. If you don't want to display a label, set hideLabel={true}.`));
+  _ && _.length > k && console.warn(f("DSInputNumber", `Prefix length must not exceed ${k} characters.`)), h && h.length > P && console.warn(f("DSInputNumber", `Suffix length must not exceed ${P} characters.`)), s && x && console.warn(f("DSInputNumber", "Using a popover when hideLabel is set to true is not supported."));
+}, nt = Be(({
+  id: n,
+  label: b,
+  announcementText: _ = "Value changed to",
+  className: h,
+  disabled: s = !1,
+  decreaseAmountButtonProps: x,
+  hint: y,
+  hideLabel: C = !1,
+  invalid: v = !1,
+  increaseAmountButtonProps: Z,
+  prefix: u,
+  max: V = 100,
+  min: $ = 0,
+  popoverContent: D,
+  popoverInfoButtonProps: z,
+  readonly: l = !1,
+  required: H = !1,
+  size: i = "medium",
+  step: ee = 1,
+  suffix: c,
+  systemFeedback: A,
+  value: S,
+  onChange: F,
+  ...te
+}, I) => {
+  process.env.NODE_ENV !== "production" && tt({
+    id: n,
+    label: b,
+    prefix: u,
+    suffix: c,
+    hideLabel: J(C),
+    popoverContent: D
+  });
+  const {
+    label: ne = "Decrease",
+    tooltip: ae,
+    ...se
+  } = x || {}, {
+    label: oe = "Increase",
+    tooltip: re,
+    ...ie
+  } = Z || {}, [ue, le] = m(!1), [p, g] = m(S), [w, T] = m(""), [ce, pe] = m(!1), [de, me] = m({}), o = E(null), fe = (t) => {
+    o.current = t, typeof I == "function" ? I(t) : I && (I.current = t);
+  }, be = u?.substring(0, k), B = E(null), _e = c?.substring(0, P), L = E(null), M = J(C);
+  W(() => {
+    g(S);
+  }, [S]), W(() => {
+    if (w) {
+      const t = setTimeout(() => {
+        T("");
+      }, 3e3);
+      return () => clearTimeout(t);
+    }
+  }, [w]), W(() => {
+    const t = (d) => {
+      d.preventDefault();
+    };
+    return o.current?.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
+    }), () => {
+      o.current?.removeEventListener("wheel", t);
+    };
+  }, []), K(() => {
+    const t = i === "medium" ? 16 : 8, d = {};
+    if (B.current) {
+      const R = B.current.offsetWidth;
+      d.paddingInlineStart = t + R + "px";
+    }
+    if (L.current) {
+      const R = L.current.offsetWidth;
+      d.paddingInlineEnd = t + R + "px";
+    }
+    me(d), le(!0);
+  }, [u, c, i, ce]), K(() => {
+    Le && (async () => "fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), pe(!0)))();
+  }, []);
+  const X = r(e.affix, {
+    [e.affixSmall]: i === "small",
+    [e.affixDisabled]: s,
+    [e.affixReadonly]: l
+  }), j = `${n}-label`, q = `${n}-feedback`, U = `${n}-hint`, G = `${n}-value-announcer`, he = y ? ` ${U}` : "", ve = r(e.root, h), Ie = r(e.input, {
+    // small input
+    [e.inputSmall]: i === "small",
+    // invalid state
+    [e.inputInvalid]: v,
+    // prefix/suffix
+    [e.inputHasAffix]: u || c,
+    [e.inputIsReady]: ue
+  }), Ne = r(e.label, {
+    [e.labelDisabled]: s
+  }), xe = r(e.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelWrapperHidden]: M
+  }), ye = r(e.secondActionButton, {
+    [e.secondActionButtonSmall]: i === "small"
+  }), De = r(e.actionButton, {
+    [e.actionButtonSmall]: i === "small"
+  }), Ae = () => {
+    const t = [G];
+    return v && A && t.push(q), t.join(" ");
+  }, O = () => {
+    if (o.current) {
+      g(o.current.value);
+      const t = new Event("change", {
+        bubbles: !0
+      });
+      o.current?.dispatchEvent(t), T(`${_} ${o.current.value}`);
+    }
+  }, Se = () => {
+    o.current?.stepDown(), O();
+  }, ge = () => {
+    o.current?.stepUp(), O();
+  }, we = (t) => {
+    g(t.target.value), F && F(t);
+  };
+  return /* @__PURE__ */ N("div", { className: ve, children: [
+    /* @__PURE__ */ N("div", { className: xe, children: [
+      /* @__PURE__ */ N("label", { className: Ne, id: j, htmlFor: n, children: [
+        b,
+        H && /* @__PURE__ */ a(Re, {})
+      ] }),
+      D && !M && /* @__PURE__ */ a(Ee, { placement: "top", defaultAnchorButtonProps: z, children: D })
+    ] }),
+    y && /* @__PURE__ */ a("div", { className: e.hint, id: U, children: y }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        className: e.valueAnnouncer,
+        id: G,
+        children: w
+      }
+    ),
+    /* @__PURE__ */ N("div", { className: e.wrapper, children: [
+      u && /* @__PURE__ */ a(
+        "span",
+        {
+          className: r(X, e.prefix),
+          ref: B,
+          "aria-disabled": s,
+          children: be
+        }
+      ),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          className: Ie,
+          id: n,
+          ...te,
+          style: de,
+          ref: fe,
+          "aria-labelledby": `${j}${he}`,
+          "aria-describedby": Ae(),
+          "aria-invalid": v,
+          "aria-disabled": l,
+          disabled: s,
+          min: $,
+          max: V,
+          readOnly: l,
+          required: H,
+          step: ee,
+          type: "number",
+          value: p,
+          onChange: we
+        }
+      ),
+      c && /* @__PURE__ */ a(
+        "span",
+        {
+          className: r(X, e.suffix),
+          ref: L,
+          "aria-disabled": s,
+          children: _e
+        }
+      ),
+      /* @__PURE__ */ a(Q, { ...se, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: ye, size: i, onClick: Se, tooltip: ae, disabled: s || l || Y(p) && Number(p) <= Number($), type: "button", children: ne }),
+      /* @__PURE__ */ a(Q, { ...ie, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", tooltip: re, className: De, size: i, onClick: ge, disabled: s || l || Y(p) && Number(p) >= Number(V), type: "button", children: oe })
+    ] }),
+    v && A && /* @__PURE__ */ a(We, { className: e.feedback, message: A, variant: "error", id: q })
+  ] });
+});
+nt.displayName = "DSInputNumber";
+export {
+  nt as D,
+  Y as i,
+  tt as v
+};

package/chunks/InputPassword.B1E0Maub.js

@@ -0,0 +1,121 @@
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { c as e } from "./index.DQOqod3i.js";
+import { forwardRef as F, useState as M, useRef as U } from "react";
+import { u as I } from "./useBreakpoint.1txsny17.js";
+import { Asterisk as G } from "../asterisk.Dwtdwpkq.js";
+import { D as J } from "./Button.DpGeheky.js";
+import { D as K } from "./Popover.C5wtha5l.js";
+import { D as Q } from "./SystemFeedback.DFN6Y2cw.js";
+import { g as f } from "./helpers.CexwVao7.js";
+import "./index.cKLI89Eg.js";
+import '../assets/InputPassword.CutbykTm.css';const X = "ds-input-password_input_l2ovg_1", Y = "ds-input-password_input--small_l2ovg_9", Z = "ds-input-password_input--invalid_l2ovg_121", z = "ds-input-password_input--has-action-button_l2ovg_182", ss = "ds-input-password_root_l2ovg_218", as = "ds-input-password_hint_l2ovg_218", ts = "ds-input-password_label-wrapper_l2ovg_218", os = "ds-input-password_wrapper_l2ovg_222", es = "ds-input-password_action-button_l2ovg_228", ns = "ds-input-password_label_l2ovg_218", rs = "ds-input-password_label--disabled_l2ovg_247", ls = "ds-input-password_label-wrapper--hidden_l2ovg_259", is = "ds-input-password_feedback_l2ovg_287", s = {
+  input: X,
+  inputSmall: Y,
+  inputInvalid: Z,
+  inputHasActionButton: z,
+  root: ss,
+  hint: as,
+  labelWrapper: ts,
+  wrapper: os,
+  actionButton: es,
+  label: ns,
+  labelDisabled: rs,
+  labelWrapperHidden: ls,
+  feedback: is
+}, 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: B,
+  readonly: v = !1,
+  required: g = !1,
+  togglePasswordVisibilityButtonProps: N,
+  size: b = "medium",
+  systemFeedback: m,
+  ...k
+}, l) => {
+  process.env.NODE_ENV !== "production" && ps({
+    id: a,
+    label: n,
+    hideLabel: I(h),
+    popoverContent: w
+  });
+  const {
+    hidePasswordText: H = "Hide password",
+    showPasswordText: A = "Show password",
+    ...W
+  } = N || {}, [_, x] = M(!1), P = `${a}-label`, D = `${a}-feedback`, S = `${a}-hint`, L = u ? ` ${S}` : "", $ = [r && m && D].filter(Boolean).join(" ") || void 0, y = I(h), C = e(s.root, d), E = e(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 = e(s.label, {
+    [s.labelDisabled]: c
+  }), T = e(s.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [s.labelWrapperHidden]: y
+  }), V = e(s.actionButton, {
+    [s.actionButtonSmall]: b === "small"
+  }), j = U(null), q = (o) => {
+    j.current = o, typeof l == "function" ? l(o) : l && (l.current = o);
+  }, O = () => {
+    x((o) => !o);
+  };
+  return /* @__PURE__ */ i("div", { className: C, children: [
+    /* @__PURE__ */ i("div", { className: T, children: [
+      /* @__PURE__ */ i("label", { className: R, id: P, htmlFor: a, children: [
+        n,
+        g && /* @__PURE__ */ t(G, {})
+      ] }),
+      w && !y && /* @__PURE__ */ t(K, { placement: "top", defaultAnchorButtonProps: B, children: w })
+    ] }),
+    u && /* @__PURE__ */ t("div", { className: s.hint, id: S, children: u }),
+    /* @__PURE__ */ i("div", { className: s.wrapper, children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: E,
+          id: a,
+          ...k,
+          ref: q,
+          "aria-labelledby": `${P}${L}`,
+          "aria-describedby": $,
+          "aria-invalid": r,
+          "aria-disabled": v,
+          readOnly: v,
+          required: g,
+          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: D })
+  ] });
+});
+ds.displayName = "DSInputPassword";
+export {
+  ds as D,
+  ps as v
+};

package/chunks/InputSearch.C7AvD7Eu.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsxs as h, 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.DpGeheky.js";
+import { D as rt } from "./Popover.C5wtha5l.js";
+import { D as it } from "./SystemFeedback.DFN6Y2cw.js";
+import '../assets/InputSearch.Sr9jVpKt.css';const ct = "ds-input-search_input_37dw5_1", lt = "ds-input-search_input--small_37dw5_9", ut = "ds-input-search_input--invalid_37dw5_121", pt = "ds-input-search_input--has-action-button_37dw5_182", dt = "ds-input-search_input--has-second-action-button_37dw5_185", ht = "ds-input-search_root_37dw5_218", mt = "ds-input-search_hint_37dw5_218", bt = "ds-input-search_label-wrapper_37dw5_218", ft = "ds-input-search_wrapper_37dw5_222", _t = "ds-input-search_action-button_37dw5_228", wt = "ds-input-search_second-action-button_37dw5_232", St = "ds-input-search_label_37dw5_218", Dt = "ds-input-search_label--disabled_37dw5_251", Bt = "ds-input-search_label-wrapper--hidden_37dw5_263", It = "ds-input-search_feedback_37dw5_291", t = {
+  input: ct,
+  inputSmall: lt,
+  inputInvalid: ut,
+  inputHasActionButton: pt,
+  inputHasSecondActionButton: dt,
+  root: ht,
+  hint: mt,
+  labelWrapper: bt,
+  wrapper: ft,
+  actionButton: _t,
+  secondActionButton: wt,
+  label: St,
+  labelDisabled: Dt,
+  labelWrapperHidden: Bt,
+  feedback: It
+}, vt = ({
+  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."));
+}, gt = (n) => !!st(n, "form"), Nt = nt(({
+  id: n,
+  label: c,
+  className: b,
+  clearButtonLabel: f = "Clear search field",
+  disabled: o = !1,
+  hint: _,
+  hideLabel: I = !1,
+  invalid: l = !1,
+  popoverContent: w,
+  popoverInfoButtonProps: $,
+  readonly: r = !1,
+  required: v = !1,
+  size: i = "medium",
+  systemFeedback: S,
+  value: D,
+  submitButtonProps: j,
+  onChange: g,
+  ...R
+}, u) => {
+  process.env.NODE_ENV !== "production" && vt({
+    id: n,
+    label: c,
+    hideLabel: O(I),
+    popoverContent: w
+  });
+  const {
+    label: x = "Search",
+    onClick: q,
+    ...T
+  } = j || {}, [p, N] = at(D), B = L(null), d = L(null), F = (e) => {
+    d.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
+  }, y = O(I);
+  V(() => {
+    N(D);
+  }, [D]), V(() => {
+    B.current && !gt(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 A = `${n}-label`, E = `${n}-feedback`, H = `${n}-hint`, M = _ ? ` ${H}` : "", U = [l && S && E].filter(Boolean).join(" ") || void 0, k = 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]: k && !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]: y
+  }), 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 (!d.current)
+      return;
+    Z(d.current, "");
+    const e = new Event("change", {
+      bubbles: !0
+    });
+    d.current?.dispatchEvent(e);
+  }, tt = (e) => {
+    N(e.target.value), g && g(e);
+  };
+  return /* @__PURE__ */ h("div", { className: G, ref: B, children: [
+    /* @__PURE__ */ h("div", { className: Q, children: [
+      /* @__PURE__ */ h("label", { className: K, id: A, htmlFor: n, children: [
+        c,
+        v && /* @__PURE__ */ a(ot, {})
+      ] }),
+      w && !y && /* @__PURE__ */ a(rt, { placement: "top", defaultAnchorButtonProps: $, children: w })
+    ] }),
+    _ && /* @__PURE__ */ a("div", { className: t.hint, id: H, children: _ }),
+    /* @__PURE__ */ h("div", { className: t.wrapper, children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          className: J,
+          id: n,
+          ...R,
+          ref: F,
+          "aria-labelledby": `${A}${M}`,
+          "aria-describedby": U,
+          "aria-invalid": l,
+          "aria-disabled": r,
+          readOnly: r,
+          required: v,
+          disabled: o,
+          type: "search",
+          value: p,
+          onChange: tt
+        }
+      ),
+      k && !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 && S && /* @__PURE__ */ a(it, { className: t.feedback, message: S, variant: "error", id: E })
+  ] });
+});
+Nt.displayName = "DSInputSearch";
+export {
+  Nt as D,
+  gt as i,
+  vt as v
+};

package/chunks/LinkButton.CMjq2FKc.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsxs as N, jsx as g } from "react/jsx-runtime";
+import { c as p } from "./index.DQOqod3i.js";
+import { forwardRef as H } from "react";
+import { u as i } from "./useBreakpoint.1txsny17.js";
+import "./index.cKLI89Eg.js";
+import { D as A } from "./Icon.m6sMB6vl.js";
+import { Tooltip as b } from "../tooltip._lP4aMV2.js";
+import { g as r } from "./helpers.CexwVao7.js";
+import '../assets/LinkButton.BEbmxP7h.css';const E = "ds-link-button_root_250ek_1", P = "ds-link-button_root--highlight_250ek_75", C = "ds-link-button_root--dark-highlight_250ek_75", x = "ds-link-button_root--filled_250ek_151", V = "ds-link-button_root--outline_250ek_179", j = "ds-link-button_root--ghost_250ek_206", K = "ds-link-button_root--ghost-flush_250ek_231", R = "ds-link-button_root--small_250ek_237", U = "ds-link-button_root--navigation_250ek_317", M = "ds-link-button_root--navigation--stretched_250ek_393", Z = "ds-link-button_root--navigation--stretched--icon-left_250ek_396", q = "ds-link-button_root--dark-filled_250ek_399", J = "ds-link-button_root--dark-outline_250ek_456", Q = "ds-link-button_root--dark-ghost_250ek_512", W = "ds-link-button_root--dark-ghost-flush_250ek_566", X = "ds-link-button_root--stretched_250ek_641", Y = "ds-link-button_root--icon-left_250ek_644", $ = "ds-link-button_root--icon-only_250ek_647", z = "ds-link-button_root--icon-only-small_250ek_656", oo = "ds-link-button_icon--navigation_250ek_668", to = "ds-link-button_label--hidden_250ek_676", t = {
+  root: E,
+  rootHighlight: P,
+  rootDarkHighlight: C,
+  rootFilled: x,
+  rootOutline: V,
+  rootGhost: j,
+  rootGhostFlush: K,
+  rootSmall: R,
+  rootNavigation: U,
+  rootNavigationStretched: M,
+  rootNavigationStretchedIconLeft: Z,
+  rootDarkFilled: q,
+  rootDarkOutline: J,
+  rootDarkGhost: Q,
+  rootDarkGhostFlush: W,
+  rootStretched: X,
+  rootIconLeft: Y,
+  rootIconOnly: $,
+  rootIconOnlySmall: z,
+  iconNavigation: oo,
+  labelHidden: to
+}, go = ["medium", "small"], uo = ["filled", "highlight", "outline", "ghost", "navigation"], no = ({
+  hideLabel: u,
+  iconName: _,
+  iconSource: f,
+  isFlush: d,
+  size: l,
+  stretched: s,
+  theme: a,
+  variant: e
+}) => {
+  if (e === "navigation" && (l === "small" && console.warn(r("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), a === "dark"))
+    throw new Error(r("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  e !== "ghost" && d ? console.warn(r("DSLinkButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : e === "ghost" && d && s && console.warn(r("DSLinkButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), u && (!_ && !f && console.warn(r("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(r("DSLinkButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, eo = H(({
+  children: u,
+  aria: _,
+  className: f,
+  download: d,
+  hideLabel: l = !1,
+  href: s,
+  iconName: a,
+  iconPosition: e = "left",
+  iconSource: m,
+  isFlush: h = !1,
+  referrerPolicy: L,
+  rel: I,
+  size: c = "medium",
+  stretched: k = !1,
+  target: O = "_self",
+  theme: n = "light",
+  variant: o = "filled",
+  tooltip: D,
+  ...w
+}, B) => {
+  process.env.NODE_ENV !== "production" && no({
+    hideLabel: i(l),
+    iconName: a,
+    iconSource: m,
+    isFlush: h,
+    size: c,
+    stretched: k,
+    theme: n,
+    variant: o
+  });
+  const y = p(t.root, f, {
+    // variant
+    [t.rootFilled]: o === "filled",
+    [t.rootHighlight]: o === "highlight",
+    [t.rootOutline]: o === "outline",
+    [t.rootGhost]: o === "ghost" && h !== !0,
+    [t.rootNavigation]: o === "navigation",
+    [t.rootNavigationStretched]: o === "navigation" && i(k) && e === "right",
+    [t.rootNavigationStretchedIconLeft]: o === "navigation" && i(k) && e === "left",
+    // isFlush
+    [t.rootGhostFlush]: o === "ghost" && h === !0,
+    // dark theme
+    [t.rootDarkFilled]: n === "dark" && o === "filled",
+    [t.rootDarkHighlight]: n === "dark" && o === "highlight",
+    [t.rootDarkOutline]: n === "dark" && o === "outline",
+    [t.rootDarkGhost]: n === "dark" && o === "ghost" && h !== !0,
+    // dark isFlush
+    [t.rootDarkGhostFlush]: n === "dark" && o === "ghost" && h === !0,
+    // size
+    [t.rootSmall]: c === "small" || o === "navigation",
+    // stretched
+    [t.rootStretched]: i(k),
+    // icon position
+    [t.rootIconLeft]: e === "left",
+    // icon only
+    [t.rootIconOnly]: i(l) && c === "medium" && o !== "navigation",
+    [t.rootIconOnlySmall]: i(l) && c === "small" && o !== "navigation"
+  }), G = p({
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: i(l) && o !== "navigation"
+    // if no label classes are set via classNames, return undefined to avoid empty class attribute
+  }) || void 0, T = p({
+    [t.iconNavigation]: o === "navigation"
+  }), F = n === "light" && o === "filled" || n === "dark" && o === "outline" || n === "dark" && o === "ghost" ? "dark" : "light", S = s === void 0 ? "span" : "a", v = /* @__PURE__ */ N(
+    S,
+    {
+      className: y,
+      ...S === "a" && {
+        href: s,
+        target: O,
+        rel: I,
+        referrerPolicy: L,
+        download: d
+      },
+      ..._,
+      ...w,
+      ref: B,
+      children: [
+        /* @__PURE__ */ g("span", { className: G, children: u }),
+        (a || m) && /* @__PURE__ */ g(A, { name: a, theme: F, source: m, className: T, "aria-hidden": "true" })
+      ]
+    }
+  );
+  return D ? /* @__PURE__ */ N(b, { placement: "top", tooltipOffset: 6, children: [
+    /* @__PURE__ */ g(b.Anchor, { children: v }),
+    /* @__PURE__ */ g(b.Content, { children: D })
+  ] }) : v;
+});
+eo.displayName = "DSLinkButton";
+export {
+  eo as D,
+  go as L,
+  uo as a,
+  no as v
+};