@stihl-design-system/components 1.0.0-RC.32 → 1.0.0-RC.35

package/chunks/CheckboxGroup.Cj68J6Ee.js

@@ -1,72 +0,0 @@
-"use client";
-import { jsx as _ } from "react/jsx-runtime";
-import { d as w } from "./index.CgTHIF3K.js";
-import { c as G } from "./index.CEyLAtio.js";
-import { D as q } from "./Fieldset.D7cLR5ze.js";
-import S from "react";
-import { g as x, r as N } from "./helpers.BbWkXTr3.js";
-import { D as z } from "./Checkbox.CiwriItT.js";
-import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", I = "ds-checkbox-group_root--invalid_12fot_12", g = {
-  root: F,
-  rootHorizontal: H,
-  rootInvalid: I
-}, O = ({
-  children: c,
-  description: e,
-  id: t,
-  legend: s,
-  systemFeedback: r
-}) => {
-  if (!t && (e || r))
-    throw new Error(x("DSCheckboxGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'));
-  if (!s)
-    throw new Error(x("DSCheckboxGroup", N("legend", "DSCheckboxGroup")));
-  if (!c)
-    throw new Error(x("DSCheckboxGroup", "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."));
-  S.Children.forEach(c, (o) => {
-    if (!S.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
-    o.type !== z && Object.keys(o.type)[1] !== "_payload") {
-      const i = S.isValidElement(o) ? `Currently you are passing a child of type: ${JSON.stringify(o.type)}.` : "Currently you are passing an invalid React element.";
-      throw new Error(x("DSCheckboxGroup", `The component requires the children to be DSCheckbox elements. ${i} Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group.`));
-    }
-  });
-}, A = (c) => {
-  const e = w.c(29);
-  let t, s, r, o, i, a, n, d, p, h, u;
-  e[0] !== c ? ({
-    children: t,
-    legend: i,
-    className: s,
-    description: r,
-    direction: d,
-    disabled: p,
-    id: o,
-    invalid: h,
-    required: u,
-    systemFeedback: n,
-    ...a
-  } = c, e[0] = c, e[1] = t, e[2] = s, e[3] = r, e[4] = o, e[5] = i, e[6] = a, e[7] = n, e[8] = d, e[9] = p, e[10] = h, e[11] = u) : (t = e[1], s = e[2], r = e[3], o = e[4], i = e[5], a = e[6], n = e[7], d = e[8], p = e[9], h = e[10], u = e[11]);
-  const E = d === void 0 ? "vertical" : d, k = p === void 0 ? !1 : p, m = h === void 0 ? !1 : h, v = u === void 0 ? !1 : u;
-  process.env.NODE_ENV !== "production" && O({
-    children: t,
-    description: r,
-    id: o,
-    legend: i,
-    systemFeedback: n
-  });
-  const D = E === "horizontal", C = m && !!n;
-  let b;
-  e[12] !== D || e[13] !== C ? (b = G(g.root, {
-    [g.rootHorizontal]: D,
-    [g.rootInvalid]: C
-  }), e[12] = D, e[13] = C, e[14] = b) : b = e[14];
-  const y = b;
-  let l;
-  e[15] !== t || e[16] !== y ? (l = /* @__PURE__ */ _("div", { className: y, children: t }), e[15] = t, e[16] = y, e[17] = l) : l = e[17];
-  let f;
-  return e[18] !== s || e[19] !== r || e[20] !== k || e[21] !== o || e[22] !== m || e[23] !== i || e[24] !== v || e[25] !== a || e[26] !== n || e[27] !== l ? (f = /* @__PURE__ */ _(q, { id: o, legend: i, className: s, description: r, disabled: k, required: v, invalid: m, systemFeedback: n, ...a, children: l }), e[18] = s, e[19] = r, e[20] = k, e[21] = o, e[22] = m, e[23] = i, e[24] = v, e[25] = a, e[26] = n, e[27] = l, e[28] = f) : f = e[28], f;
-};
-export {
-  A as D,
-  O as v
-};

package/chunks/Dialog.Bv7k55He.js

@@ -1,135 +0,0 @@
-"use client";
-import { jsx as F, jsxs as Z } from "react/jsx-runtime";
-import { d as ee } from "./index.CgTHIF3K.js";
-import { c as W } from "./index.CEyLAtio.js";
-import { useRef as Q, useState as oe, useEffect as U } from "react";
-import { D as te } from "./Button.Cf1CKq8N.js";
-import { g as le } from "./helpers.BbWkXTr3.js";
-import '../assets/Dialog.CGAg7bnN.css';const se = "ds-dialog_root_kvopn_5", ne = "ds-dialog_content-wrapper_kvopn_166", re = "ds-dialog_content-wrapper--no-footer_kvopn_172", ce = "ds-dialog_close-button_kvopn_180", ae = "ds-dialog_header_kvopn_193", ie = "ds-dialog_content_kvopn_166", de = "ds-dialog_footer_kvopn_195", fe = "ds-dialog_header--scrollable_kvopn_216", pe = "ds-dialog_header--close-button_kvopn_225", ue = "ds-dialog_content--no-footer_kvopn_238", he = "ds-dialog_footer--scrollable_kvopn_245", t = {
-  root: se,
-  contentWrapper: ne,
-  contentWrapperNoFooter: re,
-  closeButton: ce,
-  header: ae,
-  content: ie,
-  footer: de,
-  headerScrollable: fe,
-  headerCloseButton: pe,
-  contentNoFooter: ue,
-  footerScrollable: he
-}, _e = ({
-  tabIndex: c
-}) => {
-  if (c || c === 0)
-    throw new Error(le("DSDialog", "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."));
-}, De = (c) => {
-  const e = ee.c(59);
-  let a, i, d, l, f, s, n, C, E, w;
-  e[0] !== c ? ({
-    children: a,
-    className: i,
-    closeButtonProps: d,
-    disableBackdropClose: C,
-    footer: l,
-    header: f,
-    hideCloseButton: E,
-    isOpen: w,
-    onClose: s,
-    ...n
-  } = c, e[0] = c, e[1] = a, e[2] = i, e[3] = d, e[4] = l, e[5] = f, e[6] = s, e[7] = n, e[8] = C, e[9] = E, e[10] = w) : (a = e[1], i = e[2], d = e[3], l = e[4], f = e[5], s = e[6], n = e[7], C = e[8], E = e[9], w = e[10]);
-  const H = C === void 0 ? !1 : C, y = E === void 0 ? !1 : E, O = w === void 0 ? !1 : w;
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: o
-    } = n;
-    _e({
-      tabIndex: o
-    });
-  }
-  let p;
-  e[11] !== d ? (p = d || {}, e[11] = d, e[12] = p) : p = e[12];
-  let u, x;
-  e[13] !== p ? ({
-    label: x,
-    ...u
-  } = p, e[13] = p, e[14] = u, e[15] = x) : (u = e[14], x = e[15]);
-  const I = x === void 0 ? "Close dialog" : x, r = Q(null), A = Q(null), [h, X] = oe(!1);
-  let R, z;
-  e[16] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
-    const o = A.current;
-    if (o) {
-      const J = () => {
-        X(o.scrollHeight > o.clientHeight);
-      };
-      J();
-      const K = new ResizeObserver(J);
-      return K.observe(o), () => {
-        K.disconnect();
-      };
-    }
-  }, z = [], e[16] = R, e[17] = z) : (R = e[16], z = e[17]), U(R, z);
-  let L;
-  e[18] !== O || e[19] !== s ? (L = [O, s], e[18] = O, e[19] = s, e[20] = L) : L = e[20], U(() => {
-    const o = r.current;
-    if (o)
-      return o.addEventListener("close", G), O ? o.showModal() : o.close(), () => {
-        o.removeEventListener("close", G);
-      };
-  }, L);
-  const G = () => {
-    s && s();
-  };
-  let M;
-  e[21] !== H ? (M = (o) => {
-    H || r.current && o.target === r.current && r.current.close();
-  }, e[21] = H, e[22] = M) : M = e[22];
-  const T = M;
-  let P;
-  e[23] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
-    r.current && r.current.close();
-  }, e[23] = P) : P = e[23];
-  const Y = P;
-  let _;
-  e[24] !== i ? (_ = W(t.root, i), e[24] = i, e[25] = _) : _ = e[25];
-  let m;
-  e[26] !== T ? (m = (o) => T(o), e[26] = T, e[27] = m) : m = e[27];
-  const V = !l;
-  let v;
-  e[28] !== V ? (v = W(t.contentWrapper, {
-    [t.contentWrapperNoFooter]: V
-  }), e[28] = V, e[29] = v) : v = e[29];
-  let g;
-  e[30] !== y || e[31] !== I || e[32] !== u ? (g = !y && /* @__PURE__ */ F(te, { ...u, className: t.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => Y(), children: I }), e[30] = y, e[31] = I, e[32] = u, e[33] = g) : g = e[33];
-  const $ = !y;
-  let b;
-  e[34] !== h || e[35] !== $ ? (b = W(t.header, {
-    [t.headerCloseButton]: $,
-    [t.headerScrollable]: h
-  }), e[34] = h, e[35] = $, e[36] = b) : b = e[36];
-  let S;
-  e[37] !== f || e[38] !== b ? (S = /* @__PURE__ */ F("header", { className: b, children: f }), e[37] = f, e[38] = b, e[39] = S) : S = e[39];
-  const q = !l;
-  let k;
-  e[40] !== q ? (k = W(t.content, {
-    [t.contentNoFooter]: q
-  }), e[40] = q, e[41] = k) : k = e[41];
-  let D;
-  e[42] !== a || e[43] !== k ? (D = /* @__PURE__ */ F("div", { ref: A, className: k, tabIndex: 0, children: a }), e[42] = a, e[43] = k, e[44] = D) : D = e[44];
-  let N;
-  e[45] !== l || e[46] !== h ? (N = l && /* @__PURE__ */ F("footer", { className: W(t.footer, {
-    [t.footerScrollable]: h
-  }), children: l }), e[45] = l, e[46] = h, e[47] = N) : N = e[47];
-  let B;
-  e[48] !== v || e[49] !== g || e[50] !== S || e[51] !== D || e[52] !== N ? (B = /* @__PURE__ */ Z("div", { className: v, children: [
-    g,
-    S,
-    D,
-    N
-  ] }), e[48] = v, e[49] = g, e[50] = S, e[51] = D, e[52] = N, e[53] = B) : B = e[53];
-  let j;
-  return e[54] !== n || e[55] !== _ || e[56] !== m || e[57] !== B ? (j = /* @__PURE__ */ F("dialog", { ...n, ref: r, className: _, onMouseDown: m, "aria-modal": "true", children: B }), e[54] = n, e[55] = _, e[56] = m, e[57] = B, e[58] = j) : j = e[58], j;
-};
-export {
-  De as D,
-  _e as v
-};

