@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.49

package/styles/scss/ds/lib/ds-internal/_input.scss

@@ -1,18 +1,24 @@
+@use '../border-width' as *;
 @use '_focus' as *;
 @use '_helpers' as *;
 @use '_high-contrast' as *;
 @use '_hover' as *;
 @use '../spacing' as *;
 @use '../spacing-rem' as *;
+@use '../radius' as *;
 @use '../text' as *;
 @use '../theme' as *;
 @use '../transition' as *;
 
-@mixin input-label-base($hasHint: false) {
+@mixin input-label-base($hasHint: false, $theme: 'light') {
   @include utility-medium;
   display: block;
   min-height: $spacing-24-rem;
 
+  @if $theme == 'dark' {
+    color: $theme-dark-content-color-primary;
+  }
+
   
   &:has(input) {
     padding-block-start: $spacing-2;
@@ -68,14 +74,18 @@
   }
 }
 
-@mixin input-hint-base() {
+@mixin input-hint-base($theme: 'light') {
   @include utility-small;
   display: block;
   max-width: 25.5rem;
   margin-block-end: $spacing-8;
+
+  @if $theme == 'dark' {
+    color: $theme-dark-content-color-primary;
+  }
 }
 
-@mixin input-base($size) {
+@mixin input-base($size, $theme: 'light') {
   @if ($size == 'medium') {
     
     @include utility-medium;
@@ -95,12 +105,16 @@
   }
 
   
-  @include focus($offset: 0, $thickness: $spacing-1);
+  @include focus($theme: $theme, $offset: 0, $thickness: $spacing-1);
   @include transition((background-color, color));
 
   @include hover-media-query {
     &:hover {
-      background: $theme-light-background-color-transparent-hover;
+      @if $theme == 'light' {
+        background: $theme-light-background-color-transparent-hover;
+      } @else {
+        background: $theme-dark-background-color-transparent-hover;
+      }
       @include high-contrast-media-query {
         border-color: Highlight;
       }
@@ -109,31 +123,50 @@
 
   & {
     background: transparent;
-    border: $spacing-1 solid $theme-light-border-color-primary;
-    border-radius: 0;
-    color: $theme-light-content-color-primary;
+    border-radius: $radius-none;
     width: 100%;
+    @if $theme == 'light' {
+      border: $border-width-1 solid $theme-light-border-color-primary;
+      color: $theme-light-content-color-primary;
+    } @else {
+      border: $border-width-1 solid $theme-dark-border-color-primary;
+      color: $theme-dark-content-color-primary;
+    }
   }
 
   &[readonly] {
-    background-color: $theme-light-background-color-tertiary;
     border-color: transparent;
-    color: $theme-light-content-color-primary;
+    @if $theme == 'light' {
+      background-color: $theme-light-background-color-tertiary;
+      color: $theme-light-content-color-primary;
+    } @else {
+      background-color: $theme-dark-background-color-tertiary;
+      color: $theme-dark-content-color-primary;
+    }
 
-    @include focus($offset: 0, $thickness: $spacing-2);
+    @include focus($theme: $theme, $offset: 0, $thickness: $spacing-2);
   }
 
   &:disabled {
     background-color: transparent;
-    border-color: $theme-light-border-color-primary-disabled;
-    color: $theme-light-content-color-primary-disabled;
     cursor: not-allowed;
+    @if $theme == 'light' {
+      border-color: $theme-light-border-color-primary-disabled;
+      color: $theme-light-content-color-primary-disabled;
+    } @else {
+      border-color: $theme-dark-border-color-primary-disabled;
+      color: $theme-dark-content-color-primary-disabled;
+    }
   }
 
   &::-webkit-placeholder,
   &::placeholder {
-    color: $theme-light-content-color-secondary;
     opacity: 1;
+    @if $theme == 'light' {
+      color: $theme-light-content-color-secondary;
+    } @else {
+      color: $theme-dark-content-color-secondary;
+    }
   }
 
   
@@ -185,13 +218,24 @@
   }
 }
 
-@mixin input-invalid() {
-  border-color: $theme-light-border-color-feedback-error;
-  outline-color: $theme-light-border-color-feedback-error;
+@mixin input-invalid($theme: 'light') {
+  @if $theme == 'light' {
+    border-color: $theme-light-border-color-feedback-error;
+    outline-color: $theme-light-border-color-feedback-error;
 
-  &:active,
-  &:focus,
-  &:focus-visible {
-    border-color: $theme-light-border-color-primary;
+    &:active,
+    &:focus,
+    &:focus-visible {
+      border-color: $theme-light-border-color-primary;
+    }
+  } @else {
+    border-color: $theme-dark-border-color-feedback-error;
+    outline-color: $theme-dark-border-color-feedback-error;
+
+    &:active,
+    &:focus,
+    &:focus-visible {
+      border-color: $theme-dark-border-color-primary;
+    }
   }
 }

package/styles/scss/ds/lib/ds-internal/_link-button.scss

@@ -2,7 +2,9 @@
 @use '_helpers' as *;
 @use '_high-contrast' as *;
 @use '_hover' as *;
+@use '../border-width' as *;
 @use '../media-query' as *;
+@use '../radius' as *;
 @use '../spacing' as *;
 @use '../spacing-rem' as *;
 @use '../text' as *;
@@ -37,7 +39,7 @@ $link-button-size-medium: $spacing-48-rem;
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    border-width: $spacing-1;
+    border-width: $border-width-1;
     border-style: solid;
     border-color: transparent;
     gap: $spacing-8;
@@ -150,7 +152,7 @@ $link-button-size-medium: $spacing-48-rem;
       @include utility-large-bold;
       color: $theme-light-content-color-primary;
 
-      border-radius: $spacing-2;
+      border-radius: $radius-xs;
       
       min-height: $link-button-size-small;
       min-width: $link-button-size-small;

package/styles/scss/ds/lib/ds-internal/_link.scss

@@ -37,9 +37,8 @@
     }
   }
 
-  &[href^="http://"]::after,
-  &[href^="https://"]::after
-  {
+  &[href^='http://']::after,
+  &[href^='https://']::after {
     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{urlEncodeHexColor($content-color)}' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
   }
 
@@ -47,6 +46,27 @@
     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{urlEncodeHexColor($content-color)}' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");
   }
 
+  @include high-contrast-media-query {
+    &[href^='http://']::after,
+    &[href^='https://']::after {
+      forced-color-adjust: none;
+      content: '';
+      background-color: LinkText;
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
+      mask-size: contain;
+      mask-repeat: no-repeat;
+    }
+
+    &[href^='#']::after {
+      forced-color-adjust: none;
+      content: '';
+      background-color: LinkText;
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");
+      mask-size: contain;
+      mask-repeat: no-repeat;
+    }
+  }
+
   
   
   @include focus($theme, $offset: 0);

package/styles/scss/ds/lib/input.scss

@@ -1,8 +1,13 @@
 @use './ds-internal/_input' as *;
 
-@mixin input-label($hasHint: false, $isDisabled: false, $isRequired: false) {
+@mixin input-label(
+  $hasHint: false,
+  $isDisabled: false,
+  $isRequired: false,
+  $theme: 'light'
+) {
   @if (not $isDisabled and not $isRequired) {
-    @include input-label-base($hasHint);
+    @include input-label-base($hasHint, $theme);
   }
   @if $isDisabled {
     @include input-label-disabled();
@@ -13,14 +18,14 @@
   }
 }
 
-@mixin input-hint() {
-  @include input-hint-base();
+@mixin input-hint($theme: 'light') {
+  @include input-hint-base($theme);
 }
 
-@mixin input($size: 'medium', $isInvalid: false) {
+@mixin input($size: 'medium', $isInvalid: false, $theme: 'light') {
   @if (not $isInvalid) {
-    @include input-base($size);
+    @include input-base($size, $theme);
   } @else {
-    @include input-invalid();
+    @include input-invalid($theme);
   }
 }

package/styles/scss/ds/lib/link.scss

@@ -25,8 +25,8 @@
   
   
   
-  :where(&)[href^="http://"]::after,
-  :where(&)[href^="https://"]::after,
+  :where(&)[href^='http://']::after,
+  :where(&)[href^='https://']::after,
   :where(&)[href^='#']::after {
     display: inline-block;
     margin-inline-start: 0.375em;

package/styles/scss/ds/lib/radius.scss

@@ -0,0 +1,5 @@
+$radius-none: 0;
+$radius-xs: 2px;
+$radius-s: 4px;
+$radius-circle: 50%;
+$radius-full: 9999px;

package/{switch.CuNNdrkD.js → switch.tM2XBag8.js}

@@ -5,11 +5,11 @@ import { c as q } from "./chunks/index.DQOqod3i.js";
 import { forwardRef as z } from "react";
 import { D as A } from "./chunks/Icon.DYtaQgbw.js";
 import { DSSpinner as B } from "./spinner.DtLnsqVV.js";
-import './assets/switch.fwcMI6o7.css';const F = "ds-switch_root_4381h_1", G = "ds-switch_root--label-right_4381h_40", H = "ds-switch_root--stretched_4381h_43", J = "ds-switch_loader_4381h_53", K = "ds-switch_thumb_4381h_111", M = "ds-switch_root--checked_4381h_126", o = {
+import './assets/switch.8v7Wp1Fj.css';const F = "ds-switch_root_1c6he_1", G = "ds-switch_root--label-right_1c6he_40", H = "ds-switch_root--stretched_1c6he_43", J = "ds-switch_loader_1c6he_53", K = "ds-switch_thumb_1c6he_111", M = "ds-switch_root--checked_1c6he_126", o = {
   root: F,
   rootLabelRight: G,
   rootStretched: H,
-  switch: "ds-switch_switch_4381h_48",
+  switch: "ds-switch_switch_1c6he_48",
   loader: J,
   thumb: K,
   rootChecked: M

package/{systemfeedback.Da0wX0Eb.js → systemfeedback.BPPOht_9.js}

@@ -4,7 +4,7 @@ import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
 import "./chunks/Icon.DYtaQgbw.js";
-import { D as s } from "./chunks/SystemFeedback.4osheYxC.js";
+import { D as s } from "./chunks/SystemFeedback.DhWcYjnu.js";
 export {
   s as DSSystemFeedback
 };

package/{tablist.BjKwrLz9.js → tablist.BAm0_UIG.js}

@@ -2,17 +2,16 @@
 import { jsxs as k, jsx as p } from "react/jsx-runtime";
 import { c as D } from "./chunks/index.DQOqod3i.js";
 import { useState as E, useRef as g, useEffect as ot } from "react";
-import { g as h, 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.cKLI89Eg.js";
-import { D as X } from "./chunks/Button.COycNYUI.js";
-import { D as ct } from "./chunks/Icon.DYtaQgbw.js";
-import { NumberIndicator as it } from "./numberindicator.Q7g4J3Ry.js";
-import { g as at, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
-import { s as c, N as lt } from "./chunks/NavigationTabList.CyrKNAer.js";
-const b = 48, Lt = ({
+import { D as X } from "./chunks/Button.CCol--xy.js";
+import { D as nt } from "./chunks/Icon.DYtaQgbw.js";
+import { NumberIndicator as st } from "./numberindicator.DsK65Bj3.js";
+import { g as ct, a as j } from "./chunks/TabPane.utils.DG16Y2uD.js";
+import { s as c, N as it } from "./chunks/NavigationTabList.thzA1pU8.js";
+import { u as C } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { g as at } from "./chunks/helpers.CexwVao7.js";
+import { g as h, i as W } from "./chunks/is-animation-disabled.B-V_68K-.js";
+import { h as lt } from "./chunks/has-window.ut_-aShB.js";
+const b = 48, Dt = ({
   aria: q,
   id: L,
   selectedTabIndex: n,
@@ -28,12 +27,12 @@ const b = 48, Lt = ({
   const [A, u] = E(Q), [U, V] = E(!1), [Y, Z] = E(!1), d = g([]), v = g(null), s = g(null), i = g(null), w = g(!1), H = g(n), N = () => {
     P(), x();
   };
-  W(() => {
+  C(() => {
     const e = new ResizeObserver(N);
     return s.current && e.observe(s.current), () => {
       e.disconnect();
     };
-  }, []), W(() => {
+  }, []), C(() => {
     const e = [
       "18px 'STIHL Contraface Digital Text Regular'",
       // utility large - Tab
@@ -45,7 +44,7 @@ const b = 48, Lt = ({
     Promise.all(e.map((o) => document.fonts.load(o))).then(() => {
       S(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}`));
+      throw new Error(at("DSTabs", `The component requires the fonts to be loaded: ${o}`));
     });
     const t = () => {
       !w.current || !i.current || (r.matches ? i.current.style.transitionDuration = "0s" : i.current.style.transitionDuration = "");
@@ -53,7 +52,7 @@ const b = 48, Lt = ({
     return r.addEventListener("change", t), s.current?.addEventListener("scroll", N), () => {
       r.removeEventListener("change", t), s.current?.removeEventListener("scroll", N);
     };
-  }, [l, I]), W(() => {
+  }, [l, I]), C(() => {
     if (w.current && (S(n), T)) {
       const e = M(n);
       u(n), R(e, n);
@@ -75,7 +74,7 @@ const b = 48, Lt = ({
       V(t.left < e.left), Z(t.right > e.right + 4);
     }
   }, O = (e = 0) => {
-    nt && i.current && !C() && setTimeout(() => {
+    lt && i.current && !W() && setTimeout(() => {
       i.current && (i.current.style.transitionDuration = "250ms");
     }, e);
   }, x = () => {
@@ -145,14 +144,14 @@ const b = 48, Lt = ({
       }
       f.scrollTo({
         left: B,
-        behavior: C() ? "instant" : r
+        behavior: W() ? "instant" : r
       });
     }
   }, $ = (e) => {
     const t = et(e);
     s.current?.scrollTo({
       left: t,
-      behavior: C() ? "instant" : "smooth"
+      behavior: W() ? "instant" : "smooth"
     });
   }, et = (e) => {
     if (!v.current || !s.current)
@@ -167,7 +166,7 @@ const b = 48, Lt = ({
   }), rt = T ? "nav" : "div";
   return /* @__PURE__ */ k("div", { className: D(c.tabsWrapper, G), ...J, children: [
     /* @__PURE__ */ k(rt, { className: c.scrollWrapper, ref: s, ...q, children: [
-      T ? /* @__PURE__ */ p(lt, { tabs: l, tabRefs: d, scrollerRef: v, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: y }) : /* @__PURE__ */ p("div", { role: "tablist", className: K, ref: v, children: l.map(({
+      T ? /* @__PURE__ */ p(it, { tabs: l, tabRefs: d, scrollerRef: v, handleNavigationKeydown: tt, scrollerClass: K, selectedTabIndex: n, setSelectedTab: y }) : /* @__PURE__ */ p("div", { role: "tablist", className: K, ref: v, children: l.map(({
         id: e,
         label: t,
         iconName: r,
@@ -179,7 +178,7 @@ const b = 48, Lt = ({
           id: j(L, e),
           role: "tab",
           "aria-selected": n === a,
-          "aria-controls": at(L, e, a),
+          "aria-controls": ct(L, e, a),
           tabIndex: n === a ? 0 : -1,
           className: c.tab,
           ref: (m) => {
@@ -189,9 +188,9 @@ const b = 48, Lt = ({
           onKeyDown: (m) => _(m, a),
           type: "button",
           children: [
-            r && /* @__PURE__ */ p(ct, { name: r, "aria-hidden": "true" }),
+            r && /* @__PURE__ */ p(nt, { name: r, "aria-hidden": "true" }),
             t,
-            o && /* @__PURE__ */ p(it, { "aria-label": f, label: o })
+            o && /* @__PURE__ */ p(st, { "aria-label": f, label: o })
           ]
         },
         j(L, e)
@@ -207,5 +206,5 @@ const b = 48, Lt = ({
   ] });
 };
 export {
-  Lt as TabList
+  Dt as TabList
 };

package/{tabpane.7vMXUKFX.js → tabpane.B9rZghU6.js}

@@ -4,7 +4,7 @@ import { d as T } from "./chunks/index.cKLI89Eg.js";
 import { c as g } from "./chunks/index.DQOqod3i.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.o34hshTz.css';const S = "ds-tabs_tabpane_30tnb_1", j = {
+import './assets/tabpane.DDaeSDQb.css';const S = "ds-tabs_tabpane_1cps1_1", j = {
   tabpane: S
 }, k = (x) => {
   const e = T.c(19), {

package/{tabs.-U2k6Oll.js → tabs.BgTdWbTe.js}

@@ -2,10 +2,10 @@
 import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "react";
-import "./tablist.BjKwrLz9.js";
-import "./tabpane.7vMXUKFX.js";
+import "./tablist.BAm0_UIG.js";
+import "./tabpane.B9rZghU6.js";
 import "./chunks/TabPane.utils.DG16Y2uD.js";
-import { D as a } from "./chunks/Tabs.xXn4zpGp.js";
+import { D as a } from "./chunks/Tabs.BHVlgp7L.js";
 export {
   a as DSTabs
 };

package/text.BEO_ZfJq.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import { d as $ } from "./chunks/index.cKLI89Eg.js";
+import { c as P } from "./chunks/index.DQOqod3i.js";
+import { useRef as R, useEffect as j } from "react";
+import { i as M } from "./chunks/Text.utils.DzlY9pJS.js";
+import { g as L } from "./chunks/helpers.CexwVao7.js";
+import './assets/text.BwGsYzGM.css';const C = "ds-text_root_1skzv_6", O = "ds-text_root--large_1skzv_15", V = "ds-text_root--large-bold_1skzv_26", W = "ds-text_root--medium_1skzv_38", q = "ds-text_root--medium-bold_1skzv_49", A = "ds-text_root--small_1skzv_61", F = "ds-text_root--small-bold_1skzv_72", G = "ds-text_root--x-small_1skzv_84", H = "ds-text_root--x-small-bold_1skzv_95", I = "ds-text_root--xx-small_1skzv_107", J = "ds-text_root--theme-dark_1skzv_219", o = {
+  root: C,
+  rootLarge: O,
+  rootLargeBold: V,
+  rootMedium: W,
+  rootMediumBold: q,
+  rootSmall: A,
+  rootSmallBold: F,
+  rootXSmall: G,
+  rootXSmallBold: H,
+  rootXxSmall: I,
+  rootThemeDark: J
+}, ot = (g) => {
+  const t = $.c(28);
+  let l, r, a, m, i, n, d;
+  t[0] !== g ? ({
+    children: l,
+    className: r,
+    size: m,
+    tag: i,
+    theme: n,
+    weight: d,
+    ...a
+  } = g, t[0] = g, t[1] = l, t[2] = r, t[3] = a, t[4] = m, t[5] = i, t[6] = n, t[7] = d) : (l = t[1], r = t[2], a = t[3], m = t[4], i = t[5], n = t[6], d = t[7]);
+  const e = m === void 0 ? "medium" : m, s = i === void 0 ? "p" : i, N = n === void 0 ? "light" : n, c = d === void 0 ? "normal" : d, _ = R(null);
+  let x, h;
+  t[8] !== s ? (x = () => {
+    if (_.current && process.env.NODE_ENV !== "production")
+      t: switch (s) {
+        case "li": {
+          if (!M(_.current, "ul, ol"))
+            throw Error(L("DSText", `The DSText component with the tag "${s}" is not within a list element (ul, ol). This may cause issues with list semantics. Please ensure the DSText component is within a list element.`));
+          break t;
+        }
+        case "dt":
+        case "dd": {
+          if (!M(_.current, "dl"))
+            throw Error(L("DSText", `The DSText component with the tag "${s}" is not within a list element (dl). This may cause issues with list semantics. Please ensure the DSText component is within a list element.`));
+          break t;
+        }
+        default:
+          return;
+      }
+  }, h = [s], t[8] = s, t[9] = x, t[10] = h) : (x = t[9], h = t[10]), j(x, h);
+  const f = s, k = e === "large", v = e === "large" && c === "bold", p = e == "medium", T = e === "medium" && c === "bold", w = e == "small", z = e == "small" && c === "bold", B = e == "x-small", D = e == "x-small" && c === "bold", b = e == "xx-small", X = N === "dark";
+  let u;
+  t[11] !== r || t[12] !== T || t[13] !== w || t[14] !== z || t[15] !== B || t[16] !== D || t[17] !== b || t[18] !== X || t[19] !== k || t[20] !== v || t[21] !== p ? (u = P(o.root, r, {
+    [o.rootLarge]: k,
+    [o.rootLargeBold]: v,
+    [o.rootMedium]: p,
+    [o.rootMediumBold]: T,
+    [o.rootSmall]: w,
+    [o.rootSmallBold]: z,
+    [o.rootXSmall]: B,
+    [o.rootXSmallBold]: D,
+    [o.rootXxSmall]: b,
+    [o.rootThemeDark]: X
+  }), t[11] = r, t[12] = T, t[13] = w, t[14] = z, t[15] = B, t[16] = D, t[17] = b, t[18] = X, t[19] = k, t[20] = v, t[21] = p, t[22] = u) : u = t[22];
+  const E = u;
+  let S;
+  return t[23] !== f || t[24] !== l || t[25] !== a || t[26] !== E ? (S = /* @__PURE__ */ y(f, { className: E, ref: _, ...a, children: l }), t[23] = f, t[24] = l, t[25] = a, t[26] = E, t[27] = S) : S = t[27], S;
+};
+export {
+  ot as DSText
+};

package/{textarea.BWznY6Gg.js → textarea.Cki-uMkZ.js}

@@ -2,13 +2,12 @@
 import "react/jsx-runtime";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/helpers.CexwVao7.js";
 import "./chunks/useBreakpoint.1txsny17.js";
-import "./chunks/index.cKLI89Eg.js";
 import "./asterisk.Dwtdwpkq.js";
-import "./chunks/Popover.ByaoNwGK.js";
-import "./chunks/SystemFeedback.4osheYxC.js";
-import { D as c } from "./chunks/Textarea.CAOqZMUi.js";
+import "./chunks/Popover.CxZZ_y1Z.js";
+import "./chunks/SystemFeedback.DhWcYjnu.js";
+import { D } from "./chunks/Textarea.vuJgvW6_.js";
+import "./chunks/helpers.CexwVao7.js";
 export {
-  c as DSTextarea
+  D as DSTextarea
 };

package/{textutility.CBLuAdaa.js → textutility.BypzssPt.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
+import "./chunks/Text.utils.DzlY9pJS.js";
+import { D as s } from "./chunks/TextUtility.BZLwqyic.js";
 import "./chunks/helpers.CexwVao7.js";
-import "./chunks/Text.utils.BZ4nTZVu.js";
-import { D as s } from "./chunks/TextUtility.BPrxUX-x.js";
 export {
   s as DSTextUtility
 };

package/{toast.D9XLSgJg.js → toast.s0Hfuh5i.js}

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/Button.COycNYUI.js";
+import "./chunks/Button.CCol--xy.js";
 import "./chunks/Icon.DYtaQgbw.js";
-import { D as a } from "./chunks/Toast.NZfb7z3q.js";
+import { D as a } from "./chunks/Toast.V_ZUAsf2.js";
 export {
   a as DSToast
 };

package/{toastmanager.V5E05qgI.js → toastmanager.CPIPn4Io.js}

@@ -1,35 +1,34 @@
 "use client";
 import { jsxs as C, jsx as O } from "react/jsx-runtime";
 import { createContext as b, useState as h, useRef as L, useEffect as v, useMemo as _, useContext as y } from "react";
-import { g } from "./chunks/helpers.CexwVao7.js";
-import "./chunks/index.cKLI89Eg.js";
-import { s as R, f as U } from "./chunks/AriaLiveRegions.utils.BPvIKT6B.js";
-import { D as j, s as q } from "./chunks/Toast.NZfb7z3q.js";
+import { s as R, f as U } from "./chunks/AriaLiveRegions.utils.xoETe2Ps.js";
+import { D as j, s as q } from "./chunks/Toast.V_ZUAsf2.js";
 import { h as Q } from "./chunks/has-window.ut_-aShB.js";
+import { g } from "./chunks/helpers.CexwVao7.js";
 const k = () => {
   if (!Q)
     return;
   if (document.querySelectorAll("[data-ds-toast]").length > 1)
     throw new Error(g("DSToast", 'The destructured "toast" element should only be used once in the DOM.'));
-}, n = "data-ds-toast-timeout-id", S = "closing", B = 1e4, D = b(void 0), J = () => {
+}, n = "data-ds-toast-timeout-id", S = "closing", B = 1e4, D = b(void 0), H = () => {
   const r = y(D);
   if (!r)
     throw new Error(g("DSToastProvider", "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."));
   return r;
-}, K = ({
+}, J = ({
   children: r
 }) => {
-  const [u, a] = h([]), [o, i] = h(null), e = L(null);
+  const [u, a] = h([]), [o, c] = h(null), e = L(null);
   v(() => {
     !o && u.length > 0 && setTimeout(() => {
-      i(u[0]);
+      c(u[0]);
     });
   }, [u]), v(() => {
-    o && (p(o.message, o.variant), I());
+    o && (w(o.message, o.variant), I());
   }, [o]);
-  const c = () => e.current?.getAttribute(n) || null, l = (t) => {
+  const i = () => e.current?.getAttribute(n) || null, l = (t) => {
     e.current?.setAttribute(n, t);
-  }, M = () => e.current?.removeAttribute(n), p = (t, s) => {
+  }, M = () => e.current?.removeAttribute(n), w = (t, s) => {
     s === "warning" ? R(t, "DSToast") : (s === "success" || s === "info") && U(t, "DSToast");
   }, T = (t, s) => {
     const P = {
@@ -40,27 +39,27 @@ const k = () => {
       onClick: () => {
         f();
       },
-      onMouseEnter: w,
-      onMouseLeave: A
+      onMouseEnter: A,
+      onMouseLeave: p
     };
     a((x) => [...x, P]);
-  }, w = () => {
+  }, A = () => {
     m();
   }, m = () => {
-    const t = c();
+    const t = i();
     t && (clearTimeout(t), e.current?.removeAttribute(n));
   }, d = () => {
     const t = setTimeout(() => {
       f();
     }, B);
     l(String(t));
-  }, A = () => {
-    c() !== S && e.current && d();
+  }, p = () => {
+    i() !== S && e.current && d();
   }, I = () => {
     k(), o && e.current?.showPopover && (e.current.showPopover(), d());
   }, f = () => {
     m(), l(S), e.current && (e.current.addEventListener("animationend", () => {
-      e.current?.hidePopover && (e.current.hidePopover(), M(), e.current = null, a((t) => t.slice(1)), i(null));
+      e.current?.hidePopover && (e.current.hidePopover(), M(), e.current = null, a((t) => t.slice(1)), c(null));
     }, {
       once: !0
       // removes event listener after being called once
@@ -74,6 +73,6 @@ const k = () => {
   ] });
 };
 export {
-  K as DSToastProvider,
-  J as useDSToast
+  J as DSToastProvider,
+  H as useDSToast
 };