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

package/textutility.CNWCGYOy.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/helpers.CexwVao7.js";
+import "./chunks/Text.utils.D_iOyOSH.js";
+import { D as s } from "./chunks/TextUtility.Wbd4oQXI.js";
+export {
+  s as DSTextUtility
+};

package/textutility.d.ts

@@ -0,0 +1,2 @@
+export * from './components/TextUtility/TextUtility'
+export {}

package/title.d.ts

@@ -1 +1,2 @@
 export * from './components/Title/Title'
+export {}

package/title.kJ48FkPU.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsxs as k, jsx as u } from "react/jsx-runtime";
+import { d as T } from "./chunks/index.cKLI89Eg.js";
+import { c as D } from "./chunks/index.DQOqod3i.js";
+import './assets/title.N-QcA7Re.css';const N = "ds-title_root_tt8l3_1", v = "ds-title_root--x-large-uppercase_tt8l3_4", X = "ds-title_root--large-uppercase_tt8l3_20", j = "ds-title_root--theme-dark_tt8l3_36", y = "ds-title_dash_tt8l3_39", c = {
+  root: N,
+  rootXLargeUppercase: v,
+  rootLargeUppercase: X,
+  rootThemeDark: j,
+  dash: y
+}, C = (d) => {
+  const t = T.c(18);
+  let e, o, s, r, a, l;
+  t[0] !== d ? ({
+    children: e,
+    className: o,
+    size: r,
+    tag: a,
+    theme: l,
+    ...s
+  } = d, t[0] = d, t[1] = e, t[2] = o, t[3] = s, t[4] = r, t[5] = a, t[6] = l) : (e = t[1], o = t[2], s = t[3], r = t[4], a = t[5], l = t[6]);
+  const x = r === void 0 ? "x-large" : r, L = a === void 0 ? "h1" : a, U = l === void 0 ? "light" : l, m = L, h = x === "x-large", _ = x === "large", g = U === "dark";
+  let i;
+  t[7] !== o || t[8] !== h || t[9] !== _ || t[10] !== g ? (i = D(c.root, o, {
+    [c.rootXLargeUppercase]: h,
+    [c.rootLargeUppercase]: _,
+    [c.rootThemeDark]: g
+  }), t[7] = o, t[8] = h, t[9] = _, t[10] = g, t[11] = i) : i = t[11];
+  const f = i;
+  let n;
+  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ u("span", { className: c.dash, "aria-hidden": "true", children: "ƒ" }), t[12] = n) : n = t[12];
+  let p;
+  return t[13] !== m || t[14] !== e || t[15] !== s || t[16] !== f ? (p = /* @__PURE__ */ k(m, { className: f, ...s, children: [
+    e,
+    n
+  ] }), t[13] = m, t[14] = e, t[15] = s, t[16] = f, t[17] = p) : p = t[17], p;
+};
+export {
+  C as DSTitle
+};

package/toast.Bev-Rfuw.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/Button.DpGeheky.js";
+import "./chunks/Icon.m6sMB6vl.js";
+import { D as a } from "./chunks/Toast.RUzRjojQ.js";
+export {
+  a as DSToast
+};

package/toast.d.ts

@@ -1 +1,2 @@
 export * from './components/Toast/Toast'
+export {}

