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

package/radio.Bhu9OUY-.js

@@ -0,0 +1,79 @@
+"use client";
+import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as i } from "./chunks/index.CvOaL64Y.js";
+import { forwardRef as H, useRef as I, useState as R, useCallback as S } from "react";
+import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import './assets/radio.CSHQGdpr.css';const B = "_root_vnfdb_63", V = "_root--disabled_vnfdb_82", w = "_radio_vnfdb_86", E = "_dot_vnfdb_101", L = "_radio--invalid_vnfdb_123", O = "_label_vnfdb_128", P = "_label--hidden_vnfdb_138", U = "_input_vnfdb_151", o = {
+  root: B,
+  "root--disabled": "_root--disabled_vnfdb_82",
+  rootDisabled: V,
+  radio: w,
+  dot: E,
+  "radio--invalid": "_radio--invalid_vnfdb_123",
+  radioInvalid: L,
+  label: O,
+  "label--hidden": "_label--hidden_vnfdb_138",
+  labelHidden: P,
+  input: U
+}, q = H(
+  ({
+    label: l,
+    name: c,
+    value: _,
+    defaultChecked: f = !1,
+    disabled: n = !1,
+    hideLabel: b = !1,
+    checked: r,
+    invalid: u = !1,
+    className: v,
+    onChange: d,
+    ...m
+  }, s) => {
+    const p = I(null), [h, x] = R(f), t = r !== void 0, C = t ? r : h, j = g(b), k = i(
+      o.root,
+      {
+        [o.rootDisabled]: n
+      },
+      v
+    ), N = i(o.label, {
+      // hide label only visually to keep them available for assistive technologies
+      [o.labelHidden]: j
+    }), D = i(o.radio, {
+      [o.radioInvalid]: u
+    }), y = S(
+      (a) => {
+        if (n) {
+          a.preventDefault();
+          return;
+        }
+        t || x(a.target.checked), d && d(a);
+      },
+      [n, t, d]
+    );
+    return /* @__PURE__ */ e.jsxs("label", { className: k, children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "radio",
+          value: _,
+          name: c,
+          className: o.input,
+          ref: (a) => {
+            typeof s == "function" ? s(a) : s !== null && (s.current = a), p.current = a;
+          },
+          onChange: y,
+          ...m,
+          disabled: n,
+          checked: C,
+          "aria-label": typeof l == "string" ? l : void 0
+        }
+      ),
+      /* @__PURE__ */ e.jsx("span", { className: D, children: /* @__PURE__ */ e.jsx("div", { className: o.dot }) }),
+      /* @__PURE__ */ e.jsx("span", { className: N, children: l })
+    ] });
+  }
+);
+q.displayName = "DSRadio";
+export {
+  q as DSRadio
+};

package/radiogroup.CMJ1b38q.js

@@ -0,0 +1,11 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/Fieldset.BokeZzG5.js";
+import "./radio.Bhu9OUY-.js";
+import "./chunks/RadioGroup.module.bi3leRes.js";
+import { D as s } from "./chunks/RadioGroup.DpwnVv7u.js";
+export {
+  s as DSRadioGroup
+};

package/select.DFJK2mHF.js

@@ -0,0 +1,12 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.DU8THnoC.js";
+import "./chunks/Icon.9gDIp6p4.js";
+import "./systemfeedback.4Hkfigi-.js";
+import { D as s } from "./chunks/Select.DkDZo0ky.js";
+export {
+  s as DSSelect
+};

