@tedi-design-system/react 17.0.0-rc.3 → 17.0.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "17.0.0-rc.3",
+  "version": "17.0.0-rc.5",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/tedi/components/form/textarea/textarea.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),N=require("../textfield/textfield.cjs.js"),l=require("./textarea.module.scss.cjs.js"),x=r.forwardRef((h,m)=>{const{className:f,helper:n=[],characterLimit:t,onChange:e,onChangeEvent:s,value:a,defaultValue:p,...g}=h,[u,y]=r.useState(p??""),A=r.useCallback(o=>{!a&&!(e||s)&&y(o),e==null||e(o)},[a,e,s]),c=r.useMemo(()=>a??u,[a,u]),i=c.length,C=t?`${i}/${t}`:"",T=[...Array.isArray(n)?n:[n],...t?[{type:i>t?"error":"hint",text:C,position:"right",className:d.default(l.default["tedi-textarea__character-count"])}]:[]];return q.jsx(N.TextField,{...g,ref:m,"data-name":"textarea",inputClassName:l.default["tedi-textarea__input"],isTextArea:!0,className:d.default(l.default["tedi-textarea"],f),value:c,onChange:A,onChangeEvent:s,helper:T})});x.displayName="TextArea";exports.TextArea=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),O=require("../textfield/textfield.cjs.js"),d=require("./textarea.module.scss.cjs.js"),M=a.forwardRef((N,o)=>{const{className:_,helper:p=[],characterLimit:s,onChange:n,onChangeEvent:g,value:l,defaultValue:b,autoGrow:t=!1,minRows:u=3,maxRows:y=12,height:H="7.5rem",maxHeight:i,...q}=N,[T,F]=a.useState(b??""),c=a.useRef(null),[v,E]=a.useState("auto"),j=a.useCallback(e=>{!l&&!(n||g)&&F(e),n==null||n(e)},[l,n,g]),m=a.useMemo(()=>l??T,[l,T]),r=a.useCallback(()=>{if(!t||!c.current)return;const e=c.current,$=e.style.overflow;e.style.overflow="hidden";const f=window.getComputedStyle(e);let h=parseFloat(f.lineHeight);isNaN(h)&&(h=(parseFloat(f.fontSize)||16)*1.5);const S=parseFloat(f.paddingTop),A=parseFloat(f.paddingBottom),B=e.scrollHeight-S-A;let x=Math.ceil(B/h);x=Math.min(Math.max(x,u),y);const R=`${x*h+S+A}px`;e.style.height=R,E(R),e.style.overflow=$,e.style.overflowY=e.scrollHeight>e.clientHeight?"auto":"hidden"},[t,u,y]);a.useEffect(()=>{t&&requestAnimationFrame(()=>{r()})},[m,t,r]),a.useEffect(()=>{t&&c.current&&r()},[t,r]);const k=a.useCallback(e=>{o&&(typeof o=="function"?o(e):o.current=e),e!=null&&e.input&&e.input instanceof HTMLTextAreaElement&&(c.current=e.input,t&&setTimeout(r,0))},[o,t,r]),z=a.useMemo(()=>t?{rows:u,style:{...i?{maxHeight:i}:{},overflow:"hidden",height:v}}:{style:{height:H,...i?{maxHeight:i}:{},overflow:"auto"}},[t,u,i,H,v]),C=m.length,I=s?`${C}/${s}`:"",V=[...Array.isArray(p)?p:[p],...s?[{type:C>s?"error":"hint",text:I,position:"right",className:w.default(d.default["tedi-textarea__character-count"])}]:[]];return L.jsx(O.TextField,{...q,ref:k,"data-name":"textarea",inputClassName:w.default(d.default["tedi-textarea__input"],{[d.default["tedi-textarea__input--auto-grow"]]:t}),isTextArea:!0,className:w.default(d.default["tedi-textarea"],_),value:m,onChange:j,onChangeEvent:g,helper:V,input:z})});M.displayName="TextArea";exports.TextArea=M;

package/src/tedi/components/form/textarea/textarea.d.ts

