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

package/index.es.js

@@ -1,49 +1,161 @@
 "use client";
-import { DSButton as t } from "./button.87ad387c.js";
-import { DSButtonRound as p } from "./buttonround.ecb24c29.js";
-import { DSCheckbox as x } from "./checkbox.42617f46.js";
-import { DSCheckboxGroup as f } from "./checkboxgroup.fa110fdf.js";
-import { DSCombobox as n } from "./combobox.d93091e0.js";
-import { DSFieldset as u } from "./fieldset.fdd84bda.js";
-import { DSFloatingActionButton as c } from "./floatingactionbutton.281b5465.js";
-import { DSHeading as l } from "./heading.c02dcb70.js";
-import { DSIcon as b } from "./icon.b4211784.js";
-import { DSInput as k } from "./input.064e0bbf.js";
-import { DSInputPassword as g } from "./inputpassword.f76c2f62.js";
-import { DSInputSearch as C } from "./inputsearch.6e913fc6.js";
-import { DSInputStepper as T } from "./inputstepper.2047ec77.js";
-import { DSLink as F } from "./link.5eb13d6e.js";
-import { DSLinkStandalone as R } from "./linkstandalone.edfd6288.js";
-import { DSLogo as H } from "./logo.e6576fe3.js";
-import { DSRadioGroup as j } from "./radiogroup.e1c8ea3d.js";
-import { DSSelect as v } from "./select.88d40c51.js";
-import { DSSpinner as z } from "./spinner.ee015469.js";
-import { DSSwitch as J } from "./switch.96fd1689.js";
-import { DSText as M } from "./text.de8facb9.js";
-import { DSTextarea as O } from "./textarea.b8c40c8b.js";
-import { DSTitle as U } from "./title.7be43d50.js";
+import { A as x, C as d, D as N, v as c } from "./chunks/Accordion.pI3JyHJL.js";
+import { DSAriaLiveRegions as u } from "./arialiveregions.BK4T7Vhk.js";
+import { DSButton as A } from "./button.DH0h6uPs.js";
+import { DSButtonRound as O } from "./buttonround.0mw4zzlU.js";
+import { DSCheckbox as v } from "./checkbox.DETR3e3X.js";
+import { D as g, v as C } from "./chunks/CheckboxGroup.4J_gZ_XJ.js";
+import { DSCombobox as L } from "./combobox.JL1Dsn3E.js";
+import { C as U, b as X, a as Z, D as b, v as G } from "./chunks/CustomReactSelect.ChAtL6fu.js";
+import { D as F, v as k } from "./chunks/Dialog.Z5ESJQMi.js";
+import { a as M, D as V, v as K } from "./chunks/Drawer.BdowMqE0.js";
+import { D as y, v as Y } from "./chunks/Fieldset.COGbZwry.js";
+import { DSFloatingActionButton as j } from "./floatingactionbutton.CCIj9Fjr.js";
+import { DSHeading as J } from "./heading.CAkraI2D.js";
+import { D as $, I as oo, u as ao } from "./chunks/Icon.C2o2seDb.js";
+import { DSInput as ro } from "./input.CTgeAYdu.js";
+import { I as so, M as po, a as io, S as So, U as lo, h as mo, i as Do, c as Io, s as no, v as To, b as xo } from "./chunks/Input.utils.ChV6RJsh.js";
+import { D as co, v as _o } from "./chunks/InputPassword.Dgo95-PU.js";
+import { D as fo, i as Ao, v as Eo } from "./chunks/InputSearch.BFof0pBn.js";
+import { D as ho, v as vo } from "./chunks/InputStepper.4IqLa5tX.js";
+import { DSLink as go } from "./link.DAZNwQ0a.js";
+import { DSLinkStandalone as Ro } from "./linkstandalone.C9X3er7g.js";
+import { DSLogo as Bo } from "./logo.CEO6OV7u.js";
+import { D as Xo, a as Zo, N as bo } from "./chunks/Notification.BhwbaXqk.js";
+import { D as Ho, a as Fo, o as ko, v as wo } from "./chunks/RadioGroup.C5jbCJM4.js";
+import { D as Vo, S as Ko, g as Wo, v as yo } from "./chunks/Select.fXeQJXtz.js";
+import { DSSkipToContent as qo } from "./skiptocontent.C4yQfWr2.js";
+import { DSSpinner as zo } from "./spinner.D-xrotcu.js";
+import { DSSwitch as Qo } from "./switch.CmpNUC7s.js";
+import { DSText as oa } from "./text.rgDKQBrU.js";
+import { D as ea, T as ra, v as ta } from "./chunks/Textarea.Bewrp0Za.js";
+import { DSTitle as pa } from "./title.LY1ylQsb.js";
+import { DSToastProvider as Sa, useDSToast as la } from "./toastmanager.Dh0gzFkM.js";
+const o = ["medium", "small"], a = [
+  "filled",
+  "highlight",
+  "outline",
+  "ghost"
+], e = ["filled", "highlight"], r = [
+  "x-large",
+  "x-large-uppercase",
+  "large",
+  "large-uppercase",
+  "medium",
+  "medium-uppercase",
+  "small",
+  "small-uppercase"
+], t = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
+  "filled",
+  "highlight",
+  "outline",
+  "ghost"
+], i = ["neutral", "highlight"], S = [
+  "small",
+  "medium",
+  "large",
+  "x-large",
+  "inherit"
+], l = [
+  "address",
+  "blockquote",
+  "cite",
+  "div",
+  "figcaption",
+  "legend",
+  "p",
+  "span",
+  "time"
+], m = [
+  "large",
+  "medium",
+  "small",
+  "x-small",
+  "xx-small"
+], D = ["bold", "normal"], I = ["x-large", "large"];
 export {
-  t as DSButton,
-  p as DSButtonRound,
-  x as DSCheckbox,
-  f as DSCheckboxGroup,
-  n as DSCombobox,
-  u as DSFieldset,
-  c as DSFloatingActionButton,
-  l as DSHeading,
-  b as DSIcon,
-  k as DSInput,
-  g as DSInputPassword,
-  C as DSInputSearch,
-  T as DSInputStepper,
-  F as DSLink,
-  R as DSLinkStandalone,
-  H as DSLogo,
-  j as DSRadioGroup,
-  v as DSSelect,
-  z as DSSpinner,
-  J as DSSwitch,
-  M as DSText,
-  O as DSTextarea,
-  U as DSTitle
+  x as ACCORDION_SIZE,
+  e as BUTTON_ROUND_VARIANT,
+  o as BUTTON_SIZE,
+  a as BUTTON_VARIANT,
+  d as CHEVRON_POSITION,
+  U as COMBOBOX_SIZE,
+  M as DRAWER_POSITION,
+  N as DSAccordion,
+  u as DSAriaLiveRegions,
+  A as DSButton,
+  O as DSButtonRound,
+  v as DSCheckbox,
+  g as DSCheckboxGroup,
+  L as DSCombobox,
+  F as DSDialog,
+  V as DSDrawer,
+  y as DSFieldset,
+  j as DSFloatingActionButton,
+  J as DSHeading,
+  $ as DSIcon,
+  ro as DSInput,
+  co as DSInputPassword,
+  fo as DSInputSearch,
+  ho as DSInputStepper,
+  go as DSLink,
+  Ro as DSLinkStandalone,
+  Bo as DSLogo,
+  Xo as DSNotification,
+  Ho as DSRadioGroup,
+  Vo as DSSelect,
+  qo as DSSkipToContent,
+  zo as DSSpinner,
+  Qo as DSSwitch,
+  oa as DSText,
+  ea as DSTextarea,
+  pa as DSTitle,
+  Sa as DSToastProvider,
+  X as DS_COMBOBOX_TRANSLATIONS,
+  Z as DS_COMBOBOX_TRANSLATIONS_DE,
+  b as DS_COMBOBOX_TRANSLATIONS_EN,
+  r as HEADING_SIZE,
+  t as HEADING_TAG,
+  oo as ICON_SIZE,
+  so as INPUT_SIZE,
+  s as LINK_SIZE,
+  i as LINK_STANDALONE_VARIANT,
+  p as LINK_VARIANT,
+  po as MAX_PREFIX_LENGTH,
+  io as MAX_SUFFIX_LENGTH,
+  Zo as NOTIFICATION_ICONS,
+  bo as NOTIFICATION_VARIANT,
+  Ko as SELECT_SIZE,
+  S as SPINNER_SIZE,
+  So as SUPPORTED_INPUT_TYPES,
+  ra as TEXTAREA_SIZE,
+  m as TEXT_SIZE,
+  l as TEXT_TAG,
+  D as TEXT_WEIGHT,
+  I as TITLE_SIZE,
+  lo as UNSUPPORTED_INPUT_TYPES,
+  Wo as getIsPlaceholderSelected,
+  mo as hasShowPickerSupport,
+  Do as isCalendarInput,
+  Io as isTimeInput,
+  Ao as isWithinForm,
+  Fo as optionsHaveCustomArea,
+  ko as optionsHaveHint,
+  no as showCustomCalendarOrTimeIndicator,
+  la as useDSToast,
+  ao as useDynamicSvgImport,
+  c as validateAccordionProps,
+  C as validateCheckboxGroupProps,
+  G as validateComboboxProps,
+  k as validateDialogProps,
+  K as validateDrawerProps,
+  Y as validateFieldsetProps,
+  _o as validateInputPasswordProps,
+  To as validateInputProps,
+  Eo as validateInputSearchProps,
+  vo as validateInputStepperProps,
+  wo as validateRadioGroupProps,
+  yo as validateSelectProps,
+  ta as validateTextareaProps,
+  xo as validateType
 };