package/toastmanager.DII20_9k.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsxs as P, jsx as y } from "react/jsx-runtime";
+import { createContext as C, useContext as O, useState as g, useRef as _, useEffect as p, useMemo as U } from "react";
+import { g as u } from "./chunks/helpers.CexwVao7.js";
+import "./chunks/index.cKLI89Eg.js";
+import { b as A, g as w } from "./chunks/AriaLiveRegions.utils.CLpOaVD9.js";
+import { D as j, s as q } from "./chunks/Toast.RUzRjojQ.js";
+import { h as Q } from "./chunks/has-window.ut_-aShB.js";
+const k = () => {
+  if (!A() || !w())
+    throw new Error(u("DSToast", 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'));
+}, B = () => {
+  if (!Q)
+    return;
+  if (document.querySelectorAll("[data-ds-toast]").length > 1)
+    throw new Error(u("DSToast", 'The destructured "toast" element should only be used once in the DOM.'));
+}, i = "data-ds-toast-timeout-id", S = "closing", G = 1e4, D = C(void 0), K = () => {
+  const r = O(D);
+  if (!r)
+    throw new Error(u("DSToastProvider", "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."));
+  return r;
+}, X = ({
+  children: r
+}) => {
+  const [a, c] = g([]), [o, l] = g(null), e = _(null);
+  p(() => {
+    !o && a.length > 0 && setTimeout(() => {
+      l(a[0]);
+    });
+  }, [a]), p(() => {
+    o && (x(o.message, o.variant), I());
+  }, [o]);
+  const m = () => e.current?.getAttribute(i) || null, T = (t) => {
+    e.current?.setAttribute(i, t);
+  }, E = () => e.current?.removeAttribute(i), x = (t, s) => {
+    if (s === "warning") {
+      const n = A();
+      n && (n.innerText = t);
+    } else if (s === "success" || s === "info") {
+      const n = w();
+      n && (n.innerText = t);
+    }
+  }, d = (t, s) => {
+    k();
+    const n = {
+      message: t,
+      hideIcon: s?.hideIcon,
+      variant: s?.variant || "info",
+      ...s,
+      onClick: () => {
+        v();
+      },
+      onMouseEnter: L,
+      onMouseLeave: M
+    };
+    c((b) => [...b, n]);
+  }, L = () => {
+    f();
+  }, f = () => {
+    const t = m();
+    t && (clearTimeout(t), e.current?.removeAttribute(i));
+  }, h = () => {
+    const t = setTimeout(() => {
+      v();
+    }, G);
+    T(String(t));
+  }, M = () => {
+    m() !== S && e.current && h();
+  }, I = () => {
+    B(), o && e.current?.showPopover && (e.current.showPopover(), h());
+  }, v = () => {
+    f(), T(S), e.current && (e.current.addEventListener("animationend", () => {
+      e.current?.hidePopover && (e.current.hidePopover(), E(), e.current = null, c((t) => t.slice(1)), l(null));
+    }, {
+      once: !0
+      // removes event listener after being called once
+    }), e.current.classList.add(q.rootClosing));
+  }, R = U(() => ({
+    queueDSToastMessage: d
+  }), [d]);
+  return /* @__PURE__ */ P(D.Provider, { value: R, children: [
+    o ? /* @__PURE__ */ y(j, { ...o, ref: e }) : null,
+    r
+  ] });
+};
+export {
+  X as DSToastProvider,
+  K as useDSToast
+};

package/toastmanager.d.ts

@@ -1 +1,2 @@
 export * from './components/Toast/ToastManager'
+export {}

package/tooltip._lP4aMV2.js

@@ -0,0 +1,177 @@
+"use client";
+import { jsx as k } from "react/jsx-runtime";
+import { d as S } from "./chunks/index.cKLI89Eg.js";
+import { isValidElement as V, useState as G, createContext as J, forwardRef as U, cloneElement as K, useContext as L } from "react";
+import { j as Q, o as W, s as X, a as Y, u as Z, m as tt, n as et, c as ot, d as st, e as nt, f as H, g as lt, i as it } from "./chunks/floating-ui.react.CP5A99-c.js";
+import { c as ct } from "./chunks/index.DQOqod3i.js";
+import { g as y, c as I } from "./chunks/helpers.CexwVao7.js";
+import './assets/tooltip.BPcysHGE.css';const rt = "ds-tooltip_tooltip_503ch_5", at = {
+  tooltip: rt
+};
+function pt(s) {
+  const t = S.c(24), {
+    initialOpen: e,
+    placement: o,
+    isOpen: r,
+    tooltipOffset: n,
+    onOpenChange: u
+  } = s === void 0 ? {} : s, a = e === void 0 ? !1 : e, l = o === void 0 ? "top" : o, i = n === void 0 ? 6 : n, [x, T] = G(a), p = r ?? x, d = u ?? T, O = "fixed", w = Y, v = W(i), C = Q({
+    crossAxis: l.includes("-"),
+    fallbackAxisSideDirection: "start",
+    padding: i
+  }), m = X({
+    padding: i
+  });
+  let c;
+  t[0] !== v || t[1] !== C || t[2] !== m ? (c = [v, C, m], t[0] = v, t[1] = C, t[2] = m, t[3] = c) : c = t[3];
+  let g;
+  t[4] !== p || t[5] !== l || t[6] !== d || t[7] !== w || t[8] !== c ? (g = {
+    placement: l,
+    open: p,
+    strategy: O,
+    onOpenChange: d,
+    whileElementsMounted: w,
+    middleware: c
+  }, t[4] = p, t[5] = l, t[6] = d, t[7] = w, t[8] = c, t[9] = g) : g = t[9];
+  const f = Z(g), h = f.context;
+  let E;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
+    move: !1,
+    enabled: !0,
+    mouseOnly: !0,
+    delay: {
+      open: 400,
+      close: 0
+    }
+  }, t[10] = E) : E = t[10];
+  const P = tt(h, E);
+  let A;
+  t[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+    enabled: !0
+  }, t[11] = A) : A = t[11];
+  const D = et(h, A), R = ot(h);
+  let _;
+  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    role: "tooltip"
+  }, t[12] = _) : _ = t[12];
+  const M = st(h, _);
+  let N;
+  t[13] !== R || t[14] !== D || t[15] !== P || t[16] !== M ? (N = [P, D, R, M], t[13] = R, t[14] = D, t[15] = P, t[16] = M, t[17] = N) : N = t[17];
+  const $ = nt(N);
+  let b;
+  return t[18] !== f || t[19] !== $ || t[20] !== p || t[21] !== d || t[22] !== i ? (b = {
+    open: p,
+    tooltipOffset: i,
+    setOpen: d,
+    ...$,
+    ...f
+  }, t[18] = f, t[19] = $, t[20] = p, t[21] = d, t[22] = i, t[23] = b) : b = t[23], b;
+}
+const ft = (s) => {
+  if (!V(s))
+    throw new Error(y("Tooltip", "Tooltip.Anchor child must be a valid React element."));
+}, dt = ({
+  children: s,
+  hasContent: t,
+  hasAnchor: e
+}) => {
+  if (!s)
+    throw new Error(y("Tooltip", "A Tooltip must have children."));
+  if (!t)
+    throw new Error(y("Tooltip", "A Tooltip must have a <Tooltip.Content> component as a child. Please add it to the children of Tooltip."));
+  if (!e)
+    throw new Error(y("Tooltip", "A Tooltip must have a <Tooltip.Anchor> component as a child. Please add it to the children of Tooltip."));
+}, q = J(null), z = () => {
+  const s = L(q);
+  if (s == null)
+    throw new Error(y("Tooltip", "Components like Tooltip.Anchor or Tooltip.Content must be wrapped in <Tooltip />."));
+  return s;
+}, F = (s) => {
+  const t = S.c(9);
+  let e, o;
+  t[0] !== s ? ({
+    children: e,
+    ...o
+  } = s, t[0] = s, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
+  let r;
+  t[3] !== o ? (r = {
+    ...o
+  }, t[3] = o, t[4] = r) : r = t[4];
+  const n = pt(r), u = I(e, F.Content), a = I(e, j);
+  process.env.NODE_ENV !== "production" && dt({
+    children: e,
+    hasContent: u,
+    hasAnchor: a
+  });
+  let l;
+  return t[5] !== e || t[6] !== o || t[7] !== n ? (l = /* @__PURE__ */ k(q.Provider, { value: n, ...o, children: e }), t[5] = e, t[6] = o, t[7] = n, t[8] = l) : l = t[8], l;
+}, j = U((s, t) => {
+  const e = S.c(4), {
+    children: o,
+    ...r
+  } = s;
+  process.env.NODE_ENV !== "production" && ft(o);
+  const n = z(), u = V(o) ? o.ref : null;
+  let a;
+  e[0] !== u || e[1] !== n.refs.setReference || e[2] !== t ? (a = [n.refs.setReference, t, u], e[0] = u, e[1] = n.refs.setReference, e[2] = t, e[3] = a) : a = e[3];
+  const l = H(a);
+  if (V(o))
+    return K(o, n.getReferenceProps({
+      ...o.props,
+      ...r,
+      ref: l,
+      "data-state": n.open ? "open" : "closed"
+    }));
+});
+j.displayName = "Tooltip.Anchor";
+const B = U((s, t) => {
+  const e = S.c(24), {
+    style: o,
+    className: r,
+    children: n,
+    ...u
+  } = s, a = z();
+  let l, i, x, T;
+  e[0] !== a ? ({
+    context: l,
+    floatingStyles: i,
+    getFloatingProps: x,
+    ...T
+  } = a, e[0] = a, e[1] = l, e[2] = i, e[3] = x, e[4] = T) : (l = e[1], i = e[2], x = e[3], T = e[4]);
+  let p;
+  e[5] !== t || e[6] !== T.refs.setFloating ? (p = [T.refs.setFloating, t], e[5] = t, e[6] = T.refs.setFloating, e[7] = p) : p = e[7];
+  const d = H(p);
+  let O;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = {
+    duration: {
+      open: 400,
+      close: 100
+    }
+  }, e[8] = O) : O = e[8];
+  const {
+    isMounted: w,
+    status: v
+  } = lt(l, O);
+  if (!w)
+    return null;
+  const C = it;
+  let m;
+  e[9] !== i || e[10] !== o ? (m = {
+    ...i,
+    ...o
+  }, e[9] = i, e[10] = o, e[11] = m) : m = e[11];
+  let c;
+  e[12] !== r ? (c = ct(at.tooltip, r), e[12] = r, e[13] = c) : c = e[13];
+  const g = x(u);
+  let f;
+  e[14] !== n || e[15] !== d || e[16] !== v || e[17] !== m || e[18] !== c || e[19] !== g ? (f = /* @__PURE__ */ k("div", { ref: d, style: m, className: c, ...g, "data-status": v, children: n }), e[14] = n, e[15] = d, e[16] = v, e[17] = m, e[18] = c, e[19] = g, e[20] = f) : f = e[20];
+  let h;
+  return e[21] !== C || e[22] !== f ? (h = /* @__PURE__ */ k(C, { children: f }), e[21] = C, e[22] = f, e[23] = h) : h = e[23], h;
+});
+B.displayName = "Tooltip.Content";
+F.Anchor = j;
+F.Content = B;
+F.displayName = "Tooltip";
+export {
+  F as Tooltip
+};

