@stihl-design-system/components 1.0.0-RC.46 → 1.0.0-RC.48

package/chunks/{Stepper.Bqnak38-.js → Stepper.Ds_aIEF8.js}

@@ -1,31 +1,30 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import { c as u } from "./index.DQOqod3i.js";
-import { useCallback as I, useEffect as W, useRef as S } from "react";
-import { g as i, r as j } from "./helpers.CexwVao7.js";
-import { i as q } from "./is-animation-disabled.B-V_68K-.js";
-import { t as H } from "./translate.nuU7uChI.js";
-import { u as v } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import "./index.cKLI89Eg.js";
-import { f as G } from "./AriaLiveRegions.utils.8ofDlHnN.js";
-import { DSScroller as F } from "../scroller.CwTXbzb8.js";
-import { StepperStep as J } from "../step.CDNmsF4m.js";
-import '../assets/Stepper.tXJl15yL.css';const _t = ["prev", "next"], L = 48, K = "ds-stepper_root_1d1si_1", Q = "ds-stepper_root--vertical_1d1si_12", U = "ds-stepper_scroller--centered_1d1si_17", X = "ds-stepper_scroller-button_1d1si_21", Y = "ds-stepper_list_1d1si_26", Z = "ds-stepper_list--center_1d1si_35", tt = "ds-stepper_list--vertical_1d1si_38", a = {
-  root: K,
-  rootVertical: Q,
-  scrollerCentered: U,
-  scrollerButton: X,
-  list: Y,
-  listCenter: Z,
-  listVertical: tt
-}, gt = ["left", "center"], Et = ["horizontal", "vertical"], et = ({
+import { jsx as f } from "react/jsx-runtime";
+import { c as h } from "./index.DQOqod3i.js";
+import { useCallback as I, useEffect as j, useRef as d } from "react";
+import { f as q } from "./AriaLiveRegions.utils.xoETe2Ps.js";
+import { DSScroller as H } from "../scroller.CgWp2WXG.js";
+import { StepperStep as G } from "../step.DCQ6CawJ.js";
+import { g as i, r as F } from "./helpers.CexwVao7.js";
+import { t as J } from "./translate.DSb-TdWR.js";
+import { u as L } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { i as K } from "./is-animation-disabled.B-V_68K-.js";
+import '../assets/Stepper.BCpjMiOX.css';const bt = ["prev", "next"], x = 48, Q = "ds-stepper_root_1vtkh_1", U = "ds-stepper_root--vertical_1vtkh_12", X = "ds-stepper_scroller--centered_1vtkh_17", Y = "ds-stepper_scroller-button_1vtkh_21", Z = "ds-stepper_list_1vtkh_26", tt = "ds-stepper_list--center_1vtkh_35", et = "ds-stepper_list--vertical_1vtkh_38", a = {
+  root: Q,
+  rootVertical: U,
+  scrollerCentered: X,
+  scrollerButton: Y,
+  list: Z,
+  listCenter: tt,
+  listVertical: et
+}, _t = ["left", "center"], Et = ["horizontal", "vertical"], rt = ({
   aria: e,
   steps: n
 }) => {
   if (!e || typeof e != "object" || Object.keys(e).length === 0 || !e["aria-label"] && !e["aria-labelledby"] || e["aria-label"]?.trim() === "" && e["aria-labelledby"]?.trim() === "")
     throw new Error(i("DSStepper", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
   if (!Array.isArray(n))
-    throw new Error(i("DSStepper", j("steps", "DSStepper")));
+    throw new Error(i("DSStepper", F("steps", "DSStepper")));
   if (n.length < 2)
     throw new Error(i("DSStepper", "The steps array must contain at least two steps."));
   n.forEach((t, s) => {
@@ -34,60 +33,60 @@ import '../assets/Stepper.tXJl15yL.css';const _t = ["prev", "next"], L = 48, K =
     if (t?.state === "current" && t?.disabled)
       throw new Error(i("DSStepper", `The step at index ${s} has a current state but is disabled. Please remove the disabled property if this step is the current step.`));
   });
-}, rt = {
+}, ot = {
   current: "Current step",
   completed: "completed",
   step: "Step",
   of: "of"
-}, ot = {
+}, st = {
   current: "Aktueller Schritt",
   completed: "abgeschlossen",
   step: "Schritt",
   of: "von"
-}, st = {
-  en: rt,
-  de: ot
-}, nt = (e) => e.find((t) => t.state === "current") || e.findLast((t) => t.state) || e[0], x = (e) => e.findIndex((n) => n.state === "current"), lt = (e, n) => !!e && e === "completed" && !n, Tt = ({
+}, w = {
+  en: ot,
+  de: st
+}, nt = (e) => e.find((t) => t.state === "current") || e.findLast((t) => t.state) || e[0], y = (e) => e.findIndex((n) => n.state === "current"), lt = (e, n) => !!e && e === "completed" && !n, Tt = ({
   aria: e,
   className: n,
   steps: t,
   orientation: s = "horizontal",
-  alignment: h = "left",
-  lang: w = "en",
-  translations: y,
-  onStepChange: A,
+  alignment: S = "left",
+  lang: m = "en",
+  translations: A,
+  onStepChange: k,
   ...P
 }) => {
-  process.env.NODE_ENV !== "production" && et({
+  process.env.NODE_ENV !== "production" && rt({
     aria: e,
     steps: t
   });
-  const p = H(y || st[w]), m = I((o) => {
-    G(o, "DSStepper");
-  }, []), b = I(() => {
+  const p = J(A || w[m] || w.en, m), b = I((o) => {
+    q(o, "DSStepper");
+  }, []), _ = I(() => {
     const o = nt(t), r = `${p("current")}: ${t.indexOf(o) + 1} ${p("of")} ${t.length} - ${o.label}`;
-    m(r);
-  }, [t, p, m]);
-  W(() => {
-    b();
-  }, [t, b]);
+    b(r);
+  }, [t, p, b]);
+  j(() => {
+    _();
+  }, [t, _]);
   const O = (o, r) => {
     const {
       state: l,
       disabled: c
     } = t[o];
-    lt(l, c) && (t[o].onClick?.(r), A(o));
-  }, M = u(a.root, {
+    lt(l, c) && (t[o].onClick?.(r), k(o));
+  }, M = h(a.root, {
     [a.rootVertical]: s === "vertical"
-  }, n), B = u(a.list, {
+  }, n), B = h(a.list, {
     [a.listVertical]: s === "vertical",
-    [a.listCenter]: s === "horizontal" && h === "center"
-  }), $ = u({
-    [a.scrollerCentered]: s === "horizontal" && h === "center"
-  }), _ = S([]), g = /* @__PURE__ */ d("ol", { className: B, children: t.map((o, r) => /* @__PURE__ */ d(J, { step: o, index: r, stepsCount: t.length, t: p, orientation: s, onStepClick: (l) => O(r, l), buttonRef: (l) => {
-    _.current[r] = l;
-  } }, r)) }), E = S(null), T = S(!1);
-  v(() => {
+    [a.listCenter]: s === "horizontal" && S === "center"
+  }), $ = h({
+    [a.scrollerCentered]: s === "horizontal" && S === "center"
+  }), E = d([]), T = /* @__PURE__ */ f("ol", { className: B, children: t.map((o, r) => /* @__PURE__ */ f(G, { step: o, index: r, stepsCount: t.length, t: p, orientation: s, onStepClick: (l) => O(r, l), buttonRef: (l) => {
+    E.current[r] = l;
+  } }, r)) }), g = d(null), C = d(!1);
+  L(() => {
     if (s !== "horizontal")
       return;
     const o = [
@@ -101,46 +100,46 @@ import '../assets/Stepper.tXJl15yL.css';const _t = ["prev", "next"], L = 48, K =
       // utility-small - number/hint base (regular variant for hint)
     ];
     Promise.all(o.map((r) => document.fonts.load(r))).then(() => {
-      T.current = !0, x(t) !== -1 && C("instant");
+      C.current = !0, y(t) !== -1 && v("instant");
     }).catch((r) => {
       throw new Error(i("DSStepper", `The component requires the fonts to be loaded: ${r}`));
     });
   }, [s]);
-  const C = (o = "smooth") => {
+  const v = (o = "smooth") => {
     if (s !== "horizontal")
       return;
-    const r = x(t);
+    const r = y(t);
     if (r === -1)
       return;
-    const l = _.current[r], c = E.current;
+    const l = E.current[r], c = g.current;
     if (!l || !c)
       return;
     const R = l.getBoundingClientRect(), D = c.getBoundingClientRect();
-    if (R.left - L >= D.left && R.right + L <= D.right)
+    if (R.left - x >= D.left && R.right + x <= D.right)
       return;
-    const k = l.offsetLeft, z = l.offsetWidth, N = c.clientWidth;
-    let f = k - Math.max(0, (N - z) / 2);
-    const V = c.scrollWidth - N;
-    f = Math.min(Math.max(0, f), V), c.scrollTo({
-      left: f,
-      behavior: q() ? "instant" : o
+    const z = l.offsetLeft, V = l.offsetWidth, N = c.clientWidth;
+    let u = z - Math.max(0, (N - V) / 2);
+    const W = c.scrollWidth - N;
+    u = Math.min(Math.max(0, u), W), c.scrollTo({
+      left: u,
+      behavior: K() ? "instant" : o
     });
   };
-  return v(() => {
-    T.current && C("smooth");
-  }, [t, s]), /* @__PURE__ */ d("nav", { className: M, ...P, ...e, children: s === "horizontal" ? /* @__PURE__ */ d(F, { ref: E, className: a.scroller, scrollerClassName: $, scrollerButtonClassName: a.scrollerButton, children: g }) : g });
+  return L(() => {
+    C.current && v("smooth");
+  }, [t, s]), /* @__PURE__ */ f("nav", { className: M, ...P, ...e, children: s === "horizontal" ? /* @__PURE__ */ f(H, { ref: g, className: a.scroller, scrollerClassName: $, scrollerButtonClassName: a.scrollerButton, children: T }) : T });
 };
 export {
   Tt as D,
-  _t as S,
-  L as a,
-  gt as b,
-  Et as c,
-  rt as d,
-  ot as e,
-  st as f,
+  bt as S,
+  w as a,
+  st as b,
+  ot as c,
+  x as d,
+  _t as e,
+  Et as f,
   nt as g,
-  x as h,
+  y as h,
   lt as i,
-  et as v
+  rt as v
 };

package/chunks/SystemFeedback.DhWcYjnu.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsxs as p, jsx as E } from "react/jsx-runtime";
+import { d as h } from "./index.cKLI89Eg.js";
+import { c as x } from "./index.DQOqod3i.js";
+import "react";
+import { D as g } from "./Icon.DYtaQgbw.js";
+import '../assets/SystemFeedback.DVMml_h9.css';const u = "ds-system-feedback_root_veno1_1", v = "ds-system-feedback_root--dark_veno1_17", D = {
+  root: u,
+  rootDark: v
+}, I = ["success", "error", "warning"], A = {
+  success: "circle-check-colored",
+  error: "diamond-exclamationmark-colored",
+  warning: "triangle-exclamationmark-colored"
+}, M = (S) => {
+  const t = h.c(19), d = S;
+  let e, o, s, r, c, n;
+  t[0] !== d ? ({
+    id: o,
+    message: s,
+    theme: c,
+    variant: n,
+    className: e,
+    ...r
+  } = d, t[0] = d, t[1] = e, t[2] = o, t[3] = s, t[4] = r, t[5] = c, t[6] = n) : (e = t[1], o = t[2], s = t[3], r = t[4], c = t[5], n = t[6]);
+  const l = c === void 0 ? "light" : c, k = l === "dark";
+  let i;
+  t[7] !== e || t[8] !== k ? (i = x(D.root, e, {
+    [D.rootDark]: k
+  }), t[7] = e, t[8] = k, t[9] = i) : i = t[9];
+  const _ = i, f = A[n];
+  let a;
+  t[10] !== f || t[11] !== l ? (a = /* @__PURE__ */ E(g, { name: f, theme: l, "aria-hidden": "true" }), t[10] = f, t[11] = l, t[12] = a) : a = t[12];
+  let m;
+  return t[13] !== o || t[14] !== s || t[15] !== r || t[16] !== _ || t[17] !== a ? (m = /* @__PURE__ */ p("div", { id: o, className: _, ...r, children: [
+    a,
+    s
+  ] }), t[13] = o, t[14] = s, t[15] = r, t[16] = _, t[17] = a, t[18] = m) : m = t[18], m;
+};
+export {
+  M as D,
+  A as S,
+  I as a
+};

package/chunks/{Tabs.cMCZMPCy.js → Tabs.BHVlgp7L.js}

@@ -2,8 +2,8 @@
 import { jsx as E, jsxs as M } from "react/jsx-runtime";
 import { d as q } from "./index.cKLI89Eg.js";
 import { useState as C } from "react";
-import { TabList as V } from "../tablist.D3n9E4KM.js";
-import { TabPane as $ } from "../tabpane.7vMXUKFX.js";
+import { TabList as V } from "../tablist.BAm0_UIG.js";
+import { TabPane as $ } from "../tabpane.B9rZghU6.js";
 import { g as j } from "./TabPane.utils.DG16Y2uD.js";
 import { g as p, r as B } from "./helpers.CexwVao7.js";
 const J = ["left", "center"], K = ["prev", "next"], O = ({

package/chunks/Text.utils.DzlY9pJS.js

@@ -0,0 +1,9 @@
+"use client";
+import { a as e } from "./helpers.CexwVao7.js";
+const n = ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"], l = ["large", "medium", "small", "x-small", "xx-small"], m = ["bold", "normal"], r = (a, s) => Array.isArray(s) ? s.some((t) => !!e(a, t)) : !!e(a, s);
+export {
+  l as T,
+  n as a,
+  m as b,
+  r as i
+};

package/chunks/TextUtility.BZLwqyic.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as M } from "react/jsx-runtime";
+import { d as X } from "./index.cKLI89Eg.js";
+import { c as N } from "./index.DQOqod3i.js";
+import { useRef as P, useEffect as Y } from "react";
+import { i as L } from "./Text.utils.DzlY9pJS.js";
+import { g as x } from "./helpers.CexwVao7.js";
+import '../assets/TextUtility.BThulfyl.css';const $ = "ds-text-utility_root_5fggr_6", z = "ds-text-utility_root--large_5fggr_15", G = "ds-text-utility_root--large-bold_5fggr_26", R = "ds-text-utility_root--medium_5fggr_38", W = "ds-text-utility_root--medium-bold_5fggr_49", j = "ds-text-utility_root--small_5fggr_61", q = "ds-text-utility_root--small-bold_5fggr_72", A = "ds-text-utility_root--small-demi_5fggr_84", C = "ds-text-utility_root--x-small-demi_5fggr_94", H = "ds-text-utility_root--theme-dark_5fggr_205", l = {
+  root: $,
+  rootLarge: z,
+  rootLargeBold: G,
+  rootMedium: R,
+  rootMediumBold: W,
+  rootSmall: j,
+  rootSmallBold: q,
+  rootSmallDemi: A,
+  rootXSmallDemi: C,
+  rootThemeDark: H
+}, tt = ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"], ot = ["large", "medium", "small", "x-small"], et = ["bold", "demi", "normal"], O = ({
+  size: r,
+  weight: t
+}) => {
+  t === "demi" && r !== "small" && r !== "x-small" && console.warn(x("DSTextUtility", 'Invalid prop combination: weight "demi" is only supported on sizes "small" and "x-small".')), r === "x-small" && t !== "demi" && console.warn(x("DSTextUtility", 'Invalid prop combination: size "x-small" only supports weight "demi".'));
+}, lt = (r) => {
+  const t = X.c(29);
+  let s, a, m, n, d, c, g;
+  t[0] !== r ? ({
+    children: s,
+    className: a,
+    size: n,
+    tag: d,
+    theme: c,
+    weight: g,
+    ...m
+  } = r, t[0] = r, t[1] = s, t[2] = a, t[3] = m, t[4] = n, t[5] = d, t[6] = c, t[7] = g) : (s = t[1], a = t[2], m = t[3], n = t[4], d = t[5], c = t[6], g = t[7]);
+  const o = n === void 0 ? "medium" : n, i = d === void 0 ? "p" : d, k = c === void 0 ? "light" : c, e = g === void 0 ? "normal" : g, u = P(null);
+  let _, f;
+  t[8] !== o || t[9] !== i || t[10] !== e ? (_ = () => {
+    if (process.env.NODE_ENV !== "production" && (O({
+      size: o,
+      weight: e
+    }), u.current))
+      t: switch (i) {
+        case "li": {
+          if (!L(u.current, "ul, ol"))
+            throw Error(x("DSTextUtility", `The DSTextUtility component with the tag "${i}" is not within a list element (ul, ol). Please ensure it's placed correctly.`));
+          break t;
+        }
+        case "dt":
+        case "dd": {
+          if (!L(u.current, "dl"))
+            throw Error(x("DSTextUtility", `The DSTextUtility component with the tag "${i}" is not within a description list element (dl). Please ensure it's placed correctly.`));
+          break t;
+        }
+        default:
+          return;
+      }
+  }, f = [i, o, e], t[8] = o, t[9] = i, t[10] = e, t[11] = _, t[12] = f) : (_ = t[11], f = t[12]), Y(_, f);
+  const h = i, y = o === "large" && e === "normal", S = o === "large" && e === "bold", D = o === "medium" && e === "normal", b = o === "medium" && e === "bold", w = o === "small" && e === "normal", E = o === "small" && e === "bold", U = o === "small" && e === "demi", v = o === "x-small" && e === "demi", I = k === "dark";
+  let T;
+  t[13] !== a || t[14] !== b || t[15] !== w || t[16] !== E || t[17] !== U || t[18] !== v || t[19] !== I || t[20] !== y || t[21] !== S || t[22] !== D ? (T = N(l.root, a, {
+    [l.rootLarge]: y,
+    [l.rootLargeBold]: S,
+    [l.rootMedium]: D,
+    [l.rootMediumBold]: b,
+    [l.rootSmall]: w,
+    [l.rootSmallBold]: E,
+    [l.rootSmallDemi]: U,
+    [l.rootXSmallDemi]: v,
+    [l.rootThemeDark]: I
+  }), t[13] = a, t[14] = b, t[15] = w, t[16] = E, t[17] = U, t[18] = v, t[19] = I, t[20] = y, t[21] = S, t[22] = D, t[23] = T) : T = t[23];
+  const B = T;
+  let p;
+  return t[24] !== h || t[25] !== s || t[26] !== m || t[27] !== B ? (p = /* @__PURE__ */ M(h, { className: B, ref: u, ...m, children: s }), t[24] = h, t[25] = s, t[26] = m, t[27] = B, t[28] = p) : p = t[28], p;
+};
+export {
+  lt as D,
+  ot as T,
+  tt as a,
+  et as b,
+  O as v
+};

package/chunks/Textarea.vuJgvW6_.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsxs as o, jsx as p, Fragment as xe } from "react/jsx-runtime";
+import { c as l } from "./index.DQOqod3i.js";
+import { forwardRef as _e, useState as u, useRef as ve, useEffect as _ } from "react";
+import { u as X } from "./useBreakpoint.1txsny17.js";
+import { Asterisk as ke } from "../asterisk.Dwtdwpkq.js";
+import { D as ge } from "./Popover.CxZZ_y1Z.js";
+import { D as Ce } from "./SystemFeedback.DhWcYjnu.js";
+import { g as I, p as Z } from "./helpers.CexwVao7.js";
+import '../assets/Textarea.BO4AcRJD.css';const De = "ds-textarea_textarea_1mper_1", ye = "ds-textarea_textarea--small_1mper_9", Se = "ds-textarea_textarea--invalid_1mper_127", we = "ds-textarea_textarea--dark_1mper_145", Te = "ds-textarea_textarea--resize-auto_1mper_259", Ie = "ds-textarea_root_1mper_269", Ae = "ds-textarea_hint_1mper_269", Ne = "ds-textarea_label-wrapper_1mper_269", Le = "ds-textarea_label_1mper_269", Re = "ds-textarea_label--disabled_1mper_491", Fe = "ds-textarea_label--dark_1mper_495", Ee = "ds-textarea_label-wrapper--hidden_1mper_511", He = "ds-textarea_hint--dark_1mper_538", ze = "ds-textarea_feedback_1mper_542", Pe = "ds-textarea_footer_1mper_546", Ve = "ds-textarea_footer--has-system-feedback_1mper_551", $e = "ds-textarea_char-count_1mper_560", We = "ds-textarea_char-count--dark_1mper_572", Be = "ds-textarea_char-count-announcer_1mper_576", e = {
+  textarea: De,
+  textareaSmall: ye,
+  textareaInvalid: Se,
+  textareaDark: we,
+  textareaResizeAuto: Te,
+  root: Ie,
+  hint: Ae,
+  labelWrapper: Ne,
+  label: Le,
+  labelDisabled: Re,
+  labelDark: Fe,
+  labelWrapperHidden: Ee,
+  hintDark: He,
+  feedback: ze,
+  footer: Pe,
+  footerHasSystemFeedback: Ve,
+  charCount: $e,
+  charCountDark: We,
+  charCountAnnouncer: Be
+}, Qe = ["medium", "small"], qe = ({
+  id: v,
+  label: i,
+  hideLabel: r,
+  popoverContent: h
+}) => {
+  if (!v)
+    throw new Error(I("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
+  if (!i)
+    throw new Error(I("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
+  r && h && console.warn(I("DSTextarea", "Using a popover when hideLabel is set to true is not supported."));
+}, je = _e((v, i) => {
+  const {
+    id: r,
+    label: h,
+    charsLimitText: G = "Character limit reached",
+    charsRemainingText: J = "Characters remaining:",
+    className: K,
+    defaultValue: Q,
+    disabled: A = !1,
+    hint: k,
+    hideLabel: N = !1,
+    invalid: s = !1,
+    maxLength: a,
+    popoverContent: g,
+    popoverInfoButtonProps: Y,
+    readonly: L = !1,
+    required: R = !1,
+    resize: b = "vertical",
+    size: ee = "medium",
+    systemFeedback: c,
+    theme: C = "light",
+    value: D,
+    wrapperClassName: ae,
+    onChange: F,
+    onInput: E,
+    ...te
+  } = v;
+  process.env.NODE_ENV !== "production" && qe({
+    id: r,
+    label: h,
+    hideLabel: X(N),
+    popoverContent: g
+  });
+  const [re, H] = u(Q || ""), [d, z] = u(0), [se, P] = u(0), [ne, V] = u("off"), [$, y] = u(c), [S, w] = u(s), W = D !== void 0, f = W ? D : re, n = ve(null), B = a !== void 0 && a > 0, T = S && $, oe = (t) => {
+    n.current = t, typeof i == "function" ? i(t) : i && (i.current = t);
+  }, q = X(N);
+  _(() => {
+    if (!a || a <= 0)
+      return;
+    d >= a * 0.8 ? V("polite") : V("off");
+    const t = setTimeout(() => {
+      P(a - d || 0);
+    }, 1e3);
+    return () => clearTimeout(t);
+  }, [d]), _(() => {
+    H(f || ""), m(), a && a > 0 && (z(f.toString().length || 0), P(a - f.toString().length || 0));
+  }, [D]), _(() => {
+    s && c ? (y(c), w(s)) : !s && a && a >= 0 && d >= a ? (w(!0), y(G)) : (y(c), w(s));
+  }, [s, S, c, d]), _(() => {
+    if (b === "auto")
+      return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
+  }, [b, n.current]);
+  const le = l(e.root, ae), x = C === "dark", ie = l(e.textarea, K, {
+    [e.textareaDark]: x,
+    // small textarea
+    [e.textareaSmall]: ee === "small",
+    // invalid state
+    [e.textareaInvalid]: S,
+    // resize handling
+    [e.textareaResizeAuto]: b === "auto"
+  }), ce = l(e.label, {
+    [e.labelDark]: x,
+    [e.labelDisabled]: A
+  }), de = l(e.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [e.labelWrapperHidden]: q
+  }), ue = l(e.footer, {
+    [e.footerHasSystemFeedback]: T
+  }), j = `${r}-label`, M = `${r}-feedback`, O = `${r}-hint`, U = `${r}-char-count-announcer`, me = k ? ` ${O}` : "", m = () => {
+    if (n.current && b === "auto") {
+      n.current.style.height = "auto";
+      const t = Z(n.current.scrollHeight), fe = Z(2);
+      n.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
+      // from jumping as soon as the user starts typing.
+      t + fe}rem`;
+    }
+  }, pe = () => {
+    const t = [];
+    return a && a > 0 && t.push(U), s && c && t.push(M), t.length > 0 ? t.join(" ") : void 0;
+  }, he = (t) => {
+    E && E(t), a && a > 0 && z(n.current?.value.length || 0), m();
+  }, be = (t) => {
+    F && F(t), W || H(t.target.value);
+  };
+  return /* @__PURE__ */ o("div", { className: le, children: [
+    /* @__PURE__ */ o("div", { className: de, children: [
+      /* @__PURE__ */ o("label", { className: ce, id: j, htmlFor: r, children: [
+        h,
+        R && /* @__PURE__ */ p(ke, {})
+      ] }),
+      g && !q && /* @__PURE__ */ p(ge, { placement: "top", theme: C, defaultAnchorButtonProps: Y, children: g })
+    ] }),
+    k && /* @__PURE__ */ p("div", { className: l(e.hint, {
+      [e.hintDark]: x
+    }), id: O, children: k }),
+    /* @__PURE__ */ p(
+      "textarea",
+      {
+        className: ie,
+        id: r,
+        ...te,
+        ref: oe,
+        "aria-labelledby": `${j}${me}`,
+        "aria-describedby": pe(),
+        "aria-invalid": s,
+        "aria-disabled": L,
+        maxLength: a,
+        readOnly: L,
+        required: R,
+        disabled: A,
+        value: f,
+        defaultValue: void 0,
+        rows: void 0,
+        cols: void 0,
+        onChange: be,
+        onInput: he
+      }
+    ),
+    B || T ? /* @__PURE__ */ o("div", { className: ue, children: [
+      T && /* @__PURE__ */ p(Ce, { className: e.feedback, message: $, variant: "error", id: M, theme: C }),
+      B && /* @__PURE__ */ o(xe, { children: [
+        /* @__PURE__ */ o("div", { className: l(e.charCount, {
+          [e.charCountDark]: x
+        }), "aria-hidden": "true", children: [
+          d,
+          "/",
+          a
+        ] }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: e.charCountAnnouncer,
+            id: U,
+            "aria-live": ne,
+            "aria-atomic": "true",
+            children: [
+              J,
+              " ",
+              se
+            ]
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+});
+je.displayName = "DSTextarea";
+export {
+  je as D,
+  Qe as T,
+  qe as v
+};

package/chunks/Toast.V_ZUAsf2.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as D, jsxs as j } from "react/jsx-runtime";
+import { d as E } from "./index.cKLI89Eg.js";
+import { c as W } from "./index.DQOqod3i.js";
+import { forwardRef as L } from "react";
+import { D as M } from "./Button.CCol--xy.js";
+import { D as O } from "./Icon.DYtaQgbw.js";
+import '../assets/Toast.ChXfv24m.css';const P = "ds-toast_root_1gdlp_5", z = "ds-toast_root--closing_1gdlp_15", A = "ds-toast_root--success_1gdlp_66", R = "ds-toast_root--info_1gdlp_70", $ = "ds-toast_root--warning_1gdlp_74", q = "ds-toast_content_1gdlp_79", F = "ds-toast_content--hide-icon_1gdlp_86", G = "ds-toast_icon_1gdlp_90", J = "ds-toast_message_1gdlp_94", s = {
+  root: P,
+  rootClosing: z,
+  rootSuccess: A,
+  rootInfo: R,
+  rootWarning: $,
+  content: q,
+  contentHideIcon: F,
+  icon: G,
+  message: J
+}, K = {
+  success: "circle-check-colored",
+  warning: "triangle-exclamationmark-colored",
+  info: "circle-info-colored"
+}, Q = L((b, x) => {
+  const o = E.c(44);
+  let e, n, t, c, l, a, i, h, v;
+  o[0] !== b ? ({
+    message: t,
+    className: e,
+    closeButtonProps: n,
+    hideIcon: h,
+    variant: v,
+    onClick: c,
+    onMouseEnter: l,
+    onMouseLeave: a,
+    ...i
+  } = b, o[0] = b, o[1] = e, o[2] = n, o[3] = t, o[4] = c, o[5] = l, o[6] = a, o[7] = i, o[8] = h, o[9] = v) : (e = o[1], n = o[2], t = o[3], c = o[4], l = o[5], a = o[6], i = o[7], h = o[8], v = o[9]);
+  const r = h === void 0 ? !1 : h, d = v === void 0 ? "info" : v;
+  let m;
+  o[10] !== n ? (m = n || {}, o[10] = n, o[11] = m) : m = o[11];
+  let _, I;
+  o[12] !== m ? ({
+    label: I,
+    ..._
+  } = m, o[12] = m, o[13] = _, o[14] = I) : (_ = o[13], I = o[14]);
+  const w = I === void 0 ? "Close toast" : I, T = d === "success", k = d === "warning", y = d === "info";
+  let N;
+  o[15] !== e || o[16] !== T || o[17] !== k || o[18] !== y ? (N = W(s.root, e, {
+    [s.rootSuccess]: T,
+    [s.rootWarning]: k,
+    [s.rootInfo]: y
+  }), o[15] = e, o[16] = T, o[17] = k, o[18] = y, o[19] = N) : N = o[19];
+  const B = N;
+  let S;
+  o[20] !== r ? (S = W(s.content, {
+    [s.contentHideIcon]: r
+  }), o[20] = r, o[21] = S) : S = o[21];
+  const H = S;
+  let f;
+  o[22] !== r || o[23] !== d ? (f = !r && /* @__PURE__ */ D(O, { name: K[d], className: s.icon, "aria-hidden": "true" }), o[22] = r, o[23] = d, o[24] = f) : f = o[24];
+  let g;
+  o[25] !== t ? (g = /* @__PURE__ */ D("div", { className: s.message, children: t }), o[25] = t, o[26] = g) : g = o[26];
+  let p;
+  o[27] !== w || o[28] !== c || o[29] !== _ ? (p = /* @__PURE__ */ D(M, { ..._, hideLabel: !0, iconName: "cross", size: "small", variant: "ghost", onClick: c, type: "button", children: w }), o[27] = w, o[28] = c, o[29] = _, o[30] = p) : p = o[30];
+  let u;
+  o[31] !== H || o[32] !== f || o[33] !== g || o[34] !== p ? (u = /* @__PURE__ */ j("div", { className: H, children: [
+    f,
+    g,
+    p
+  ] }), o[31] = H, o[32] = f, o[33] = g, o[34] = p, o[35] = u) : u = o[35];
+  let C;
+  return o[36] !== t || o[37] !== l || o[38] !== a || o[39] !== x || o[40] !== i || o[41] !== B || o[42] !== u ? (C = /* @__PURE__ */ D("aside", { className: B, ref: x, popover: "manual", "data-ds-toast": !0, onMouseEnter: l, onMouseLeave: a, "aria-label": t, ...i, children: u }), o[36] = t, o[37] = l, o[38] = a, o[39] = x, o[40] = i, o[41] = B, o[42] = u, o[43] = C) : C = o[43], C;
+});
+Q.displayName = "DSToast";
+export {
+  Q as D,
+  s
+};