@stihl-design-system/components 1.0.0-RC.7 → 1.0.0-RC.9

package/chunks/InputPassword.a7zHKrmM.js

@@ -1,140 +0,0 @@
-"use client";
-import { j as n } from "./jsx-runtime.C115EyI4.js";
-import { c as i } from "./index.CvOaL64Y.js";
-import { useState as D } from "react";
-import { u as C } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as L } from "../asterisk.Cjbk-xZi.js";
-import { DSButton as $ } from "../button.L1lgCuM9.js";
-import { DSSystemFeedback as E } from "../systemfeedback.CUWch42u.js";
-import { g as b } from "./helpers.B1JT5ShS.js";
-import '../assets/InputPassword.VCNO8ANM.css';const q = "_input_1s7sy_226", R = "_input--invalid_1s7sy_336", V = "_input--small_1s7sy_343", O = "_input--has-leading-icon_1s7sy_395", F = "_input--has-action-button_1s7sy_398", M = "_input--has-second-action-button_1s7sy_401", T = "_input--has-affix_1s7sy_413", G = "_input--is-ready_1s7sy_427", J = "_root_1s7sy_434", K = "_hint_1s7sy_442", Q = "_label_1s7sy_442", U = "_wrapper_1s7sy_446", W = "_action-button_1s7sy_452", X = "_label--hidden_1s7sy_469", Y = "_feedback_1s7sy_496", s = {
-  input: q,
-  "input--invalid": "_input--invalid_1s7sy_336",
-  inputInvalid: R,
-  "input--small": "_input--small_1s7sy_343",
-  inputSmall: V,
-  "input--has-leading-icon": "_input--has-leading-icon_1s7sy_395",
-  inputHasLeadingIcon: O,
-  "input--has-action-button": "_input--has-action-button_1s7sy_398",
-  inputHasActionButton: F,
-  "input--has-second-action-button": "_input--has-second-action-button_1s7sy_401",
-  inputHasSecondActionButton: M,
-  "input--has-affix": "_input--has-affix_1s7sy_413",
-  inputHasAffix: T,
-  "input--is-ready": "_input--is-ready_1s7sy_427",
-  inputIsReady: G,
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: U,
-  "action-button": "_action-button_1s7sy_452",
-  actionButton: W,
-  "label--hidden": "_label--hidden_1s7sy_469",
-  labelHidden: X,
-  feedback: Y
-}, Z = ({ id: t, label: a }) => {
-  if (!t)
-    throw new Error(
-      b(
-        "DSInputPassword",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSInputPassword component.'
-      )
-    );
-  if (!a)
-    throw new Error(
-      b(
-        "DSInputPassword",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, ls = ({
-  id: t,
-  label: a,
-  autocomplete: h = "new-password",
-  className: f,
-  disabled: c = !1,
-  hidePasswordText: w = "Hide password",
-  hint: e,
-  hideLabel: S = !1,
-  invalid: o = !1,
-  readonly: r = !1,
-  required: d = !1,
-  showPasswordText: x = "Show password",
-  size: l = "medium",
-  systemFeedback: u,
-  ...I
-}) => {
-  process.env.NODE_ENV !== "production" && Z({
-    id: t,
-    label: a
-  });
-  const [p, v] = D(!1), _ = `${t}-label`, m = `${t}-feedback`, y = `${t}-hint`, B = e ? ` ${y}` : "", H = C(S), g = i(s.root, f), P = i(s.input, {
-    // small input
-    [s.inputSmall]: l === "small",
-    // invalid state
-    [s.inputInvalid]: o,
-    // action button - input password always has an action button
-    [s.inputHasActionButton]: !0
-  }), N = i(s.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [s.labelHidden]: H
-  }), j = i(s.actionButton, {
-    [s.actionButtonSmall]: l === "small"
-  }), k = () => {
-    v((A) => !A);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: g, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: N, id: _, htmlFor: t, children: [
-      a,
-      d && /* @__PURE__ */ n.jsx(L, {})
-    ] }),
-    e && /* @__PURE__ */ n.jsx("div", { className: s.hint, id: y, children: e }),
-    o && u && /* @__PURE__ */ n.jsx(
-      E,
-      {
-        className: s.feedback,
-        message: u,
-        type: "invalid",
-        id: m
-      }
-    ),
-    /* @__PURE__ */ n.jsxs("div", { className: s.wrapper, children: [
-      /* @__PURE__ */ n.jsx(
-        "input",
-        {
-          className: P,
-          id: t,
-          ...I,
-          "aria-labelledby": `${_}${B}`,
-          "aria-describedby": o && u ? m : void 0,
-          "aria-invalid": o,
-          "aria-disabled": r,
-          readOnly: r,
-          required: d,
-          disabled: c,
-          autoComplete: h,
-          type: p ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        $,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: p ? "eye-closed" : "eye",
-          variant: "ghost",
-          className: j,
-          size: l,
-          onClick: k,
-          type: "button",
-          disabled: c,
-          children: p ? w : x
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ls as D,
-  Z as v
-};

package/chunks/Select.COdS787F.js

@@ -1,191 +0,0 @@
-"use client";
-import { j as n } from "./jsx-runtime.C115EyI4.js";
-import { c as _ } from "./index.CvOaL64Y.js";
-import { useRef as C, useState as q, useEffect as W } from "react";
-import { u as F } from "./useBreakpoint.5xBNDiCf.js";
-import { Asterisk as M } from "../asterisk.Cjbk-xZi.js";
-import { D as O } from "./Icon.n4XZrQ4N.js";
-import { DSSystemFeedback as T } from "../systemfeedback.CUWch42u.js";
-import { g as u } from "./helpers.B1JT5ShS.js";
-import '../assets/Select.Bz1TImkI.css';const V = "_root_omrno_226", Z = "_hint_omrno_234", J = "_label_omrno_234", K = "_wrapper_omrno_238", Q = "_affix_omrno_244", U = "_affix--small_omrno_264", X = "_affix--disabled_omrno_276", Y = "_prefix_omrno_279", z = "_affix--readonly_omrno_282", G = "_suffix_omrno_292", ee = "_action-button_omrno_299", oe = "_label--hidden_omrno_316", ne = "_feedback_omrno_343", te = "_select-wrapper_omrno_348", se = "_select_omrno_348", ae = "_select--invalid_omrno_464", le = "_select--small_omrno_471", ce = "_input--has-leading-icon_omrno_523", re = "_input--has-action-button_omrno_526", ie = "_input--has-second-action-button_omrno_529", _e = "_select--has-leading-icon_omrno_532", de = "_select--has-action-button_omrno_535", me = "_select--has-second-action-button_omrno_538", fe = "_select--has-affix_omrno_541", ue = "_select--is-ready_omrno_555", he = "_select--placeholder_omrno_572", pe = "_chevron_omrno_581", be = "_chevron--small_omrno_585", xe = "_chevron--disabled_omrno_588", e = {
-  root: V,
-  hint: Z,
-  label: J,
-  wrapper: K,
-  affix: Q,
-  "affix--small": "_affix--small_omrno_264",
-  affixSmall: U,
-  "affix--disabled": "_affix--disabled_omrno_276",
-  affixDisabled: X,
-  prefix: Y,
-  "affix--readonly": "_affix--readonly_omrno_282",
-  affixReadonly: z,
-  suffix: G,
-  "action-button": "_action-button_omrno_299",
-  actionButton: ee,
-  "label--hidden": "_label--hidden_omrno_316",
-  labelHidden: oe,
-  feedback: ne,
-  "select-wrapper": "_select-wrapper_omrno_348",
-  selectWrapper: te,
-  select: se,
-  "select--invalid": "_select--invalid_omrno_464",
-  selectInvalid: ae,
-  "select--small": "_select--small_omrno_471",
-  selectSmall: le,
-  "input--has-leading-icon": "_input--has-leading-icon_omrno_523",
-  inputHasLeadingIcon: ce,
-  "input--has-action-button": "_input--has-action-button_omrno_526",
-  inputHasActionButton: re,
-  "input--has-second-action-button": "_input--has-second-action-button_omrno_529",
-  inputHasSecondActionButton: ie,
-  "select--has-leading-icon": "_select--has-leading-icon_omrno_532",
-  selectHasLeadingIcon: _e,
-  "select--has-action-button": "_select--has-action-button_omrno_535",
-  selectHasActionButton: de,
-  "select--has-second-action-button": "_select--has-second-action-button_omrno_538",
-  selectHasSecondActionButton: me,
-  "select--has-affix": "_select--has-affix_omrno_541",
-  selectHasAffix: fe,
-  "select--is-ready": "_select--is-ready_omrno_555",
-  selectIsReady: ue,
-  "select--placeholder": "_select--placeholder_omrno_572",
-  selectPlaceholder: he,
-  chevron: pe,
-  "chevron--small": "_chevron--small_omrno_585",
-  chevronSmall: be,
-  "chevron--disabled": "_chevron--disabled_omrno_588",
-  chevronDisabled: xe
-}, Be = ["medium", "small"], ve = ({
-  id: o,
-  label: a,
-  options: s
-}) => {
-  if (!o)
-    throw new Error(
-      u(
-        "DSSelect",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
-      )
-    );
-  if (!a)
-    throw new Error(
-      u(
-        "DSSelect",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-  if (!s || s.length === 0)
-    throw new Error(
-      u(
-        "DSSelect",
-        'Options are always required. Please add an "options" prop to the DSSelect component.'
-      )
-    );
-}, Se = (o, a, s) => o === "" || a !== void 0 && a !== "" ? !1 : !(s !== void 0 && s !== ""), Ee = ({
-  id: o,
-  label: a,
-  options: s,
-  className: H,
-  defaultValue: h,
-  disabled: p = !1,
-  hideLabel: I = !1,
-  hint: d,
-  invalid: i = !1,
-  placeholder: m = "Select",
-  required: b = !1,
-  size: x = "medium",
-  systemFeedback: f,
-  value: v,
-  ...w
-}) => {
-  process.env.NODE_ENV !== "production" && ve({
-    id: o,
-    label: a,
-    options: s
-  });
-  const r = C(null), [j, A] = q(
-    Se(m, h, v)
-  );
-  W(() => {
-    if (!r.current) return;
-    const l = () => {
-      if (!r.current) return;
-      const c = r.current.value;
-      A(c === "");
-    }, t = r.current;
-    return t.addEventListener("change", l), () => {
-      t.removeEventListener("change", l);
-    };
-  }, []);
-  const B = F(I), S = `${o}-label`, g = `${o}-feedback`, y = `${o}-hint`, E = d ? ` ${y}` : "", L = (l) => [
-    m && /* @__PURE__ */ n.jsx("option", { value: "", children: m }, `${o}-hidden-option-disabled-placeholder`),
-    ...l.map((t) => {
-      if ("options" in t) {
-        const { label: c, options: $ } = t;
-        return /* @__PURE__ */ n.jsx("optgroup", { label: c, children: $.map(D) }, c);
-      } else
-        return D(t);
-    })
-  ], D = ({ label: l, value: t, isDisabled: c }) => /* @__PURE__ */ n.jsx("option", { value: t, disabled: c, children: l }, t), N = _(e.root, H), P = _(e.select, {
-    [e.selectSmall]: x === "small",
-    [e.selectInvalid]: i,
-    [e.selectPlaceholder]: j
-  }), k = _(e.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [e.labelHidden]: B
-  }), R = _(e.chevron, {
-    [e.chevronSmall]: x === "small",
-    [e.chevronDisabled]: p
-  });
-  return /* @__PURE__ */ n.jsxs("div", { className: N, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: k, id: S, htmlFor: o, children: [
-      a,
-      b && /* @__PURE__ */ n.jsx(M, {})
-    ] }),
-    d && /* @__PURE__ */ n.jsx("div", { className: e.hint, id: y, children: d }),
-    i && f && /* @__PURE__ */ n.jsx(
-      T,
-      {
-        className: e.feedback,
-        message: f,
-        type: "invalid",
-        id: g,
-        "aria-live": "assertive"
-      }
-    ),
-    /* @__PURE__ */ n.jsxs("div", { className: e.selectWrapper, children: [
-      /* @__PURE__ */ n.jsx(
-        "select",
-        {
-          ...w,
-          id: o,
-          ref: r,
-          className: P,
-          "aria-labelledby": `${S}${E}`,
-          "aria-describedby": i && f ? g : void 0,
-          "aria-invalid": i,
-          defaultValue: h,
-          value: v,
-          disabled: p,
-          required: b,
-          children: L(s)
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        O,
-        {
-          name: "chevron-down",
-          className: R,
-          "aria-hidden": "true"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Ee as D,
-  Be as S,
-  Se as g,
-  ve as v
-};

package/chunks/Textarea.oqCrSopu.js

@@ -1,195 +0,0 @@
-"use client";
-import { j as n } from "./jsx-runtime.C115EyI4.js";
-import { c as g } from "./index.CvOaL64Y.js";
-import { useState as c, useRef as oe, useEffect as q } from "react";
-import { u as se, h as ie } from "./useBreakpoint.5xBNDiCf.js";
-import { g as k, p as H } from "./helpers.B1JT5ShS.js";
-import { Asterisk as re } from "../asterisk.Cjbk-xZi.js";
-import { DSSystemFeedback as le } from "../systemfeedback.CUWch42u.js";
-import '../assets/Textarea.D2h5cW_t.css';const ce = "_textarea_q1qm9_226", de = "_textarea--invalid_q1qm9_336", _e = "_textarea--small_q1qm9_343", ue = "_textarea--resize-auto_q1qm9_361", fe = "_root_q1qm9_371", me = "_hint_q1qm9_379", qe = "_label_q1qm9_379", xe = "_affix_q1qm9_383", be = "_affix--small_q1qm9_403", he = "_affix--disabled_q1qm9_415", pe = "_prefix_q1qm9_418", ve = "_affix--readonly_q1qm9_421", ge = "_suffix_q1qm9_431", Se = "_leading-icon_q1qm9_438", Ie = "_leading-icon--small_q1qm9_450", Ce = "_leading-icon--disabled_q1qm9_453", ye = "_action-button_q1qm9_462", Ae = "_label--hidden_q1qm9_479", De = "_feedback_q1qm9_506", je = "_char-count_q1qm9_511", we = "_char-count-announcer_q1qm9_526", t = {
-  textarea: ce,
-  "textarea--invalid": "_textarea--invalid_q1qm9_336",
-  textareaInvalid: de,
-  "textarea--small": "_textarea--small_q1qm9_343",
-  textareaSmall: _e,
-  "textarea--resize-auto": "_textarea--resize-auto_q1qm9_361",
-  textareaResizeAuto: ue,
-  root: fe,
-  hint: me,
-  label: qe,
-  affix: xe,
-  "affix--small": "_affix--small_q1qm9_403",
-  affixSmall: be,
-  "affix--disabled": "_affix--disabled_q1qm9_415",
-  affixDisabled: he,
-  prefix: pe,
-  "affix--readonly": "_affix--readonly_q1qm9_421",
-  affixReadonly: ve,
-  suffix: ge,
-  "leading-icon": "_leading-icon_q1qm9_438",
-  leadingIcon: Se,
-  "leading-icon--small": "_leading-icon--small_q1qm9_450",
-  leadingIconSmall: Ie,
-  "leading-icon--disabled": "_leading-icon--disabled_q1qm9_453",
-  leadingIconDisabled: Ce,
-  "action-button": "_action-button_q1qm9_462",
-  actionButton: ye,
-  "label--hidden": "_label--hidden_q1qm9_479",
-  labelHidden: Ae,
-  feedback: De,
-  "char-count": "_char-count_q1qm9_511",
-  charCount: je,
-  "char-count-announcer": "_char-count-announcer_q1qm9_526",
-  charCountAnnouncer: we
-}, Ve = ["medium", "small"], Re = ({ id: o, label: _ }) => {
-  if (!o)
-    throw new Error(
-      k(
-        "DSTextarea",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSTextarea component.'
-      )
-    );
-  if (!_)
-    throw new Error(
-      k(
-        "DSTextarea",
-        `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`
-      )
-    );
-}, ze = ({
-  id: o,
-  label: _,
-  charsLimitText: V = "Character limit reached",
-  charsRemainingText: z = "Characters remaining:",
-  className: P,
-  defaultValue: M,
-  disabled: O = !1,
-  hint: x,
-  hideLabel: F = !1,
-  invalid: s = !1,
-  maxLength: e,
-  readonly: S = !1,
-  required: I = !1,
-  resize: u = "vertical",
-  size: W = "medium",
-  systemFeedback: r,
-  value: b,
-  wrapperClassName: X,
-  onChange: C,
-  onInput: y,
-  ...Z
-}) => {
-  process.env.NODE_ENV !== "production" && Re({
-    id: o,
-    label: _
-  });
-  const [G, A] = c(M || ""), [l, D] = c(0), [J, j] = c(0), [K, w] = c("off"), [R, h] = c(r), [p, v] = c(s), T = b !== void 0, f = T ? b : G, i = oe(null), Q = se(F);
-  q(() => {
-    if (!e || e <= 0)
-      return;
-    l >= e * 0.8 ? w("polite") : w("off");
-    const a = setTimeout(() => {
-      j(e - l || 0);
-    }, 1e3);
-    return () => clearTimeout(a);
-  }, [l]), q(() => {
-    A(f || ""), d(), e && e > 0 && (D(f.toString().length || 0), j(e - f.toString().length || 0));
-  }, [b]), q(() => {
-    s && r ? (h(r), v(s)) : !s && e && e >= 0 && l >= e ? (v(!0), h(V)) : (h(r), v(s));
-  }, [s, p, r, l]), q(() => {
-    if (ie && u === "auto")
-      return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
-  }, [u, i.current]);
-  const U = g(t.root, X), Y = g(t.textarea, P, {
-    // small textarea
-    [t.textareaSmall]: W === "small",
-    // invalid state
-    [t.textareaInvalid]: p,
-    // resize handling
-    [t.textareaResizeAuto]: u === "auto"
-  }), L = g(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: Q
-  }), E = `${o}-label`, N = `${o}-feedback`, B = `${o}-hint`, $ = `${o}-char-count-announcer`, ee = x ? ` ${B}` : "", d = () => {
-    if (i.current && u === "auto") {
-      i.current.style.height = "auto";
-      const a = H(i.current.scrollHeight), m = H(2);
-      i.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
-      // from jumping as soon as the user starts typing.
-      a + m}rem`;
-    }
-  }, ae = () => {
-    const a = [];
-    return e && e > 0 && a.push($), s && r && a.push(N), a.length > 0 ? a.join(" ") : void 0;
-  }, te = (a) => {
-    var m;
-    y && y(a), e && e > 0 && D(((m = i.current) == null ? void 0 : m.value.length) || 0), d();
-  }, ne = (a) => {
-    C && C(a), T || A(a.target.value);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: U, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: L, id: E, htmlFor: o, children: [
-      _,
-      I && /* @__PURE__ */ n.jsx(re, {})
-    ] }),
-    x && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: B, children: x }),
-    p && R && /* @__PURE__ */ n.jsx(
-      le,
-      {
-        className: t.feedback,
-        message: R,
-        type: "invalid",
-        id: N
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "textarea",
-      {
-        className: Y,
-        id: o,
-        ref: i,
-        ...Z,
-        "aria-labelledby": `${E}${ee}`,
-        "aria-describedby": ae(),
-        "aria-invalid": s,
-        "aria-disabled": S,
-        maxLength: e,
-        readOnly: S,
-        required: I,
-        disabled: O,
-        value: f,
-        defaultValue: void 0,
-        rows: void 0,
-        cols: void 0,
-        onChange: ne,
-        onInput: te
-      }
-    ),
-    e !== void 0 && e > 0 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsxs("div", { className: t.charCount, "aria-hidden": "true", children: [
-        l,
-        "/",
-        e
-      ] }),
-      /* @__PURE__ */ n.jsxs(
-        "div",
-        {
-          className: t.charCountAnnouncer,
-          id: $,
-          "aria-live": K,
-          "aria-atomic": "true",
-          children: [
-            z,
-            " ",
-            J
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ze as D,
-  Ve as T,
-  Re as v
-};

package/dialog.0qPUVJha.js

@@ -1,45 +0,0 @@
-"use client";
-import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c as u } from "./chunks/index.CvOaL64Y.js";
-import { useRef as f, useEffect as l } from "react";
-import { DSButton as m } from "./button.L1lgCuM9.js";
-import './assets/dialog.CKwM2EBH.css';const _ = "_root_4piiz_76", p = "_success_4piiz_80", d = "_info_4piiz_84", g = "_warning_4piiz_88", h = {
-  root: _,
-  success: p,
-  info: d,
-  warning: g
-}, z = ({
-  children: r,
-  className: c,
-  footer: n,
-  header: a,
-  isOpen: t,
-  onClose: s
-}) => {
-  const i = f(null);
-  return l(() => {
-    const o = i.current;
-    return o && (t ? o.showModal() : o.close(), s && o.addEventListener("close", s)), () => {
-      o && s && o.removeEventListener("close", s);
-    };
-  }, [t, s]), /* @__PURE__ */ e.jsxs("dialog", { ref: i, className: u(h.root, c), children: [
-    /* @__PURE__ */ e.jsx(
-      m,
-      {
-        type: "button",
-        iconName: "cross",
-        variant: "ghost",
-        hideLabel: !0,
-        onClick: s,
-        autoFocus: !0,
-        children: "Close Dialog"
-      }
-    ),
-    a,
-    r,
-    n
-  ] });
-};
-export {
-  z as DSDialog
-};

package/fieldset.aY3V2jK2.js

@@ -1,11 +0,0 @@
-"use client";
-import "./chunks/jsx-runtime.C115EyI4.js";
-import "./chunks/index.CvOaL64Y.js";
-import "react";
-import "./asterisk.Cjbk-xZi.js";
-import "./heading.BTNroD1E.js";
-import "./systemfeedback.CUWch42u.js";
-import { D as l } from "./chunks/Fieldset.B1vsrHNv.js";
-export {
-  l as DSFieldset
-};

package/heading.BTNroD1E.js

@@ -1,50 +0,0 @@
-"use client";
-import { j as l } from "./chunks/jsx-runtime.C115EyI4.js";
-import { c } from "./chunks/index.CvOaL64Y.js";
-import './assets/heading.CCbuI4X-.css';const n = "_root_n4708_76", u = "_root--x-large_n4708_79", g = "_root--x-large-uppercase_n4708_93", d = "_root--large_n4708_107", i = "_root--large-uppercase_n4708_121", x = "_root--medium_n4708_135", L = "_root--medium-uppercase_n4708_143", U = "_root--small_n4708_151", h = "_root--small-uppercase_n4708_159", k = "_root--theme-dark_n4708_167", o = {
-  root: n,
-  "root--x-large": "_root--x-large_n4708_79",
-  rootXLarge: u,
-  "root--x-large-uppercase": "_root--x-large-uppercase_n4708_93",
-  rootXLargeUppercase: g,
-  "root--large": "_root--large_n4708_107",
-  rootLarge: d,
-  "root--large-uppercase": "_root--large-uppercase_n4708_121",
-  rootLargeUppercase: i,
-  "root--medium": "_root--medium_n4708_135",
-  rootMedium: x,
-  "root--medium-uppercase": "_root--medium-uppercase_n4708_143",
-  rootMediumUppercase: L,
-  "root--small": "_root--small_n4708_151",
-  rootSmall: U,
-  "root--small-uppercase": "_root--small-uppercase_n4708_159",
-  rootSmallUppercase: h,
-  "root--theme-dark": "_root--theme-dark_n4708_167",
-  rootThemeDark: k
-}, X = ({
-  children: e,
-  className: a,
-  size: r = "medium",
-  tag: t = "h2",
-  // default tag because of SEO reasons (h1 should be used only once per page)
-  theme: p = "light",
-  ...s
-}) => {
-  const _ = t, m = c(o.root, a, {
-    // sizes
-    [o.rootXLarge]: r === "x-large",
-    [o.rootXLargeUppercase]: r === "x-large-uppercase",
-    [o.rootLarge]: r === "large",
-    [o.rootLargeUppercase]: r === "large-uppercase",
-    [o.rootMedium]: r == "medium",
-    [o.rootMediumUppercase]: r == "medium-uppercase",
-    [o.rootSmall]: r == "small",
-    [o.rootSmallUppercase]: r == "small-uppercase",
-    // dark theme
-    [o.rootThemeDark]: p === "dark"
-  });
-  return /* @__PURE__ */ l.jsx(_, { className: m, ...s, children: e });
-};
-export {
-  X as DSHeading
-};