@@ -5,6 +5,35 @@ export interface TextAreaProps extends TextFieldProps {
      * Maximum number of characters allowed in the textarea.
      */
     characterLimit?: number;
+    /**
+     * Enable automatic height adjustment based on content.
+     * @default false
+     */
+    autoGrow?: boolean;
+    /**
+     * Minimum number of rows (only used when autoGrow = true).
+     * @default 3
+     */
+    minRows?: number;
+    /**
+     * Maximum number of rows before scrolling (only used when autoGrow = true).
+     * @default 12
+     */
+    maxRows?: number;
+    /**
+     * Fixed height for the textarea (e.g. '200px', '12rem', 240).
+     * Ignored when autoGrow = true.
+     *
+     * @default 7.5rem
+     */
+    height?: string | number;
+    /**
+     * Maximum height of the textarea.
+     *
+     * - When `autoGrow` is enabled, this limits how tall the textarea can grow.
+     * - When `autoGrow` is disabled, this limits the fixed height.
+     */
+    maxHeight?: string | number;
 }
 export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextFieldForwardRef>>;
 export default TextArea;

package/src/tedi/components/form/textarea/textarea.es.js

@@ -1,51 +1,97 @@
-import { jsx as A } from "react/jsx-runtime";
-import u from "../../../../../external/classnames/index.es.js";
-import n, { forwardRef as g } from "react";
-import { TextField as T } from "../textfield/textfield.es.js";
-import o from "./textarea.module.scss.es.js";
-const v = g((p, h) => {
+import { jsx as q } from "react/jsx-runtime";
+import w from "../../../../../external/classnames/index.es.js";
+import a, { forwardRef as G, useRef as O, useEffect as R } from "react";
+import { TextField as P } from "../textfield/textfield.es.js";
+import p from "./textarea.module.scss.es.js";
+const Y = G((S, r) => {
   const {
-    className: x,
-    helper: r = [],
-    characterLimit: t,
-    onChange: e,
-    onChangeEvent: s,
-    value: a,
-    defaultValue: d,
-    ...f
-  } = p, [l, C] = n.useState(d ?? ""), N = n.useCallback(
-    (m) => {
-      !a && !(e || s) && C(m), e == null || e(m);
+    className: F,
+    helper: f = [],
+    characterLimit: i,
+    onChange: s,
+    onChangeEvent: g,
+    value: l,
+    defaultValue: M,
+    autoGrow: e = !1,
+    minRows: c = 3,
+    maxRows: H = 12,
+    height: y = "7.5rem",
+    maxHeight: n,
+    ...b
+  } = S, [v, k] = a.useState(M ?? ""), u = O(null), [C, z] = a.useState("auto"), E = a.useCallback(
+    (t) => {
+      !l && !(s || g) && k(t), s == null || s(t);
     },
-    [a, e, s]
-  ), c = n.useMemo(() => a ?? l, [a, l]), i = c.length, _ = t ? `${i}/${t}` : "", y = [
-    ...Array.isArray(r) ? r : [r],
-    ...t ? [
+    [l, s, g]
+  ), x = a.useMemo(() => l ?? v, [l, v]), o = a.useCallback(() => {
+    if (!e || !u.current) return;
+    const t = u.current, L = t.style.overflow;
+    t.style.overflow = "hidden";
+    const h = window.getComputedStyle(t);
+    let m = parseFloat(h.lineHeight);
+    isNaN(m) && (m = (parseFloat(h.fontSize) || 16) * 1.5);
+    const N = parseFloat(h.paddingTop), _ = parseFloat(h.paddingBottom), j = t.scrollHeight - N - _;
+    let d = Math.ceil(j / m);
+    d = Math.min(Math.max(d, c), H);
+    const A = `${d * m + N + _}px`;
+    t.style.height = A, z(A), t.style.overflow = L, t.style.overflowY = t.scrollHeight > t.clientHeight ? "auto" : "hidden";
+  }, [e, c, H]);
+  R(() => {
+    e && requestAnimationFrame(() => {
+      o();
+    });
+  }, [x, e, o]), R(() => {
+    e && u.current && o();
+  }, [e, o]);
+  const I = a.useCallback(
+    (t) => {
+      r && (typeof r == "function" ? r(t) : r.current = t), t != null && t.input && t.input instanceof HTMLTextAreaElement && (u.current = t.input, e && setTimeout(o, 0));
+    },
+    [r, e, o]
+  ), V = a.useMemo(() => e ? {
+    rows: c,
+    style: {
+      ...n ? { maxHeight: n } : {},
+      overflow: "hidden",
+      height: C
+    }
+  } : {
+    style: {
+      height: y,
+      ...n ? { maxHeight: n } : {},
+      overflow: "auto"
+    }
+  }, [e, c, n, y, C]), T = x.length, $ = i ? `${T}/${i}` : "", B = [
+    ...Array.isArray(f) ? f : [f],
+    ...i ? [
       {
-        type: i > t ? "error" : "hint",
-        text: _,
+        type: T > i ? "error" : "hint",
+        text: $,
         position: "right",
-        className: u(o["tedi-textarea__character-count"])
+        className: w(p["tedi-textarea__character-count"])
       }
     ] : []
   ];
-  return /* @__PURE__ */ A(
-    T,
+  return /* @__PURE__ */ q(
+    P,
     {
-      ...f,
-      ref: h,
+      ...b,
+      ref: I,
       "data-name": "textarea",
-      inputClassName: o["tedi-textarea__input"],
+      inputClassName: w(p["tedi-textarea__input"], {
+        [p["tedi-textarea__input--auto-grow"]]: e
+      }),
       isTextArea: !0,
-      className: u(o["tedi-textarea"], x),
-      value: c,
-      onChange: N,
-      onChangeEvent: s,
-      helper: y
+      className: w(p["tedi-textarea"], F),
+      value: x,
+      onChange: E,
+      onChangeEvent: g,
+      helper: B,
+      input: V
     }
   );
 });
-v.displayName = "TextArea";
+Y.displayName = "TextArea";
 export {
-  v as TextArea
+  Y as TextArea
 };

package/src/tedi/components/form/textarea/textarea.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-textarea__input":"tedi-textarea__input-8c740e37","tedi-textarea__character-count":"tedi-textarea__character-count-c5b62b38"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-textarea__input":"tedi-textarea__input-8c740e37","tedi-textarea__input--auto-grow":"tedi-textarea__input--auto-grow-dddcdb8a","tedi-textarea__character-count":"tedi-textarea__character-count-c5b62b38"};exports.default=t;

package/src/tedi/components/form/textarea/textarea.module.scss.es.js

@@ -1,5 +1,6 @@
 const t = {
   "tedi-textarea__input": "tedi-textarea__input-8c740e37",
+  "tedi-textarea__input--auto-grow": "tedi-textarea__input--auto-grow-dddcdb8a",
   "tedi-textarea__character-count": "tedi-textarea__character-count-c5b62b38"
 };
 export {

package/src/tedi/components/form/toggle/toggle.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),R=require("../../base/icon/icon.cjs.js"),w=require("../../loaders/spinner/spinner.cjs.js"),P=require("../feedback-text/feedback-text.cjs.js"),M=require("../form-label/form-label.cjs.js"),e=require("./toggle.module.scss.cjs.js"),_=m.forwardRef((k,x)=>{const{id:o,label:l,hideLabel:j=!1,labelPosition:N="left",helper:a,className:y,checked:n,defaultChecked:g,onChange:d,size:C,color:q="primary",type:v="filled",icon:u,disabled:f=!1,isLoading:s=!1,tooltip:T,...$}=k,h=a?`${o}-helper`:void 0,[z,S]=m.useState(g??!1),i=typeof n<"u",c=i?n:z,p=C||(u?"large":"default"),L=b=>{s||(i||S(b.target.checked),d==null||d(b.target.checked))},F=r.default(e.default["tedi-toggle"],e.default[`tedi-toggle--${p}`],e.default[`tedi-toggle--${q}-${v}`],{[e.default["tedi-toggle--active"]]:c,[e.default["tedi-toggle--disabled"]]:f||s},y),I=r.default(e.default["tedi-toggle__control"],e.default[`tedi-toggle__control--label-${N}`]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:I,children:[l&&t.jsx(M.FormLabel,{id:o,className:e.default["tedi-toggle__label"],hideLabel:j,label:l,tooltip:T}),t.jsxs("div",{className:F,children:[t.jsx("input",{...$,ref:x,id:o,type:"checkbox",role:"switch","aria-label":typeof l=="string"?l:void 0,"aria-describedby":h,className:e.default["tedi-toggle__input"],checked:i?c:void 0,defaultChecked:i?void 0:g,disabled:f||s,onChange:L}),t.jsx("span",{className:e.default["tedi-toggle__slider"],children:s?t.jsx(w.Spinner,{size:p==="large"?16:10,className:e.default["tedi-toggle__icon"]}):u?t.jsx(R.Icon,{name:c?"lock_open":"lock",size:16,color:"inherit"}):null})]})]}),a&&t.jsx(P.FeedbackText,{id:h,...a,className:r.default(e.default["tedi-toggle__helper"],a.className)})]})});_.displayName="Toggle";exports.Toggle=_;

