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

package/chunks/Notification.CUPOlHAX.js

@@ -0,0 +1,93 @@
+"use client";
+import { j as s } from "./jsx-runtime.C-kxDJ4g.js";
+import { c } from "./index.CvOaL64Y.js";
+import { D as p } from "./Icon.9gDIp6p4.js";
+import { DSButton as g } from "../button.DX_nxoJC.js";
+import '../assets/Notification.CCCbfXEz.css';const N = "_root_unops_63", f = "_root--success_unops_87", h = "_root--error_unops_91", I = "_root--warning_unops_95", x = "_root--hide-icon_unops_99", A = "_content_unops_113", C = "_content--hide-close-button_unops_120", H = "_content--hide-icon_unops_123", j = "_icon_unops_127", S = "_message_unops_131", w = "_custom-action-area_unops_144", o = {
+  root: N,
+  "root--success": "_root--success_unops_87",
+  rootSuccess: f,
+  "root--error": "_root--error_unops_91",
+  rootError: h,
+  "root--warning": "_root--warning_unops_95",
+  rootWarning: I,
+  "root--hide-icon": "_root--hide-icon_unops_99",
+  rootHideIcon: x,
+  content: A,
+  "content--hide-close-button": "_content--hide-close-button_unops_120",
+  contentHideCloseButton: C,
+  "content--hide-icon": "_content--hide-icon_unops_123",
+  contentHideIcon: H,
+  icon: j,
+  message: S,
+  "custom-action-area": "_custom-action-area_unops_144",
+  customActionArea: w
+}, R = [
+  "success",
+  "error",
+  "warning",
+  "info"
+], O = {
+  success: "circle-check-colored",
+  error: "diamond-exclamationmark-colored",
+  warning: "triangle-exclamationmark-colored",
+  info: "circle-info-colored"
+}, T = {
+  error: "alert",
+  warning: "alert",
+  info: "status",
+  success: "status"
+}, B = ({
+  children: i,
+  variant: n = "info",
+  customActionArea: e,
+  className: a,
+  closeButtonLabel: _ = "Close notification",
+  hideCloseButton: r = !1,
+  hideIcon: t = !1,
+  onClose: u,
+  ...l
+}) => {
+  const m = c(o.root, a, {
+    [o.rootSuccess]: n === "success",
+    [o.rootError]: n === "error",
+    [o.rootWarning]: n === "warning",
+    [o.rootInfo]: n === "info",
+    [o.rootHideIcon]: t
+  }), d = c(o.content, {
+    [o.contentHideCloseButton]: r,
+    [o.contentHideIcon]: t
+  });
+  return /* @__PURE__ */ s.jsxs("div", { className: m, ...l, role: T[n], children: [
+    /* @__PURE__ */ s.jsxs("div", { className: d, children: [
+      !t && /* @__PURE__ */ s.jsx(
+        p,
+        {
+          name: O[n],
+          className: o.icon,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ s.jsx("div", { className: o.message, children: i }),
+      !r && /* @__PURE__ */ s.jsx(
+        g,
+        {
+          hideLabel: !0,
+          iconName: "cross",
+          isFlush: !0,
+          variant: "ghost",
+          size: "small",
+          onClick: u,
+          type: "button",
+          children: _
+        }
+      )
+    ] }),
+    e && /* @__PURE__ */ s.jsx("div", { className: c({ [o.customActionArea]: !t }), children: e })
+  ] });
+};
+export {
+  B as D,
+  R as N,
+  O as a
+};

package/{radiogroup.oILRMrX-.js → chunks/RadioGroup.DpwnVv7u.js}

@@ -1,20 +1,20 @@
 "use client";
-import { j as d } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as N } from "./chunks/index.CvOaL64Y.js";
+import { j as d } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as N } from "./index.CvOaL64Y.js";
 import { forwardRef as P, useState as C } from "react";
