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

package/styles/scss/lib/_theme.scss

@@ -1,160 +0,0 @@
-// AUTO GENERATED BELOW 
-
-// Color: Core Tokens
-$ds-color-core-black-base: #050505;
-$ds-color-core-black-opacity-10: #0000001A;
-$ds-color-core-black-opacity-50: #00000080;
-$ds-color-core-blue-base: #249ABE;
-$ds-color-core-blue-dark: #1E71A1;
-$ds-color-core-blue-deep: #19618B;
-$ds-color-core-blue-light: #D4ECF7;
-$ds-color-core-blue-mid: #8DCFE8;
-$ds-color-core-forest-base: #4A9E5F;
-$ds-color-core-forest-dark: #3C8653;
-$ds-color-core-forest-deep: #2D7644;
-$ds-color-core-forest-light: #DBF0E1;
-$ds-color-core-forest-mid: #77C089;
-$ds-color-core-green-base: #749F4A;
-$ds-color-core-green-dark: #5B863C;
-$ds-color-core-green-deep: #46762D;
-$ds-color-core-green-light: #E5F0DB;
-$ds-color-core-green-mid: #9BC077;
-$ds-color-core-grey-base: #B1B1B1;
-$ds-color-core-grey-dark: #666666;
-$ds-color-core-grey-deep: #444444;
-$ds-color-core-grey-light: #EDEDED;
-$ds-color-core-grey-mid: #DADADA;
-$ds-color-core-grey-ultra-deep: #252525;
-$ds-color-core-grey-ultra-light: #F8F8F8;
-$ds-color-core-orange-base: #F37A1F;
-$ds-color-core-orange-dark: #E9640C;
-$ds-color-core-orange-deep: #D9480F;
-$ds-color-core-orange-light: #FEE2CD;
-$ds-color-core-orange-mid: #F7A669;
-$ds-color-core-red-base: #D43B3B;
-$ds-color-core-red-dark: #B72427;
-$ds-color-core-red-deep: #A5181D;
-$ds-color-core-red-light: #EEBCBD;
-$ds-color-core-red-mid: #DA6B6D;
-$ds-color-core-white-base: #FFFFFF;
-$ds-color-core-white-opacity-15: #FFFFFF26;
-$ds-color-core-white-opacity-50: #FFFFFF80;
-$ds-color-core-yellow-base: #FDC543;
-$ds-color-core-yellow-dark: #F9A521;
-$ds-color-core-yellow-deep: #EE8F00;
-$ds-color-core-yellow-light: #FDECC3;
-$ds-color-core-yellow-mid: #FED277;
-
-// Color: Semantic Tokens - Light
-$ds-theme-light-background-color-brand-disabled: $ds-color-core-grey-mid;
-$ds-theme-light-background-color-brand-hover: $ds-color-core-orange-dark;
-$ds-theme-light-background-color-brand-pressed: $ds-color-core-orange-dark;
-$ds-theme-light-background-color-brand: $ds-color-core-orange-base;
-$ds-theme-light-background-color-feedback-error: $ds-color-core-red-light;
-$ds-theme-light-background-color-feedback-info: $ds-color-core-grey-light;
-$ds-theme-light-background-color-feedback-success: $ds-color-core-green-light;
-$ds-theme-light-background-color-feedback-warning: $ds-color-core-yellow-light;
-$ds-theme-light-background-color-primary-disabled: $ds-color-core-white-base;
-$ds-theme-light-background-color-primary-hover: $ds-color-core-grey-light;
-$ds-theme-light-background-color-primary-inverse-disabled: $ds-color-core-grey-mid;
-$ds-theme-light-background-color-primary-inverse-hover: $ds-color-core-grey-deep;
-$ds-theme-light-background-color-primary-inverse-pressed: $ds-color-core-grey-deep;
-$ds-theme-light-background-color-primary-inverse: $ds-color-core-grey-ultra-deep;
-$ds-theme-light-background-color-primary-pressed: $ds-color-core-grey-light;
-$ds-theme-light-background-color-primary: $ds-color-core-white-base;
-$ds-theme-light-background-color-secondary-disabled: $ds-color-core-grey-ultra-light;
-$ds-theme-light-background-color-secondary-inverse: $ds-color-core-grey-deep;
-$ds-theme-light-background-color-secondary: $ds-color-core-grey-ultra-light;
-$ds-theme-light-background-color-sustainability: $ds-color-core-forest-light;
-$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-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;
-$ds-theme-light-border-color-primary-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-light-border-color-primary-inverse: $ds-color-core-white-base;
-$ds-theme-light-border-color-primary: $ds-color-core-grey-ultra-deep;
-$ds-theme-light-border-color-secondary-disabled: $ds-color-core-black-opacity-10;
-$ds-theme-light-border-color-secondary: $ds-color-core-grey-base;
-$ds-theme-light-border-color-tertiary: $ds-color-core-grey-mid;
-$ds-theme-light-content-color-brand-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-light-content-color-brand-hover: $ds-color-core-orange-deep;
-$ds-theme-light-content-color-brand-pressed: $ds-color-core-orange-deep;
-$ds-theme-light-content-color-brand: $ds-color-core-orange-dark;
-$ds-theme-light-content-color-feedback-error: $ds-color-core-red-base;
-$ds-theme-light-content-color-feedback-info: $ds-color-core-grey-base;
-$ds-theme-light-content-color-feedback-success: $ds-color-core-green-base;
-$ds-theme-light-content-color-feedback-warning: $ds-color-core-yellow-base;
-$ds-theme-light-content-color-interaction-accent-hover: $ds-color-core-blue-deep;
-$ds-theme-light-content-color-interaction-accent-pressed: $ds-color-core-blue-deep;
-$ds-theme-light-content-color-interaction-accent: $ds-color-core-blue-dark;
-$ds-theme-light-content-color-interaction-neutral: $ds-color-core-grey-ultra-deep;
-$ds-theme-light-content-color-primary-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-light-content-color-primary-inverse-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-light-content-color-primary-inverse: $ds-color-core-white-base;
-$ds-theme-light-content-color-primary-on-brand-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-light-content-color-primary-on-brand: $ds-color-core-grey-ultra-deep;
-$ds-theme-light-content-color-primary: $ds-color-core-grey-ultra-deep;
-$ds-theme-light-content-color-secondary-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-light-content-color-secondary: $ds-color-core-grey-dark;
-$ds-theme-light-content-color-sustainability: $ds-color-core-forest-base;
-$ds-theme-light-content-color-tertiary: $ds-color-core-grey-base;
-
-// Color: Semantic Tokens - Dark
-$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-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;
-$ds-theme-dark-background-color-primary-inverse-hover: $ds-color-core-grey-mid;
-$ds-theme-dark-background-color-primary-inverse-pressed: $ds-color-core-grey-mid;
-$ds-theme-dark-background-color-primary-inverse: $ds-color-core-grey-ultra-light;
-$ds-theme-dark-background-color-primary-pressed: $ds-color-core-grey-deep;
-$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-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-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;
-$ds-theme-dark-border-color-primary-disabled: $ds-color-core-white-opacity-50;
-$ds-theme-dark-border-color-primary-inverse: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-border-color-primary: $ds-color-core-grey-ultra-light;
-$ds-theme-dark-border-color-secondary-disabled: $ds-color-core-white-opacity-15;
-$ds-theme-dark-border-color-secondary: $ds-color-core-grey-dark;
-$ds-theme-dark-border-color-tertiary: $ds-color-core-grey-deep;
-$ds-theme-dark-content-color-brand-disabled: $ds-color-core-white-opacity-50;
-$ds-theme-dark-content-color-brand-hover: $ds-color-core-orange-mid;
-$ds-theme-dark-content-color-brand-pressed: $ds-color-core-orange-mid;
-$ds-theme-dark-content-color-brand: $ds-color-core-orange-base;
-$ds-theme-dark-content-color-feedback-error: $ds-color-core-red-mid;
-$ds-theme-dark-content-color-feedback-info: $ds-color-core-grey-base;
-$ds-theme-dark-content-color-feedback-success: $ds-color-core-green-mid;
-$ds-theme-dark-content-color-feedback-warning: $ds-color-core-yellow-mid;
-$ds-theme-dark-content-color-interaction-accent-hover: $ds-color-core-blue-mid;
-$ds-theme-dark-content-color-interaction-accent-pressed: $ds-color-core-blue-mid;
-$ds-theme-dark-content-color-interaction-accent: $ds-color-core-blue-mid;
-$ds-theme-dark-content-color-interaction-neutral: $ds-color-core-white-base;
-$ds-theme-dark-content-color-primary-disabled: $ds-color-core-white-opacity-50;
-$ds-theme-dark-content-color-primary-inverse-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-dark-content-color-primary-inverse: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-content-color-primary-on-brand-disabled: $ds-color-core-black-opacity-50;
-$ds-theme-dark-content-color-primary-on-brand: $ds-color-core-grey-ultra-deep;
-$ds-theme-dark-content-color-primary: $ds-color-core-white-base;
-$ds-theme-dark-content-color-secondary-disabled: $ds-color-core-white-opacity-50;
-$ds-theme-dark-content-color-secondary: $ds-color-core-grey-base;
-$ds-theme-dark-content-color-sustainability: $ds-color-core-forest-mid;
-$ds-theme-dark-content-color-tertiary: $ds-color-core-grey-dark;