package/tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Tooltip/Tooltip'
+export {}

package/topbar.Z9NNkxKU.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.cKLI89Eg.js";
+import "./chunks/index.DQOqod3i.js";
+import "react";
+import "./chunks/helpers.CexwVao7.js";
+import { b } from "./chunks/Header.DyqOlV8L.js";
+import "./logo.D7LnRA1E.js";
+import "./logo100years.C0IojOp9.js";
+export {
+  b as DSTopBar
+};

package/topbar.d.ts

@@ -0,0 +1,2 @@
+export * from './components/TopBar/TopBar'
+export {}

package/types/icon-types.d.ts

@@ -1,2 +1,2 @@
-export declare const ICON_NAMES: readonly ["360", "academic-cap", "alarm-clock", "arrow-clockwise", "arrow-counterclockwise", "arrow-down", "arrow-down-line", "arrow-edge", "arrow-left", "arrow-out", "arrow-outline-left", "arrow-right", "arrow-up", "arrow-up-arrow-down", "at", "barcode-scanner", "battery", "bell", "bin", "bin-open", "bluetooth", "bookmark", "burger", "calendar", "camera", "cart", "cart-check", "cart-plus", "catalog", "certificate", "chain-link", "chainsaw", "check", "chevron-down", "chevron-left", "chevron-line-left", "chevron-line-right", "chevron-right", "chevron-up", "circle", "circle-check-colored", "circle-check-inverted", "circle-info-colored", "circle-info-inverted", "circle-pause", "circle-stroke", "clock", "coffee-cup", "compare", "connected-box", "connected-box-mobile", "connected-box-stationary", "cross", "diamond", "diamond-exclamationmark-colored", "diamond-exclamationmark-inverted", "diskette", "distance", "dots-connected", "download-complete", "envelope", "envelope-open", "exclamationmark", "exit", "eye", "eye-closed", "facebook", "filter", "finger-double-arrow", "flash", "fullscreen", "gear", "globe", "grid", "guidance", "haircross", "hanger", "headphones", "heart", "hexagon-arrow-clockwise", "horizontal-ellipsis", "house", "imow", "info", "instagram", "leave-fullscreen", "lightbulb", "linkedin", "list-three-rows", "list-two-rows", "loading-spinner", "lock", "magnifying-glass", "magnifying-glass-minus", "magnifying-glass-plus", "map", "minus", "mobile", "nine-squares", "note", "note-check", "note-plus", "number-input", "paperclip", "parcel", "pause", "pdf", "pen", "percent", "petrol", "phone", "pin", "pin-s", "pinterest", "placeholder", "play", "plug", "plus", "printer", "prohibition-sign", "questionmark", "security", "share", "shirt", "shop", "sound-off", "sound-on", "speechbubble", "speechbubbles", "square", "star", "star-half", "tag", "thumbs-down", "thumbs-up", "triangle", "triangle-exclamationmark-colored", "triangle-exclamationmark-inverted", "truck", "two-people-screen", "two-sheets", "upload", "user", "vertical-ellipsis", "wc", "whatsapp", "wifi", "wifi-1bar", "wifi-2bars", "wifi-off", "wind-rose", "wrench", "x", "xing", "youtube"];
+export declare const ICON_NAMES: readonly ["360", "academic-cap", "accessibility", "alarm-clock", "arrow-clockwise", "arrow-counterclockwise", "arrow-down", "arrow-down-line", "arrow-edge", "arrow-left", "arrow-out", "arrow-outline-left", "arrow-right", "arrow-up", "arrow-up-arrow-down", "at", "barcode-scanner", "battery", "battery-charge-0", "battery-charge-100", "bell", "bin", "bin-open", "bluetooth", "bluetooth-off", "bookmark", "burger", "calendar", "camera", "caret-down", "caret-right", "cart", "cart-check", "cart-plus", "catalog", "certificate", "chain-link", "chainsaw", "check", "chevron-down", "chevron-left", "chevron-line-left", "chevron-line-right", "chevron-right", "chevron-up", "circle", "circle-check-colored", "circle-check-inverted", "circle-info-colored", "circle-info-inverted", "circle-pause", "circle-stroke", "clock", "coffee-cup", "collapse", "compare", "connected-box", "connected-box-mobile", "connected-box-stationary", "cross", "diamond", "diamond-exclamationmark-colored", "diamond-exclamationmark-inverted", "diskette", "distance", "document-magnifying-glass", "document-s", "dots-connected", "download-complete", "envelope", "envelope-open", "exclamationmark", "exit", "eye", "eye-closed", "facebook", "feather", "file", "file-type-doc", "file-type-image", "file-type-pdf", "file-type-video", "file-type-zip", "filter", "finger-double-arrow", "flash", "fullscreen", "gear", "globe", "grid", "guidance", "haircross", "hanger", "headphones", "heart", "hexagon-arrow-clockwise", "horizontal-ellipsis", "house", "imow", "info", "instagram", "leave-fullscreen", "lightbulb", "linkedin", "list-three-rows", "list-two-rows", "loading-spinner", "lock", "magnifying-glass", "magnifying-glass-minus", "magnifying-glass-plus", "map", "minus", "mobile", "moon", "muscle", "nine-squares", "note", "note-check", "note-plus", "number-input", "paperclip", "parcel", "pause", "pen", "percent", "petrol", "phone", "pin", "pin-s", "pinterest", "placeholder", "play", "plug", "plus", "printer", "prohibition-sign", "questionmark", "security", "share", "shirt", "shop", "sound-off", "sound-on", "speechbubble", "speechbubbles", "square", "star", "star-half", "sun", "tag", "thumbs-down", "thumbs-up", "tiktok", "triangle", "triangle-exclamationmark-colored", "triangle-exclamationmark-inverted", "truck", "twitch", "two-people-screen", "two-sheets", "upload", "user", "variants", "vertical-ellipsis", "wc", "weight", "whatsapp", "wifi", "wifi-1bar", "wifi-2bars", "wifi-off", "wind-rose", "wrench", "x", "xing", "youtube"];
 export type IconName = typeof ICON_NAMES[number];