package/chunks/Drawer.BVTvx276.js

@@ -1,140 +0,0 @@
-"use client";
-import { jsx as x, jsxs as oe } from "react/jsx-runtime";
-import { d as re } from "./index.CgTHIF3K.js";
-import { c as F } from "./index.CEyLAtio.js";
-import { useRef as X, useState as se, useEffect as Y } from "react";
-import { D as ne } from "./Button.Cf1CKq8N.js";
-import { g as le } from "./helpers.BbWkXTr3.js";
-import '../assets/Drawer.VOvWQoEr.css';const ce = "ds-drawer_root_4nbv0_10", ae = "ds-drawer_root--end_4nbv0_68", ie = "ds-drawer_content-wrapper_4nbv0_169", de = "ds-drawer_content-wrapper--no-footer_4nbv0_175", fe = "ds-drawer_close-button_4nbv0_178", _e = "ds-drawer_header_4nbv0_191", pe = "ds-drawer_content_4nbv0_169", ue = "ds-drawer_footer_4nbv0_193", be = "ds-drawer_header--scrollable_4nbv0_214", he = "ds-drawer_header--close-button_4nbv0_223", me = "ds-drawer_content--no-footer_4nbv0_237", ve = "ds-drawer_footer--scrollable_4nbv0_244", o = {
-  root: ce,
-  rootEnd: ae,
-  contentWrapper: ie,
-  contentWrapperNoFooter: de,
-  closeButton: fe,
-  header: _e,
-  content: pe,
-  footer: ue,
-  headerScrollable: be,
-  headerCloseButton: he,
-  contentNoFooter: me,
-  footerScrollable: ve
-}, ge = ["start", "end"], we = ({
-  tabIndex: c
-}) => {
-  if (c || c === 0)
-    throw new Error(le("DSDrawer", "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."));
-}, ke = (c) => {
-  const e = re.c(61);
-  let a, i, d, r, f, s, n, E, g, k, O;
-  e[0] !== c ? ({
-    children: a,
-    className: i,
-    closeButtonProps: d,
-    disableBackdropClose: E,
-    footer: r,
-    header: f,
-    hideCloseButton: g,
-    position: k,
-    isOpen: O,
-    onClose: s,
-    ...n
-  } = c, e[0] = c, e[1] = a, e[2] = i, e[3] = d, e[4] = r, e[5] = f, e[6] = s, e[7] = n, e[8] = E, e[9] = g, e[10] = k, e[11] = O) : (a = e[1], i = e[2], d = e[3], r = e[4], f = e[5], s = e[6], n = e[7], E = e[8], g = e[9], k = e[10], O = e[11]);
-  const H = E === void 0 ? !1 : E, R = g === void 0 ? !1 : g, Z = k === void 0 ? "start" : k, y = O === void 0 ? !1 : O;
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: t
-    } = n;
-    we({
-      tabIndex: t
-    });
-  }
-  let _;
-  e[12] !== d ? (_ = d || {}, e[12] = d, e[13] = _) : _ = e[13];
-  let p, W;
-  e[14] !== _ ? ({
-    label: W,
-    ...p
-  } = _, e[14] = _, e[15] = p, e[16] = W) : (p = e[15], W = e[16]);
-  const T = W === void 0 ? "Close modal" : W, l = X(null), J = X(null), [u, ee] = se(!1);
-  let I, P;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
-    const t = J.current;
-    if (t) {
-      const Q = () => {
-        ee(t.scrollHeight > t.clientHeight);
-      };
-      Q();
-      const U = new ResizeObserver(Q);
-      return U.observe(t), () => {
-        U.disconnect();
-      };
-    }
-  }, P = [], e[17] = I, e[18] = P) : (I = e[17], P = e[18]), Y(I, P);
-  let z;
-  e[19] !== y || e[20] !== s ? (z = [y, s], e[19] = y, e[20] = s, e[21] = z) : z = e[21], Y(() => {
-    const t = l.current;
-    if (t)
-      return t.addEventListener("close", K), y ? t.showModal() : t.close(), () => {
-        t.removeEventListener("close", K);
-      };
-  }, z);
-  const K = () => {
-    s && s();
-  };
-  let L;
-  e[22] !== H ? (L = (t) => {
-    H || l.current && t.target === l.current && l.current.close();
-  }, e[22] = H, e[23] = L) : L = e[23];
-  const A = L;
-  let M;
-  e[24] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
-    l.current && l.current.close();
-  }, e[24] = M) : M = e[24];
-  const te = M, V = Z === "end";
-  let b;
-  e[25] !== V ? (b = F(o.root, {
-    [o.rootEnd]: V
-  }), e[25] = V, e[26] = b) : b = e[26];
-  let h;
-  e[27] !== A ? (h = (t) => A(t), e[27] = A, e[28] = h) : h = e[28];
-  const $ = !r;
-  let m;
-  e[29] !== i || e[30] !== $ ? (m = F(o.contentWrapper, i, {
-    [o.contentWrapperNoFooter]: $
-  }), e[29] = i, e[30] = $, e[31] = m) : m = e[31];
-  let v;
-  e[32] !== R || e[33] !== T || e[34] !== p ? (v = !R && /* @__PURE__ */ x(ne, { ...p, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => te(), children: T }), e[32] = R, e[33] = T, e[34] = p, e[35] = v) : v = e[35];
-  const q = !R;
-  let w;
-  e[36] !== u || e[37] !== q ? (w = F(o.header, {
-    [o.headerCloseButton]: q,
-    [o.headerScrollable]: u
-  }), e[36] = u, e[37] = q, e[38] = w) : w = e[38];
-  let S;
-  e[39] !== f || e[40] !== w ? (S = /* @__PURE__ */ x("header", { className: w, children: f }), e[39] = f, e[40] = w, e[41] = S) : S = e[41];
-  const G = !r;
-  let D;
-  e[42] !== G ? (D = F(o.content, {
-    [o.contentNoFooter]: G
-  }), e[42] = G, e[43] = D) : D = e[43];
-  let N;
-  e[44] !== a || e[45] !== D ? (N = /* @__PURE__ */ x("div", { ref: J, className: D, tabIndex: 0, children: a }), e[44] = a, e[45] = D, e[46] = N) : N = e[46];
-  let B;
-  e[47] !== r || e[48] !== u ? (B = r && /* @__PURE__ */ x("footer", { className: F(o.footer, {
-    [o.footerScrollable]: u
-  }), children: r }), e[47] = r, e[48] = u, e[49] = B) : B = e[49];
-  let C;
-  e[50] !== m || e[51] !== v || e[52] !== S || e[53] !== N || e[54] !== B ? (C = /* @__PURE__ */ oe("div", { className: m, children: [
-    v,
-    S,
-    N,
-    B
-  ] }), e[50] = m, e[51] = v, e[52] = S, e[53] = N, e[54] = B, e[55] = C) : C = e[55];
-  let j;
-  return e[56] !== n || e[57] !== b || e[58] !== h || e[59] !== C ? (j = /* @__PURE__ */ x("dialog", { ...n, ref: l, className: b, onMouseDown: h, "aria-modal": "true", children: C }), e[56] = n, e[57] = b, e[58] = h, e[59] = C, e[60] = j) : j = e[60], j;
-};
-export {
-  ke as D,
-  ge as a,
-  we as v
-};