package/styles/scss/lib/_transition.scss

@@ -1,26 +0,0 @@
-/**
- *
- * This mixin provides a concise way to set transitions with a default
- * duration of 0.3s and easing of `ease` for one or multiple properties.
- *
- * In addition, the mixin respects the user's system preference for reduced
- * motion and adjusts the transition duration accordingly.
- *
- * Example Usage:
- * @include transition(opacity, transform);
- */
-@mixin transition($properties...) {
-  @if length($properties) == 0 or $properties == null {
-    @error "No properties provided for transition mixin.";
-  }
-
-  $transition-values: ();
-  @each $prop in $properties {
-    $transition-values: append($transition-values, #{$prop} 0.3s ease, comma);
-  }
-  transition: $transition-values;
-
-  @media (prefers-reduced-motion: reduce) {
-    transition-duration: 0ms;
-  }
-}

package/switch.BjoFKMQC.js

@@ -1,65 +0,0 @@
-"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 { DSIcon as p } from "./icon.PX9_1kNB.js";
-import { DSSpinner as f } from "./spinner.Diy_EeFY.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.C7iXO5A1.js

@@ -1,25 +0,0 @@
-"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.PX9_1kNB.js";
-import './assets/systemfeedback.WE3wClZ3.css';const i = "_root_18s1i_63", l = {
-  root: i
-}, m = {
-  valid: "circle-check-colored",
-  invalid: "diamond-exclamationmark-colored",
-  warning: "triangle-exclamationmark-colored"
-}, p = ({
-  className: e,
-  message: r,
-  type: s,
-  ...t
-}) => {
-  const a = c(l.root, e);
-  return /* @__PURE__ */ o.jsxs("div", { className: a, ...t, role: "alert", children: [
-    /* @__PURE__ */ o.jsx(n, { name: m[s], "aria-hidden": "true" }),
-    r
-  ] });
-};
-export {
-  p as DSSystemFeedback
-};

package/text.CPU8IUqY.js

@@ -1,57 +0,0 @@
-"use client";
-import { j as x } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as v } from "./chunks/index.CvOaL64Y.js";
-import './assets/text.DDAveG7E.css';const c = "_root_16s1v_63", n = "_root--large_16s1v_69", u = "_root--large-bold_16s1v_79", b = "_root--medium_16s1v_89", S = "_root--medium-bold_16s1v_99", g = "_root--small_16s1v_109", B = "_root--small-bold_16s1v_119", i = "_root--x-small_16s1v_129", X = "_root--x-small-bold_16s1v_139", k = "_root--xx-small_16s1v_149", L = "_root--theme-dark_16s1v_159", o = {
-  root: c,
-  "root--large": "_root--large_16s1v_69",
-  rootLarge: n,
-  "root--large-bold": "_root--large-bold_16s1v_79",
-  rootLargeBold: u,
-  "root--medium": "_root--medium_16s1v_89",
-  rootMedium: b,
-  "root--medium-bold": "_root--medium-bold_16s1v_99",
-  rootMediumBold: S,
-  "root--small": "_root--small_16s1v_109",
-  rootSmall: g,
-  "root--small-bold": "_root--small-bold_16s1v_119",
-  rootSmallBold: B,
-  "root--x-small": "_root--x-small_16s1v_129",
-  rootXSmall: i,
-  "root--x-small-bold": "_root--x-small-bold_16s1v_139",
-  rootXSmallBold: X,
-  "root--xx-small": "_root--xx-small_16s1v_149",
-  rootXxSmall: k,
-  "root--theme-dark": "_root--theme-dark_16s1v_159",
-  rootThemeDark: L
-}, T = ({
-  children: t,
-  className: m,
-  size: l = "medium",
-  tag: a = "p",
-  theme: s = "light",
-  weight: r = "normal",
-  ..._
-}) => {
-  const d = a, e = v(o.root, m, {
-    // large
-    [o.rootLarge]: l === "large",
-    [o.rootLargeBold]: l === "large" && r === "bold",
-    // medium
-    [o.rootMedium]: l == "medium",
-    [o.rootMediumBold]: l === "medium" && r === "bold",
-    // small
-    [o.rootSmall]: l == "small",
-    [o.rootSmallBold]: l == "small" && r === "bold",
-    // x-small
-    [o.rootXSmall]: l == "x-small",
-    [o.rootXSmallBold]: l == "x-small" && r === "bold",
-    // xx-small
-    [o.rootXxSmall]: l == "xx-small",
-    // dark theme
-    [o.rootThemeDark]: s === "dark"
-  });
-  return /* @__PURE__ */ x.jsx(d, { className: e, ..._, children: t });
-};
-export {
-  T as DSText
-};

