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

package/chunks/RadioGroup.module.bi3leRes.js

@@ -0,0 +1,11 @@
+"use client";
+import '../assets/RadioGroup.Ur8Ro-XL.css';const o = "_root_1c87m_63", t = "_root--horizontal_1c87m_71", r = "_root--invalid_1c87m_74", n = {
+  root: o,
+  "root--horizontal": "_root--horizontal_1c87m_71",
+  rootHorizontal: t,
+  "root--invalid": "_root--invalid_1c87m_74",
+  rootInvalid: r
+};
+export {
+  n as s
+};

package/chunks/Select.DkDZo0ky.js

@@ -0,0 +1,193 @@
+"use client";
+import { j as t } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as _ } from "./index.CvOaL64Y.js";
+import { useRef as $, useState as C, useEffect as W } from "react";
+import { u as F } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as M } from "../asterisk.DU8THnoC.js";
+import { D as O } from "./Icon.9gDIp6p4.js";
+import { DSSystemFeedback as T } from "../systemfeedback.4Hkfigi-.js";
+import { g as f } from "./helpers.B1JT5ShS.js";
+import '../assets/Select.D2qBxaHP.css';const V = "_root_quxca_187", Z = "_hint_quxca_195", J = "_label_quxca_195", K = "_wrapper_quxca_199", Q = "_affix_quxca_205", U = "_affix--small_quxca_225", X = "_affix--disabled_quxca_237", Y = "_prefix_quxca_240", z = "_affix--readonly_quxca_243", G = "_suffix_quxca_253", ee = "_action-button_quxca_260", ae = "_label--hidden_quxca_277", te = "_feedback_quxca_304", se = "_select-wrapper_quxca_309", ce = "_select_quxca_309", ne = "_select--invalid_quxca_428", le = "_select--small_quxca_435", oe = "_input--has-leading-icon_quxca_481", ie = "_input--has-action-button_quxca_484", re = "_input--has-second-action-button_quxca_487", _e = "_select--has-leading-icon_quxca_490", ue = "_select--has-action-button_quxca_493", de = "_select--has-second-action-button_quxca_496", xe = "_select--has-affix_quxca_499", fe = "_select--is-ready_quxca_511", he = "_select--placeholder_quxca_523", pe = "_chevron_quxca_532", be = "_chevron--small_quxca_536", me = "_chevron--disabled_quxca_539", e = {
+  root: V,
+  hint: Z,
+  label: J,
+  wrapper: K,
+  affix: Q,
+  "affix--small": "_affix--small_quxca_225",
+  affixSmall: U,
+  "affix--disabled": "_affix--disabled_quxca_237",
+  affixDisabled: X,
+  prefix: Y,
+  "affix--readonly": "_affix--readonly_quxca_243",
+  affixReadonly: z,
+  suffix: G,
+  "action-button": "_action-button_quxca_260",
+  actionButton: ee,
+  "label--hidden": "_label--hidden_quxca_277",
+  labelHidden: ae,
+  feedback: te,
+  "select-wrapper": "_select-wrapper_quxca_309",
+  selectWrapper: se,
+  select: ce,
+  "select--invalid": "_select--invalid_quxca_428",
+  selectInvalid: ne,
+  "select--small": "_select--small_quxca_435",
+  selectSmall: le,
+  "input--has-leading-icon": "_input--has-leading-icon_quxca_481",
+  inputHasLeadingIcon: oe,
+  "input--has-action-button": "_input--has-action-button_quxca_484",
+  inputHasActionButton: ie,
+  "input--has-second-action-button": "_input--has-second-action-button_quxca_487",
+  inputHasSecondActionButton: re,
+  "select--has-leading-icon": "_select--has-leading-icon_quxca_490",
+  selectHasLeadingIcon: _e,
+  "select--has-action-button": "_select--has-action-button_quxca_493",
+  selectHasActionButton: ue,
+  "select--has-second-action-button": "_select--has-second-action-button_quxca_496",
+  selectHasSecondActionButton: de,
+  "select--has-affix": "_select--has-affix_quxca_499",
+  selectHasAffix: xe,
+  "select--is-ready": "_select--is-ready_quxca_511",
+  selectIsReady: fe,
+  "select--placeholder": "_select--placeholder_quxca_523",
+  selectPlaceholder: he,
+  chevron: pe,
+  "chevron--small": "_chevron--small_quxca_536",
+  chevronSmall: be,
+  "chevron--disabled": "_chevron--disabled_quxca_539",
+  chevronDisabled: me
+}, Ae = ["medium", "small"], qe = ({
+  id: a,
+  label: n,
+  options: c
+}) => {
+  if (!a)
+    throw new Error(
+      f(
+        "DSSelect",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSSelect component.'
+      )
+    );
+  if (!n)
+    throw new Error(
+      f(
+        "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 (!c || c.length === 0)
+    throw new Error(
+      f(
+        "DSSelect",
+        'Options are always required. Please add an "options" prop to the DSSelect component.'
+      )
+    );
+}, ve = (a, n, c) => a === "" || n !== void 0 && n !== "" ? !1 : !(c !== void 0 && c !== ""), Be = ({
+  id: a,
+  label: n,
+  options: c,
+  className: D,
+  defaultValue: h,
+  disabled: p = !1,
+  hideLabel: H = !1,
+  hint: u,
+  invalid: r = !1,
+  placeholder: d = "Select",
+  required: b = !1,
+  size: m = "medium",
+  systemFeedback: x,
+  value: q,
+  ...I
+}) => {
+  process.env.NODE_ENV !== "production" && qe({
+    id: a,
+    label: n,
+    options: c
+  });
+  const i = $(null), [w, j] = C(
+    ve(d, h, q)
+  );
+  W(() => {
+    if (!i.current)
+      return;
+    const l = () => {
+      if (!i.current)
+        return;
+      const o = i.current.value;
+      j(o === "");
+    }, s = i.current;
+    return s.addEventListener("change", l), () => {
+      s.removeEventListener("change", l);
+    };
+  }, []);
+  const A = F(H), v = `${a}-label`, S = `${a}-feedback`, g = `${a}-hint`, B = u ? ` ${g}` : "", E = (l) => [
+    d && /* @__PURE__ */ t.jsx("option", { value: "", children: d }, `${a}-hidden-option-disabled-placeholder`),
+    ...l.map((s) => {
+      if ("options" in s) {
+        const { label: o, options: R } = s;
+        return /* @__PURE__ */ t.jsx("optgroup", { label: o, children: R.map(y) }, o);
+      } else
+        return y(s);
+    })
+  ], y = ({ label: l, value: s, isDisabled: o }) => /* @__PURE__ */ t.jsx("option", { value: s, disabled: o, children: l }, s), L = _(e.root, D), N = _(e.select, {
+    [e.selectSmall]: m === "small",
+    [e.selectInvalid]: r,
+    [e.selectPlaceholder]: w
+  }), P = _(e.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelHidden]: A
+  }), k = _(e.chevron, {
+    [e.chevronSmall]: m === "small",
+    [e.chevronDisabled]: p
+  });
+  return /* @__PURE__ */ t.jsxs("div", { className: L, children: [
+    /* @__PURE__ */ t.jsxs("label", { className: P, id: v, htmlFor: a, children: [
+      n,
+      b && /* @__PURE__ */ t.jsx(M, {})
+    ] }),
+    u && /* @__PURE__ */ t.jsx("div", { className: e.hint, id: g, children: u }),
+    r && x && /* @__PURE__ */ t.jsx(
+      T,
+      {
+        className: e.feedback,
+        message: x,
+        type: "invalid",
+        id: S,
+        "aria-live": "assertive"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: e.selectWrapper, children: [
+      /* @__PURE__ */ t.jsx(
+        "select",
+        {
+          ...I,
+          id: a,
+          ref: i,
+          className: N,
+          "aria-labelledby": `${v}${B}`,
+          "aria-describedby": r && x ? S : void 0,
+          "aria-invalid": r,
+          defaultValue: h,
+          value: q,
+          disabled: p,
+          required: b,
+          children: E(c)
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        O,
+        {
+          name: "chevron-down",
+          className: k,
+          "aria-hidden": "true"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Be as D,
+  Ae as S,
+  ve as g,
+  qe as v
+};

package/chunks/Textarea.C938p79X.js

@@ -0,0 +1,195 @@
+"use client";
+import { j as n } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as S } from "./index.CvOaL64Y.js";
+import { useState as c, useRef as le, useEffect as x } from "react";
+import { u as oe, h as se } from "./useBreakpoint.5xBNDiCf.js";
+import { g as H, p as V } from "./helpers.B1JT5ShS.js";
+import { Asterisk as ie } from "../asterisk.DU8THnoC.js";
+import { DSSystemFeedback as re } from "../systemfeedback.4Hkfigi-.js";
+import '../assets/Textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "_textarea--invalid_1elbe_297", _e = "_textarea--small_1elbe_304", ue = "_textarea--resize-auto_1elbe_316", fe = "_root_1elbe_326", be = "_hint_1elbe_334", xe = "_label_1elbe_334", me = "_affix_1elbe_338", he = "_affix--small_1elbe_358", pe = "_affix--disabled_1elbe_370", ve = "_prefix_1elbe_373", ge = "_affix--readonly_1elbe_376", Se = "_suffix_1elbe_386", Ie = "_leading-icon_1elbe_393", Ce = "_leading-icon--small_1elbe_405", ye = "_leading-icon--disabled_1elbe_408", Ae = "_action-button_1elbe_417", De = "_label--hidden_1elbe_434", je = "_feedback_1elbe_461", we = "_char-count_1elbe_466", Re = "_char-count-announcer_1elbe_481", t = {
+  textarea: ce,
+  "textarea--invalid": "_textarea--invalid_1elbe_297",
+  textareaInvalid: de,
+  "textarea--small": "_textarea--small_1elbe_304",
+  textareaSmall: _e,
+  "textarea--resize-auto": "_textarea--resize-auto_1elbe_316",
+  textareaResizeAuto: ue,
+  root: fe,
+  hint: be,
+  label: xe,
+  affix: me,
+  "affix--small": "_affix--small_1elbe_358",
+  affixSmall: he,
+  "affix--disabled": "_affix--disabled_1elbe_370",
+  affixDisabled: pe,
+  prefix: ve,
+  "affix--readonly": "_affix--readonly_1elbe_376",
+  affixReadonly: ge,
+  suffix: Se,
+  "leading-icon": "_leading-icon_1elbe_393",
+  leadingIcon: Ie,
+  "leading-icon--small": "_leading-icon--small_1elbe_405",
+  leadingIconSmall: Ce,
+  "leading-icon--disabled": "_leading-icon--disabled_1elbe_408",
+  leadingIconDisabled: ye,
+  "action-button": "_action-button_1elbe_417",
+  actionButton: Ae,
+  "label--hidden": "_label--hidden_1elbe_434",
+  labelHidden: De,
+  feedback: je,
+  "char-count": "_char-count_1elbe_466",
+  charCount: we,
+  "char-count-announcer": "_char-count-announcer_1elbe_481",
+  charCountAnnouncer: Re
+}, ze = ["medium", "small"], Te = ({ id: l, label: _ }) => {
+  if (!l)
+    throw new Error(
+      H(
+        "DSTextarea",
+        'A unique "id" prop is required. Please add an unique "id" prop to the DSTextarea component.'
+      )
+    );
+  if (!_)
+    throw new Error(
+      H(
+        "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}.`
+      )
+    );
+}, Pe = ({
+  id: l,
+  label: _,
+  charsLimitText: z = "Character limit reached",
+  charsRemainingText: P = "Characters remaining:",
+  className: q,
+  defaultValue: M,
+  disabled: O = !1,
+  hint: m,
+  hideLabel: F = !1,
+  invalid: o = !1,
+  maxLength: e,
+  readonly: I = !1,
+  required: C = !1,
+  resize: u = "vertical",
+  size: W = "medium",
+  systemFeedback: i,
+  value: h,
+  wrapperClassName: X,
+  onChange: y,
+  onInput: A,
+  ...Z
+}) => {
+  process.env.NODE_ENV !== "production" && Te({
+    id: l,
+    label: _
+  });
+  const [G, D] = c(M || ""), [r, j] = c(0), [J, w] = c(0), [K, R] = c("off"), [T, p] = c(i), [v, g] = c(o), E = h !== void 0, f = E ? h : G, s = le(null), Q = oe(F);
+  x(() => {
+    if (!e || e <= 0)
+      return;
+    r >= e * 0.8 ? R("polite") : R("off");
+    const a = setTimeout(() => {
+      w(e - r || 0);
+    }, 1e3);
+    return () => clearTimeout(a);
+  }, [r]), x(() => {
+    D(f || ""), d(), e && e > 0 && (j(f.toString().length || 0), w(e - f.toString().length || 0));
+  }, [h]), x(() => {
+    o && i ? (p(i), g(o)) : !o && e && e >= 0 && r >= e ? (g(!0), p(z)) : (p(i), g(o));
+  }, [o, v, i, r]), x(() => {
+    if (se && u === "auto")
+      return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
+  }, [u, s.current]);
+  const U = S(t.root, X), Y = S(t.textarea, q, {
+    // small textarea
+    [t.textareaSmall]: W === "small",
+    // invalid state
+    [t.textareaInvalid]: v,
+    // resize handling
+    [t.textareaResizeAuto]: u === "auto"
+  }), L = S(t.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: Q
+  }), N = `${l}-label`, B = `${l}-feedback`, $ = `${l}-hint`, k = `${l}-char-count-announcer`, ee = m ? ` ${$}` : "", d = () => {
+    if (s.current && u === "auto") {
+      s.current.style.height = "auto";
+      const a = V(s.current.scrollHeight), b = V(2);
+      s.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 + b}rem`;
+    }
+  }, ae = () => {
+    const a = [];
+    return e && e > 0 && a.push(k), o && i && a.push(B), a.length > 0 ? a.join(" ") : void 0;
+  }, te = (a) => {
+    var b;
+    A && A(a), e && e > 0 && j(((b = s.current) == null ? void 0 : b.value.length) || 0), d();
+  }, ne = (a) => {
+    y && y(a), E || D(a.target.value);
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: U, children: [
+    /* @__PURE__ */ n.jsxs("label", { className: L, id: N, htmlFor: l, children: [
+      _,
+      C && /* @__PURE__ */ n.jsx(ie, {})
+    ] }),
+    m && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: $, children: m }),
+    v && T && /* @__PURE__ */ n.jsx(
+      re,
+      {
+        className: t.feedback,
+        message: T,
+        type: "invalid",
+        id: B
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "textarea",
+      {
+        className: Y,
+        id: l,
+        ref: s,
+        ...Z,
+        "aria-labelledby": `${N}${ee}`,
+        "aria-describedby": ae(),
+        "aria-invalid": o,
+        "aria-disabled": I,
+        maxLength: e,
+        readOnly: I,
+        required: C,
+        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: [
+        r,
+        "/",
+        e
+      ] }),
+      /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          className: t.charCountAnnouncer,
+          id: k,
+          "aria-live": K,
+          "aria-atomic": "true",
+          children: [
+            P,
+            " ",
+            J
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Pe as D,
+  ze as T,
+  Te as v
+};

package/chunks/Toast.CLYrwQVO.js

@@ -0,0 +1,89 @@
+"use client";
+import { j as n } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as e } from "./index.CvOaL64Y.js";
+import { forwardRef as f } from "react";
+import { DSButton as u } from "../button.DX_nxoJC.js";
+import { D as k } from "./Icon.9gDIp6p4.js";
+import '../assets/Toast.CAP_EwDX.css';const y = "_root_pyklq_67", g = "_root--closing_pyklq_76", q = "_fade-out_pyklq_1", h = "_move-in_pyklq_1", x = "_root--success_pyklq_111", I = "_root--info_pyklq_115", S = "_root--warning_pyklq_119", N = "_content_pyklq_124", j = "_content--hide-icon_pyklq_131", v = "_icon_pyklq_135", w = "_message_pyklq_139", o = {
+  root: y,
+  "root--closing": "_root--closing_pyklq_76",
+  rootClosing: g,
+  "fade-out": "_fade-out_pyklq_1",
+  fadeOut: q,
+  "move-in": "_move-in_pyklq_1",
+  moveIn: h,
+  "root--success": "_root--success_pyklq_111",
+  rootSuccess: x,
+  "root--info": "_root--info_pyklq_115",
+  rootInfo: I,
+  "root--warning": "_root--warning_pyklq_119",
+  rootWarning: S,
+  content: N,
+  "content--hide-icon": "_content--hide-icon_pyklq_131",
+  contentHideIcon: j,
+  icon: v,
+  message: w
+}, C = {
+  success: "circle-check-colored",
+  warning: "triangle-exclamationmark-colored",
+  info: "circle-info-colored"
+}, D = f(
+  ({
+    message: s,
+    className: r,
+    hideIcon: c = !1,
+    variant: t = "info",
+    onClick: i,
+    onMouseEnter: a,
+    onMouseLeave: _,
+    ...l
+  }, m) => {
+    const p = e(o.root, r, {
+      [o.rootSuccess]: t === "success",
+      [o.rootWarning]: t === "warning",
+      [o.rootInfo]: t === "info"
+    }), d = e(o.content, {
+      [o.contentHideIcon]: c
+    });
+    return /* @__PURE__ */ n.jsx(
+      "aside",
+      {
+        className: p,
+        ref: m,
+        popover: "manual",
+        "data-ds-toast": !0,
+        onMouseEnter: a,
+        onMouseLeave: _,
+        "aria-label": s,
+        ...l,
+        children: /* @__PURE__ */ n.jsxs("div", { className: d, children: [
+          !c && /* @__PURE__ */ n.jsx(
+            k,
+            {
+              name: C[t],
+              className: o.icon,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ n.jsx("div", { className: o.message, children: s }),
+          /* @__PURE__ */ n.jsx(
+            u,
+            {
+              hideLabel: !0,
+              iconName: "cross",
+              size: "small",
+              variant: "ghost",
+              onClick: i,
+              children: "Close toast"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+D.displayName = "DSToast";
+export {
+  D,
+  o as s
+};

package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js}

@@ -1,10 +1,10 @@
 "use client";
 import * as e from "react";
-const o = ({
+const n = ({
   title: l,
   titleId: t,
   ...a
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#666", fillRule: "evenodd", d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M6.575 3.35C6.575 2.6 7.175 2 8 2s1.425.6 1.425 1.35c0 .825-.6 1.425-1.425 1.425A1.424 1.424 0 0 1 6.575 3.35M9.05 6.775H6.875v6.75H9.05z", clipRule: "evenodd" }));
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#666", fillRule: "evenodd", d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "M6.575 3.35C6.575 2.6 7.175 2 8 2s1.425.6 1.425 1.35c0 .825-.6 1.425-1.425 1.425A1.424 1.424 0 0 1 6.575 3.35M9.05 6.775H6.875v6.75H9.05z" }));
 export {
-  o as default
+  n as default
 };

package/chunks/whatsapp.CPpu-7Nn.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const t = ({
+  title: a,
+  titleId: l,
+  ...c
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": l, ...c }, a ? /* @__PURE__ */ e.createElement("title", { id: l }, a) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M13.669 2.323A7.94 7.94 0 0 0 8.034 0C3.642 0 .068 3.554.067 7.922c0 1.396.366 2.76 1.063 3.96L0 15.989l4.223-1.101a8 8 0 0 0 3.807.964h.004c4.39 0 7.964-3.554 7.966-7.923a7.85 7.85 0 0 0-2.331-5.604m-5.635 12.19H8.03a6.64 6.64 0 0 1-3.37-.918l-.242-.143-2.506.654.668-2.43-.157-.25a6.54 6.54 0 0 1-1.012-3.504c.001-3.63 2.972-6.584 6.624-6.584 1.769 0 3.431.686 4.682 1.931a6.53 6.53 0 0 1 1.937 4.659c-.002 3.63-2.972 6.584-6.621 6.584m3.632-4.932c-.2-.099-1.178-.578-1.36-.644s-.316-.099-.448.1c-.133.198-.515.644-.63.776-.117.132-.233.148-.432.049-.199-.1-.84-.308-1.6-.982a6 6 0 0 1-1.108-1.372c-.116-.198-.012-.305.087-.404.09-.088.199-.23.299-.346s.132-.199.199-.33c.066-.133.033-.248-.017-.347-.05-.1-.448-1.074-.614-1.47-.161-.386-.326-.334-.447-.34a8 8 0 0 0-.382-.007.73.73 0 0 0-.531.248c-.183.198-.697.677-.697 1.651s.713 1.916.813 2.048 1.404 2.132 3.4 2.99c.475.203.846.325 1.136.416.476.151.91.13 1.253.08.383-.058 1.178-.48 1.344-.942.165-.463.165-.86.116-.942-.05-.082-.183-.132-.382-.23z", clipRule: "evenodd" })));
+export {
+  t as default
+};

package/{combobox.BOJ7aq_B.js → combobox.BaSkiD6f.js}

@@ -1,6 +1,6 @@
 "use client";
 import { j as u } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { v as x, C } from "./chunks/CustomReactSelect.Pvkkof1f.js";
+import { v as x, c as C } from "./chunks/CustomReactSelect.DtmbYZUf.js";
 const v = ({
   id: s,
   label: o,
@@ -8,9 +8,9 @@ const v = ({
   disabled: a = !1,
   dropdownOnFocus: e = !1,
   hideLabel: l = !1,
-  invalid: m = !1,
-  lang: r = "en",
-  required: c = !1,
+  invalid: c = !1,
+  lang: m = "en",
+  required: r = !1,
   variant: f = "single",
   ...t
 }) => {
@@ -32,12 +32,12 @@ const v = ({
       disabled: a,
       hideLabel: l,
       isMulti: i,
-      invalid: m,
-      lang: r,
+      invalid: c,
+      lang: m,
       openMenuOnClick: e,
       openMenuOnFocus: e,
       isClearable: !e || i,
-      required: c,
+      required: r,
       ...t
     }
   );

package/components/AriaLiveRegions/AriaLiveRegions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A component that provides hidden ARIA live regions for accessibility, allowing screen readers to announce changes dynamically.
+ */
+export declare const DSAriaLiveRegions: () => JSX.Element;

package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts

@@ -0,0 +1,5 @@
+export declare const ARIA_LIVE_REGION_ALERT_ID = "ds-alert-live-region";
+export declare const ARIA_LIVE_REGION_STATUS_ID = "ds-status-live-region";
+export declare const getAriaAlertLiveRegionElement: () => HTMLElement | null;
+export declare const getAriaStatusLiveRegionElement: () => HTMLElement | null;
+export declare const validateMultipleDSAriaLiveRegionsOnPage: () => void;

package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Checkbox/Checkbox.d.ts

@@ -8,7 +8,7 @@ export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     checked?: boolean;
     /** Disables the checkbox, preventing user interaction */
     disabled?: boolean;
-    /** Hide the checkbox label, can be responsive
+    /** Hides the checkbox label, can be responsive
      * `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
      * */
     hideLabel?: BreakpointCustomizable<boolean>;

package/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -9,7 +9,7 @@ export interface CheckboxGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetE
      * When provided as a string, it represents the legend text directly.
      * When provided as an object, it allows for more detailed configuration, including:
      * - `headingText: string` The text content for the legend.
-     * - `headingSize?: 'x-large' | 'large' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
+     * - `headingSize?: 'x-large' | 'x-large-uppercase' | 'large' | 'large-uppercase' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
      * - `headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'` Specifies the HTML tag to be used for the heading, such as 'h1', 'h2', etc., defaults to `'h2'`
      *
      * @prop {string | { headingText: string; headingSize?: HeadingSize; headingTag?: HeadingTag; }} legend

package/components/CheckboxGroup/CheckboxGroup.utils.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxGroupProps } from './CheckboxGroup';
 
 type ValidationProps = Pick<CheckboxGroupProps, 'children' | 'description' | 'id' | 'legend' | 'systemFeedback'>;
-export declare const validateProps: ({ children, description, id, legend, systemFeedback, }: ValidationProps) => void;
+export declare const validateCheckboxGroupProps: ({ children, description, id, legend, systemFeedback, }: ValidationProps) => void;
 export {};

package/components/Dialog/Dialog.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+
+type DialogProps = {
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    header?: React.ReactNode;
+    isOpen?: boolean;
+    onClose?: () => void;
+} & HTMLAttributes<HTMLDialogElement>;
+export declare const DSDialog: ({ children, className, footer, header, isOpen, onClose, }: DialogProps) => JSX.Element;
+export {};

package/components/Fieldset/Fieldset.d.ts

@@ -9,7 +9,7 @@ export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElemen
      * When provided as a string, it represents the legend text directly.
      * When provided as an object, it allows for more detailed configuration, including:
      * - `headingText: string` The text content for the legend.
-     * - `headingSize?: 'x-large' | 'large' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
+     * - `headingSize?: 'x-large' | 'x-large-uppercase' | 'large' | 'large-uppercase' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
      * - `headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'` Specifies the HTML tag to be used for the heading, such as 'h1', 'h2', etc., defaults to `'h2'`
      *
      * @prop {string | { headingText: string; headingSize?: HeadingSize; headingTag?: HeadingTag; }} legend

package/components/Fieldset/Fieldset.utils.d.ts

@@ -7,5 +7,5 @@ export type Legend = string | {
     headingTag?: HeadingTag;
 };
 type ValidationProps = Pick<FieldsetProps, 'description' | 'id' | 'legend' | 'systemFeedback'>;
-export declare const validateProps: ({ description, id, legend, systemFeedback, }: ValidationProps) => void;
+export declare const validateFieldsetProps: ({ description, id, legend, systemFeedback, }: ValidationProps) => void;
 export {};

package/components/Heading/Heading.utils.d.ts

@@ -1,4 +1,4 @@
-export declare const HEADING_SIZE: readonly ["x-large", "large", "medium", "medium-uppercase", "small", "small-uppercase"];
+export declare const HEADING_SIZE: readonly ["x-large", "x-large-uppercase", "large", "large-uppercase", "medium", "medium-uppercase", "small", "small-uppercase"];
 export type HeadingSize = typeof HEADING_SIZE[number];
 export declare const HEADING_TAG: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
 export type HeadingTag = typeof HEADING_TAG[number];

package/components/Logo/Logo.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { SelectedAriaAttributes, Theme } from '../../types';
-import { LogoAriaAttribute, LogoTarget } from './Logo.utils';
+import { LogoAriaAttribute, LogoTarget, LogoVariant } from './Logo.utils';
 
 export interface LogoProps extends HTMLAttributes<HTMLOrSVGElement | HTMLAnchorElement> {
     /** If the DSLogo is used with an href prop, make sure to add a descriptive label to inform screen reader users what the link stands for
@@ -13,10 +13,12 @@ export interface LogoProps extends HTMLAttributes<HTMLOrSVGElement | HTMLAnchorE
     target?: LogoTarget;
     /** Defines the theme */
     theme?: Theme;
+    /** Defines the variant, **standard** is only available with **light** theme */
+    variant?: LogoVariant;
 }
 /**
  * This component is used to display the logo.
  *
  * It can be also used as a link by providing a `href` and an `aria-label`.
  */
-export declare const DSLogo: ({ aria, className, href, target, theme, ...rest }: LogoProps) => JSX.Element;
+export declare const DSLogo: ({ aria, className, href, target, theme, variant, ...rest }: LogoProps) => JSX.Element;