package/chunks/Fieldset.D7cLR5ze.js

@@ -1,74 +0,0 @@
-"use client";
-import { jsxs as p, jsx as i, Fragment as j } from "react/jsx-runtime";
-import { c as m } from "./index.CEyLAtio.js";
-import "react";
-import { Asterisk as y } from "../asterisk.CR60hx8S.js";
-import { DSHeading as M } from "../heading.BXFBZhKv.js";
-import { D as x } from "./SystemFeedback.CyGbUCzT.js";
-import { g as D } from "./helpers.BbWkXTr3.js";
-import "./index.CgTHIF3K.js";
-import '../assets/Fieldset.CW9dBvAo.css';const E = "ds-fieldset_root_dtiam_1", q = "ds-fieldset_child-wrapper_dtiam_98", C = "ds-fieldset_legend_dtiam_105", P = "ds-fieldset_legend--utility--m_dtiam_109", T = "ds-fieldset_description_dtiam_121", U = "ds-fieldset_description--small_dtiam_135", W = "ds-fieldset_system-feedback_dtiam_139", s = {
-  root: E,
-  childWrapper: q,
-  legend: C,
-  legendUtilityM: P,
-  description: T,
-  descriptionSmall: U,
-  systemFeedback: W
-}, z = ({
-  description: a,
-  id: e,
-  legend: l,
-  systemFeedback: t
-}) => {
-  if (!e && (a || t))
-    throw new Error(D("DSFieldset", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSFieldset component.'));
-  if (!l)
-    throw new Error(D("DSFieldset", "The legend prop is required. Please add the legend prop to the DSFieldset component."));
-}, G = ({
-  children: a,
-  legend: e,
-  className: l,
-  description: t,
-  disabled: b = !1,
-  id: n,
-  invalid: c = !1,
-  required: f = !1,
-  systemFeedback: o,
-  ...u
-}) => {
-  process.env.NODE_ENV !== "production" && z({
-    description: t,
-    id: n,
-    legend: e,
-    systemFeedback: o
-  });
-  let d, g, _;
-  const r = typeof e == "object" && e !== void 0;
-  r && ({
-    headingSize: d,
-    headingTag: g,
-    headingText: _
-  } = e);
-  const h = `${n}-feedback`, S = `${n}-description`, F = [c && o && h, t && S].filter(Boolean).join(" ") || void 0, N = !r || d === "small" || d === "small-uppercase", v = m(s.root, l), k = m(s.legend, {
-    [s.legendUtilityM]: !r
-  }), w = m(s.description, {
-    [s.descriptionSmall]: N
-  });
-  return /* @__PURE__ */ p("fieldset", { className: v, disabled: b, ...u, "aria-invalid": c, "aria-describedby": F, children: [
-    /* @__PURE__ */ i("legend", { className: k, children: r ? /* @__PURE__ */ p(M, { tag: g, size: d, children: [
-      _,
-      f && /* @__PURE__ */ i(y, {})
-    ] }) : /* @__PURE__ */ p(j, { children: [
-      e,
-      f && /* @__PURE__ */ i(y, {})
-    ] }) }),
-    t && /* @__PURE__ */ i("span", { id: S, className: w, children: t }),
-    c && o && /* @__PURE__ */ i(x, { id: h, variant: "error", message: o, className: s.systemFeedback }),
-    /* @__PURE__ */ i("div", { className: s.childWrapper, children: a })
-  ] });
-};
-export {
-  G as D,
-  z as v
-};