package/{spinner.CSzQEBx2.js → spinner.BskX4ovu.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
 import { c as n } from "./chunks/index.CvOaL64Y.js";
-import { DSIcon as _ } from "./icon.CmAhxgHK.js";
+import { D as _ } from "./chunks/Icon.9gDIp6p4.js";
 import './assets/spinner.C5rBmKiF.css';const m = "_root_1xfbe_63", z = "_root-size-small_1xfbe_69", c = "_root-size-medium_1xfbe_73", x = "_root-size-large_1xfbe_77", S = "_root-size-x-large_1xfbe_81", f = "_root-size-inherit_1xfbe_85", d = "_rotate_1xfbe_1", b = "_screenReaderOnly_1xfbe_105", e = {
   root: m,
   "root-size-small": "_root-size-small_1xfbe_69",

package/styles/scss/_index.scss

@@ -16,6 +16,7 @@
 @import 'lib/_hover.scss';
 @import 'lib/_link.scss';
 @import 'lib/_media-query.scss';
+@import 'lib/_shadow.scss';
 @import 'lib/_spacing.scss';
 @import 'lib/_text.scss';
 @import 'lib/_theme.scss';

package/styles/scss/lib/_animation.scss

@@ -1,6 +1,20 @@
-$ds-animation-duration-short: var(--ds-animation-duration, 550ms);
-$ds-animation-duration-medium: var(--ds-animation-duration, 1100ms);
-$ds-animation-duration-long: var(--ds-animation-duration, 1650ms);
+$ds-animation-duration-100: var(--ds-animation-duration, 100ms);
+$ds-animation-duration-250: var(--ds-animation-duration, 250ms);
+$ds-animation-duration-400: var(--ds-animation-duration, 400ms);
+// TODO remove or move to spinner component after discussion with design took place
+$ds-animation-duration-spinner: var(--ds-animation-duration, 1100ms);
 
 $ds-animation-timing-function-ease-in-out: ease-in-out;
-$ds-animation-timing-function-linear: linear;
+$ds-animation-timing-function-motion-functional-linear: linear;
+$ds-animation-timing-function-motion-functional-ease-in: cubic-bezier(
+  0.5,
+  0,
+  1,
+  1
+);
+$ds-animation-timing-function-motion-functional-ease-out: cubic-bezier(
+  0,
+  0,
+  0.5,
+  1
+);

package/styles/scss/lib/_grid-extended.scss

@@ -5,7 +5,7 @@ $ds-grid-extended-column-end: extended-end;
   grid-column: $ds-grid-extended-column-start / $ds-grid-extended-column-end;
 
   @media (min-width: 1668px) {
-    margin-left: -32px;
-    margin-right: -32px;
+    margin-inline-start: -32px;
+    margin-inline-end: -32px;
   }
 }

package/styles/scss/lib/_grid-sidebar-sidebar.scss

@@ -15,6 +15,7 @@ $ds-grid-sidebar-sidebar-2-column-end: sidebar-2-end;
     grid-row: span 300;
     grid-column: $ds-grid-sidebar-sidebar-1-column-start /
       $ds-grid-sidebar-sidebar-1-column-end;
+    margin-block-end: 0;
     @if ($is-open == true) {
       width: 264px;
       max-width: 264px;
@@ -33,16 +34,17 @@ $ds-grid-sidebar-sidebar-2-column-end: sidebar-2-end;
     // https://stackoverflow.com/a/49076465/2346207
     // https://stackoverflow.com/a/56876772/2346207
     grid-row: span 300;
+    margin-block-end: 0;
     @if ($is-open == true) {
       grid-column: $ds-grid-sidebar-sidebar-2-column-start /
         $ds-grid-sidebar-sidebar-2-column-end;
       display: unset;
       width: 320px;
       max-width: 320px;
-      margin-left: -24px;
+      margin-inline-start: -24px;
     }
   }
   @media (min-width: 1535px) {
-    margin-left: -32px;
+    margin-inline-start: -32px;
   }
 }

package/styles/scss/lib/_grid-sidebar.scss

@@ -60,11 +60,11 @@
     --ds-grid-sidebar-gap: 0px;
     gap: var(--ds-grid-sidebar-gap);
     column-gap: 24px;
-    // The children get a margin-bottom to imitate row-gap behavior
+    // The children get a margin-block-end to imitate row-gap behavior
     // This is counteracted for the last row in the parent