-import { DSFieldset as y } from "./fieldset.DGcIKzDI.js";
-import { DSRadio as z } from "./radio.Bhu9OUY-.js";
-import { s as c } from "./chunks/RadioGroup.module.bi3leRes.js";
-import { g as a } from "./chunks/helpers.B1JT5ShS.js";
-const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSRadioGroup component.`, M = ({
-  description: o,
+import { D as y } from "./Fieldset.BokeZzG5.js";
+import { DSRadio as z } from "../radio.Bhu9OUY-.js";
+import { s as c } from "./RadioGroup.module.bi3leRes.js";
+import { g as a } from "./helpers.B1JT5ShS.js";
+const f = (r) => `The "${r}" prop is required. Please add the "${r}" prop to the DSRadioGroup component.`, M = ({
+  description: r,
   id: e,
   legend: t,
   name: s,
   options: i,
   systemFeedback: n
 }) => {
-  if (!e && (o || n))
+  if (!e && (r || n))
     throw new Error(
       a(
         "DSRadioGroup",
@@ -35,7 +35,7 @@ const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the
     );
 }, O = P(
   ({
-    legend: o,
+    legend: r,
     name: e,
     options: t,
     alignment: s = "vertical",
@@ -45,52 +45,59 @@ const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the
     disabled: l = !1,
     id: h,
     invalid: p = !1,
-    required: S = !1,
+    required: D = !1,
     systemFeedback: u,
-    value: D,
+    value: S,
     onChange: R,
-    ...G
+    ...g
   }, v) => {
-    process.env.NODE_ENV !== "production" && M({ description: m, id: h, legend: o, name: e, options: t, systemFeedback: u });
-    const [E, x] = C(n), w = D !== void 0, g = w ? D : E, j = N(c.root, {
+    process.env.NODE_ENV !== "production" && M({
+      description: m,
+      id: h,
+      legend: r,
+      name: e,
+      options: t,
+      systemFeedback: u
+    });
+    const [E, x] = C(n), w = S !== void 0, G = w ? S : E, j = N(c.root, {
       // In case of longer copy, use vertical alignment
       [c.rootHorizontal]: s === "horizontal",
       [c.rootInvalid]: p && !!u
-    }), q = (r) => {
+    }), q = (o) => {
       if (l) {
-        r.preventDefault();
+        o.preventDefault();
         return;
       }
       w || x(
-        r.target.value
-      ), R && R(r);
+        o.target.value
+      ), R && R(o);
     };
     return /* @__PURE__ */ d.jsx(
       y,
       {
         id: h,
-        legend: o,
+        legend: r,
         className: i,
         description: m,
         disabled: l,
-        required: S,
+        required: D,
         invalid: p,
         systemFeedback: u,
-        ...G,
+        ...g,
         role: "radiogroup",
         onChange: q,
-        children: /* @__PURE__ */ d.jsx("div", { className: j, children: t.map((r) => /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ d.jsx("div", { className: j, children: t.map((o) => /* @__PURE__ */ d.jsx(
           z,
           {
             name: e,
-            checked: r.value === g,
+            checked: o.value === G,
             disabled: l,
             invalid: p,
-            required: S,
-            ref: r.value === g ? v : null,
-            ...r
+            required: D,
+            ref: o.value === G ? v : null,
+            ...o
           },
-          r.label + r.value
+          o.label + o.value
         )) })
       }
     );
@@ -98,5 +105,6 @@ const f = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the
 );
 O.displayName = "DSRadioGroup";
 export {
-  O as DSRadioGroup
+  O as D,
+  M as v
 };

package/{select.OGcreXnT.js → chunks/Select.DkDZo0ky.js}

@@ -1,23 +1,23 @@
 "use client";
-import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as _ } from "./chunks/index.CvOaL64Y.js";
+import { j as t } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as _ } from "./index.CvOaL64Y.js";
 import { useRef as $, useState as C, useEffect as W } from "react";
-import { u as F } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { Asterisk as M } from "./asterisk.DU8THnoC.js";
-import { DSIcon as O } from "./icon.PX9_1kNB.js";
-import { DSSystemFeedback as V } from "./systemfeedback.C7iXO5A1.js";
-import { g as f } from "./chunks/helpers.B1JT5ShS.js";
-import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_quxca_195", Q = "_label_quxca_195", T = "_wrapper_quxca_199", U = "_affix_quxca_205", X = "_affix--small_quxca_225", Y = "_affix--disabled_quxca_237", Z = "_prefix_quxca_240", z = "_affix--readonly_quxca_243", G = "_suffix_quxca_253", ee = "_action-button_quxca_260", ae = "_label--hidden_quxca_277", te = "_feedback_quxca_304", ce = "_select-wrapper_quxca_309", se = "_select_quxca_309", ne = "_select--invalid_quxca_428", le = "_select--small_quxca_435", oe = "_input--has-leading-icon_quxca_481", ie = "_input--has-action-button_quxca_484", re = "_input--has-second-action-button_quxca_487", _e = "_select--has-leading-icon_quxca_490", ue = "_select--has-action-button_quxca_493", de = "_select--has-second-action-button_quxca_496", xe = "_select--has-affix_quxca_499", fe = "_select--is-ready_quxca_511", he = "_select--placeholder_quxca_523", pe = "_chevron_quxca_532", be = "_chevron--small_quxca_536", me = "_chevron--disabled_quxca_539", e = {
-  root: J,
-  hint: K,
-  label: Q,
-  wrapper: T,
-  affix: U,
+import { u as F } from "./useBreakpoint.5xBNDiCf.js";
+import { Asterisk as M } from "../asterisk.DU8THnoC.js";
+import { D as O } from "./Icon.9gDIp6p4.js";
+import { DSSystemFeedback as T } from "../systemfeedback.4Hkfigi-.js";
+import { g as f } from "./helpers.B1JT5ShS.js";
+import '../assets/Select.D2qBxaHP.css';const V = "_root_quxca_187", Z = "_hint_quxca_195", J = "_label_quxca_195", K = "_wrapper_quxca_199", Q = "_affix_quxca_205", U = "_affix--small_quxca_225", X = "_affix--disabled_quxca_237", Y = "_prefix_quxca_240", z = "_affix--readonly_quxca_243", G = "_suffix_quxca_253", ee = "_action-button_quxca_260", ae = "_label--hidden_quxca_277", te = "_feedback_quxca_304", se = "_select-wrapper_quxca_309", ce = "_select_quxca_309", ne = "_select--invalid_quxca_428", le = "_select--small_quxca_435", oe = "_input--has-leading-icon_quxca_481", ie = "_input--has-action-button_quxca_484", re = "_input--has-second-action-button_quxca_487", _e = "_select--has-leading-icon_quxca_490", ue = "_select--has-action-button_quxca_493", de = "_select--has-second-action-button_quxca_496", xe = "_select--has-affix_quxca_499", fe = "_select--is-ready_quxca_511", he = "_select--placeholder_quxca_523", pe = "_chevron_quxca_532", be = "_chevron--small_quxca_536", me = "_chevron--disabled_quxca_539", e = {
+  root: V,
+  hint: Z,
+  label: J,
+  wrapper: K,
+  affix: Q,
   "affix--small": "_affix--small_quxca_225",
-  affixSmall: X,
+  affixSmall: U,
   "affix--disabled": "_affix--disabled_quxca_237",
-  affixDisabled: Y,
-  prefix: Z,
+  affixDisabled: X,
+  prefix: Y,
   "affix--readonly": "_affix--readonly_quxca_243",
   affixReadonly: z,
   suffix: G,
@@ -27,8 +27,8 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
   labelHidden: ae,
   feedback: te,
   "select-wrapper": "_select-wrapper_quxca_309",
-  selectWrapper: ce,
-  select: se,
+  selectWrapper: se,
+  select: ce,
   "select--invalid": "_select--invalid_quxca_428",
   selectInvalid: ne,
   "select--small": "_select--small_quxca_435",
@@ -56,10 +56,10 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
   chevronSmall: be,
   "chevron--disabled": "_chevron--disabled_quxca_539",
   chevronDisabled: me
-}, qe = ({
+}, Ae = ["medium", "small"], qe = ({
   id: a,
   label: n,
-  options: s
+  options: c
 }) => {
   if (!a)
     throw new Error(
@@ -75,21 +75,21 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
         `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`
       )
     );
-  if (!s || s.length === 0)
+  if (!c || c.length === 0)
     throw new Error(
       f(
         "DSSelect",
         'Options are always required. Please add an "options" prop to the DSSelect component.'
       )
     );
-}, ve = (a, n, s) => a === "" || n !== void 0 && n !== "" ? !1 : !(s !== void 0 && s !== ""), Ae = ({
+}, ve = (a, n, c) => a === "" || n !== void 0 && n !== "" ? !1 : !(c !== void 0 && c !== ""), Be = ({
   id: a,
   label: n,
-  options: s,
-  className: H,
+  options: c,
+  className: D,
   defaultValue: h,
   disabled: p = !1,
-  hideLabel: w = !1,
+  hideLabel: H = !1,
   hint: u,
   invalid: r = !1,
   placeholder: d = "Select",
@@ -97,14 +97,14 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
   size: m = "medium",
   systemFeedback: x,
   value: q,
-  ...D
+  ...I
 }) => {
   process.env.NODE_ENV !== "production" && qe({
     id: a,
     label: n,
-    options: s
+    options: c
   });
-  const i = $(null), [I, j] = C(
+  const i = $(null), [w, j] = C(
     ve(d, h, q)
   );
   W(() => {
@@ -115,39 +115,39 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
         return;
       const o = i.current.value;
       j(o === "");
-    }, c = i.current;
-    return c.addEventListener("change", l), () => {
-      c.removeEventListener("change", l);
+    }, s = i.current;
+    return s.addEventListener("change", l), () => {
+      s.removeEventListener("change", l);
     };
   }, []);
-  const A = F(w), v = `${a}-label`, S = `${a}-feedback`, g = `${a}-hint`, B = u ? ` ${g}` : "", N = (l) => [
+  const A = F(H), v = `${a}-label`, S = `${a}-feedback`, g = `${a}-hint`, B = u ? ` ${g}` : "", E = (l) => [
     d && /* @__PURE__ */ t.jsx("option", { value: "", children: d }, `${a}-hidden-option-disabled-placeholder`),
-    ...l.map((c) => {
-      if ("options" in c) {
-        const { label: o, options: R } = c;
+    ...l.map((s) => {
+      if ("options" in s) {
+        const { label: o, options: R } = s;
         return /* @__PURE__ */ t.jsx("optgroup", { label: o, children: R.map(y) }, o);
       } else
-        return y(c);
+        return y(s);
     })
-  ], y = ({ label: l, value: c, isDisabled: o }) => /* @__PURE__ */ t.jsx("option", { value: c, disabled: o, children: l }, c), P = _(e.root, H), E = _(e.select, {
+  ], y = ({ label: l, value: s, isDisabled: o }) => /* @__PURE__ */ t.jsx("option", { value: s, disabled: o, children: l }, s), L = _(e.root, D), N = _(e.select, {
     [e.selectSmall]: m === "small",
     [e.selectInvalid]: r,
-    [e.selectPlaceholder]: I
-  }), L = _(e.label, {
+    [e.selectPlaceholder]: w
+  }), P = _(e.label, {
     // hide label only visually to keep them available for assistive technologies
     [e.labelHidden]: A
   }), k = _(e.chevron, {
     [e.chevronSmall]: m === "small",
     [e.chevronDisabled]: p
   });
-  return /* @__PURE__ */ t.jsxs("div", { className: P, children: [
-    /* @__PURE__ */ t.jsxs("label", { className: L, id: v, htmlFor: a, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: L, children: [
+    /* @__PURE__ */ t.jsxs("label", { className: P, id: v, htmlFor: a, children: [
       n,
       b && /* @__PURE__ */ t.jsx(M, {})
     ] }),
     u && /* @__PURE__ */ t.jsx("div", { className: e.hint, id: g, children: u }),
     r && x && /* @__PURE__ */ t.jsx(
-      V,
+      T,
       {
         className: e.feedback,
         message: x,
@@ -160,10 +160,10 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
       /* @__PURE__ */ t.jsx(
         "select",
         {
-          ...D,
+          ...I,
           id: a,
           ref: i,
-          className: E,
+          className: N,
           "aria-labelledby": `${v}${B}`,
           "aria-describedby": r && x ? S : void 0,
           "aria-invalid": r,
@@ -171,7 +171,7 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
           value: q,
           disabled: p,
           required: b,
-          children: N(s)
+          children: E(c)
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -186,5 +186,8 @@ import './assets/select.D2qBxaHP.css';const J = "_root_quxca_187", K = "_hint_qu
   ] });
 };
 export {
-  Ae as DSSelect
+  Be as D,
+  Ae as S,
+  ve as g,
+  qe as v
 };

package/{textarea.kc_Sfbgr.js → chunks/Textarea.C938p79X.js}

@@ -1,12 +1,12 @@
 "use client";
-import { j as n } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as S } from "./chunks/index.CvOaL64Y.js";
+import { j as n } from "./jsx-runtime.C-kxDJ4g.js";
+import { c as S } from "./index.CvOaL64Y.js";
 import { useState as c, useRef as le, useEffect as x } from "react";
-import { u as oe, h as ie } from "./chunks/useBreakpoint.5xBNDiCf.js";
-import { g as H, p as V } from "./chunks/helpers.B1JT5ShS.js";
-import { Asterisk as se } from "./asterisk.DU8THnoC.js";
-import { DSSystemFeedback as re } from "./systemfeedback.C7iXO5A1.js";
-import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "_textarea--invalid_1elbe_297", _e = "_textarea--small_1elbe_304", ue = "_textarea--resize-auto_1elbe_316", fe = "_root_1elbe_326", be = "_hint_1elbe_334", xe = "_label_1elbe_334", he = "_affix_1elbe_338", me = "_affix--small_1elbe_358", pe = "_affix--disabled_1elbe_370", ve = "_prefix_1elbe_373", ge = "_affix--readonly_1elbe_376", Se = "_suffix_1elbe_386", Ce = "_leading-icon_1elbe_393", Ie = "_leading-icon--small_1elbe_405", ye = "_leading-icon--disabled_1elbe_408", je = "_action-button_1elbe_417", we = "_label--hidden_1elbe_434", Ae = "_feedback_1elbe_461", De = "_char-count_1elbe_466", Re = "_char-count-announcer_1elbe_481", t = {
+import { u as oe, h as se } from "./useBreakpoint.5xBNDiCf.js";
+import { g as H, p as V } from "./helpers.B1JT5ShS.js";
+import { Asterisk as ie } from "../asterisk.DU8THnoC.js";
+import { DSSystemFeedback as re } from "../systemfeedback.4Hkfigi-.js";
+import '../assets/Textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "_textarea--invalid_1elbe_297", _e = "_textarea--small_1elbe_304", ue = "_textarea--resize-auto_1elbe_316", fe = "_root_1elbe_326", be = "_hint_1elbe_334", xe = "_label_1elbe_334", me = "_affix_1elbe_338", he = "_affix--small_1elbe_358", pe = "_affix--disabled_1elbe_370", ve = "_prefix_1elbe_373", ge = "_affix--readonly_1elbe_376", Se = "_suffix_1elbe_386", Ie = "_leading-icon_1elbe_393", Ce = "_leading-icon--small_1elbe_405", ye = "_leading-icon--disabled_1elbe_408", Ae = "_action-button_1elbe_417", De = "_label--hidden_1elbe_434", je = "_feedback_1elbe_461", we = "_char-count_1elbe_466", Re = "_char-count-announcer_1elbe_481", t = {
   textarea: ce,
   "textarea--invalid": "_textarea--invalid_1elbe_297",
   textareaInvalid: de,
@@ -17,9 +17,9 @@ import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "
   root: fe,
   hint: be,
   label: xe,
-  affix: he,
+  affix: me,
   "affix--small": "_affix--small_1elbe_358",
-  affixSmall: me,
+  affixSmall: he,
   "affix--disabled": "_affix--disabled_1elbe_370",
   affixDisabled: pe,
   prefix: ve,
@@ -27,21 +27,21 @@ import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "
   affixReadonly: ge,
   suffix: Se,
   "leading-icon": "_leading-icon_1elbe_393",
-  leadingIcon: Ce,
+  leadingIcon: Ie,
   "leading-icon--small": "_leading-icon--small_1elbe_405",
-  leadingIconSmall: Ie,
+  leadingIconSmall: Ce,
   "leading-icon--disabled": "_leading-icon--disabled_1elbe_408",
   leadingIconDisabled: ye,
   "action-button": "_action-button_1elbe_417",
-  actionButton: je,
+  actionButton: Ae,
   "label--hidden": "_label--hidden_1elbe_434",
-  labelHidden: we,
-  feedback: Ae,
+  labelHidden: De,
+  feedback: je,
   "char-count": "_char-count_1elbe_466",
-  charCount: De,
+  charCount: we,
   "char-count-announcer": "_char-count-announcer_1elbe_481",
   charCountAnnouncer: Re
-}, Ne = ({ id: l, label: _ }) => {
+}, ze = ["medium", "small"], Te = ({ id: l, label: _ }) => {
   if (!l)
     throw new Error(
       H(
@@ -56,7 +56,7 @@ import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "
         `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}.`
       )
     );
-}, ze = ({
+}, Pe = ({
   id: l,
   label: _,
   charsLimitText: z = "Character limit reached",
@@ -64,43 +64,43 @@ import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "
   className: q,
   defaultValue: M,
   disabled: O = !1,
-  hint: h,
+  hint: m,
   hideLabel: F = !1,
   invalid: o = !1,
   maxLength: e,
-  readonly: C = !1,
-  required: I = !1,
+  readonly: I = !1,
+  required: C = !1,
   resize: u = "vertical",
   size: W = "medium",
-  systemFeedback: s,
-  value: m,
-  wrapperClassName: G,
+  systemFeedback: i,
+  value: h,
+  wrapperClassName: X,
   onChange: y,
-  onInput: j,
-  ...J
+  onInput: A,
+  ...Z
 }) => {
-  process.env.NODE_ENV !== "production" && Ne({
+  process.env.NODE_ENV !== "production" && Te({
     id: l,
     label: _
   });
-  const [K, w] = c(M || ""), [r, A] = c(0), [Q, D] = c(0), [U, R] = c("off"), [N, p] = c(s), [v, g] = c(o), T = m !== void 0, f = T ? m : K, i = le(null), X = oe(F);
+  const [G, D] = c(M || ""), [r, j] = c(0), [J, w] = c(0), [K, R] = c("off"), [T, p] = c(i), [v, g] = c(o), E = h !== void 0, f = E ? h : G, s = le(null), Q = oe(F);
   x(() => {
     if (!e || e <= 0)
       return;
     r >= e * 0.8 ? R("polite") : R("off");
     const a = setTimeout(() => {
-      D(e - r || 0);
+      w(e - r || 0);
     }, 1e3);
     return () => clearTimeout(a);
   }, [r]), x(() => {
-    w(f || ""), d(), e && e > 0 && (A(f.toString().length || 0), D(e - f.toString().length || 0));
-  }, [m]), x(() => {
-    o && s ? (p(s), g(o)) : !o && e && e >= 0 && r >= e ? (g(!0), p(z)) : (p(s), g(o));
-  }, [o, v, s, r]), x(() => {
-    if (ie && u === "auto")
+    D(f || ""), d(), e && e > 0 && (j(f.toString().length || 0), w(e - f.toString().length || 0));
+  }, [h]), x(() => {
+    o && i ? (p(i), g(o)) : !o && e && e >= 0 && r >= e ? (g(!0), p(z)) : (p(i), g(o));
+  }, [o, v, i, r]), x(() => {
+    if (se && u === "auto")
       return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
-  }, [u, i.current]);
-  const Y = S(t.root, G), Z = S(t.textarea, q, {
+  }, [u, s.current]);
+  const U = S(t.root, X), Y = S(t.textarea, q, {
     // small textarea
     [t.textareaSmall]: W === "small",
     // invalid state
@@ -109,53 +109,53 @@ import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "
     [t.textareaResizeAuto]: u === "auto"
   }), L = S(t.label, {
     // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: X
-  }), B = `${l}-label`, E = `${l}-feedback`, $ = `${l}-hint`, k = `${l}-char-count-announcer`, ee = h ? ` ${$}` : "", d = () => {
-    if (i.current && u === "auto") {
-      i.current.style.height = "auto";
-      const a = V(i.current.scrollHeight), b = V(2);
-      i.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
+    [t.labelHidden]: Q
+  }), N = `${l}-label`, B = `${l}-feedback`, $ = `${l}-hint`, k = `${l}-char-count-announcer`, ee = m ? ` ${$}` : "", d = () => {
+    if (s.current && u === "auto") {
+      s.current.style.height = "auto";
+      const a = V(s.current.scrollHeight), b = V(2);
+      s.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.
       a + b}rem`;
     }
   }, ae = () => {
     const a = [];
-    return e && e > 0 && a.push(k), o && s && a.push(E), a.length > 0 ? a.join(" ") : void 0;
+    return e && e > 0 && a.push(k), o && i && a.push(B), a.length > 0 ? a.join(" ") : void 0;
   }, te = (a) => {
     var b;
-    j && j(a), e && e > 0 && A(((b = i.current) == null ? void 0 : b.value.length) || 0), d();
+    A && A(a), e && e > 0 && j(((b = s.current) == null ? void 0 : b.value.length) || 0), d();
   }, ne = (a) => {
-    y && y(a), T || w(a.target.value);
+    y && y(a), E || D(a.target.value);
   };