package/input.CTgeAYdu.js

@@ -0,0 +1,236 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as l } from "./chunks/index.CvOaL64Y.js";
+import { useState as m, useRef as v, useEffect as ti } from "react";
+import { u as si } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { v as ei, b as li, M as oi, a as ui, u as w, s as ci, c as di, i as C } from "./chunks/Input.utils.ChV6RJsh.js";
+import { Asterisk as _i } from "./asterisk.DDn-yX4P.js";
+import { DSButton as E } from "./button.DH0h6uPs.js";
+import { D as fi } from "./chunks/Icon.C2o2seDb.js";
+import { DSSystemFeedback as ri } from "./systemfeedback.ZzRUAVYX.js";
+import './assets/input.C0MrSbQu.css';const pi = "_input_13i6u_226", mi = "_input--invalid_13i6u_338", hi = "_input--small_13i6u_345", bi = "_input--has-leading-icon_13i6u_399", xi = "_input--has-action-button_13i6u_402", gi = "_input--has-second-action-button_13i6u_405", Ii = "_input--has-affix_13i6u_417", Si = "_input--is-ready_13i6u_431", yi = "_root_13i6u_438", Hi = "_hint_13i6u_446", ki = "_label_13i6u_446", vi = "_wrapper_13i6u_450", Ci = "_affix_13i6u_456", Ri = "_affix--small_13i6u_478", ji = "_affix--disabled_13i6u_492", Di = "_prefix_13i6u_495", Li = "_affix--readonly_13i6u_498", Ai = "_suffix_13i6u_508", Ni = "_leading-icon_13i6u_515", Bi = "_leading-icon--small_13i6u_527", wi = "_leading-icon--disabled_13i6u_530", Ei = "_action-button_13i6u_539", Ti = "_label--hidden_13i6u_558", Fi = "_feedback_13i6u_587", i = {
+  input: pi,
+  "input--invalid": "_input--invalid_13i6u_338",
+  inputInvalid: mi,
+  "input--small": "_input--small_13i6u_345",
+  inputSmall: hi,
+  "input--has-leading-icon": "_input--has-leading-icon_13i6u_399",
+  inputHasLeadingIcon: bi,
+  "input--has-action-button": "_input--has-action-button_13i6u_402",
+  inputHasActionButton: xi,
+  "input--has-second-action-button": "_input--has-second-action-button_13i6u_405",
+  inputHasSecondActionButton: gi,
+  "input--has-affix": "_input--has-affix_13i6u_417",
+  inputHasAffix: Ii,
+  "input--is-ready": "_input--is-ready_13i6u_431",
+  inputIsReady: Si,
+  root: yi,
+  hint: Hi,
+  label: ki,
+  wrapper: vi,
+  affix: Ci,
+  "affix--small": "_affix--small_13i6u_478",
+  affixSmall: Ri,
+  "affix--disabled": "_affix--disabled_13i6u_492",
+  affixDisabled: ji,
+  prefix: Di,
+  "affix--readonly": "_affix--readonly_13i6u_498",
+  affixReadonly: Li,
+  suffix: Ai,
+  "leading-icon": "_leading-icon_13i6u_515",
+  leadingIcon: Ni,
+  "leading-icon--small": "_leading-icon--small_13i6u_527",
+  leadingIconSmall: Bi,
+  "leading-icon--disabled": "_leading-icon--disabled_13i6u_530",
+  leadingIconDisabled: wi,
+  "action-button": "_action-button_13i6u_539",
+  actionButton: Ei,
+  "label--hidden": "_label--hidden_13i6u_558",
+  labelHidden: Ti,
+  feedback: Fi
+}, Ji = ({
+  id: c,
+  label: R,
+  actionButtonLabel: T,
+  actionButtonIconName: _,
+  actionButtonIconSource: h,
+  actionButtonOnClick: F,
+  className: P,
+  disabled: t = !1,
+  hint: b,
+  hideLabel: O = !1,
+  invalid: f = !1,
+  leadingIconName: r,
+  leadingIconSource: p,
+  prefix: s,
+  readonly: d = !1,
+  required: j = !1,
+  size: e = "medium",
+  suffix: n,
+  systemFeedback: x,
+  type: o = "text",
+  ...$
+}) => {
+  process.env.NODE_ENV !== "production" && (ei({
+    id: c,
+    label: R,
+    prefix: s,
+    suffix: n,
+    leadingIconName: r,
+    leadingIconSource: p,
+    actionButtonIconName: _,
+    actionButtonIconSource: h
+  }), li(o));
+  const [W, X] = m(!1), [M, V] = m(!1), [g, G] = m(!1), [U, J] = m({}), I = v(null), K = s == null ? void 0 : s.substring(0, oi), S = v(null), Q = n == null ? void 0 : n.substring(0, ui), y = v(null), Y = si(O);
+  w(() => {
+    const u = e === "medium" ? 16 : 8, H = {};
+    if (S.current) {
+      const k = S.current.offsetWidth;
+      H.paddingInlineStart = u + k + "px";
+    }
+    if (y.current) {
+      const k = y.current.offsetWidth;
+      H.paddingInlineEnd = u + k + "px";
+    }
+    J(H), X(!0);
+  }, [s, n, e, M]), w(() => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load(
+        '1em "STIHL Contraface Digital Text Regular"'
+      ), V(!0));
+    })();
+  }, []), ti(() => {
+    const u = ci(
+      C(o),
+      di(o)
+    );
+    G(u);
+  }, [o]);
+  const D = l(i.affix, {
+    [i.affixSmall]: e === "small",
+    [i.affixDisabled]: t,
+    [i.affixReadonly]: d
+  }), L = `${c}-label`, A = `${c}-feedback`, N = `${c}-hint`, Z = b ? ` ${N}` : "", q = l(i.root, P), z = l(i.input, {
+    // small input
+    [i.inputSmall]: e === "small",
+    // invalid state
+    [i.inputInvalid]: f,
+    // leading icon
+    [i.inputHasLeadingIcon]: r || p,
+    // prefix/suffix
+    [i.inputHasAffix]: s || n,
+    // action button
+    [i.inputHasActionButton]: _ || h || g,
+    [i.inputIsReady]: W
+  }), ii = l(i.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [i.labelHidden]: Y
+  }), ai = l(i.leadingIcon, {
+    [i.leadingIconSmall]: e === "small",
+    [i.leadingIconDisabled]: t
+  }), B = l(i.actionButton, {
+    [i.actionButtonSmall]: e === "small"
+  }), ni = (u) => {
+    I.current && !t && !d && I.current.showPicker(), u.preventDefault();
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: q, children: [
+    /* @__PURE__ */ a.jsxs("label", { className: ii, id: L, htmlFor: c, children: [
+      R,
+      j && /* @__PURE__ */ a.jsx(_i, {})
+    ] }),
+    b && /* @__PURE__ */ a.jsx("div", { className: i.hint, id: N, children: b }),
+    f && x && /* @__PURE__ */ a.jsx(
+      ri,
+      {
+        className: i.feedback,
+        message: x,
+        type: "invalid",
+        id: A
+      }
+    ),
+    /* @__PURE__ */ a.jsxs("div", { className: i.wrapper, children: [
+      s && /* @__PURE__ */ a.jsx(
+        "span",
+        {
+          className: l(D, i.prefix),
+          ref: S,
+          "aria-disabled": t,
+          children: K
+        }
+      ),
+      !s && (r || p) && /* @__PURE__ */ a.jsx(
+        fi,
+        {
+          name: r,
+          theme: "light",
+          source: p,
+          className: ai,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          type: o,
+          className: z,
+          id: c,
+          ref: I,
+          ...$,
+          style: U,
+          "aria-labelledby": `${L}${Z}`,
+          "aria-describedby": f && x ? A : void 0,
+          "aria-invalid": f,
+          "aria-disabled": d,
+          readOnly: d,
+          required: j,
+          disabled: t
+        }
+      ),
+      n && /* @__PURE__ */ a.jsx(
+        "span",
+        {
+          className: l(D, i.suffix),
+          ref: y,
+          "aria-disabled": t,
+          children: Q
+        }
+      ),
+      !n && !g && (_ || h) && /* @__PURE__ */ a.jsx(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: _,
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: F,
+          type: "button",
+          disabled: t || d,
+          children: T
+        }
+      ),
+      !n && g && !d && !t && /* @__PURE__ */ a.jsxs(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: C(o) ? "calendar" : "clock",
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: ni,
+          type: "button",
+          children: [
+            "Open ",
+            C(o) ? "date" : "time",
+            " picker"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Ji as DSInput
+};

package/inputpassword.nsYu6YeB.js

@@ -0,0 +1,12 @@
+"use client";
+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.DH0h6uPs.js";
+import "./systemfeedback.ZzRUAVYX.js";
+import { D as n } from "./chunks/InputPassword.Dgo95-PU.js";
+export {
+  n as DSInputPassword
+};

package/inputsearch.ZGIrDrcv.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/helpers.B1JT5ShS.js";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.DDn-yX4P.js";
+import "./button.DH0h6uPs.js";
+import "./systemfeedback.ZzRUAVYX.js";
+import { D as s } from "./chunks/InputSearch.BFof0pBn.js";
+export {
+  s as DSInputSearch
+};

package/inputstepper.BvY36hA1.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+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.DH0h6uPs.js";
+import "./systemfeedback.ZzRUAVYX.js";
+import { D } from "./chunks/InputStepper.4IqLa5tX.js";
+export {
+  D as DSInputStepper
+};

package/link.DAZNwQ0a.js

@@ -0,0 +1,116 @@
+"use client";
+import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as e } from "./chunks/index.CvOaL64Y.js";
+import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import "react";
+import { D as H } from "./chunks/Icon.C2o2seDb.js";
+import './assets/link.vtTST2ki.css';const S = "_root_unbkm_151", x = "_root--highlight_unbkm_220", j = "_root--dark-highlight_unbkm_220", L = "_root--filled_unbkm_298", C = "_root--outline_unbkm_326", N = "_root--ghost_unbkm_353", T = "_root--ghost-flush_unbkm_378", B = "_root--small_unbkm_384", E = "_root--dark-filled_unbkm_461", R = "_root--dark-outline_unbkm_520", V = "_root--dark-ghost_unbkm_578", q = "_root--dark-ghost-flush_unbkm_634", w = "_root--icon-left_unbkm_693", A = "_root--icon-only_unbkm_709", J = "_root--icon-only-small_unbkm_718", K = "_label--hidden_unbkm_729", o = {
+  root: S,
+  "root--highlight": "_root--highlight_unbkm_220",
+  rootHighlight: x,
+  "root--dark-highlight": "_root--dark-highlight_unbkm_220",
+  rootDarkHighlight: j,
+  "root--filled": "_root--filled_unbkm_298",
+  rootFilled: L,
+  "root--outline": "_root--outline_unbkm_326",
+  rootOutline: C,
+  "root--ghost": "_root--ghost_unbkm_353",
+  rootGhost: N,
+  "root--ghost-flush": "_root--ghost-flush_unbkm_378",
+  rootGhostFlush: T,
+  "root--small": "_root--small_unbkm_384",
+  rootSmall: B,
+  "root--dark-filled": "_root--dark-filled_unbkm_461",
+  rootDarkFilled: E,
+  "root--dark-outline": "_root--dark-outline_unbkm_520",
+  rootDarkOutline: R,
+  "root--dark-ghost": "_root--dark-ghost_unbkm_578",
+  rootDarkGhost: V,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_unbkm_634",
+  rootDarkGhostFlush: q,
+  "root--icon-left": "_root--icon-left_unbkm_693",
+  rootIconLeft: w,
+  "root--icon-only": "_root--icon-only_unbkm_709",
+  rootIconOnly: A,
+  "root--icon-only-small": "_root--icon-only-small_unbkm_718",
+  rootIconOnlySmall: J,
+  "label--hidden": "_label--hidden_unbkm_729",
+  labelHidden: K
+}, X = ({
+  children: d,
+  aria: m,
+  className: g,
+  dataTrackingid: c,
+  download: b,
+  hideLabel: n = !1,
+  href: h,
+  iconName: k,
+  iconPosition: f = "left",
+  iconSource: u,
+  isFlush: r = !1,
+  referrerPolicy: D,
+  rel: y,
+  size: s = "medium",
+  target: G = "_self",
+  theme: l = "light",
+  variant: t = "filled",
+  ...O
+}) => {
+  const p = e(o.root, g, {
+    // 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]: s === "small",
+    // icon position
+    [o.rootIconLeft]: f === "left",
+    // icon only
+    [o.rootIconOnly]: i(n) && s === "medium",
+    [o.rootIconOnlySmall]: i(n) && s === "small"
+  }), I = e({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: i(n)
+  }), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", a = h === void 0 ? "span" : "a";
+  return /* @__PURE__ */ _.jsxs(
+    a,
+    {
+      className: p,
+      "data-trackingid": c,
+      ...a === "a" && {
+        href: h,
+        target: G,
+        rel: y,
+        referrerPolicy: D,
+        download: b
+      },
+      ...m,
+      ...O,
+      children: [
+        /* @__PURE__ */ _.jsx("span", { className: I, children: d }),
+        (k || u) && /* @__PURE__ */ _.jsx(
+          H,
+          {
+            name: k,
+            theme: F,
+            source: u,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  X as DSLink
+};

package/linkstandalone.C9X3er7g.js

@@ -0,0 +1,80 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as D } from "./chunks/index.CvOaL64Y.js";
+import { D as p } from "./chunks/Icon.C2o2seDb.js";
+import "react";
+import './assets/linkstandalone.BtAcziZ7.css';const x = "_link-standalone_cjaj8_76", H = "_link-standalone--highlight_cjaj8_141", v = "_link-standalone--neutral-dark_cjaj8_155", L = "_link-standalone--highlight-dark_cjaj8_201", N = "_link-standalone--active_cjaj8_247", I = "_link-standalone--icon-left_cjaj8_254", n = {
+  "link-standalone": "_link-standalone_cjaj8_76",
+  linkStandalone: x,
+  "link-standalone--highlight": "_link-standalone--highlight_cjaj8_141",
+  linkStandaloneHighlight: H,
+  "link-standalone--neutral-dark": "_link-standalone--neutral-dark_cjaj8_155",
+  linkStandaloneNeutralDark: v,
+  "link-standalone--highlight-dark": "_link-standalone--highlight-dark_cjaj8_201",
+  linkStandaloneHighlightDark: L,
+  "link-standalone--active": "_link-standalone--active_cjaj8_247",
+  linkStandaloneActive: N,
+  "link-standalone--icon-left": "_link-standalone--icon-left_cjaj8_254",
+  linkStandaloneIconLeft: I
+}, C = ({
+  children: s,
+  aria: d,
+  active: c,
+  className: _,
+  dataTrackingid: h,
+  download: r,
+  href: i,
+  iconName: e,
+  iconPosition: g = "left",
+  iconSource: o,
+  referrerPolicy: j,
+  rel: S,
+  target: u = "_self",
+  theme: a = "light",
+  variant: l = "neutral",
+  ...f
+}) => {
+  const m = D(n.linkStandalone, _, {
+    // variant
+    [n.linkStandaloneHighlight]: l === "highlight",
+    // theme
+    [n.linkStandaloneNeutralDark]: a === "dark" && l === "neutral",
+    [n.linkStandaloneHighlightDark]: a === "dark" && l === "highlight",
+    // active
+    [n.linkStandaloneActive]: c,
+    // icon position
+    [n.linkStandaloneIconLeft]: g === "left"
+  }), k = i === void 0 ? "span" : "a";
+  return /* @__PURE__ */ t.jsxs(
+    k,
+    {
+      className: m,
+      "data-trackingid": h,
+      ...k === "a" && {
+        href: i,
+        target: u,
+        rel: S,
+        referrerPolicy: j,
+        download: r
+      },
+      ...d,
+      ...f,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: n.label, children: s }),
+        (e || o) && /* @__PURE__ */ t.jsx(
+          p,
+          {
+            name: e,
+            theme: a,
+            source: o,
+            size: "medium",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as DSLinkStandalone
+};