package/types/prettier-plugin-organize-imports.d.ts

@@ -0,0 +1 @@
+declare module 'prettier-plugin-organize-imports';

package/utils/get-rect.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns the bounding rectangle of a DOM element or a default DOMRect object with 0 values if unavailable.
+ */
+export declare const getRect: (element: HTMLElement | null) => DOMRect;

package/utils/get-rect.test.d.ts

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

package/utils/helpers.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 /**
  * Converts a pixel value to rem units.
  *
@@ -17,6 +18,13 @@ export declare const pixelToRem: (px: number) => number;
  * @returns {string} A message with a standardized format: "[STIHL Design System] - [componentName]: message".
  */
 export declare const generateDSMessage: (componentName: string, message: string) => string;
+/**
+ * Generates a message for a required prop that is missing from a component.
+ *
+ * @param {string} propName - The name of the prop that is required.
+ * @param {string} componentName - The name of the component that is missing the required prop.
+ */
+export declare const requiredPropMessage: (propName: string, componentName: string) => string;
 /**
  * Retrieves the closest ancestor of the given element that matches a specified selector.
  *
@@ -25,3 +33,12 @@ export declare const generateDSMessage: (componentName: string, message: string)
  * @returns {Element|null} The closest ancestor element that matches the specified selector, or null if no matching element is found.
  */
 export declare const getClosestHTMLElement: (element: HTMLElement, selector: string) => Element | null;