-  return /* @__PURE__ */ n.jsxs("div", { className: Y, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: L, id: B, htmlFor: l, children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: U, children: [
+    /* @__PURE__ */ n.jsxs("label", { className: L, id: N, htmlFor: l, children: [
       _,
-      I && /* @__PURE__ */ n.jsx(se, {})
+      C && /* @__PURE__ */ n.jsx(ie, {})
     ] }),
-    h && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: $, children: h }),
-    v && N && /* @__PURE__ */ n.jsx(
+    m && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: $, children: m }),
+    v && T && /* @__PURE__ */ n.jsx(
       re,
       {
         className: t.feedback,
-        message: N,
+        message: T,
         type: "invalid",
-        id: E
+        id: B
       }
     ),
     /* @__PURE__ */ n.jsx(
       "textarea",
       {
-        className: Z,
+        className: Y,
         id: l,
-        ref: i,
-        ...J,
-        "aria-labelledby": `${B}${ee}`,
+        ref: s,
+        ...Z,
+        "aria-labelledby": `${N}${ee}`,
         "aria-describedby": ae(),
         "aria-invalid": o,
-        "aria-disabled": C,
+        "aria-disabled": I,
         maxLength: e,
-        readOnly: C,
-        required: I,
+        readOnly: I,
+        required: C,
         disabled: O,
         value: f,
         defaultValue: void 0,
@@ -176,12 +176,12 @@ import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "
         {
           className: t.charCountAnnouncer,
           id: k,
-          "aria-live": U,
+          "aria-live": K,
           "aria-atomic": "true",
           children: [
             P,
             " ",
-            Q
+            J
           ]
         }
       )
@@ -189,5 +189,7 @@ import './assets/textarea.BKbocznb.css';const ce = "_textarea_1elbe_187", de = "
   ] });
 };
 export {
-  ze as DSTextarea
+  Pe as D,
+  ze as T,
+  Te as v
 };