package/textarea.kc_Sfbgr.js

@@ -1,193 +0,0 @@
-"use client";
-import { j as n } from "./chunks/jsx-runtime.C-kxDJ4g.js";
-import { c as S } from "./chunks/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 = {
-  textarea: ce,
-  "textarea--invalid": "_textarea--invalid_1elbe_297",
-  textareaInvalid: de,
-  "textarea--small": "_textarea--small_1elbe_304",
-  textareaSmall: _e,
-  "textarea--resize-auto": "_textarea--resize-auto_1elbe_316",
-  textareaResizeAuto: ue,
-  root: fe,
-  hint: be,
-  label: xe,
-  affix: he,
-  "affix--small": "_affix--small_1elbe_358",
-  affixSmall: me,
-  "affix--disabled": "_affix--disabled_1elbe_370",
-  affixDisabled: pe,
-  prefix: ve,
-  "affix--readonly": "_affix--readonly_1elbe_376",
-  affixReadonly: ge,
-  suffix: Se,
-  "leading-icon": "_leading-icon_1elbe_393",
-  leadingIcon: Ce,
-  "leading-icon--small": "_leading-icon--small_1elbe_405",
-  leadingIconSmall: Ie,
-  "leading-icon--disabled": "_leading-icon--disabled_1elbe_408",
-  leadingIconDisabled: ye,
-  "action-button": "_action-button_1elbe_417",
-  actionButton: je,
-  "label--hidden": "_label--hidden_1elbe_434",
-  labelHidden: we,
-  feedback: Ae,
-  "char-count": "_char-count_1elbe_466",
-  charCount: De,
-  "char-count-announcer": "_char-count-announcer_1elbe_481",
-  charCountAnnouncer: Re
-}, Ne = ({ id: l, label: _ }) => {
-  if (!l)
-    throw new Error(
-      H(
-        "DSTextarea",
-        'A unique "id" prop is required. Please add an unique "id" prop to the DSTextarea component.'
-      )
-    );
-  if (!_)
-    throw new Error(
-      H(
-        "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}.`
-      )
-    );
-}, ze = ({
-  id: l,
-  label: _,
-  charsLimitText: z = "Character limit reached",
-  charsRemainingText: P = "Characters remaining:",
-  className: q,
-  defaultValue: M,
-  disabled: O = !1,
-  hint: h,
-  hideLabel: F = !1,
-  invalid: o = !1,
-  maxLength: e,
-  readonly: C = !1,
-  required: I = !1,
-  resize: u = "vertical",
-  size: W = "medium",
-  systemFeedback: s,
-  value: m,
-  wrapperClassName: G,
-  onChange: y,
-  onInput: j,
-  ...J
-}) => {
-  process.env.NODE_ENV !== "production" && Ne({
-    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);
-  x(() => {
-    if (!e || e <= 0)
-      return;
-    r >= e * 0.8 ? R("polite") : R("off");
-    const a = setTimeout(() => {
-      D(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")
-      return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
-  }, [u, i.current]);
-  const Y = S(t.root, G), Z = S(t.textarea, q, {
-    // small textarea
-    [t.textareaSmall]: W === "small",
-    // invalid state
-    [t.textareaInvalid]: v,
-    // resize handling
-    [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
-      // 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;
-  }, te = (a) => {
-    var b;
-    j && j(a), e && e > 0 && A(((b = i.current) == null ? void 0 : b.value.length) || 0), d();
-  }, ne = (a) => {
-    y && y(a), T || w(a.target.value);
-  };
-  return /* @__PURE__ */ n.jsxs("div", { className: Y, children: [
-    /* @__PURE__ */ n.jsxs("label", { className: L, id: B, htmlFor: l, children: [
-      _,
-      I && /* @__PURE__ */ n.jsx(se, {})
-    ] }),
-    h && /* @__PURE__ */ n.jsx("div", { className: t.hint, id: $, children: h }),
-    v && N && /* @__PURE__ */ n.jsx(
-      re,
-      {
-        className: t.feedback,
-        message: N,
-        type: "invalid",
-        id: E
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "textarea",
-      {
-        className: Z,
-        id: l,
-        ref: i,
-        ...J,
-        "aria-labelledby": `${B}${ee}`,
-        "aria-describedby": ae(),
-        "aria-invalid": o,
-        "aria-disabled": C,
-        maxLength: e,
-        readOnly: C,
-        required: I,
-        disabled: O,
-        value: f,
-        defaultValue: void 0,
-        rows: void 0,
-        cols: void 0,
-        onChange: ne,
-        onInput: te
-      }
-    ),
-    e !== void 0 && e > 0 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsxs("div", { className: t.charCount, "aria-hidden": "true", children: [
-        r,
-        "/",
-        e
-      ] }),
-      /* @__PURE__ */ n.jsxs(
-        "div",
-        {
-          className: t.charCountAnnouncer,
-          id: k,
-          "aria-live": U,
-          "aria-atomic": "true",
-          children: [
-            P,
-            " ",
-            Q
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ze as DSTextarea
-};

package/title.icX0VDiO.js

@@ -1,36 +0,0 @@
-"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/utils/has-document.d.ts

@@ -1 +0,0 @@
-export declare const hasDocument: boolean;