+/**
+ * Checks if a specific React component exists within the children of a given React node.
+ *
+ * @param {React.ReactNode} children - The children to search through.
+ * @param {React.ComponentType<any>} target - The target component to check for.
+ * @param {boolean} [shouldSearchNested=false] - Whether to search nested children recursively.
+ * @returns {boolean} True if the target component exists, false otherwise.
+ */
+export declare const checkIfChildExists: (children: React.ReactNode, target: React.ComponentType<any>, shouldSearchNested?: boolean) => boolean;

package/utils/index.d.ts

@@ -1,4 +1,12 @@
+export * from './get-rect';
 export * from './has-window';
 export * from './helpers';
+export * from './is-animation-disabled';
+export * from './mergeRefs';
+export * from './remove-spaces';
 export * from './theme';
+export * from './translate';
 export * from './useBreakpoint';
+export * from './useElementSize';
+export * from './useIsomorphicLayoutEffect';
+export * from './useScrollDirection';

package/utils/is-animation-disabled.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Determines whether animations should be disabled based on user preferences
+ * and the current DS CSS custom property for animation duration.
+ *
+ * This function checks two main conditions:
+ * 1. If the user has enabled the "reduce motion" setting in their browser.
+ * 2. If the CSS variable `--ds-animation-duration` is set to `'0s'` or `'0ms'`.
+ *
+ * If the window object is not available (e.g., during server-side rendering),
+ * the function will assume that animations should be disabled.
+ *
+ * @returns {boolean} `true` if animations should be disabled, `false` otherwise.
+ */
+export declare const isAnimationDisabled: () => boolean;

