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

package/tablist.BFE6RAPD.js

@@ -0,0 +1,209 @@
+"use client";
+import { jsxs as k, jsx as h } from "react/jsx-runtime";
+import { c as D } from "./chunks/index.DL9mof6u.js";
+import { useState as E, useRef as v, useEffect as ot } from "react";
+import { g as f, i as C } from "./chunks/is-animation-disabled.B-V_68K-.js";
+import { h as nt } from "./chunks/has-window.ut_-aShB.js";
+import { g as st } from "./chunks/helpers.CexwVao7.js";
+import { u as W } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import "./chunks/index.D-sRdssb.js";
+import { D as X } from "./chunks/Button.Cn5yg7dG.js";
+import { D as ct } from "./chunks/Icon.CDLyB7Pv.js";
+import { NumberIndicator as it } from "./numberindicator.BdnPMogE.js";
+import { g as at, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
+import { s as i, N as lt } from "./chunks/NavigationTabList.G_l0GiUa.js";
+const g = 48, yt = ({
+  aria: q,
+  id: L,
+  selectedTabIndex: n,
+  setSelectedTabIndex: F,
+  tabs: l,
+  alignment: I = "left",
+  className: G,
+  defaultSelectedTabIndex: Q = 0,
+  isNavigation: y,
+  onTabChange: z,
+  ...J
+}) => {
+  const [A, u] = E(Q), [U, V] = E(!1), [Y, Z] = E(!1), m = v([]), p = v(null), c = v(null), a = v(null), w = v(!1), H = v(n), T = () => {
+    P(), x();
+  };
+  W(() => {
+    const e = new ResizeObserver(T);
+    return c.current && e.observe(c.current), () => {
+      e.disconnect();
+    };
+  }, []), W(() => {
+    const e = [
+      "18px 'STIHL Contraface Digital Text Regular'",
+      // utility large - Tab
+      "18px 'STIHL Contraface Digital Text Bold'",
+      // utility large bold - Tab active
+      "14px 'STIHL Contraface Digital Text Demi'"
+      // utility small demi - Number indicator
+    ];
+    Promise.all(e.map((o) => document.fonts.load(o))).then(() => {
+      N(n), R("next", n, "instant"), P(), w.current = !0;
+    }).catch((o) => {
+      throw new Error(st("DSTabs", `The component requires the fonts to be loaded: ${o}`));
+    });
+    const t = () => {
+      !w.current || !a.current || (r.matches ? a.current.style.transitionDuration = "0s" : a.current.style.transitionDuration = "");
+    }, r = window.matchMedia("(prefers-reduced-motion: reduce)");
+    return r.addEventListener("change", t), c.current?.addEventListener("scroll", T), () => {
+      r.removeEventListener("change", t), c.current?.removeEventListener("scroll", T);
+    };
+  }, [l, I]), W(() => {
+    if (w.current && (N(n), y)) {
+      const e = M(n);
+      u(n), R(e, n);
+    }
+    H.current = n;
+  }, [n]), ot(() => {
+    w.current && m.current[A]?.focus();
+  }, [A]);
+  const b = (e) => {
+    const t = M(e);
+    F(e), u(e), R(t, e), z && z(e);
+  }, M = (e) => {
+    const t = f(c.current), r = f(m.current[e]);
+    let o = "next";
+    return r.left - g < t.left ? o = "prev" : r.right + g > t.right ? o = "next" : o = n < e ? "next" : "prev", o;
+  }, P = () => {
+    if (c.current && p.current) {
+      const e = f(c.current), t = f(p.current);
+      V(t.left < e.left), Z(t.right > e.right + 4);
+    }
+  }, O = (e = 0) => {
+    nt && a.current && !C() && setTimeout(() => {
+      a.current && (a.current.style.transitionDuration = "250ms");
+    }, e);
+  }, x = () => {
+    a.current && (a.current.style.transitionDuration = "0s", N(H.current), O());
+  }, N = (e) => {
+    const t = a.current, r = f(m.current[e]), o = f(p.current), s = r.left - o.left;
+    t && (w.current ? (t.style.width = `${r.width}px`, t.style.transform = `translateX(${s}px)`) : (t.style.transitionDuration = "0s", t.style.transform = `translateX(${s}px)`, t.style.width = `${r.width}px`, O(50)));
+  }, _ = (e, t) => {
+    let r;
+    switch (e.key) {
+      case "ArrowLeft":
+        r = (t > 0 ? t : l.length) - 1, u(r);
+        break;
+      case "ArrowRight":
+        r = (t + 1) % l.length, u(r);
+        break;
+      case "Home":
+        r = 0, u(r);
+        break;
+      case "End":
+        r = l.length - 1, u(r);
+        break;
+      case "Enter":
+      case " ":
+        b(t);
+        return;
+      default:
+        return;
+    }
+    if (r !== void 0) {
+      const o = r > t ? "next" : "prev";
+      setTimeout(() => R(o, r), 0);
+    }
+    e.preventDefault();
+  }, tt = (e, t) => {
+    let r;
+    switch (e.key) {
+      case "Tab":
+        if (e.shiftKey) {
+          r = t - 1 < 0 ? 0 : t - 1, u(r), t !== 0 && e.preventDefault();
+          break;
+        } else
+          r = t + 1 > l.length - 1 ? t : t + 1, u(r), t !== l.length - 1 && e.preventDefault();
+        break;
+      case "Enter":
+        b(t);
+        return;
+      default:
+        return;
+    }
+    if (r !== void 0) {
+      const o = r > t ? "next" : "prev";
+      setTimeout(() => R(o, r), 0);
+    }
+  }, R = (e, t, r = "smooth") => {
+    const o = m.current[t], s = c.current, d = f(o), S = f(s);
+    let B;
+    if (!(!o || !s)) {
+      if (e === "prev") {
+        if (d.left - g > S.left)
+          return;
+        B = o.offsetLeft - g;
+      } else {
+        if (d.right + g < S.right)
+          return;
+        B = o.offsetLeft + o.offsetWidth - S.width + g;
+      }
+      s.scrollTo({
+        left: B,
+        behavior: C() ? "instant" : r
+      });
+    }
+  }, $ = (e) => {
+    const t = et(e);
+    c.current?.scrollTo({
+      left: t,
+      behavior: C() ? "instant" : "smooth"
+    });
+  }, et = (e) => {
+    if (!p.current || !c.current)
+      return 0;
+    const {
+      scrollLeft: t,
+      offsetWidth: r
+    } = c.current, o = Math.round(r * 0.2);
+    return e === "next" ? t + o : t - o;
+  }, K = D(i.scroller, {
+    [i.scrollerCentered]: I === "center"
+  }), rt = y ? "nav" : "div";
+  return /* @__PURE__ */ k("div", { className: D(i.tabsWrapper, G), ...J, children: [
+    /* @__PURE__ */ k(rt, { className: i.scrollWrapper, ref: c, ...q, children: [
+      y ? /* @__PURE__ */ h(lt, { tabs: l, tabRefs: m, scrollerRef: p, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: b }) : /* @__PURE__ */ h("div", { role: "tablist", className: K, ref: p, children: l.map(({
+        id: e,
+        label: t,
+        iconName: r,
+        numberIndicatorValue: o
+      }, s) => /* @__PURE__ */ k(
+        "button",
+        {
+          id: j(L, e),
+          role: "tab",
+          "aria-selected": n === s,
+          "aria-controls": at(L, e, s),
+          tabIndex: n === s ? 0 : -1,
+          className: i.tab,
+          ref: (d) => {
+            m.current[s] = d;
+          },
+          onClick: () => b(s),
+          onKeyDown: (d) => _(d, s),
+          children: [
+            r && /* @__PURE__ */ h(ct, { name: r, "aria-hidden": "true" }),
+            t,
+            o && /* @__PURE__ */ h(it, { label: o })
+          ]
+        },
+        j(L, e)
+      )) }),
+      /* @__PURE__ */ h("span", { className: i.indicator, ref: a })
+    ] }),
+    /* @__PURE__ */ h(X, { variant: "filled", className: D(i.scrollButton, {
+      [i.scrollButtonHidden]: !U
+    }), hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: () => $("prev"), children: "Left" }),
+    /* @__PURE__ */ h(X, { variant: "filled", className: D(i.scrollButton, i.scrollButtonRight, {
+      [i.scrollButtonHidden]: !Y
+    }), hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: () => $("next"), children: "Right" })
+  ] });
+};
+export {
+  yt as TabList
+};

package/{tabpane.CB-eudyw.js → tabpane.C4nsUlwc.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as h } from "react/jsx-runtime";
-import { d as T } from "./chunks/index.CgTHIF3K.js";
-import { c as g } from "./chunks/index.CEyLAtio.js";
+import { d as T } from "./chunks/index.D-sRdssb.js";
+import { c as g } from "./chunks/index.DL9mof6u.js";
 import { useRef as y, useState as F, useEffect as N } from "react";
 import { c as P, g as v, a as R } from "./chunks/TabPane.utils.DG16Y2uD.js";
 import './assets/tabpane.D1LTb432.css';const S = "ds-tabs_tabpane_30tnb_1", j = {

package/tabs.CsOxxQyQ.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "react";
+import "./tablist.BFE6RAPD.js";
+import "./tabpane.C4nsUlwc.js";
+import "./chunks/TabPane.utils.DG16Y2uD.js";
+import { D as a } from "./chunks/Tabs.CoO_lrhV.js";
+export {
+  a as DSTabs
+};

package/text.cLv2PhjQ.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/helpers.CexwVao7.js";
+import { D as s } from "./chunks/Text.DpRtTpB4.js";
+export {
+  s as DSText
+};

package/textarea.C9OAAjhG.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/helpers.CexwVao7.js";
+import "./chunks/useBreakpoint.1txsny17.js";
+import "./chunks/index.D-sRdssb.js";
+import "./asterisk.B2ih8VwF.js";
+import "./chunks/Popover.D7McfVaH.js";
+import "./chunks/SystemFeedback.CjlARKki.js";
+import { D as c } from "./chunks/Textarea.lYiPXerd.js";
+export {
+  c as DSTextarea
+};

package/{title.Bz_k5Vda.js → title.DuLPB-VK.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as k, jsx as u } from "react/jsx-runtime";
-import { d as T } from "./chunks/index.CgTHIF3K.js";
-import { c as D } from "./chunks/index.CEyLAtio.js";
+import { d as T } from "./chunks/index.D-sRdssb.js";
+import { c as D } from "./chunks/index.DL9mof6u.js";
 import './assets/title.B0tsgJ-n.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,

package/toast.OBI9qnAM.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/Button.Cn5yg7dG.js";
+import "./chunks/Icon.CDLyB7Pv.js";
+import { D as a } from "./chunks/Toast.L5HAuEOn.js";
+export {
+  a as DSToast
+};

package/toastmanager.CgsA-1y_.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.D-sRdssb.js";
+import { b as A, g as w } from "./chunks/AriaLiveRegions.utils.CybNIBSa.js";
+import { D as j, s as q } from "./chunks/Toast.L5HAuEOn.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/tooltip.Cj3AvYgB.js

@@ -0,0 +1,177 @@
+"use client";
+import { jsx as k } from "react/jsx-runtime";
+import { d as S } from "./chunks/index.D-sRdssb.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.COTL3jH5.js";
+import { c as ct } from "./chunks/index.DL9mof6u.js";
+import { g as y, c as I } from "./chunks/helpers.CexwVao7.js";
+import './assets/tooltip.Co1gWF_0.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] === 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] === 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] === 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] === 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/topbar.CAujTZAE.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.D-sRdssb.js";
+import "./chunks/index.DL9mof6u.js";
+import "react";
+import "./chunks/helpers.CexwVao7.js";
+import { b } from "./chunks/Header.18sOO0Gf.js";
+import "./logo.DprmD8HU.js";
+import "./logo100years.DDzCrczW.js";
+export {
+  b as DSTopBar
+};

package/types/icon-types.d.ts

@@ -1,2 +1,2 @@
-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", "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", "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", "tag", "thumbs-down", "thumbs-up", "tiktok", "triangle", "triangle-exclamationmark-colored", "triangle-exclamationmark-inverted", "truck", "twitch", "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/utils/index.d.ts

@@ -2,6 +2,7 @@ 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';

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/useIsomorphicLayoutEffect.d.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useLayoutEffect } from 'react';
 /**
  * A custom hook that conditionally uses `useLayoutEffect` or `useEffect` based on the environment.
  *
@@ -22,4 +22,4 @@ import { useEffect } from 'react';
  *   // Your effect logic here
  * }, [dependencies]);
  * */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/accordion.HfUSDwQJ.js

@@ -1,12 +0,0 @@
-"use client";
-import "react/jsx-runtime";
-import "./chunks/index.CgTHIF3K.js";
-import "./chunks/index.CEyLAtio.js";
-import "react";
-import "./heading.BXFBZhKv.js";
-import "./chunks/Icon.NSsVrYeq.js";
-import "./numberindicator.Ddf3ESi7.js";
-import { D as s } from "./chunks/Accordion.CnqryAUu.js";
-export {
-  s as DSAccordion
-};

package/actionbutton.kgd0E_xF.js

@@ -1,12 +0,0 @@
-"use client";
-import "react/jsx-runtime";
-import "./chunks/index.CgTHIF3K.js";
-import "./chunks/index.CEyLAtio.js";
-import "react";
-import "./chunks/Icon.NSsVrYeq.js";
-import "./numberindicator.Ddf3ESi7.js";
-import "./tooltip.CUCSRXd3.js";
-import { D as s } from "./chunks/ActionButton.DdDesD7K.js";
-export {
-  s as DSActionButton
-};

package/actionlink.CwC42RWc.js

@@ -1,12 +0,0 @@
-"use client";
-import "react/jsx-runtime";
-import "./chunks/index.CgTHIF3K.js";
-import "./chunks/index.CEyLAtio.js";
-import "react";
-import "./chunks/Icon.NSsVrYeq.js";
-import "./numberindicator.Ddf3ESi7.js";
-import "./tooltip.CUCSRXd3.js";
-import { D as s } from "./chunks/ActionLink.DqAsPYda.js";
-export {
-  s as DSActionLink
-};