-    margin-bottom: -24px;
+    margin-block-end: -24px;
     & > * {
-      margin-bottom: 24px;
+      margin-block-end: 24px;
     }
     @if $is-sidebar-1-open == false {
       grid-template-columns:
@@ -106,11 +106,11 @@
 
   @include ds-media-query-min('xl') {
     column-gap: 32px;
-    // The children get a margin-bottom to imitate row-gap behavior
+    // The children get a margin-block-end to imitate row-gap behavior
     // This is counteracted for the last row in the parent
-    margin-bottom: -32px;
+    margin-block-end: -32px;
     & > * {
-      margin-bottom: 32px;
+      margin-block-end: 32px;
     }
 
     @if $is-sidebar-1-open == false {

package/styles/scss/lib/_heading.scss

@@ -18,7 +18,13 @@
 }
 
 // Mixins for specific heading sizes
+// XL
 @mixin ds-heading-x-large {
+  @include base-heading('STIHL Contraface Digital Text Bold', 1.625rem, 1.2);
+  @include responsive-heading('l', 1.875rem, 1.25);
+}
+
+@mixin ds-heading-x-large-uppercase {
   @include base-heading(
     'STIHL Contraface Digital Display Title',
     1.625rem,
@@ -27,7 +33,13 @@
   @include responsive-heading('l', 1.875rem, 1.25);
 }
 
+// Large
 @mixin ds-heading-large {
+  @include base-heading('STIHL Contraface Digital Text Bold', 1.375rem, 1.25);
+  @include responsive-heading('l', 1.625rem, 1.2);
+}
+
+@mixin ds-heading-large-uppercase {
   @include base-heading(
     'STIHL Contraface Digital Display Title',
     1.375rem,
@@ -36,6 +48,7 @@
   @include responsive-heading('l', 1.625rem, 1.2);
 }
 
+// Medium
 @mixin ds-heading-medium {
   @include base-heading('STIHL Contraface Digital Text Bold', 1.25rem, 1.2);
 }
@@ -44,10 +57,10 @@
   @include base-heading('STIHL Contraface Digital Display Title', 1.25rem, 1.2);
 }
 
+// Small
 @mixin ds-heading-small {
   @include base-heading('STIHL Contraface Digital Text Bold', 1rem, 1.5);
 }
-
 @mixin ds-heading-small-uppercase {
   @include base-heading('STIHL Contraface Digital Display Title', 1rem, 1.5);
 }

package/styles/scss/lib/_link.scss

@@ -101,10 +101,10 @@
     @include link-underline;
 
     display: inline;
-    padding-right: $ds-spacing-2;
-    padding-left: $ds-spacing-2;
-    padding-top: 0;
-    padding-bottom: 0;
+    padding-inline-end: $ds-spacing-2;
+    padding-inline-start: $ds-spacing-2;
+    padding-block-start: 0;
+    padding-block-end: 0;
     line-height: inherit;
     font-size: inherit;
 
@@ -115,7 +115,7 @@
     :where(&)[href^="https://"]::after,
     :where(&)[href^='#']::after {
       display: inline-block;
-      margin-left: 0.375em;
+      margin-inline-start: 0.375em;
       width: 0.75em;
       height: 0.75em;
     }
@@ -135,11 +135,12 @@
 
     display: inline-flex;
     align-items: center;
+    height: fit-content;
     gap: $ds-spacing-6;
-    padding-right: $ds-spacing-4;
-    padding-left: $ds-spacing-4;
-    padding-top: $ds-spacing-2;
-    padding-bottom: $ds-spacing-2;
+    padding-inline-end: $ds-spacing-4;
+    padding-inline-start: $ds-spacing-4;
+    padding-block-start: $ds-spacing-2;
+    padding-block-end: $ds-spacing-2;
     // Set color to transparent instead of text-decoration: none to support forced colors link decoration
     text-decoration-color: transparent;
 

package/styles/scss/lib/_shadow.scss

@@ -0,0 +1,10 @@
+@mixin ds-shadow-m {
+  box-shadow:
+    0px 2px 12px 0px rgba(0, 0, 0, 0.08),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.16);
+}
+@mixin ds-shadow-l {
+  box-shadow:
+    0px 8px 48px 0px rgba(0, 0, 0, 0.1),
+    0px 2px 4px 0px rgba(0, 0, 0, 0.04);
+}

package/styles/scss/lib/_text.scss

@@ -61,3 +61,7 @@
 @mixin ds-utility-small {
   @include base-text('STIHL Contraface Digital Text Regular', 0.875rem, 1.14);
 }
+
+@mixin ds-utility-small-bold {
+  @include base-text('STIHL Contraface Digital Text Bold', 0.875rem, 1.14);
+}

package/styles/scss/lib/_theme.scss

@@ -70,6 +70,7 @@ $ds-theme-light-background-color-tertiary: $ds-color-core-grey-light;
 $ds-theme-light-background-color-transparent-hover: $ds-color-core-black-opacity-10;
 $ds-theme-light-background-color-transparent-pressed: $ds-color-core-black-opacity-10;
 $ds-theme-light-border-color-feedback-error: $ds-color-core-red-base;
+$ds-theme-light-border-color-feedback-info: $ds-color-core-grey-dark;
 $ds-theme-light-border-color-feedback-success: $ds-color-core-green-base;
 $ds-theme-light-border-color-feedback-warning: $ds-color-core-yellow-base;
 $ds-theme-light-border-color-focus: $ds-color-core-grey-ultra-deep;
@@ -107,10 +108,10 @@ $ds-theme-dark-background-color-brand-disabled: $ds-color-core-grey-mid;
 $ds-theme-dark-background-color-brand-hover: $ds-color-core-orange-dark;
 $ds-theme-dark-background-color-brand-pressed: $ds-color-core-orange-dark;
 $ds-theme-dark-background-color-brand: $ds-color-core-orange-base;
-$ds-theme-dark-background-color-feedback-error: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-feedback-info: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-feedback-success: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-feedback-warning: $ds-color-core-grey-ultra-deep;
+$ds-theme-dark-background-color-feedback-error: $ds-color-core-grey-deep;
+$ds-theme-dark-background-color-feedback-info: $ds-color-core-grey-deep;
+$ds-theme-dark-background-color-feedback-success: $ds-color-core-grey-deep;
+$ds-theme-dark-background-color-feedback-warning: $ds-color-core-grey-deep;
 $ds-theme-dark-background-color-primary-disabled: $ds-color-core-black-base;
 $ds-theme-dark-background-color-primary-hover: $ds-color-core-grey-deep;
 $ds-theme-dark-background-color-primary-inverse-disabled: $ds-color-core-grey-mid;
@@ -122,11 +123,12 @@ $ds-theme-dark-background-color-primary: $ds-color-core-black-base;
 $ds-theme-dark-background-color-secondary-disabled: $ds-color-core-grey-ultra-deep;
 $ds-theme-dark-background-color-secondary-inverse: $ds-color-core-grey-light;
 $ds-theme-dark-background-color-secondary: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-background-color-sustainability: $ds-color-core-grey-ultra-deep;
+$ds-theme-dark-background-color-sustainability: $ds-color-core-grey-deep;
 $ds-theme-dark-background-color-tertiary: $ds-color-core-grey-ultra-deep;
 $ds-theme-dark-background-color-transparent-hover: $ds-color-core-white-opacity-15;
 $ds-theme-dark-background-color-transparent-pressed: $ds-color-core-white-opacity-15;
 $ds-theme-dark-border-color-feedback-error: $ds-color-core-red-base;
+$ds-theme-dark-border-color-feedback-info: $ds-color-core-grey-dark;
 $ds-theme-dark-border-color-feedback-success: $ds-color-core-green-base;
 $ds-theme-dark-border-color-feedback-warning: $ds-color-core-yellow-base;
 $ds-theme-dark-border-color-focus: $ds-color-core-white-base;

package/switch.Bx2tDKx0.js

@@ -0,0 +1,65 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as b } from "./chunks/index.CvOaL64Y.js";
+import "react";
+import { D as p } from "./chunks/Icon.9gDIp6p4.js";
+import { DSSpinner as f } from "./spinner.BskX4ovu.js";
+import './assets/switch.sqve8ApJ.css';const x = "_root_1gc2h_63", j = "_root--label-right_1gc2h_91", k = "_root--stretched_1gc2h_94", S = "_loader_1gc2h_104", w = "_thumb_1gc2h_157", C = "_root--checked_1gc2h_172", o = {
+  root: x,
+  "root--label-right": "_root--label-right_1gc2h_91",
+  rootLabelRight: j,
+  "root--stretched": "_root--stretched_1gc2h_94",
+  rootStretched: k,
+  switch: "_switch_1gc2h_99",
+  loader: S,
+  thumb: w,
+  "root--checked": "_root--checked_1gc2h_172",
+  rootChecked: C
+}, E = ({
+  children: h,
+  aria: i,
+  alignLabel: l = "left",
+  checked: e = !1,
+  className: _,
+  dataTrackingid: n,
+  disabled: c = !1,
+  loading: r = !1,
+  stretched: d = !1,
+  onClick: s,
+  ...m
+}) => {
+  const g = b(o.root, _, {
+    [o.rootChecked]: e === !0,
+    [o.rootStretched]: d === !0,
+    [o.rootLabelRight]: l === "right"
+  }), u = (a) => {
+    if (c || r) {
+      a.preventDefault();
+      return;
+    }
+    s && s(a);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      className: g,
+      "data-trackingid": n,
+      onClick: u,
+      ...i,
+      ...m,
+      type: "button",
+      role: "switch",
+      "aria-checked": e,
+      "aria-disabled": c || r,
+      "aria-busy": r,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { children: h }),
+        !r && /* @__PURE__ */ t.jsx("span", { className: o.switch, children: /* @__PURE__ */ t.jsx("span", { className: o.thumb, children: /* @__PURE__ */ t.jsx(p, { name: "check", "aria-hidden": "true" }) }) }),
+        r && /* @__PURE__ */ t.jsx("span", { className: o.loader, children: /* @__PURE__ */ t.jsx(f, { aria: { "aria-label": "Loading state" } }) })
+      ]
+    }
+  );
+};
+export {
+  E as DSSwitch
+};