package/utils/is-animation-disabled.test.d.ts

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

package/utils/mergeRefs.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Merges multiple refs (callback or object refs) into a single callback ref.
+ * Handy when a component both forwards a ref and also needs its own internal ref.
+ */
+export declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;

package/utils/mergeRefs.test.d.ts

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

package/utils/remove-spaces.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Removes all spaces from the input string.
+ * @param str The input string.
+ * @returns The string without spaces.
+ */
+export declare const removeSpaces: (str: string) => string;

package/utils/remove-spaces.test.d.ts

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

package/utils/render-documentation.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 type DocumentationRenderOptions = {
     hideCodeExample?: boolean;
     hideControls?: boolean;

package/utils/translate.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Translates a given key using specified translations and dynamic replacements of placeholders like {0} or {1}.
+ * Unmatched placeholders in the translation are removed.
+ *
+ * @param key - The key identifying the text to be translated.
+ * @param translations - Object containing translation mappings.
+ * @param {string[]} [replacements=[]] - Optional array of replacement strings for placeholders in the translation.
+ * @returns {string} The translated string with placeholders replaced by corresponding values in replacements array or removed if no match is found.
+ */
+export declare const translate: <T extends Record<string, string>>(key: keyof T, translations: T, replacements?: string[]) => string;
+export declare const translateWithTranslations: <T extends Record<string, string>>(translations: T) => (key: keyof T, replacements?: string[]) => string;

package/utils/translate.test.d.ts

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

package/utils/useBreakpoint.d.ts

@@ -1,5 +1,4 @@
 import { BreakpointCustomizable } from './breakpoint-customizable';
-
 /**
  * A React hook that consumes a `BreakpointCustomizable` property and returns the value
  * corresponding to the current breakpoint. If the property is a primitive value, it is

package/utils/useElementSize.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+type Size = {
+    width: number;
+    height: number;
+};
+/**
+ * Returns the current size of a referenced HTML element and updates on size changes.
+ * Uses ResizeObserver to listen for size changes.
+ * Can be used to track dynamic size changes of elements in a React component.
+ * @param ref - A React ref object pointing to the target HTML element.
+ * @returns { width: number; height: number } - The current size of the element.
+ */
+export declare const useElementSize: <T extends HTMLElement>(ref: RefObject<T>) => Size;
+export {};

package/utils/useElementSize.test.d.ts

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

package/utils/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,25 @@
+import { useLayoutEffect } from 'react';
+/**
+ * A custom hook that conditionally uses `useLayoutEffect` or `useEffect` based on the environment.
+ *
+ * This hook is a workaround for the issue where `useLayoutEffect` causes a warning when used in environments
+ * where there is no DOM, such as during server-side rendering (SSR). In these cases, `useEffect` is used instead,
+ * which is safe for SSR.
+ *
+ * The need for this hook arises from the fact that `useLayoutEffect` is designed to run synchronously after all
+ * DOM mutations. However, in a server environment where there is no DOM, using `useLayoutEffect` can trigger
+ * warnings because the server cannot perform any DOM-related operations.
+ *
+ * By checking if the `window` object is available, we can determine whether we are in a browser (client) environment
+ * or a server environment, and choose the appropriate hook accordingly.
+ *
+ * @link https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85?permalink_comment_id=5023665#gistcomment-5023665
+ *
+ * @example
+ * import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+ *
+ * useIsomorphicLayoutEffect(() => {
+ *   // Your effect logic here
+ * }, [dependencies]);
+ * */
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/utils/useScrollDirection.d.ts

@@ -0,0 +1,9 @@
+export type ScrollDirection = 'up' | 'down';
+/**
+ * Custom React hook to determine the current scroll direction of the window.
+ *
+ * @param {number} [threshold=0] - The minimum change in scroll position in px required to update the direction.
+ * @returns {ScrollDirection} - The current scroll direction, either 'up' or 'down'.
+ *
+ */
+export declare const useScrollDirection: (threshold?: number) => ScrollDirection;

package/utils/useScrollDirection.test.d.ts

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

package/utils/vitest.setup.d.ts

@@ -1,3 +1,4 @@
-
 export declare function showPopoverPolyfill(): void;
 export declare function hidePopoverPolyfill(): void;
+export declare function showModalPolyfill(): void;
+export declare function closeModalPolyfill(): void;

package/arialiveregions.49Zyf6mj.js

@@ -1,27 +0,0 @@
-"use client";
-import { j as s } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { v as a, A as e, a as l } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
-import './assets/arialiveregions.VnhjP8Gr.css';const n = "_sr-only_1wlaj_63", r = {
-  "sr-only": "_sr-only_1wlaj_63",
-  srOnly: n
-}, i = () => (a(), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  /* @__PURE__ */ s.jsx(
-    "span",
-    {
-      id: e,
-      role: "alert",
-      className: r.srOnly
-    }
-  ),
-  /* @__PURE__ */ s.jsx(
-    "span",
-    {
-      id: l,
-      role: "status",
-      className: r.srOnly
-    }
-  )
-] }));
-export {
-  i as DSAriaLiveRegions
-};

