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

package/input.BM6tyRUm.js

@@ -1,236 +0,0 @@
-"use client";
-import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as l } from "./chunks/index.CvOaL64Y.js";
-import { useState as m, useRef as k, useLayoutEffect as B, useEffect as ns } from "react";
-import { u as ts } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as es } from "./asterisk.DU8THnoC.js";
-import { DSButton as E } from "./button.DX_nxoJC.js";
-import { D as ls } from "./chunks/Icon.9gDIp6p4.js";
-import { DSSystemFeedback as os } from "./systemfeedback.4Hkfigi-.js";
-import { v as cs, b as ds, M as _s, a as us, s as fs, c as rs, i as v } from "./chunks/Input.utils.AKWCNkpA.js";
-import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input--invalid_1swsi_297", hs = "_input--small_1swsi_304", bs = "_input--has-leading-icon_1swsi_350", ws = "_input--has-action-button_1swsi_353", xs = "_input--has-second-action-button_1swsi_356", gs = "_input--has-affix_1swsi_368", Is = "_input--is-ready_1swsi_380", Ss = "_root_1swsi_387", ys = "_hint_1swsi_395", Hs = "_label_1swsi_395", ks = "_wrapper_1swsi_399", vs = "_affix_1swsi_405", Cs = "_affix--small_1swsi_425", Rs = "_affix--disabled_1swsi_437", js = "_prefix_1swsi_440", Ds = "_affix--readonly_1swsi_443", Ls = "_suffix_1swsi_453", As = "_leading-icon_1swsi_460", Ns = "_leading-icon--small_1swsi_472", Bs = "_leading-icon--disabled_1swsi_475", Es = "_action-button_1swsi_484", Ts = "_label--hidden_1swsi_501", Fs = "_feedback_1swsi_528", s = {
-  input: ps,
-  "input--invalid": "_input--invalid_1swsi_297",
-  inputInvalid: ms,
-  "input--small": "_input--small_1swsi_304",
-  inputSmall: hs,
-  "input--has-leading-icon": "_input--has-leading-icon_1swsi_350",
-  inputHasLeadingIcon: bs,
-  "input--has-action-button": "_input--has-action-button_1swsi_353",
-  inputHasActionButton: ws,
-  "input--has-second-action-button": "_input--has-second-action-button_1swsi_356",
-  inputHasSecondActionButton: xs,
-  "input--has-affix": "_input--has-affix_1swsi_368",
-  inputHasAffix: gs,
-  "input--is-ready": "_input--is-ready_1swsi_380",
-  inputIsReady: Is,
-  root: Ss,
-  hint: ys,
-  label: Hs,
-  wrapper: ks,
-  affix: vs,
-  "affix--small": "_affix--small_1swsi_425",
-  affixSmall: Cs,
-  "affix--disabled": "_affix--disabled_1swsi_437",
-  affixDisabled: Rs,
-  prefix: js,
-  "affix--readonly": "_affix--readonly_1swsi_443",
-  affixReadonly: Ds,
-  suffix: Ls,
-  "leading-icon": "_leading-icon_1swsi_460",
-  leadingIcon: As,
-  "leading-icon--small": "_leading-icon--small_1swsi_472",
-  leadingIconSmall: Ns,
-  "leading-icon--disabled": "_leading-icon--disabled_1swsi_475",
-  leadingIconDisabled: Bs,
-  "action-button": "_action-button_1swsi_484",
-  actionButton: Es,
-  "label--hidden": "_label--hidden_1swsi_501",
-  labelHidden: Ts,
-  feedback: Fs
-}, Js = ({
-  id: d,
-  label: C,
-  actionButtonLabel: T,
-  actionButtonIconName: u,
-  actionButtonIconSource: h,
-  actionButtonOnClick: F,
-  className: P,
-  disabled: n = !1,
-  hint: b,
-  hideLabel: O = !1,
-  invalid: f = !1,
-  leadingIconName: r,
-  leadingIconSource: p,
-  prefix: t,
-  readonly: _ = !1,
-  required: R = !1,
-  size: e = "medium",
-  suffix: a,
-  systemFeedback: w,
-  type: o = "text",
-  ...$
-}) => {
-  process.env.NODE_ENV !== "production" && (cs({
-    id: d,
-    label: C,
-    prefix: t,
-    suffix: a,
-    leadingIconName: r,
-    leadingIconSource: p,
-    actionButtonIconName: u,
-    actionButtonIconSource: h
-  }), ds(o));
-  const [W, X] = m(!1), [M, V] = m(!1), [x, G] = m(!1), [U, J] = m({}), g = k(null), K = t == null ? void 0 : t.substring(0, _s), I = k(null), Q = a == null ? void 0 : a.substring(0, us), S = k(null), Y = ts(O);
-  B(() => {
-    const c = e === "medium" ? 16 : 8, y = {};
-    if (I.current) {
-      const H = I.current.offsetWidth;
-      y.paddingInlineStart = c + H + "px";
-    }
-    if (S.current) {
-      const H = S.current.offsetWidth;
-      y.paddingInlineEnd = c + H + "px";
-    }
-    J(y), X(!0);
-  }, [t, a, e, M]), B(() => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load(
-        '1em "STIHL Contraface Digital Text Regular"'
-      ), V(!0));
-    })();
-  }, []), ns(() => {
-    const c = fs(
-      v(o),
-      rs(o)
-    );
-    G(c);
-  }, [o]);
-  const j = l(s.affix, {
-    [s.affixSmall]: e === "small",
-    [s.affixDisabled]: n,
-    [s.affixReadonly]: _
-  }), D = `${d}-label`, L = `${d}-feedback`, A = `${d}-hint`, Z = b ? ` ${A}` : "", q = l(s.root, P), z = l(s.input, {
-    // small input
-    [s.inputSmall]: e === "small",
-    // invalid state
-    [s.inputInvalid]: f,
-    // leading icon
-    [s.inputHasLeadingIcon]: r || p,
-    // prefix/suffix
-    [s.inputHasAffix]: t || a,
-    // action button
-    [s.inputHasActionButton]: u || h || x,
-    [s.inputIsReady]: W
-  }), ss = l(s.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [s.labelHidden]: Y
-  }), is = l(s.leadingIcon, {
-    [s.leadingIconSmall]: e === "small",
-    [s.leadingIconDisabled]: n
-  }), N = l(s.actionButton, {
-    [s.actionButtonSmall]: e === "small"
-  }), as = (c) => {
-    g.current && !n && !_ && g.current.showPicker(), c.preventDefault();
-  };
-  return /* @__PURE__ */ i.jsxs("div", { className: q, children: [
-    /* @__PURE__ */ i.jsxs("label", { className: ss, id: D, htmlFor: d, children: [
-      C,
-      R && /* @__PURE__ */ i.jsx(es, {})
-    ] }),
-    b && /* @__PURE__ */ i.jsx("div", { className: s.hint, id: A, children: b }),
-    f && w && /* @__PURE__ */ i.jsx(
-      os,
-      {
-        className: s.feedback,
-        message: w,
-        type: "invalid",
-        id: L
-      }
-    ),
-    /* @__PURE__ */ i.jsxs("div", { className: s.wrapper, children: [
-      t && /* @__PURE__ */ i.jsx(
-        "span",
-        {
-          className: l(j, s.prefix),
-          ref: I,
-          "aria-disabled": n,
-          children: K
-        }
-      ),
-      !t && (r || p) && /* @__PURE__ */ i.jsx(
-        ls,
-        {
-          name: r,
-          theme: "light",
-          source: p,
-          className: is,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
-        "input",
-        {
-          type: o,
-          className: z,
-          id: d,
-          ref: g,
-          ...$,
-          style: U,
-          "aria-labelledby": `${D}${Z}`,
-          "aria-describedby": f && w ? L : void 0,
-          "aria-invalid": f,
-          "aria-disabled": _,
-          readOnly: _,
-          required: R,
-          disabled: n
-        }
-      ),
-      a && /* @__PURE__ */ i.jsx(
-        "span",
-        {
-          className: l(j, s.suffix),
-          ref: S,
-          "aria-disabled": n,
-          children: Q
-        }
-      ),
-      !a && !x && (u || h) && /* @__PURE__ */ i.jsx(
-        E,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: u,
-          variant: "ghost",
-          className: N,
-          size: e,
-          onClick: F,
-          type: "button",
-          disabled: n || _,
-          children: T
-        }
-      ),
-      !a && x && !_ && !n && /* @__PURE__ */ i.jsxs(
-        E,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: v(o) ? "calendar" : "clock",
-          variant: "ghost",
-          className: N,
-          size: e,
-          onClick: as,
-          type: "button",
-          children: [
-            "Open ",
-            v(o) ? "date" : "time",
-            " picker"
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Js as DSInput
-};

package/inputpassword.DUxH1K_k.js

@@ -1,12 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.DU8THnoC.js";
-import "./button.DX_nxoJC.js";
-import "./systemfeedback.4Hkfigi-.js";
-import { D as n } from "./chunks/InputPassword.jpUCijp7.js";
-export {
-  n as DSInputPassword
-};

package/inputsearch.B-vePHle.js

@@ -1,13 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/helpers.B1JT5ShS.js";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.DU8THnoC.js";
-import "./button.DX_nxoJC.js";
-import "./systemfeedback.4Hkfigi-.js";
-import { D as s } from "./chunks/InputSearch.BmOtAZcR.js";
-export {
-  s as DSInputSearch
-};

package/inputstepper.C2ypADPI.js

@@ -1,13 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.DU8THnoC.js";
-import "./button.DX_nxoJC.js";
-import "./chunks/Input.utils.AKWCNkpA.js";
-import "./systemfeedback.4Hkfigi-.js";
-import { D } from "./chunks/InputStepper.DTKjUL4U.js";
-export {
-  D as DSInputStepper
-};

package/link.B4XZoLDj.js

@@ -1,115 +0,0 @@
-"use client";
-import { j as h } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as g } from "./chunks/index.CvOaL64Y.js";
-import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { D as H } from "./chunks/Icon.9gDIp6p4.js";
-import './assets/link.DQy_OhwC.css';const S = "_root_5lvrp_125", x = "_root--highlight_5lvrp_191", b = "_root--dark-highlight_5lvrp_191", j = "_root--filled_5lvrp_269", L = "_root--outline_5lvrp_297", C = "_root--ghost_5lvrp_324", N = "_root--ghost-flush_5lvrp_349", T = "_root--small_5lvrp_355", B = "_root--dark-filled_5lvrp_430", E = "_root--dark-outline_5lvrp_489", R = "_root--dark-ghost_5lvrp_547", V = "_root--dark-ghost-flush_5lvrp_603", q = "_root--icon-left_5lvrp_662", w = "_root--icon-only_5lvrp_678", A = "_root--icon-only-small_5lvrp_687", J = "_label--hidden_5lvrp_698", o = {
-  root: S,
-  "root--highlight": "_root--highlight_5lvrp_191",
-  rootHighlight: x,
-  "root--dark-highlight": "_root--dark-highlight_5lvrp_191",
-  rootDarkHighlight: b,
-  "root--filled": "_root--filled_5lvrp_269",
-  rootFilled: j,
-  "root--outline": "_root--outline_5lvrp_297",
-  rootOutline: L,
-  "root--ghost": "_root--ghost_5lvrp_324",
-  rootGhost: C,
-  "root--ghost-flush": "_root--ghost-flush_5lvrp_349",
-  rootGhostFlush: N,
-  "root--small": "_root--small_5lvrp_355",
-  rootSmall: T,
-  "root--dark-filled": "_root--dark-filled_5lvrp_430",
-  rootDarkFilled: B,
-  "root--dark-outline": "_root--dark-outline_5lvrp_489",
-  rootDarkOutline: E,
-  "root--dark-ghost": "_root--dark-ghost_5lvrp_547",
-  rootDarkGhost: R,
-  "root--dark-ghost-flush": "_root--dark-ghost-flush_5lvrp_603",
-  rootDarkGhostFlush: V,
-  "root--icon-left": "_root--icon-left_5lvrp_662",
-  rootIconLeft: q,
-  "root--icon-only": "_root--icon-only_5lvrp_678",
-  rootIconOnly: w,
-  "root--icon-only-small": "_root--icon-only-small_5lvrp_687",
-  rootIconOnlySmall: A,
-  "label--hidden": "_label--hidden_5lvrp_698",
-  labelHidden: J
-}, U = ({
-  children: c,
-  aria: k,
-  className: p,
-  dataTrackingid: u,
-  download: f,
-  hideLabel: s = !1,
-  href: n,
-  iconName: a,
-  iconPosition: m = "left",
-  iconSource: e,
-  isFlush: r = !1,
-  referrerPolicy: v,
-  rel: D,
-  size: _ = "medium",
-  target: y = "_self",
-  theme: l = "light",
-  variant: t = "filled",
-  ...G
-}) => {
-  const O = g(o.root, p, {
-    // variant
-    [o.rootFilled]: t === "filled",
-    [o.rootHighlight]: t === "highlight",
-    [o.rootOutline]: t === "outline",
-    [o.rootGhost]: t === "ghost" && r !== !0,
-    // isFlush
-    [o.rootGhostFlush]: t === "ghost" && r === !0,
-    // dark theme
-    [o.rootDarkFilled]: l === "dark" && t === "filled",
-    [o.rootDarkHighlight]: l === "dark" && t === "highlight",
-    [o.rootDarkOutline]: l === "dark" && t === "outline",
-    [o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
-    // dark isFlush
-    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
-    // size
-    [o.rootSmall]: _ === "small",
-    // icon position
-    [o.rootIconLeft]: m === "left",
-    // icon only
-    [o.rootIconOnly]: i(s) && _ === "medium",
-    [o.rootIconOnlySmall]: i(s) && _ === "small"
-  }), I = g({
-    // hide label only visually to keep them available for assistive technologies
-    [o.labelHidden]: i(s)
-  }), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", d = n === void 0 ? "span" : "a";
-  return /* @__PURE__ */ h.jsxs(
-    d,
-    {
-      className: O,
-      "data-trackingid": u,
-      ...d === "a" && {
-        href: n,
-        target: y,
-        rel: D,
-        referrerPolicy: v,
-        download: f
-      },
-      ...k,
-      ...G,
-      children: [
-        /* @__PURE__ */ h.jsx("span", { className: I, children: c }),
-        (a || e) && /* @__PURE__ */ h.jsx(
-          H,
-          {
-            name: a,
-            theme: F,
-            source: e,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  U as DSLink
-};

package/linkstandalone.BSfd95Pd.js

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

package/notification.CxxAOdNV.js

@@ -1,9 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "./chunks/Icon.9gDIp6p4.js";
-import { D as e } from "./chunks/Notification.CUPOlHAX.js";
-import "./button.DX_nxoJC.js";
-export {
-  e as DSNotification
-};

package/radio.Bhu9OUY-.js

@@ -1,79 +0,0 @@
-"use client";
-import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as i } from "./chunks/index.CvOaL64Y.js";
-import { forwardRef as H, useRef as I, useState as R, useCallback as S } from "react";
-import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import './assets/radio.CSHQGdpr.css';const B = "_root_vnfdb_63", V = "_root--disabled_vnfdb_82", w = "_radio_vnfdb_86", E = "_dot_vnfdb_101", L = "_radio--invalid_vnfdb_123", O = "_label_vnfdb_128", P = "_label--hidden_vnfdb_138", U = "_input_vnfdb_151", o = {
-  root: B,
-  "root--disabled": "_root--disabled_vnfdb_82",
-  rootDisabled: V,
-  radio: w,
-  dot: E,
-  "radio--invalid": "_radio--invalid_vnfdb_123",
-  radioInvalid: L,
-  label: O,
-  "label--hidden": "_label--hidden_vnfdb_138",
-  labelHidden: P,
-  input: U
-}, q = H(
-  ({
-    label: l,
-    name: c,
-    value: _,
-    defaultChecked: f = !1,
-    disabled: n = !1,
-    hideLabel: b = !1,
-    checked: r,
-    invalid: u = !1,
-    className: v,
-    onChange: d,
-    ...m
-  }, s) => {
-    const p = I(null), [h, x] = R(f), t = r !== void 0, C = t ? r : h, j = g(b), k = i(
-      o.root,
-      {
-        [o.rootDisabled]: n
-      },
-      v
-    ), N = i(o.label, {
-      // hide label only visually to keep them available for assistive technologies
-      [o.labelHidden]: j
-    }), D = i(o.radio, {
-      [o.radioInvalid]: u
-    }), y = S(
-      (a) => {
-        if (n) {
-          a.preventDefault();
-          return;
-        }
-        t || x(a.target.checked), d && d(a);
-      },
-      [n, t, d]
-    );
-    return /* @__PURE__ */ e.jsxs("label", { className: k, children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          type: "radio",
-          value: _,
-          name: c,
-          className: o.input,
-          ref: (a) => {
-            typeof s == "function" ? s(a) : s !== null && (s.current = a), p.current = a;
-          },
-          onChange: y,
-          ...m,
-          disabled: n,
-          checked: C,
-          "aria-label": typeof l == "string" ? l : void 0
-        }
-      ),
-      /* @__PURE__ */ e.jsx("span", { className: D, children: /* @__PURE__ */ e.jsx("div", { className: o.dot }) }),
-      /* @__PURE__ */ e.jsx("span", { className: N, children: l })
-    ] });
-  }
-);
-q.displayName = "DSRadio";
-export {
-  q as DSRadio
-};

package/radiogroup.CMJ1b38q.js

@@ -1,11 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/Fieldset.BokeZzG5.js";
-import "./radio.Bhu9OUY-.js";
-import "./chunks/RadioGroup.module.bi3leRes.js";
-import { D as s } from "./chunks/RadioGroup.DpwnVv7u.js";
-export {
-  s as DSRadioGroup
-};

package/select.DFJK2mHF.js

@@ -1,12 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C-kxDJ4g.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./chunks/useBreakpoint.5xBNDiCf.js";
-import "./asterisk.DU8THnoC.js";
-import "./chunks/Icon.9gDIp6p4.js";
-import "./systemfeedback.4Hkfigi-.js";
-import { D as s } from "./chunks/Select.DkDZo0ky.js";
-export {
-  s as DSSelect
-};

package/spinner.BskX4ovu.js

@@ -1,58 +0,0 @@
-"use client";
-import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as n } from "./chunks/index.CvOaL64Y.js";
-import { D as _ } from "./chunks/Icon.9gDIp6p4.js";
-import './assets/spinner.C5rBmKiF.css';const m = "_root_1xfbe_63", z = "_root-size-small_1xfbe_69", c = "_root-size-medium_1xfbe_73", x = "_root-size-large_1xfbe_77", S = "_root-size-x-large_1xfbe_81", f = "_root-size-inherit_1xfbe_85", d = "_rotate_1xfbe_1", b = "_screenReaderOnly_1xfbe_105", e = {
-  root: m,
-  "root-size-small": "_root-size-small_1xfbe_69",
-  rootSizeSmall: z,
-  "root-size-medium": "_root-size-medium_1xfbe_73",
-  rootSizeMedium: c,
-  "root-size-large": "_root-size-large_1xfbe_77",
-  rootSizeLarge: x,
-  "root-size-x-large": "_root-size-x-large_1xfbe_81",
-  rootSizeXLarge: S,
-  "root-size-inherit": "_root-size-inherit_1xfbe_85",
-  rootSizeInherit: f,
-  rotate: d,
-  screenReaderOnly: b
-}, p = ({
-  aria: r,
-  className: i,
-  size: o = "small",
-  theme: s = "light",
-  ...a
-}) => {
-  const l = n(e.root, i, {
-    [e.rootSizeSmall]: o === "small",
-    [e.rootSizeMedium]: o === "medium",
-    [e.rootSizeLarge]: o === "large",
-    [e.rootSizeXLarge]: o === "x-large",
-    [e.rootSizeInherit]: o === "inherit"
-  });
-  return /* @__PURE__ */ t.jsxs(
-    "span",
-    {
-      className: l,
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-label": (r == null ? void 0 : r["aria-label"]) || void 0,
-      ...a,
-      children: [
-        /* @__PURE__ */ t.jsx("span", { className: e.screenReaderOnly, children: " " }),
-        /* @__PURE__ */ t.jsx(
-          _,
-          {
-            name: "loading-spinner",
-            theme: s,
-            focusable: "false",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  p as DSSpinner
-};