package/src/tedi/components/form/toggle/toggle.d.ts

@@ -0,0 +1,92 @@
+import { default as React } from 'react';
+import { FeedbackTextProps } from '../feedback-text/feedback-text';
+export interface ToggleProps {
+    /**
+     * Unique identifier for the toggle input.
+     * Required for accessibility and to link the label with the input.
+     */
+    id: string;
+    /**
+     * Label text or element displayed next to the toggle.
+     * This is shown to users and should clearly describe what the toggle does.
+     */
+    label: React.ReactNode;
+    /**
+     * Visually hides the label while keeping it accessible to screen readers.
+     * Useful when the toggle's purpose is clear from context (e.g., in a settings row).
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Position of the label relative to the toggle switch.
+     * @default right
+     */
+    labelPosition?: 'left' | 'right';
+    /**
+     * Optional helper text displayed below the toggle.
+     * Can be used to provide additional context or validation messages.
+     */
+    helper?: FeedbackTextProps;
+    /**
+     * Additional CSS class name(s) to apply to the toggle wrapper.
+     * Useful for custom styling or theming from parent components.
+     */
+    className?: string;
+    /**
+     * Controlled state of the toggle.
+     * Use this together with `onChange` for full control over the checked state.
+     */
+    checked?: boolean;
+    /**
+     * Initial checked state for uncontrolled usage.
+     * Ignored if `checked` prop is provided.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Callback fired when the toggle state changes.
+     * @param value - The new checked state (`true` or `false`)
+     */
+    onChange?(value: boolean): void;
+    /**
+     * Size of the toggle switch.
+     * @default default
+     */
+    size?: 'default' | 'large';
+    /**
+     * Color variant of the toggle.
+     * - `primary`: Standard toggle (usually blue/brand color)
+     * - `colored`: Alternative accent color (e.g. for special settings)
+     * @default primary
+     */
+    color?: 'primary' | 'colored';
+    /**
+     * Visual style variant of the toggle.
+     * @default filled
+     */
+    type?: 'filled' | 'outlined';
+    /**
+     * Shows a lock icon inside the toggle knob.
+     * Typically used with `size="large"` to indicate secure/private settings.
+     * @default false
+     */
+    icon?: boolean;
+    /**
+     * Disables the toggle, preventing user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Shows a loading spinner inside the toggle instead of the icon or dot.
+     * Useful for async operations (e.g. saving settings).
+     * When `true`, `onChange` will not be triggered.
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Tooltip content shown when hovering over the label.
+     * Useful for providing extra explanation without cluttering the UI.
+     */
+    tooltip?: string;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+export default Toggle;

package/src/tedi/components/form/toggle/toggle.es.js

@@ -0,0 +1,79 @@
+import { jsxs as c, Fragment as w, jsx as l } from "react/jsx-runtime";
+import n from "../../../../../external/classnames/index.es.js";
+import { forwardRef as P, useState as R } from "react";
+import { Icon as q } from "../../base/icon/icon.es.js";
+import { Spinner as A } from "../../loaders/spinner/spinner.es.js";
+import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as D } from "../form-label/form-label.es.js";
+import e from "./toggle.module.scss.es.js";
+const E = P((k, N) => {
+  const {
+    id: a,
+    label: t,
+    hideLabel: u = !1,
+    labelPosition: C = "left",
+    helper: o,
+    className: y,
+    checked: g,
+    defaultChecked: m,
+    onChange: r,
+    size: v,
+    color: x = "primary",
+    type: z = "filled",
+    icon: p,
+    disabled: f = !1,
+    isLoading: i = !1,
+    tooltip: $,
+    ...F
+  } = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", d = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
+    i || (s || L(b.target.checked), r == null || r(b.target.checked));
+  }, T = n(
+    e["tedi-toggle"],
+    e[`tedi-toggle--${_}`],
+    e[`tedi-toggle--${x}-${z}`],
+    {
+      [e["tedi-toggle--active"]]: d,
+      [e["tedi-toggle--disabled"]]: f || i
+    },
+    y
+  ), j = n(e["tedi-toggle__control"], e[`tedi-toggle__control--label-${C}`]);
+  return /* @__PURE__ */ c(w, { children: [
+    /* @__PURE__ */ c("div", { className: j, children: [
+      t && /* @__PURE__ */ l(
+        D,
+        {
+          id: a,
+          className: e["tedi-toggle__label"],
+          hideLabel: u,
+          label: t,
+          tooltip: $
+        }
+      ),
+      /* @__PURE__ */ c("div", { className: T, children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            ...F,
+            ref: N,
+            id: a,
+            type: "checkbox",
+            role: "switch",
+            "aria-label": typeof t == "string" ? t : void 0,
+            "aria-describedby": h,
+            className: e["tedi-toggle__input"],
+            checked: s ? d : void 0,
+            defaultChecked: s ? void 0 : m,
+            disabled: f || i,
+            onChange: S
+          }
+        ),
+        /* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: d ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
+      ] })
+    ] }),
+    o && /* @__PURE__ */ l(B, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
+  ] });
+});
+E.displayName = "Toggle";
+export {
+  E as Toggle
+};

package/src/tedi/components/form/toggle/toggle.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-toggle":"tedi-toggle-bf2092b8","tedi-toggle--default":"tedi-toggle--default-29bee46c","tedi-toggle__slider":"tedi-toggle__slider-99a4a0ae","tedi-toggle--large":"tedi-toggle--large-0b4cc552","tedi-toggle--primary-filled":"tedi-toggle--primary-filled-179ce9d5","tedi-toggle--primary-outlined":"tedi-toggle--primary-outlined-5740f18d","tedi-toggle--colored-filled":"tedi-toggle--colored-filled-0cf929c1","tedi-toggle--colored-outlined":"tedi-toggle--colored-outlined-1b147450","tedi-toggle__input":"tedi-toggle__input-1ef36755","tedi-toggle__icon":"tedi-toggle__icon-3602d8ca","tedi-toggle--disabled":"tedi-toggle--disabled-72cc5bec","tedi-toggle__control":"tedi-toggle__control-5202406f","tedi-toggle__control--label-left":"tedi-toggle__control--label-left-b0ce2b37","tedi-toggle__control--label-right":"tedi-toggle__control--label-right-0fff724d"};exports.default=e;

package/src/tedi/components/form/toggle/toggle.module.scss.es.js

@@ -0,0 +1,19 @@
+const e = {
+  "tedi-toggle": "tedi-toggle-bf2092b8",
+  "tedi-toggle--default": "tedi-toggle--default-29bee46c",
+  "tedi-toggle__slider": "tedi-toggle__slider-99a4a0ae",
+  "tedi-toggle--large": "tedi-toggle--large-0b4cc552",
+  "tedi-toggle--primary-filled": "tedi-toggle--primary-filled-179ce9d5",
+  "tedi-toggle--primary-outlined": "tedi-toggle--primary-outlined-5740f18d",
+  "tedi-toggle--colored-filled": "tedi-toggle--colored-filled-0cf929c1",
+  "tedi-toggle--colored-outlined": "tedi-toggle--colored-outlined-1b147450",
+  "tedi-toggle__input": "tedi-toggle__input-1ef36755",
+  "tedi-toggle__icon": "tedi-toggle__icon-3602d8ca",
+  "tedi-toggle--disabled": "tedi-toggle--disabled-72cc5bec",
+  "tedi-toggle__control": "tedi-toggle__control-5202406f",
+  "tedi-toggle__control--label-left": "tedi-toggle__control--label-left-b0ce2b37",
+  "tedi-toggle__control--label-right": "tedi-toggle__control--label-right-0fff724d"
+};
+export {
+  e as default
+};

package/src/tedi/index.d.ts

@@ -27,6 +27,7 @@ export * from './components/navigation/link/link';
 export * from './components/form/textfield/textfield';
 export * from './components/form/textarea/textarea';
 export * from './components/form/number-field/number-field';
+export * from './components/form/toggle/toggle';
 export * from './components/form/feedback-text/feedback-text';
 export * from './components/form/search/search';
 export * from './components/form/radio/radio';

package/tedi.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./src/tedi/components/base/typography/text/text.cjs.js"),u=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),a=require("./src/tedi/components/base/icon/icon.cjs.js"),l=require("./src/tedi/components/content/label/label.cjs.js"),d=require("./src/tedi/components/content/section/section.cjs.js"),p=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),q=require("./src/tedi/components/content/truncate/truncate.cjs.js"),g=require("./src/tedi/components/content/text-group/text-group.cjs.js"),C=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),v=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),T=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),h=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),x=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),I=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),P=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),m=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),w=require("./src/tedi/components/navigation/link/link.cjs.js"),D=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),G=require("./src/tedi/components/form/search/search.cjs.js"),N=require("./src/tedi/components/form/radio/radio.cjs.js"),y=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),A=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),M=require("./src/tedi/components/form/select/select.cjs.js"),H=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),V=require("./src/tedi/components/misc/separator/separator.cjs.js"),z=require("./src/tedi/components/misc/print/print.cjs.js"),R=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),U=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),W=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),E=require("./src/tedi/components/misc/affix/affix.cjs.js"),j=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),O=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),o=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),J=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),t=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),i=require("./src/tedi/providers/printing-provider/printing-provider.cjs.js"),K=require("./src/tedi/components/cards/card/card.cjs.js"),Q=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),X=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),Y=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),Z=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),_=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),$=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),ee=require("./src/tedi/components/layout/grid/col.cjs.js"),re=require("./src/tedi/components/overlays/dropdown/dropdown.cjs.js"),oe=require("./src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.cjs.js"),n=require("./src/tedi/components/overlays/dropdown/dropdown-context.cjs.js"),te=require("./src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.cjs.js"),ie=require("./src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js"),s=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),ne=require("./src/tedi/components/content/list/list.cjs.js"),se=require("./src/tedi/components/content/list/list-item.cjs.js"),ce=require("./src/tedi/components/overlays/popover/popover.cjs.js"),ue=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),ae=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),le=require("./src/tedi/components/layout/grid/row.cjs.js"),de=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),pe=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),Ce=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),ve=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),Se=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),Te=require("./external/react-toastify/dist/index.cjs.js"),be=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),he=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),xe=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),Ie=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Pe=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js"),Be=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),me=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),we=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),De=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),Le=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),fe=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),Fe=require("./src/tedi/helpers/hooks/use-what-input.cjs.js");exports.Text=c.Text;exports.Heading=u.Heading;exports.Icon=a.Icon;exports.Label=l.Label;exports.Section=d.Section;exports.HeadingWithIcon=p.HeadingWithIcon;exports.Truncate=q.Truncate;exports.TextGroup=g.TextGroup;exports.Spinner=C.Spinner;exports.Tag=v.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=T.ClosingButton;exports.Button=b.Button;exports.InfoButton=h.InfoButton;exports.FloatingButton=x.FloatingButton;exports.ButtonGroup=I.ButtonGroup;exports.Collapse=P.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=m.HashTrigger;exports.Link=w.Link;exports.TextField=D.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.FeedbackText=F.FeedbackText;exports.Search=G.Search;exports.Radio=N.Radio;exports.FileUpload=y.FileUpload;exports.FileDropzone=A.FileDropzone;exports.Select=M.Select;exports.Checkbox=H.Checkbox;exports.Separator=V.Separator;exports.Print=z.Print;exports.StretchContent=R.StretchContent;exports.ScrollVisibility=U.ScrollVisibility;exports.ScrollFade=W.ScrollFade;exports.Affix=E.Affix;exports.Ellipsis=j.Ellipsis;exports.StyleProvider=O.StyleProvider;exports.AccessibilityContext=o.AccessibilityContext;exports.AccessibilityProvider=o.AccessibilityProvider;exports.useDeclareLoader=J.useDeclareLoader;exports.ThemeProvider=t.ThemeProvider;exports.useTheme=t.useTheme;exports.PrintingProvider=i.PrintingProvider;exports.usePrint=i.usePrint;exports.Card=K.Card;exports.CardContent=Q.CardContent;exports.CardHeader=X.CardHeader;exports.CardNotification=Y.CardNotification;exports.ChoiceGroup=Z.ChoiceGroup;exports.ChoiceGroupContext=_.ChoiceGroupContext;exports.ChoiceGroupItem=$.ChoiceGroupItem;exports.Col=ee.Col;exports.Dropdown=re.Dropdown;exports.DropdownContent=oe.DropdownContent;exports.DropdownContext=n.DropdownContext;exports.useDropdownContext=n.useDropdownContext;exports.DropdownItem=te.DropdownItem;exports.DropdownTrigger=ie.DropdownTrigger;exports.LabelContext=s.LabelContext;exports.LabelProvider=s.LabelProvider;exports.List=ne.List;exports.ListItem=se.ListItem;exports.Popover=ce.Popover;exports.PopoverContent=ue.PopoverContent;exports.PopoverTrigger=ae.PopoverTrigger;exports.Row=le.Row;exports.SideNav=de.SideNav;exports.SideNavDropdown=pe.SideNavDropdown;exports.SideNavItem=qe.SideNavItem;exports.SideNavMobile=ge.SideNavMobile;exports.SidenavToggle=Ce.SidenavToggle;exports.Skeleton=ve.Skeleton;exports.SkeletonBlock=Se.SkeletonBlock;exports.ToastContainer=Te.ToastContainer;exports.Tooltip=be.Tooltip;exports.TooltipContent=he.TooltipContent;exports.TooltipTrigger=xe.TooltipTrigger;exports.VerticalSpacing=Ie.VerticalSpacing;exports.VerticalSpacingItem=Pe.VerticalSpacingItem;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.default;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;exports.useBreakpointProps=Be.useBreakpointProps;exports.useElementSize=ke.useElementSize;exports.useFileUpload=me.useFileUpload;exports.useIsMounted=we.useIsMounted;exports.useIsTouchDevice=De.useIsTouchDevice;exports.useLabels=Le.useLabels;exports.useScroll=fe.useScroll;exports.useWhatInput=Fe.useWhatInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./src/tedi/components/base/typography/text/text.cjs.js"),u=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),a=require("./src/tedi/components/base/icon/icon.cjs.js"),l=require("./src/tedi/components/content/label/label.cjs.js"),d=require("./src/tedi/components/content/section/section.cjs.js"),p=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),q=require("./src/tedi/components/content/truncate/truncate.cjs.js"),g=require("./src/tedi/components/content/text-group/text-group.cjs.js"),C=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),v=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),T=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),h=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),x=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),I=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),P=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),m=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),w=require("./src/tedi/components/navigation/link/link.cjs.js"),D=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/toggle/toggle.cjs.js"),G=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),N=require("./src/tedi/components/form/search/search.cjs.js"),y=require("./src/tedi/components/form/radio/radio.cjs.js"),A=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),M=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),H=require("./src/tedi/components/form/select/select.cjs.js"),V=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),z=require("./src/tedi/components/misc/separator/separator.cjs.js"),R=require("./src/tedi/components/misc/print/print.cjs.js"),U=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),W=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),E=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),j=require("./src/tedi/components/misc/affix/affix.cjs.js"),O=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),J=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),o=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),K=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),t=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),i=require("./src/tedi/providers/printing-provider/printing-provider.cjs.js"),Q=require("./src/tedi/components/cards/card/card.cjs.js"),X=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),Y=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),Z=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),_=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),$=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),ee=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),re=require("./src/tedi/components/layout/grid/col.cjs.js"),oe=require("./src/tedi/components/overlays/dropdown/dropdown.cjs.js"),te=require("./src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.cjs.js"),n=require("./src/tedi/components/overlays/dropdown/dropdown-context.cjs.js"),ie=require("./src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.cjs.js"),ne=require("./src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js"),s=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),se=require("./src/tedi/components/content/list/list.cjs.js"),ce=require("./src/tedi/components/content/list/list-item.cjs.js"),ue=require("./src/tedi/components/overlays/popover/popover.cjs.js"),ae=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),le=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),de=require("./src/tedi/components/layout/grid/row.cjs.js"),pe=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),Ce=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),ve=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),Se=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),Te=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),be=require("./external/react-toastify/dist/index.cjs.js"),he=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),xe=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),Ie=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),Pe=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Be=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),me=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),we=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),De=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),Le=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),fe=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),Fe=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),Ge=require("./src/tedi/helpers/hooks/use-what-input.cjs.js");exports.Text=c.Text;exports.Heading=u.Heading;exports.Icon=a.Icon;exports.Label=l.Label;exports.Section=d.Section;exports.HeadingWithIcon=p.HeadingWithIcon;exports.Truncate=q.Truncate;exports.TextGroup=g.TextGroup;exports.Spinner=C.Spinner;exports.Tag=v.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=T.ClosingButton;exports.Button=b.Button;exports.InfoButton=h.InfoButton;exports.FloatingButton=x.FloatingButton;exports.ButtonGroup=I.ButtonGroup;exports.Collapse=P.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=m.HashTrigger;exports.Link=w.Link;exports.TextField=D.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.Toggle=F.Toggle;exports.FeedbackText=G.FeedbackText;exports.Search=N.Search;exports.Radio=y.Radio;exports.FileUpload=A.FileUpload;exports.FileDropzone=M.FileDropzone;exports.Select=H.Select;exports.Checkbox=V.Checkbox;exports.Separator=z.Separator;exports.Print=R.Print;exports.StretchContent=U.StretchContent;exports.ScrollVisibility=W.ScrollVisibility;exports.ScrollFade=E.ScrollFade;exports.Affix=j.Affix;exports.Ellipsis=O.Ellipsis;exports.StyleProvider=J.StyleProvider;exports.AccessibilityContext=o.AccessibilityContext;exports.AccessibilityProvider=o.AccessibilityProvider;exports.useDeclareLoader=K.useDeclareLoader;exports.ThemeProvider=t.ThemeProvider;exports.useTheme=t.useTheme;exports.PrintingProvider=i.PrintingProvider;exports.usePrint=i.usePrint;exports.Card=Q.Card;exports.CardContent=X.CardContent;exports.CardHeader=Y.CardHeader;exports.CardNotification=Z.CardNotification;exports.ChoiceGroup=_.ChoiceGroup;exports.ChoiceGroupContext=$.ChoiceGroupContext;exports.ChoiceGroupItem=ee.ChoiceGroupItem;exports.Col=re.Col;exports.Dropdown=oe.Dropdown;exports.DropdownContent=te.DropdownContent;exports.DropdownContext=n.DropdownContext;exports.useDropdownContext=n.useDropdownContext;exports.DropdownItem=ie.DropdownItem;exports.DropdownTrigger=ne.DropdownTrigger;exports.LabelContext=s.LabelContext;exports.LabelProvider=s.LabelProvider;exports.List=se.List;exports.ListItem=ce.ListItem;exports.Popover=ue.Popover;exports.PopoverContent=ae.PopoverContent;exports.PopoverTrigger=le.PopoverTrigger;exports.Row=de.Row;exports.SideNav=pe.SideNav;exports.SideNavDropdown=qe.SideNavDropdown;exports.SideNavItem=ge.SideNavItem;exports.SideNavMobile=Ce.SideNavMobile;exports.SidenavToggle=ve.SidenavToggle;exports.Skeleton=Se.Skeleton;exports.SkeletonBlock=Te.SkeletonBlock;exports.ToastContainer=be.ToastContainer;exports.Tooltip=he.Tooltip;exports.TooltipContent=xe.TooltipContent;exports.TooltipTrigger=Ie.TooltipTrigger;exports.VerticalSpacing=Pe.VerticalSpacing;exports.VerticalSpacingItem=Be.VerticalSpacingItem;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.default;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;exports.useBreakpointProps=ke.useBreakpointProps;exports.useElementSize=me.useElementSize;exports.useFileUpload=we.useFileUpload;exports.useIsMounted=De.useIsMounted;exports.useIsTouchDevice=Le.useIsTouchDevice;exports.useLabels=fe.useLabels;exports.useScroll=Fe.useScroll;exports.useWhatInput=Ge.useWhatInput;