@stihl-design-system/components 1.0.0-RC.11 → 1.0.0-RC.12

package/floatingactionbutton.D5L0B7zI.js

@@ -0,0 +1,87 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as n } from "./chunks/index.CvOaL64Y.js";
+import { D as h } from "./chunks/Icon.BCmt_XBG.js";
+import { DSSpinner as k } from "./spinner.Bq97Og-6.js";
+import './assets/floatingactionbutton.E9HekT6S.css';const D = "ds-floating-action-button_root_1any0_1", x = "ds-floating-action-button_root--dark_1any0_70", S = "ds-floating-action-button_root--small_1any0_108", j = "ds-floating-action-button_loader_1any0_129", H = "ds-floating-action-button_icon--hidden_1any0_141", N = "ds-floating-action-button_label--hidden_1any0_145", o = {
+  root: D,
+  "root--dark": "ds-floating-action-button_root--dark_1any0_70",
+  rootDark: x,
+  "root--small": "ds-floating-action-button_root--small_1any0_108",
+  rootSmall: S,
+  loader: j,
+  "icon--hidden": "ds-floating-action-button_icon--hidden_1any0_141",
+  iconHidden: H,
+  "label--hidden": "ds-floating-action-button_label--hidden_1any0_145",
+  labelHidden: N
+}, B = ({
+  aria: c,
+  children: _,
+  className: m,
+  dataTrackingid: b,
+  disabled: l = !1,
+  iconName: s = "placeholder",
+  iconSource: i,
+  loading: t = !1,
+  size: u = "medium",
+  theme: r = "light",
+  onClick: d,
+  ...f
+}) => {
+  const y = n(
+    o.root,
+    o.rootIconOnlySmall,
+    m,
+    {
+      // dark theme
+      [o.rootDark]: r === "dark",
+      // size
+      [o.rootSmall]: u === "small"
+    }
+  ), p = n(o.icon, {
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: t
+  }), g = (e) => {
+    if (l || t) {
+      e.preventDefault();
+      return;
+    }
+    d && d(e);
+  };
+  return /* @__PURE__ */ a.jsxs(
+    "button",
+    {
+      className: y,
+      "data-trackingid": b,
+      type: "button",
+      onClick: g,
+      ...c,
+      ...f,
+      "aria-disabled": l || t,
+      "aria-busy": t,
+      children: [
+        t && /* @__PURE__ */ a.jsx(
+          k,
+          {
+            className: o.loader,
+            aria: { "aria-label": "Loading state" }
+          }
+        ),
+        /* @__PURE__ */ a.jsx("span", { className: n(o.label, o.labelHidden), children: _ }),
+        (s || i) && /* @__PURE__ */ a.jsx(
+          h,
+          {
+            name: s,
+            theme: r,
+            source: i,
+            className: p,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as DSFloatingActionButton
+};

package/heading.IPIYc5vW.js

@@ -0,0 +1,50 @@
+"use client";
+import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as u } from "./chunks/index.CvOaL64Y.js";
+import './assets/heading.u4f8Mz94.css';const m = "ds-heading_root_6kuzl_1", g = "ds-heading_root--x-large_6kuzl_4", c = "ds-heading_root--x-large-uppercase_6kuzl_19", n = "ds-heading_root--large_6kuzl_35", i = "ds-heading_root--large-uppercase_6kuzl_50", h = "ds-heading_root--medium_6kuzl_66", k = "ds-heading_root--medium-uppercase_6kuzl_75", x = "ds-heading_root--small_6kuzl_85", z = "ds-heading_root--small-uppercase_6kuzl_94", L = "ds-heading_root--theme-dark_6kuzl_104", o = {
+  root: m,
+  "root--x-large": "ds-heading_root--x-large_6kuzl_4",
+  rootXLarge: g,
+  "root--x-large-uppercase": "ds-heading_root--x-large-uppercase_6kuzl_19",
+  rootXLargeUppercase: c,
+  "root--large": "ds-heading_root--large_6kuzl_35",
+  rootLarge: n,
+  "root--large-uppercase": "ds-heading_root--large-uppercase_6kuzl_50",
+  rootLargeUppercase: i,
+  "root--medium": "ds-heading_root--medium_6kuzl_66",
+  rootMedium: h,
+  "root--medium-uppercase": "ds-heading_root--medium-uppercase_6kuzl_75",
+  rootMediumUppercase: k,
+  "root--small": "ds-heading_root--small_6kuzl_85",
+  rootSmall: x,
+  "root--small-uppercase": "ds-heading_root--small-uppercase_6kuzl_94",
+  rootSmallUppercase: z,
+  "root--theme-dark": "ds-heading_root--theme-dark_6kuzl_104",
+  rootThemeDark: L
+}, M = ({
+  children: r,
+  className: a,
+  size: e = "medium",
+  tag: t = "h2",
+  // default tag because of SEO reasons (h1 should be used only once per page)
+  theme: s = "light",
+  ...l
+}) => {
+  const p = t, d = u(o.root, a, {
+    // sizes
+    [o.rootXLarge]: e === "x-large",
+    [o.rootXLargeUppercase]: e === "x-large-uppercase",
+    [o.rootLarge]: e === "large",
+    [o.rootLargeUppercase]: e === "large-uppercase",
+    [o.rootMedium]: e == "medium",
+    [o.rootMediumUppercase]: e == "medium-uppercase",
+    [o.rootSmall]: e == "small",
+    [o.rootSmallUppercase]: e == "small-uppercase",
+    // dark theme
+    [o.rootThemeDark]: s === "dark"
+  });
+  return /* @__PURE__ */ _.jsx(p, { className: d, ...l, children: r });
+};
+export {
+  M as DSHeading
+};

package/{icon.BoMgOmC1.js → icon.Ck0BpI34.js}

@@ -2,7 +2,7 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import { D as p } from "./chunks/Icon.C2o2seDb.js";
+import { D as p } from "./chunks/Icon.BCmt_XBG.js";
 export {
   p as DSIcon
 };

package/index.es.js

@@ -1,39 +1,39 @@
 "use client";
-import { A as x, C as N, D as d, v as O } from "./chunks/Accordion.DFwFN8mX.js";
-import { DSAriaLiveRegions as A } from "./arialiveregions.BKpxxK7O.js";
-import { DSButton as h } from "./button.C5opEJ6x.js";
-import { DSButtonRound as P } from "./buttonround.CUoqRyy0.js";
-import { DSCheckbox as E } from "./checkbox.DETR3e3X.js";
-import { D as C, v as R } from "./chunks/CheckboxGroup.M3jOjhNf.js";
-import { DSCombobox as G } from "./combobox.BeTnbG1m.js";
-import { C as b, b as B, a as H, D as Z, v as X } from "./chunks/CustomReactSelect.D3jv5-fa.js";
-import { D as k, v as w } from "./chunks/Dialog.Fwr6vLiK.js";
-import { a as V, D as y, v as K } from "./chunks/Drawer.CKoYzQHd.js";
-import { D as Y, v as q } from "./chunks/Fieldset.C9K8BYmH.js";
-import { DSFlag as z } from "./flag.XJHHSP38.js";
-import { DSFloatingActionButton as Q } from "./floatingactionbutton.CMpkTdhX.js";
-import { DSHeading as oo } from "./heading.CAkraI2D.js";
-import { D as eo, I as ro, u as to } from "./chunks/Icon.C2o2seDb.js";
-import { DSInput as io } from "./input.v7qB7wPJ.js";
+import { A as x, C as N, D as d, v as O } from "./chunks/Accordion.CB6jB3s_.js";
+import { DSAriaLiveRegions as A } from "./arialiveregions.Cyycgs8g.js";
+import { DSButton as h } from "./button.M4nXjcUn.js";
+import { DSButtonRound as P } from "./buttonround.E56F_805.js";
+import { DSCheckbox as E } from "./checkbox.Cb2_ey6U.js";
+import { D as C, v as R } from "./chunks/CheckboxGroup.S6i5EOc4.js";
+import { DSCombobox as G } from "./combobox.DUzv8jzM.js";
+import { C as b, b as B, a as H, D as Z, v as X } from "./chunks/CustomReactSelect.Cg_XW3YK.js";
+import { D as k, v as w } from "./chunks/Dialog.CudsqNag.js";
+import { a as V, D as y, v as K } from "./chunks/Drawer.ueG2Bzr9.js";
+import { D as Y, v as q } from "./chunks/Fieldset.Cjmkgxxk.js";
+import { DSFlag as z } from "./flag.BKpsdB_-.js";
+import { DSFloatingActionButton as Q } from "./floatingactionbutton.D5L0B7zI.js";
+import { DSHeading as oo } from "./heading.IPIYc5vW.js";
+import { D as eo, I as ro, u as to } from "./chunks/Icon.BCmt_XBG.js";
+import { DSInput as io } from "./input.BEnCFNM-.js";
 import { I as So, M as lo, a as Io, S as Do, U as mo, h as no, i as To, c as _o, s as xo, v as No, b as Oo } from "./chunks/Input.utils.ChV6RJsh.js";
-import { D as Ao, v as go } from "./chunks/InputPassword.C7pNeWGx.js";
-import { D as uo, i as Po, v as fo } from "./chunks/InputSearch.B24rcIJ_.js";
-import { D as vo, v as Co } from "./chunks/InputStepper.CEW-bieQ.js";
-import { DSLink as Lo } from "./link.Clk5_BYp.js";
-import { DSLinkStandalone as Uo } from "./linkstandalone.BXERmqdN.js";
-import { DSLogo as Bo } from "./logo.CEO6OV7u.js";
-import { D as Zo, a as Xo, N as Fo } from "./chunks/Notification.BXVN7_Fs.js";
-import { D as wo, a as Mo, o as Vo, v as yo } from "./chunks/RadioGroup.D4UOflwr.js";
-import { D as Wo, S as Yo, g as qo, v as jo } from "./chunks/Select.Ds86q4UC.js";
-import { DSSkipToContent as Jo } from "./skiptocontent.DUQWopO4.js";
-import { DSSpinner as $o } from "./spinner.D-xrotcu.js";
-import { DSSwitch as aa } from "./switch.CoNnIhM4.js";
-import { DSChipGroup as ra } from "./chipgroup.BJrqEfvr.js";
-import { C as sa, c as ia, b as pa, D as Sa, g as la, d as Ia, v as Da, a as ma } from "./chunks/Chip.fMG8wi5K.js";
-import { DSText as Ta } from "./text.fMcHzVbH.js";
-import { D as xa, T as Na, v as da } from "./chunks/Textarea.DcB8hKnO.js";
-import { DSTitle as ca } from "./title.LY1ylQsb.js";
-import { DSToastProvider as ga, useDSToast as ha } from "./toastmanager.Dl8-Q3ED.js";
+import { D as Ao, v as go } from "./chunks/InputPassword.CNLbBFjx.js";
+import { D as uo, i as Po, v as fo } from "./chunks/InputSearch.CHA6mkX_.js";
+import { D as vo, v as Co } from "./chunks/InputStepper.xmWGU9pU.js";
+import { DSLink as Lo } from "./link.DREJAoPG.js";
+import { DSLinkStandalone as Uo } from "./linkstandalone.BBoEniZ_.js";
+import { DSLogo as Bo } from "./logo.Hul8qCFo.js";
+import { D as Zo, a as Xo, N as Fo } from "./chunks/Notification.o6pagKQy.js";
+import { D as wo, a as Mo, o as Vo, v as yo } from "./chunks/RadioGroup.Crj7NoOs.js";
+import { D as Wo, S as Yo, g as qo, v as jo } from "./chunks/Select.E6gLFYLk.js";
+import { DSSkipToContent as Jo } from "./skiptocontent.BxvpIB7H.js";
+import { DSSpinner as $o } from "./spinner.Bq97Og-6.js";
+import { DSSwitch as aa } from "./switch.DI8YYa5G.js";
+import { DSChipGroup as ra } from "./chipgroup.BvTj1ziW.js";
+import { C as sa, c as ia, b as pa, D as Sa, g as la, d as Ia, v as Da, a as ma } from "./chunks/Chip.CMlPUyOJ.js";
+import { DSText as Ta } from "./text.DThvTwm8.js";
+import { D as xa, T as Na, v as da } from "./chunks/Textarea.DUBSOpNL.js";
+import { DSTitle as ca } from "./title.DqzdB2Gq.js";
+import { DSToastProvider as ga, useDSToast as ha } from "./toastmanager.B7EZ4JSI.js";
 const o = ["medium", "small"], a = [
   "filled",
   "highlight",

package/input.BEnCFNM-.js

@@ -0,0 +1,239 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as l } from "./chunks/index.CvOaL64Y.js";
+import { useState as r, useRef as k, useEffect as sn } from "react";
+import { u as en } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { v as ln, b as on, M as dn, a as un, u as w, s as cn, c as fn, i as v } from "./chunks/Input.utils.ChV6RJsh.js";
+import { Asterisk as hn } from "./asterisk.DpzETKdT.js";
+import { DSButton as E } from "./button.M4nXjcUn.js";
+import { D as pn } from "./chunks/Icon.BCmt_XBG.js";
+import { DSSystemFeedback as _n } from "./systemfeedback.C3Pfxxpp.js";
+import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "ds-input_input--invalid_yfh6h_113", yn = "ds-input_input--small_yfh6h_120", bn = "ds-input_input--has-leading-icon_yfh6h_173", xn = "ds-input_input--has-action-button_yfh6h_176", gn = "ds-input_input--has-second-action-button_yfh6h_179", In = "ds-input_input--has-affix_yfh6h_191", Sn = "ds-input_input--is-ready_yfh6h_205", Hn = "ds-input_root_yfh6h_212", Dn = "ds-input_hint_yfh6h_220", kn = "ds-input_label_yfh6h_220", vn = "ds-input_wrapper_yfh6h_224", Cn = "ds-input_affix_yfh6h_230", Rn = "ds-input_affix--small_yfh6h_251", jn = "ds-input_affix--disabled_yfh6h_264", Ln = "ds-input_prefix_yfh6h_272", An = "ds-input_affix--readonly_yfh6h_275", Nn = "ds-input_suffix_yfh6h_285", Bn = "ds-input_leading-icon_yfh6h_292", wn = "ds-input_leading-icon--small_yfh6h_304", En = "ds-input_leading-icon--disabled_yfh6h_307", Tn = "ds-input_action-button_yfh6h_316", Fn = "ds-input_label--hidden_yfh6h_334", Pn = "ds-input_label--disabled_yfh6h_347", On = "ds-input_feedback_yfh6h_367", n = {
+  input: rn,
+  "input--invalid": "ds-input_input--invalid_yfh6h_113",
+  inputInvalid: mn,
+  "input--small": "ds-input_input--small_yfh6h_120",
+  inputSmall: yn,
+  "input--has-leading-icon": "ds-input_input--has-leading-icon_yfh6h_173",
+  inputHasLeadingIcon: bn,
+  "input--has-action-button": "ds-input_input--has-action-button_yfh6h_176",
+  inputHasActionButton: xn,
+  "input--has-second-action-button": "ds-input_input--has-second-action-button_yfh6h_179",
+  inputHasSecondActionButton: gn,
+  "input--has-affix": "ds-input_input--has-affix_yfh6h_191",
+  inputHasAffix: In,
+  "input--is-ready": "ds-input_input--is-ready_yfh6h_205",
+  inputIsReady: Sn,
+  root: Hn,
+  hint: Dn,
+  label: kn,
+  wrapper: vn,
+  affix: Cn,
+  "affix--small": "ds-input_affix--small_yfh6h_251",
+  affixSmall: Rn,
+  "affix--disabled": "ds-input_affix--disabled_yfh6h_264",
+  affixDisabled: jn,
+  prefix: Ln,
+  "affix--readonly": "ds-input_affix--readonly_yfh6h_275",
+  affixReadonly: An,
+  suffix: Nn,
+  "leading-icon": "ds-input_leading-icon_yfh6h_292",
+  leadingIcon: Bn,
+  "leading-icon--small": "ds-input_leading-icon--small_yfh6h_304",
+  leadingIconSmall: wn,
+  "leading-icon--disabled": "ds-input_leading-icon--disabled_yfh6h_307",
+  leadingIconDisabled: En,
+  "action-button": "ds-input_action-button_yfh6h_316",
+  actionButton: Tn,
+  "label--hidden": "ds-input_label--hidden_yfh6h_334",
+  labelHidden: Fn,
+  "label--disabled": "ds-input_label--disabled_yfh6h_347",
+  labelDisabled: Pn,
+  feedback: On
+}, Qn = ({
+  id: u,
+  label: C,
+  actionButtonLabel: T,
+  actionButtonIconName: f,
+  actionButtonIconSource: m,
+  actionButtonOnClick: F,
+  className: P,
+  disabled: i = !1,
+  hint: y,
+  hideLabel: O = !1,
+  invalid: h = !1,
+  leadingIconName: p,
+  leadingIconSource: _,
+  prefix: s,
+  readonly: c = !1,
+  required: R = !1,
+  size: e = "medium",
+  suffix: a,
+  systemFeedback: b,
+  type: o = "text",
+  ...$
+}) => {
+  process.env.NODE_ENV !== "production" && (ln({
+    id: u,
+    label: C,
+    prefix: s,
+    suffix: a,
+    leadingIconName: p,
+    leadingIconSource: _,
+    actionButtonIconName: f,
+    actionButtonIconSource: m
+  }), on(o));
+  const [W, X] = r(!1), [M, V] = r(!1), [x, G] = r(!1), [U, J] = r({}), g = k(null), K = s == null ? void 0 : s.substring(0, dn), I = k(null), Q = a == null ? void 0 : a.substring(0, un), S = k(null), Y = en(O);
+  w(() => {
+    const d = e === "medium" ? 16 : 8, H = {};
+    if (I.current) {
+      const D = I.current.offsetWidth;
+      H.paddingInlineStart = d + D + "px";
+    }
+    if (S.current) {
+      const D = S.current.offsetWidth;
+      H.paddingInlineEnd = d + D + "px";
+    }
+    J(H), X(!0);
+  }, [s, a, e, M]), w(() => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load(
+        '1em "STIHL Contraface Digital Text Regular"'
+      ), V(!0));
+    })();
+  }, []), sn(() => {
+    const d = cn(
+      v(o),
+      fn(o)
+    );
+    G(d);
+  }, [o]);
+  const j = l(n.affix, {
+    [n.affixSmall]: e === "small",
+    [n.affixDisabled]: i,
+    [n.affixReadonly]: c
+  }), L = `${u}-label`, A = `${u}-feedback`, N = `${u}-hint`, Z = y ? ` ${N}` : "", q = l(n.root, P), z = l(n.input, {
+    // small input
+    [n.inputSmall]: e === "small",
+    // invalid state
+    [n.inputInvalid]: h,
+    // leading icon
+    [n.inputHasLeadingIcon]: p || _,
+    // prefix/suffix
+    [n.inputHasAffix]: s || a,
+    // action button
+    [n.inputHasActionButton]: f || m || x,
+    [n.inputIsReady]: W
+  }), nn = l(n.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [n.labelHidden]: Y,
+    [n.labelDisabled]: i
+  }), tn = l(n.leadingIcon, {
+    [n.leadingIconSmall]: e === "small",
+    [n.leadingIconDisabled]: i
+  }), B = l(n.actionButton, {
+    [n.actionButtonSmall]: e === "small"
+  }), an = (d) => {
+    g.current && !i && !c && g.current.showPicker(), d.preventDefault();
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: q, children: [
+    /* @__PURE__ */ t.jsxs("label", { className: nn, id: L, htmlFor: u, children: [
+      C,
+      R && /* @__PURE__ */ t.jsx(hn, {})
+    ] }),
+    y && /* @__PURE__ */ t.jsx("div", { className: n.hint, id: N, children: y }),
+    h && b && /* @__PURE__ */ t.jsx(
+      _n,
+      {
+        className: n.feedback,
+        message: b,
+        type: "invalid",
+        id: A
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: n.wrapper, children: [
+      s && /* @__PURE__ */ t.jsx(
+        "span",
+        {
+          className: l(j, n.prefix),
+          ref: I,
+          "aria-disabled": i,
+          children: K
+        }
+      ),
+      !s && (p || _) && /* @__PURE__ */ t.jsx(
+        pn,
+        {
+          name: p,
+          theme: "light",
+          source: _,
+          className: tn,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          type: o,
+          className: z,
+          id: u,
+          ref: g,
+          ...$,
+          style: U,
+          "aria-labelledby": `${L}${Z}`,
+          "aria-describedby": h && b ? A : void 0,
+          "aria-invalid": h,
+          "aria-disabled": c,
+          readOnly: c,
+          required: R,
+          disabled: i
+        }
+      ),
+      a && /* @__PURE__ */ t.jsx(
+        "span",
+        {
+          className: l(j, n.suffix),
+          ref: S,
+          "aria-disabled": i,
+          children: Q
+        }
+      ),
+      !a && !x && (f || m) && /* @__PURE__ */ t.jsx(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: f,
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: F,
+          type: "button",
+          disabled: i || c,
+          children: T
+        }
+      ),
+      !a && x && !c && !i && /* @__PURE__ */ t.jsxs(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: v(o) ? "calendar" : "clock",
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: an,
+          type: "button",
+          children: [
+            "Open ",
+            v(o) ? "date" : "time",
+            " picker"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Qn as DSInput
+};

package/{inputpassword.CSjh1GU7.js → inputpassword.B-D_jB9w.js}

@@ -3,10 +3,10 @@ import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.DDn-yX4P.js";
-import "./button.C5opEJ6x.js";
-import "./systemfeedback.ZzRUAVYX.js";
-import { D as n } from "./chunks/InputPassword.C7pNeWGx.js";
+import "./asterisk.DpzETKdT.js";
+import "./button.M4nXjcUn.js";
+import "./systemfeedback.C3Pfxxpp.js";
+import { D as n } from "./chunks/InputPassword.CNLbBFjx.js";
 export {
   n as DSInputPassword
 };

package/{inputsearch.DyznOWLK.js → inputsearch.CaSpklR1.js}

@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/helpers.B1JT5ShS.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.DDn-yX4P.js";
-import "./button.C5opEJ6x.js";
-import "./systemfeedback.ZzRUAVYX.js";
-import { D as s } from "./chunks/InputSearch.B24rcIJ_.js";
+import "./asterisk.DpzETKdT.js";
+import "./button.M4nXjcUn.js";
+import "./systemfeedback.C3Pfxxpp.js";
+import { D as s } from "./chunks/InputSearch.CHA6mkX_.js";
 export {
   s as DSInputSearch
 };

package/{inputstepper.3BLb7s0P.js → inputstepper.C7KD1-0S.js}

@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
 import "react";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./chunks/Input.utils.ChV6RJsh.js";
-import "./asterisk.DDn-yX4P.js";
-import "./button.C5opEJ6x.js";
-import "./systemfeedback.ZzRUAVYX.js";
-import { D } from "./chunks/InputStepper.CEW-bieQ.js";
+import "./asterisk.DpzETKdT.js";
+import "./button.M4nXjcUn.js";
+import "./systemfeedback.C3Pfxxpp.js";
+import { D } from "./chunks/InputStepper.xmWGU9pU.js";
 export {
   D as DSInputStepper
 };

package/link.DREJAoPG.js

@@ -0,0 +1,116 @@
+"use client";
+import { j as h } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as e } from "./chunks/index.CvOaL64Y.js";
+import { u as n } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import "react";
+import { D as H } from "./chunks/Icon.BCmt_XBG.js";
+import './assets/link.DDJj0D1U.css';const S = "ds-link_root_1i5hz_1", x = "ds-link_root--highlight_1i5hz_75", b = "ds-link_root--dark-highlight_1i5hz_75", j = "ds-link_root--filled_1i5hz_151", L = "ds-link_root--outline_1i5hz_179", C = "ds-link_root--ghost_1i5hz_206", N = "ds-link_root--ghost-flush_1i5hz_231", T = "ds-link_root--small_1i5hz_237", B = "ds-link_root--dark-filled_1i5hz_317", E = "ds-link_root--dark-outline_1i5hz_374", R = "ds-link_root--dark-ghost_1i5hz_430", V = "ds-link_root--dark-ghost-flush_1i5hz_484", q = "ds-link_root--icon-left_1i5hz_546", w = "ds-link_root--icon-only_1i5hz_562", A = "ds-link_root--icon-only-small_1i5hz_571", J = "ds-link_label--hidden_1i5hz_582", o = {
+  root: S,
+  "root--highlight": "ds-link_root--highlight_1i5hz_75",
+  rootHighlight: x,
+  "root--dark-highlight": "ds-link_root--dark-highlight_1i5hz_75",
+  rootDarkHighlight: b,
+  "root--filled": "ds-link_root--filled_1i5hz_151",
+  rootFilled: j,
+  "root--outline": "ds-link_root--outline_1i5hz_179",
+  rootOutline: L,
+  "root--ghost": "ds-link_root--ghost_1i5hz_206",
+  rootGhost: C,
+  "root--ghost-flush": "ds-link_root--ghost-flush_1i5hz_231",
+  rootGhostFlush: N,
+  "root--small": "ds-link_root--small_1i5hz_237",
+  rootSmall: T,
+  "root--dark-filled": "ds-link_root--dark-filled_1i5hz_317",
+  rootDarkFilled: B,
+  "root--dark-outline": "ds-link_root--dark-outline_1i5hz_374",
+  rootDarkOutline: E,
+  "root--dark-ghost": "ds-link_root--dark-ghost_1i5hz_430",
+  rootDarkGhost: R,
+  "root--dark-ghost-flush": "ds-link_root--dark-ghost-flush_1i5hz_484",
+  rootDarkGhostFlush: V,
+  "root--icon-left": "ds-link_root--icon-left_1i5hz_546",
+  rootIconLeft: q,
+  "root--icon-only": "ds-link_root--icon-only_1i5hz_562",
+  rootIconOnly: w,
+  "root--icon-only-small": "ds-link_root--icon-only-small_1i5hz_571",
+  rootIconOnlySmall: A,
+  "label--hidden": "ds-link_label--hidden_1i5hz_582",
+  labelHidden: J
+}, W = ({
+  children: g,
+  aria: c,
+  className: u,
+  dataTrackingid: f,
+  download: z,
+  hideLabel: r = !1,
+  href: _,
+  iconName: d,
+  iconPosition: m = "left",
+  iconSource: k,
+  isFlush: i = !1,
+  referrerPolicy: D,
+  rel: y,
+  size: s = "medium",
+  target: G = "_self",
+  theme: l = "light",
+  variant: t = "filled",
+  ...O
+}) => {
+  const p = e(o.root, u, {
+    // variant
+    [o.rootFilled]: t === "filled",
+    [o.rootHighlight]: t === "highlight",
+    [o.rootOutline]: t === "outline",
+    [o.rootGhost]: t === "ghost" && i !== !0,
+    // isFlush
+    [o.rootGhostFlush]: t === "ghost" && i === !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" && i !== !0,
+    // dark isFlush
+    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && i === !0,
+    // size
+    [o.rootSmall]: s === "small",
+    // icon position
+    [o.rootIconLeft]: m === "left",
+    // icon only
+    [o.rootIconOnly]: n(r) && s === "medium",
+    [o.rootIconOnlySmall]: n(r) && s === "small"
+  }), I = e({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: n(r)
+  }), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", a = _ === void 0 ? "span" : "a";
+  return /* @__PURE__ */ h.jsxs(
+    a,
+    {
+      className: p,
+      "data-trackingid": f,
+      ...a === "a" && {
+        href: _,
+        target: G,
+        rel: y,
+        referrerPolicy: D,
+        download: z
+      },
+      ...c,
+      ...O,
+      children: [
+        /* @__PURE__ */ h.jsx("span", { className: I, children: g }),
+        (d || k) && /* @__PURE__ */ h.jsx(
+          H,
+          {
+            name: d,
+            theme: F,
+            source: k,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  W as DSLink
+};