package/assets/CustomReactSelect.B0rJLjN0.css

@@ -1 +0,0 @@
-._root_tq5kv_187{align-self:end}._root_tq5kv_187:has(._hint_tq5kv_195) ._label_tq5kv_195{margin-block-end:4px}._wrapper_tq5kv_199{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._action-button_tq5kv_205{grid-area:1/4/2/5}._label_tq5kv_195{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;display:block;max-width:fit-content;margin-block-end:8px}._label--hidden_tq5kv_222{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._hint_tq5kv_195{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;display:block;max-width:25.5rem;margin-block-end:8px}._feedback_tq5kv_249{margin-block-end:8px;margin-block-start:8px}._select_tq5kv_254{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;transition:background-color .3s ease,color .3s ease;background:transparent;border:1px solid #252525;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%;min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5;border-radius:0}._select_tq5kv_254:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_tq5kv_254:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_tq5kv_254:focus{outline:revert;outline-offset:revert}._select_tq5kv_254:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_tq5kv_254:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._select_tq5kv_254{transition-duration:0ms}}@media (hover: hover){._select_tq5kv_254:hover{background:#0000001a}}._select_tq5kv_254[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._select_tq5kv_254[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_tq5kv_254[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_tq5kv_254[readonly]:focus{outline:revert;outline-offset:revert}._select_tq5kv_254[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_tq5kv_254[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._select_tq5kv_254:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._select_tq5kv_254::-webkit-placeholder,._select_tq5kv_254::placeholder{color:#666;opacity:1}._select--invalid_tq5kv_365{border-color:#d43b3b;outline-color:#d43b3b}._select--invalid_tq5kv_365:active,._select--invalid_tq5kv_365:focus,._select--invalid_tq5kv_365:focus-visible{border-color:#252525}._select--small_tq5kv_372{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;padding-inline-start:7px;padding-inline-end:7px}._select_tq5kv_254::-webkit-outer-spin-button,._select_tq5kv_254::-webkit-inner-spin-button,._select_tq5kv_254::-webkit-search-decoration,._select_tq5kv_254::-webkit-search-cancel-button,._select_tq5kv_254::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_tq5kv_254::-webkit-date-and-time-value{text-align:left}._select_tq5kv_254:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_tq5kv_254[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_tq5kv_254[type=range]{accent-color:#E9640C}._select_tq5kv_254[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._select--small_tq5kv_372{min-height:2rem;height:2rem}._select--small_tq5kv_372._input--has-leading-icon_tq5kv_418{padding-inline-start:calc(16px + 1rem)}._select--small_tq5kv_372._input--has-action-button_tq5kv_421{padding-inline-end:calc(2rem + 8px)}._select--small_tq5kv_372._input--has-second-action-button_tq5kv_424{padding-inline-end:calc(4rem + 8px)}._select--has-leading-icon_tq5kv_427{padding-inline-start:calc(32px + 1rem)}._select--has-action-button_tq5kv_430{padding-inline-end:calc(3rem + 16px)}._select--has-second-action-button_tq5kv_433{padding-inline-end:calc(6rem + 16px)}._select--has-affix_tq5kv_436{color:#0000}._select--has-affix_tq5kv_436::placeholder{color:#0000;transition:color .3s ease}@media (prefers-reduced-motion: reduce){._select--has-affix_tq5kv_436::placeholder{transition-duration:0ms}}._select--is-ready_tq5kv_448{color:#252525}._select--is-ready_tq5kv_448::placeholder{color:#666}._select_tq5kv_254._select--disabled_tq5kv_454{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){._select_tq5kv_254._select--disabled_tq5kv_454{color:GrayText}}._select_tq5kv_254._select--focused_tq5kv_465{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._select_tq5kv_254._select--focused_tq5kv_465{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._select_tq5kv_254._select--focused_tq5kv_465{outline-color:Highlight}}@media (hover: hover){._select--hovered_tq5kv_482{background:#0000001a}}._placeholder_tq5kv_487{color:#666}@media screen and (forced-colors: active){._placeholder_tq5kv_487{color:GrayText}}._menu-list_tq5kv_496{padding-block-start:8px;padding-block-end:7px;padding-inline-start:0;padding-inline-end:0;background-color:#fff;outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._menu-list_tq5kv_496{forced-color-adjust:auto;outline-color:Highlight}}._group-heading_tq5kv_513{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;padding-block-start:16px;padding-block-end:11px;padding-inline-start:16px;padding-inline-end:16px;margin-block-start:4px;margin-block-end:8px;margin-inline-start:0;margin-inline-end:0;border-bottom:1px solid #B1B1B1;color:#666}._option_tq5kv_534{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;align-items:center}._option--small_tq5kv_549{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;padding-block-start:8px;padding-block-end:8px;padding-inline-start:16px;padding-inline-end:16px}._option--single_tq5kv_563{justify-content:space-between}._option--disabled_tq5kv_566{color:#00000080}@media screen and (forced-colors: active){._option--disabled_tq5kv_566{color:GrayText}}._option--focus-hover_tq5kv_574:not(._option--disabled_tq5kv_566){background-color:#0000001a;padding-block-start:10px;padding-block-end:10px;border:2px solid #252525;border-left:none;border-right:none}@media screen and (forced-colors: active){._option--focus-hover_tq5kv_574:not(._option--disabled_tq5kv_566){background-color:Canvas;border-color:Highlight}}._option--focus-hover_tq5kv_574._option--small_tq5kv_549:not(._option--disabled_tq5kv_566){padding-block-start:6px;padding-block-end:6px}._option--text_tq5kv_592{margin-inline-end:8px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}._option--check-icon_tq5kv_598{fill:#e9640c;margin-inline-start:auto}@media screen and (forced-colors: active){._option--check-icon_tq5kv_598{fill:CanvasText}}._option--check-icon--disabled_tq5kv_607{fill:#00000080}@media screen and (forced-colors: active){._option--check-icon--disabled_tq5kv_607{fill:GrayText}}._single-option_tq5kv_616{display:flex;flex-wrap:nowrap;width:100%;align-items:center}._multi-option_tq5kv_623{width:100%}._single-value_tq5kv_627{display:flex;align-items:center}._single-value--text_tq5kv_631{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}._leading-icon_tq5kv_638{margin-inline-end:8px;fill:#666}@media screen and (forced-colors: active){._leading-icon_tq5kv_638{background-color:Canvas;fill:CanvasText}}._leading-icon--disabled_tq5kv_648{fill:#00000080}@media screen and (forced-colors: active){._leading-icon--disabled_tq5kv_648{fill:GrayText}}._indicator_tq5kv_657,._clear_tq5kv_658{width:3rem;height:3rem;justify-content:center;cursor:pointer}._indicator--small_tq5kv_664,._clear--small_tq5kv_665{width:2rem;height:2rem}._indicator--icon_tq5kv_669,._clear--icon_tq5kv_670{margin-block-start:16px;margin-block-end:16px;margin-inline-start:16px;margin-inline-end:16px;align-self:center}._indicator--icon--small_tq5kv_677,._clear--icon--small_tq5kv_678{margin-block-start:8px;margin-block-end:8px;margin-inline-start:8px;margin-inline-end:8px}

package/assets/Fieldset.xazpUXJX.css

@@ -1 +0,0 @@
-._root_189b3_63{border:none;padding:0;margin:0}._child-wrapper_189b3_69{margin-block-start:24px}._child-wrapper_189b3_69>*:not(:first-child){margin-block-start:24px}._legend_189b3_76{padding-inline-start:0;padding-inline-end:0}._legend--utility--m_189b3_80{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25}._description_189b3_91{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;display:inline-block;max-width:32rem;margin-block-start:8px}._description--small_189b3_104{margin-block-start:4px}._system-feedback_189b3_108{margin-block-start:16px;margin-block-end:32px}

package/assets/Icon.CB-KQmw4.css

@@ -1 +0,0 @@
-._image_109vr_63{display:inline-block;vertical-align:top;width:1rem;height:1rem;min-width:1rem;min-height:1rem;pointer-events:none}._image--theme-dark_109vr_72{fill:#fff}._image--size-medium_109vr_75{width:.75rem;height:.75rem;min-width:.75rem;min-height:.75rem}._image--size-small_109vr_81{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem}._image--size-x-small_109vr_87{width:.5rem;height:.5rem;min-width:.5rem;min-height:.5rem}@media screen and (forced-colors: active){._image_109vr_63{fill:CanvasText}}