@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.30

package/chunks/Dialog.B_2pKRnd.js

@@ -0,0 +1,135 @@
+"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.B7xF1E19.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.HFlBTcqN.js

@@ -0,0 +1,140 @@
+"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.B7xF1E19.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.CjIfmN_5.js

@@ -0,0 +1,74 @@
+"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.B9f67mjJ.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
+};