package/{systemfeedback.rBgdiL5T.js → systemfeedback.4Hkfigi-.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
 import { c } from "./chunks/index.CvOaL64Y.js";
-import { DSIcon as n } from "./icon.CmAhxgHK.js";
+import { D as n } from "./chunks/Icon.9gDIp6p4.js";
 import './assets/systemfeedback.WE3wClZ3.css';const i = "_root_18s1i_63", l = {
   root: i
 }, m = {

package/textarea.DPy3TJJf.js

@@ -0,0 +1,12 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./chunks/helpers.B1JT5ShS.js";
+import "./asterisk.DU8THnoC.js";
+import "./systemfeedback.4Hkfigi-.js";
+import { D as x } from "./chunks/Textarea.C938p79X.js";
+export {
+  x as DSTextarea
+};

package/title.icX0VDiO.js

@@ -0,0 +1,36 @@
+"use client";
+import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { c as g } from "./chunks/index.CvOaL64Y.js";
+import './assets/title.CE0Dm7PI.css';const n = "_root_1bpc5_63", h = "_root--x-large-uppercase_1bpc5_66", m = "_root--large-uppercase_1bpc5_80", d = "_root--theme-dark_1bpc5_94", u = "_dash_1bpc5_97", r = {
+  root: n,
+  "root--x-large-uppercase": "_root--x-large-uppercase_1bpc5_66",
+  rootXLargeUppercase: h,
+  "root--large-uppercase": "_root--large-uppercase_1bpc5_80",
+  rootLargeUppercase: m,
+  "root--theme-dark": "_root--theme-dark_1bpc5_94",
+  rootThemeDark: d,
+  dash: u
+}, b = ({
+  children: a,
+  className: t,
+  size: e = "x-large",
+  tag: s = "h1",
+  // Design suggested to set default tag to h1
+  theme: p = "light",
+  ...c
+}) => {
+  const _ = s, l = g(r.root, t, {
+    // sizes
+    [r.rootXLargeUppercase]: e === "x-large",
+    [r.rootLargeUppercase]: e === "large",
+    // dark theme
+    [r.rootThemeDark]: p === "dark"
+  });
+  return /* @__PURE__ */ o.jsxs(_, { className: l, ...c, children: [
+    a,
+    /* @__PURE__ */ o.jsx("span", { className: r.dash, "aria-hidden": "true", children: "ƒ" })
+  ] });
+};
+export {
+  b as DSTitle
+};

package/toast.C-Yg5EoE.js

@@ -0,0 +1,10 @@
+"use client";
+import "./chunks/jsx-runtime.C-kxDJ4g.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./button.DX_nxoJC.js";
+import "./chunks/Icon.9gDIp6p4.js";
+import { D as s } from "./chunks/Toast.CLYrwQVO.js";
+export {
+  s as DSToast
+};

package/toast.d.ts

@@ -0,0 +1 @@
+export * from './components/Toast/Toast'

package/toastmanager.DQ_-eTrx.js

@@ -0,0 +1,96 @@
+"use client";
+import { j as w } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { useState as f, useRef as x, useEffect as g } from "react";
+import { g as h, b as A } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
+import { D, s as y } from "./chunks/Toast.CLYrwQVO.js";
+import { g as E } from "./chunks/helpers.B1JT5ShS.js";
+const O = () => {
+  if (!h() || !A())
+    throw new Error(
+      E(
+        "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".'
+      )
+    );
+}, C = () => {
+  if (document.querySelectorAll("[data-ds-toast]").length > 1)
+    throw new Error(
+      E(
+        "DSToast",
+        'The destructured "toast" element should only be used once in the DOM.'
+      )
+    );
+}, i = "data-ds-toast-timeout-id", v = "closing", P = 1e4, k = () => {
+  const [r, u] = f([]), [s, a] = f(null), o = x(null);
+  g(() => {
+    !s && r.length > 0 && setTimeout(() => {
+      a(r[0]);
+    });
+  }, [r]), g(() => {
+    s && (R(s.message, s.variant), b());
+  }, [s]);
+  const c = () => {
+    var e;
+    return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
+  }, l = (e) => {
+    var t;
+    (t = o.current) == null || t.setAttribute(i, e);
+  }, L = () => {
+    var e;
+    return (e = o.current) == null ? void 0 : e.removeAttribute(i);
+  }, R = (e, t) => {
+    if (t === "warning") {
+      const n = h();
+      n && (n.innerText = e);
+    } else if (t === "success" || t === "info") {
+      const n = A();
+      n && (n.innerText = e);
+    }
+  }, S = (e, t) => {
+    O();
+    const n = {
+      message: e,
+      hideIcon: t == null ? void 0 : t.hideIcon,
+      variant: (t == null ? void 0 : t.variant) || "info",
+      onClick: () => {
+        d();
+      },
+      onMouseEnter: I,
+      onMouseLeave: M
+    };
+    u((p) => [...p, n]);
+  }, I = () => {
+    T();
+  }, T = () => {
+    var t;
+    const e = c();
+    e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
+  }, m = () => {
+    const e = setTimeout(() => {
+      d();
+    }, P);
+    l(String(e));
+  }, M = () => {
+    c() !== v && o.current && m();
+  }, b = () => {
+    C(), o.current && s && (o.current.showPopover(), m());
+  }, d = () => {
+    T(), l(v), o.current && (o.current.addEventListener(
+      "animationend",
+      () => {
+        o.current && (o.current.hidePopover(), L(), o.current = null, u((e) => e.slice(1)), a(null));
+      },
+      {
+        once: !0
+        // removes event listener after being called once
+      }
+    ), o.current.classList.add(y.rootClosing));
+  };
+  return {
+    toast: s ? /* @__PURE__ */ w.jsx(D, { ...s, ref: o }) : void 0,
+    queueToastMessage: S
+  };
+};
+export {
+  k as useToast
+};

package/toastmanager.d.ts

@@ -0,0 +1 @@
+export * from './components/Toast/ToastManager'

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", "wifi", "wifi-1bar", "wifi-2bars", "wifi-off", "wind-rose", "wrench", "x", "xing", "youtube"];
+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 type IconName = typeof ICON_NAMES[number];

package/utils/vitest.setup.d.ts

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

package/assets/CustomReactSelect.bVnR5yBP.css

@@ -1 +0,0 @@
-._root_15h96_187{align-self:end}._root_15h96_187:has(._hint_15h96_195) ._label_15h96_195{margin-bottom:4px}._wrapper_15h96_199{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._action-button_15h96_205{grid-area:1/4/2/5}._label_15h96_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-bottom:8px}._label--hidden_15h96_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_15h96_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-bottom:8px}._feedback_15h96_249{margin-bottom:8px;margin-top:8px}._select_15h96_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-left:15px;padding-right:15px;width:100%;min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5;border-radius:0}._select_15h96_254:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_15h96_254:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_15h96_254:focus{outline:revert;outline-offset:revert}._select_15h96_254:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_15h96_254:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._select_15h96_254{transition-duration:0ms}}@media (hover: hover){._select_15h96_254:hover{background:#0000001a}}._select_15h96_254[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._select_15h96_254[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_15h96_254[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_15h96_254[readonly]:focus{outline:revert;outline-offset:revert}._select_15h96_254[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_15h96_254[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._select_15h96_254:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._select_15h96_254::-webkit-placeholder,._select_15h96_254::placeholder{color:#666;opacity:1}._select--invalid_15h96_365{border-color:#d43b3b;outline-color:#d43b3b}._select--invalid_15h96_365:active,._select--invalid_15h96_365:focus,._select--invalid_15h96_365:focus-visible{border-color:#252525}._select--small_15h96_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-left:7px;padding-right:7px}._select_15h96_254::-webkit-outer-spin-button,._select_15h96_254::-webkit-inner-spin-button,._select_15h96_254::-webkit-search-decoration,._select_15h96_254::-webkit-search-cancel-button,._select_15h96_254::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_15h96_254::-webkit-date-and-time-value{text-align:left}._select_15h96_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_15h96_254[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_15h96_254[type=range]{accent-color:#E9640C}._select_15h96_254[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._select--small_15h96_372{min-height:2rem;height:2rem}._select--small_15h96_372._input--has-leading-icon_15h96_418{padding-left:calc(16px + 1rem)}._select--small_15h96_372._input--has-action-button_15h96_421{padding-right:calc(2rem + 8px)}._select--small_15h96_372._input--has-second-action-button_15h96_424{padding-right:calc(4rem + 8px)}._select--has-leading-icon_15h96_427{padding-left:calc(32px + 1rem)}._select--has-action-button_15h96_430{padding-right:calc(3rem + 16px)}._select--has-second-action-button_15h96_433{padding-right:calc(6rem + 16px)}._select--has-affix_15h96_436{color:#0000}._select--has-affix_15h96_436::placeholder{color:#0000;transition:color .3s ease}@media (prefers-reduced-motion: reduce){._select--has-affix_15h96_436::placeholder{transition-duration:0ms}}._select--is-ready_15h96_448{color:#252525}._select--is-ready_15h96_448::placeholder{color:#666}._select_15h96_254._select--disabled_15h96_454{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){._select_15h96_254._select--disabled_15h96_454{color:GrayText}}._select_15h96_254._select--focused_15h96_465{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._select_15h96_254._select--focused_15h96_465{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._select_15h96_254._select--focused_15h96_465{outline-color:Highlight}}@media (hover: hover){._select--hovered_15h96_482{background:#0000001a}}._placeholder_15h96_487{color:#666}@media screen and (forced-colors: active){._placeholder_15h96_487{color:GrayText}}._menu-list_15h96_496{padding:8px 0 7px;background-color:#fff;outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._menu-list_15h96_496{forced-color-adjust:auto;outline-color:Highlight}}._group-heading_15h96_510{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:16px 16px 11px;margin:4px 0 8px;border-bottom:1px solid #B1B1B1;color:#666}._option_15h96_525{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:12px 24px;align-items:center}._option--small_15h96_537{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:8px 16px}._option--single_15h96_548{justify-content:space-between}._option--disabled_15h96_551{color:#00000080}@media screen and (forced-colors: active){._option--disabled_15h96_551{color:GrayText}}._option--focus-hover_15h96_559:not(._option--disabled_15h96_551){background-color:#0000001a;padding-top:10px;padding-bottom:10px;border:2px solid #252525;border-left:none;border-right:none}@media screen and (forced-colors: active){._option--focus-hover_15h96_559:not(._option--disabled_15h96_551){background-color:Canvas;border-color:Highlight}}._option--focus-hover_15h96_559._option--small_15h96_537:not(._option--disabled_15h96_551){padding-top:6px;padding-bottom:6px}._option--text_15h96_577{margin-inline-end:8px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}._option--check-icon_15h96_583{fill:#e9640c;margin-inline-start:auto}._option--check-icon--disabled_15h96_587{fill:#00000080}._single-option_15h96_591{display:flex;flex-wrap:nowrap;width:100%;align-items:center}._multi-option_15h96_598{width:100%}._single-value_15h96_602{display:flex;align-items:center}._single-value--text_15h96_606{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}._leading-icon_15h96_613{margin-inline-end:8px;fill:#666}@media screen and (forced-colors: active){._leading-icon_15h96_613{background-color:Canvas;fill:CanvasText}}._leading-icon--disabled_15h96_623{fill:#00000080}@media screen and (forced-colors: active){._leading-icon--disabled_15h96_623{fill:GrayText}}._indicator_15h96_632,._clear_15h96_633{width:3rem;height:3rem;justify-content:center;cursor:pointer}._indicator--small_15h96_639,._clear--small_15h96_640{width:2rem;height:2rem}._indicator--icon_15h96_644,._clear--icon_15h96_645{margin:16px;align-self:center}._indicator--icon--small_15h96_649,._clear--icon--small_15h96_650{margin:8px}

package/assets/RadioGroup.SF2fv4CL.css

@@ -1 +0,0 @@
-._root_zsg4m_63{display:flex;flex-direction:column;row-gap:16px;column-gap:24px;flex-wrap:wrap;margin-top:-8px}._root--horizontal_zsg4m_71{flex-direction:row}._root--invalid_zsg4m_74{margin-top:-16px}