@tedi-design-system/react 17.0.0-rc.2 → 17.0.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "17.0.0-rc.2",
3
+ "version": "17.0.0-rc.4",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),q=require("react"),r=require("./card.module.scss.cjs.js"),P=require("./card-content/card-content.cjs.js"),x=require("./card-context.cjs.js"),B=require("./card-header/card-header.cjs.js"),N=require("./card-notification/card-notification.cjs.js"),j=require("./utility.cjs.js"),k=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=q.forwardRef((t,i)=>{const{getCurrentBreakpointProps:c}=k.useBreakpointProps(t.defaultServerBreakpoint),{children:s,className:l,padding:u,background:f,borderRadius:e,borderless:C,border:m,...p}=c(t,{padding:1}),[a,d]=j.getCardBorderPlacementColor(m),b=g.default(r.default["tedi-card"],{[r.default[`tedi-card--border-${a}`]]:a,[r.default[`tedi-card--border--${d}`]]:d,[r.default["tedi-card--borderless"]]:C,[r.default["tedi-card--no-border-radius-top"]]:e===!1||(e==null?void 0:e.top)===!1,[r.default["tedi-card--no-border-radius-right"]]:e===!1||(e==null?void 0:e.right)===!1,[r.default["tedi-card--no-border-radius-bottom"]]:e===!1||(e==null?void 0:e.bottom)===!1,[r.default["tedi-card--no-border-radius-left"]]:e===!1||(e==null?void 0:e.left)===!1},l);return o.jsx(x.CardContext.Provider,{value:{padding:u,background:f},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...p,className:b,ref:i,children:s})})});n.displayName="Card";const v=Object.assign(n,{Content:P.CardContent,Header:B.CardHeader,Notification:N.CardNotification});exports.Card=v;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),B=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),e=require("./card.module.scss.cjs.js"),R=require("./card-content/card-content.cjs.js"),v=require("./card-context.cjs.js"),x=require("./card-header/card-header.cjs.js"),N=require("./card-notification/card-notification.cjs.js"),i=require("./utility.cjs.js"),j=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=P.forwardRef((t,c)=>{const{getCurrentBreakpointProps:s}=j.useBreakpointProps(t.defaultServerBreakpoint),{children:u,className:l,padding:f,background:C,borderRadius:b,borderless:m,border:p,...g}=s(t,{padding:1}),[d,a]=i.getCardBorderPlacementColor(p),r=i.resolveBorderRadius(b),q=B.default(e.default["tedi-card"],{[e.default[`tedi-card--border-${d}`]]:d,[e.default[`tedi-card--border--${a}`]]:a,[e.default["tedi-card--borderless"]]:m,[e.default["tedi-card--no-radius-tl"]]:!r.topLeft,[e.default["tedi-card--no-radius-tr"]]:!r.topRight,[e.default["tedi-card--no-radius-br"]]:!r.bottomRight,[e.default["tedi-card--no-radius-bl"]]:!r.bottomLeft},l);return o.jsx(v.CardContext.Provider,{value:{padding:f,background:C},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...g,className:q,ref:c,children:u})})});n.displayName="Card";const k=Object.assign(n,{Content:R.CardContent,Header:x.CardHeader,Notification:N.CardNotification});exports.Card=k;
@@ -1,7 +1,7 @@
1
1
  import { default as React, CSSProperties } from 'react';
2
2
  import { BreakpointSupport } from '../../../helpers';
3
3
  import { CardContentProps } from './card-content/card-content';
4
- import { CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
4
+ import { BorderRadius, CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
5
5
  export type CardContentPadding = CardContentPaddingNumber | {
6
6
  vertical: CardContentPaddingNumber;
7
7
  horizontal: CardContentPaddingNumber;
@@ -56,15 +56,20 @@ type CardBreakpointProps = {
56
56
  */
57
57
  className?: string;
58
58
  /**
59
- * Follows the order in border-radius CSS property
60
- * Top-left / Top-right / Bottom-right / Bottom-left
59
+ * Controls card border radius.
60
+ *
61
+ * Accepts `false` to remove all radius or an object to control sides or individual corners.
62
+ *
63
+ * Side values affect two corners while corner values take precedence.
64
+ *
65
+ * Examples:
66
+ * `false` → no radius
67
+ * `{ top:false }` → removes top corners
68
+ * `{ left:false }` → removes left corners
69
+ * `{ topLeft:false }` → removes one corner
70
+ * `{ bottom:false, bottomRight:true }` → corner override
61
71
  */
62
- borderRadius?: false | {
63
- top?: boolean;
64
- right?: boolean;
65
- bottom?: boolean;
66
- left?: boolean;
67
- };
72
+ borderRadius?: BorderRadius;
68
73
  /**
69
74
  * Remove border from card
70
75
  */
@@ -1,34 +1,34 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import N from "../../../../../external/classnames/index.es.js";
3
- import { forwardRef as B } from "react";
4
- import e from "./card.module.scss.es.js";
5
- import { CardContent as P } from "./card-content/card-content.es.js";
6
- import { CardContext as h } from "./card-context.es.js";
7
- import { CardHeader as k } from "./card-header/card-header.es.js";
8
- import { CardNotification as v } from "./card-notification/card-notification.es.js";
9
- import { getCardBorderPlacementColor as u } from "./utility.es.js";
10
- import { useBreakpointProps as x } from "../../../helpers/hooks/use-breakpoint-props.es.js";
11
- const i = B((t, n) => {
12
- const { getCurrentBreakpointProps: s } = x(t.defaultServerBreakpoint), { children: m, className: c, padding: f, background: l, borderRadius: r, borderless: p, border: C, ...b } = s(t, { padding: 1 }), [o, a] = u(C), g = N(
13
- e["tedi-card"],
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import B from "../../../../../external/classnames/index.es.js";
3
+ import { forwardRef as N } from "react";
4
+ import r from "./card.module.scss.es.js";
5
+ import { CardContent as v } from "./card-content/card-content.es.js";
6
+ import { CardContext as P } from "./card-context.es.js";
7
+ import { CardHeader as R } from "./card-header/card-header.es.js";
8
+ import { CardNotification as h } from "./card-notification/card-notification.es.js";
9
+ import { getCardBorderPlacementColor as k, resolveBorderRadius as x } from "./utility.es.js";
10
+ import { useBreakpointProps as j } from "../../../helpers/hooks/use-breakpoint-props.es.js";
11
+ const i = N((t, s) => {
12
+ const { getCurrentBreakpointProps: n } = j(t.defaultServerBreakpoint), { children: c, className: m, padding: p, background: l, borderRadius: f, borderless: C, border: b, ...u } = n(t, { padding: 1 }), [e, d] = k(b), o = x(f), g = B(
13
+ r["tedi-card"],
14
14
  {
15
- [e[`tedi-card--border-${o}`]]: o,
16
- [e[`tedi-card--border--${a}`]]: a,
17
- [e["tedi-card--borderless"]]: p,
18
- [e["tedi-card--no-border-radius-top"]]: r === !1 || (r == null ? void 0 : r.top) === !1,
19
- [e["tedi-card--no-border-radius-right"]]: r === !1 || (r == null ? void 0 : r.right) === !1,
20
- [e["tedi-card--no-border-radius-bottom"]]: r === !1 || (r == null ? void 0 : r.bottom) === !1,
21
- [e["tedi-card--no-border-radius-left"]]: r === !1 || (r == null ? void 0 : r.left) === !1
15
+ [r[`tedi-card--border-${e}`]]: e,
16
+ [r[`tedi-card--border--${d}`]]: d,
17
+ [r["tedi-card--borderless"]]: C,
18
+ [r["tedi-card--no-radius-tl"]]: !o.topLeft,
19
+ [r["tedi-card--no-radius-tr"]]: !o.topRight,
20
+ [r["tedi-card--no-radius-br"]]: !o.bottomRight,
21
+ [r["tedi-card--no-radius-bl"]]: !o.bottomLeft
22
22
  },
23
- c
23
+ m
24
24
  );
25
- return /* @__PURE__ */ d(h.Provider, { value: { padding: f, background: l }, children: /* @__PURE__ */ d("div", { "data-name": "card", "data-testid": "tedi-card", ...b, className: g, ref: n, children: m }) });
25
+ return /* @__PURE__ */ a(P.Provider, { value: { padding: p, background: l }, children: /* @__PURE__ */ a("div", { "data-name": "card", "data-testid": "tedi-card", ...u, className: g, ref: s, children: c }) });
26
26
  });
27
27
  i.displayName = "Card";
28
28
  const z = Object.assign(i, {
29
- Content: P,
30
- Header: k,
31
- Notification: v
29
+ Content: v,
30
+ Header: R,
31
+ Notification: h
32
32
  });
33
33
  export {
34
34
  z as Card
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={"tedi-card":"tedi-card-6773201e","tedi-card--background--accent":"tedi-card--background--accent-a0ccccbf","tedi-card--border--accent":"tedi-card--border--accent-16076fd7","tedi-card--background--brand-primary":"tedi-card--background--brand-primary-2e729236","tedi-card--border--brand-primary":"tedi-card--border--brand-primary-0ebff366","tedi-card--background--brand-secondary":"tedi-card--background--brand-secondary-e0935065","tedi-card--border--brand-secondary":"tedi-card--border--brand-secondary-c8f172e4","tedi-card--background--brand-tertiary":"tedi-card--background--brand-tertiary-8d2f79f4","tedi-card--border--brand-tertiary":"tedi-card--border--brand-tertiary-cc06323c","tedi-card--background--brand-quaternary":"tedi-card--background--brand-quaternary-e35ff683","tedi-card--border--brand-quaternary":"tedi-card--border--brand-quaternary-fdf175e9","tedi-card--background--primary":"tedi-card--background--primary-6f518b6a","tedi-card--border--primary":"tedi-card--border--primary-3ee7b649","tedi-card--background--secondary":"tedi-card--background--secondary-402019fb","tedi-card--border--secondary":"tedi-card--border--secondary-b0de1d8c","tedi-card--background--tertiary":"tedi-card--background--tertiary-d57f4e16","tedi-card--border--tertiary":"tedi-card--border--tertiary-1846869a","tedi-card--background--info-primary":"tedi-card--background--info-primary-981c7808","tedi-card--border--info-primary":"tedi-card--border--info-primary-d73b0349","tedi-card--background--info-secondary":"tedi-card--background--info-secondary-118ce8d4","tedi-card--border--info-secondary":"tedi-card--border--info-secondary-25075005","tedi-card--background--neutral-primary":"tedi-card--background--neutral-primary-8b4fa913","tedi-card--border--neutral-primary":"tedi-card--border--neutral-primary-3c442023","tedi-card--background--neutral-secondary":"tedi-card--background--neutral-secondary-77a1899a","tedi-card--border--neutral-secondary":"tedi-card--border--neutral-secondary-2dd2db0a","tedi-card--background--success-primary":"tedi-card--background--success-primary-2e50333d","tedi-card--border--success-primary":"tedi-card--border--success-primary-167796e5","tedi-card--background--success-secondary":"tedi-card--background--success-secondary-5ef8094d","tedi-card--border--success-secondary":"tedi-card--border--success-secondary-5d3c8168","tedi-card--background--danger-primary":"tedi-card--background--danger-primary-a701ed87","tedi-card--border--danger-primary":"tedi-card--border--danger-primary-f0b990dd","tedi-card--background--danger-secondary":"tedi-card--background--danger-secondary-cbde6da8","tedi-card--border--danger-secondary":"tedi-card--border--danger-secondary-29b9cdf0","tedi-card--background--warning-primary":"tedi-card--background--warning-primary-92facd8b","tedi-card--border--warning-primary":"tedi-card--border--warning-primary-60cabe9b","tedi-card--background--warning-secondary":"tedi-card--background--warning-secondary-01e1cafe","tedi-card--border--warning-secondary":"tedi-card--border--warning-secondary-e4339e73","tedi-card--border-left":"tedi-card--border-left-d2bbe0cd","tedi-card--border-top":"tedi-card--border-top-4199f286","tedi-card--borderless":"tedi-card--borderless-8f44bb3f","tedi-card--no-border-radius-top":"tedi-card--no-border-radius-top-d8b0071d","tedi-card__content":"tedi-card__content-a40bc648","tedi-card--no-border-radius-right":"tedi-card--no-border-radius-right-52a78320","tedi-card--no-border-radius-bottom":"tedi-card--no-border-radius-bottom-59e75b25","tedi-card--no-border-radius-left":"tedi-card--no-border-radius-left-ff9938cb","tedi-card__content--separator":"tedi-card__content--separator-0019d413","tedi-card__header":"tedi-card__header-f7a4ed63"};exports.default=r;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={"tedi-card":"tedi-card-6773201e","tedi-card--background--accent":"tedi-card--background--accent-a0ccccbf","tedi-card--border--accent":"tedi-card--border--accent-16076fd7","tedi-card--background--brand-primary":"tedi-card--background--brand-primary-2e729236","tedi-card--border--brand-primary":"tedi-card--border--brand-primary-0ebff366","tedi-card--background--brand-secondary":"tedi-card--background--brand-secondary-e0935065","tedi-card--border--brand-secondary":"tedi-card--border--brand-secondary-c8f172e4","tedi-card--background--brand-tertiary":"tedi-card--background--brand-tertiary-8d2f79f4","tedi-card--border--brand-tertiary":"tedi-card--border--brand-tertiary-cc06323c","tedi-card--background--brand-quaternary":"tedi-card--background--brand-quaternary-e35ff683","tedi-card--border--brand-quaternary":"tedi-card--border--brand-quaternary-fdf175e9","tedi-card--background--primary":"tedi-card--background--primary-6f518b6a","tedi-card--border--primary":"tedi-card--border--primary-3ee7b649","tedi-card--background--secondary":"tedi-card--background--secondary-402019fb","tedi-card--border--secondary":"tedi-card--border--secondary-b0de1d8c","tedi-card--background--tertiary":"tedi-card--background--tertiary-d57f4e16","tedi-card--border--tertiary":"tedi-card--border--tertiary-1846869a","tedi-card--background--info-primary":"tedi-card--background--info-primary-981c7808","tedi-card--border--info-primary":"tedi-card--border--info-primary-d73b0349","tedi-card--background--info-secondary":"tedi-card--background--info-secondary-118ce8d4","tedi-card--border--info-secondary":"tedi-card--border--info-secondary-25075005","tedi-card--background--neutral-primary":"tedi-card--background--neutral-primary-8b4fa913","tedi-card--border--neutral-primary":"tedi-card--border--neutral-primary-3c442023","tedi-card--background--neutral-secondary":"tedi-card--background--neutral-secondary-77a1899a","tedi-card--border--neutral-secondary":"tedi-card--border--neutral-secondary-2dd2db0a","tedi-card--background--success-primary":"tedi-card--background--success-primary-2e50333d","tedi-card--border--success-primary":"tedi-card--border--success-primary-167796e5","tedi-card--background--success-secondary":"tedi-card--background--success-secondary-5ef8094d","tedi-card--border--success-secondary":"tedi-card--border--success-secondary-5d3c8168","tedi-card--background--danger-primary":"tedi-card--background--danger-primary-a701ed87","tedi-card--border--danger-primary":"tedi-card--border--danger-primary-f0b990dd","tedi-card--background--danger-secondary":"tedi-card--background--danger-secondary-cbde6da8","tedi-card--border--danger-secondary":"tedi-card--border--danger-secondary-29b9cdf0","tedi-card--background--warning-primary":"tedi-card--background--warning-primary-92facd8b","tedi-card--border--warning-primary":"tedi-card--border--warning-primary-60cabe9b","tedi-card--background--warning-secondary":"tedi-card--background--warning-secondary-01e1cafe","tedi-card--border--warning-secondary":"tedi-card--border--warning-secondary-e4339e73","tedi-card--border-left":"tedi-card--border-left-d2bbe0cd","tedi-card--border-top":"tedi-card--border-top-4199f286","tedi-card--borderless":"tedi-card--borderless-8f44bb3f","tedi-card--no-radius-tl":"tedi-card--no-radius-tl-900ebe9c","tedi-card__header":"tedi-card__header-f7a4ed63","tedi-card__content":"tedi-card__content-a40bc648","tedi-card--no-radius-tr":"tedi-card--no-radius-tr-e87cc7aa","tedi-card--no-radius-br":"tedi-card--no-radius-br-0a933ce8","tedi-card--no-radius-bl":"tedi-card--no-radius-bl-b31d5f40","tedi-card__content--separator":"tedi-card__content--separator-0019d413"};exports.default=r;
@@ -39,13 +39,13 @@ const r = {
39
39
  "tedi-card--border-left": "tedi-card--border-left-d2bbe0cd",
40
40
  "tedi-card--border-top": "tedi-card--border-top-4199f286",
41
41
  "tedi-card--borderless": "tedi-card--borderless-8f44bb3f",
42
- "tedi-card--no-border-radius-top": "tedi-card--no-border-radius-top-d8b0071d",
42
+ "tedi-card--no-radius-tl": "tedi-card--no-radius-tl-900ebe9c",
43
+ "tedi-card__header": "tedi-card__header-f7a4ed63",
43
44
  "tedi-card__content": "tedi-card__content-a40bc648",
44
- "tedi-card--no-border-radius-right": "tedi-card--no-border-radius-right-52a78320",
45
- "tedi-card--no-border-radius-bottom": "tedi-card--no-border-radius-bottom-59e75b25",
46
- "tedi-card--no-border-radius-left": "tedi-card--no-border-radius-left-ff9938cb",
47
- "tedi-card__content--separator": "tedi-card__content--separator-0019d413",
48
- "tedi-card__header": "tedi-card__header-f7a4ed63"
45
+ "tedi-card--no-radius-tr": "tedi-card--no-radius-tr-e87cc7aa",
46
+ "tedi-card--no-radius-br": "tedi-card--no-radius-br-0a933ce8",
47
+ "tedi-card--no-radius-bl": "tedi-card--no-radius-bl-b31d5f40",
48
+ "tedi-card__content--separator": "tedi-card__content--separator-0019d413"
49
49
  };
50
50
  export {
51
51
  r as default
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=t=>{const n=t==null?void 0:t.replace(/(top-)|(left-)/s,"");return[t==null?void 0:t.replace(new RegExp(`(${n})|-`,"g"),""),n]},m=t=>{const n=e=>typeof e=="object"&&"vertical"in e&&"horizontal"in e;if(typeof t=="number")return{"--card-content-padding-top":`${t}rem`,"--card-content-padding-right":`${t}rem`,"--card-content-padding-bottom":`${t}rem`,"--card-content-padding-left":`${t}rem`};if(n(t)){const{vertical:e,horizontal:o}=t;return{"--card-content-padding-top":`${e}rem`,"--card-content-padding-right":`${o}rem`,"--card-content-padding-bottom":`${e}rem`,"--card-content-padding-left":`${o}rem`}}const{top:r=0,right:c=0,bottom:a=0,left:i=0}=t||{};return{"--card-content-padding-top":`${r}rem`,"--card-content-padding-right":`${c}rem`,"--card-content-padding-bottom":`${a}rem`,"--card-content-padding-left":`${i}rem`}};exports.getCardBorderPlacementColor=d;exports.getPaddingCssVariables=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=t=>{const o=t==null?void 0:t.replace(/(top-)|(left-)/s,"");return[t==null?void 0:t.replace(new RegExp(`(${o})|-`,"g"),""),o]},h=t=>{const o=e=>typeof e=="object"&&"vertical"in e&&"horizontal"in e;if(typeof t=="number")return{"--card-content-padding-top":`${t}rem`,"--card-content-padding-right":`${t}rem`,"--card-content-padding-bottom":`${t}rem`,"--card-content-padding-left":`${t}rem`};if(o(t)){const{vertical:e,horizontal:r}=t;return{"--card-content-padding-top":`${e}rem`,"--card-content-padding-right":`${r}rem`,"--card-content-padding-bottom":`${e}rem`,"--card-content-padding-left":`${r}rem`}}const{top:n=0,right:a=0,bottom:i=0,left:s=0}=t||{};return{"--card-content-padding-top":`${n}rem`,"--card-content-padding-right":`${a}rem`,"--card-content-padding-bottom":`${i}rem`,"--card-content-padding-left":`${s}rem`}},b=t=>{if(t===!1)return{topLeft:!1,topRight:!1,bottomRight:!1,bottomLeft:!1};const{top:o,right:n,bottom:a,left:i,topLeft:s,topRight:e,bottomRight:r,bottomLeft:g}=t??{},d=o!==!1,l=n!==!1,m=a!==!1,f=i!==!1,c={topLeft:d&&f,topRight:d&&l,bottomRight:m&&l,bottomLeft:m&&f};return{topLeft:s??c.topLeft,topRight:e??c.topRight,bottomRight:r??c.bottomRight,bottomLeft:g??c.bottomLeft}};exports.getCardBorderPlacementColor=p;exports.getPaddingCssVariables=h;exports.resolveBorderRadius=b;
@@ -22,3 +22,20 @@ export declare const getPaddingCssVariables: (padding: CardContentProps["padding
22
22
  '--card-content-padding-bottom': string;
23
23
  '--card-content-padding-left': string;
24
24
  };
25
+ export type BorderRadius = false | {
26
+ top?: boolean;
27
+ right?: boolean;
28
+ bottom?: boolean;
29
+ left?: boolean;
30
+ topLeft?: boolean;
31
+ topRight?: boolean;
32
+ bottomRight?: boolean;
33
+ bottomLeft?: boolean;
34
+ };
35
+ export type ResolvedCorners = {
36
+ topLeft: boolean;
37
+ topRight: boolean;
38
+ bottomRight: boolean;
39
+ bottomLeft: boolean;
40
+ };
41
+ export declare const resolveBorderRadius: (config?: BorderRadius) => ResolvedCorners;
@@ -1,8 +1,8 @@
1
- const d = (t) => {
1
+ const g = (t) => {
2
2
  const e = t == null ? void 0 : t.replace(/(top-)|(left-)/s, "");
3
3
  return [t == null ? void 0 : t.replace(new RegExp(`(${e})|-`, "g"), ""), e];
4
- }, m = (t) => {
5
- const e = (n) => typeof n == "object" && "vertical" in n && "horizontal" in n;
4
+ }, h = (t) => {
5
+ const e = (o) => typeof o == "object" && "vertical" in o && "horizontal" in o;
6
6
  if (typeof t == "number")
7
7
  return {
8
8
  "--card-content-padding-top": `${t}rem`,
@@ -11,23 +11,44 @@ const d = (t) => {
11
11
  "--card-content-padding-left": `${t}rem`
12
12
  };
13
13
  if (e(t)) {
14
- const { vertical: n, horizontal: o } = t;
14
+ const { vertical: o, horizontal: r } = t;
15
15
  return {
16
- "--card-content-padding-top": `${n}rem`,
17
- "--card-content-padding-right": `${o}rem`,
18
- "--card-content-padding-bottom": `${n}rem`,
19
- "--card-content-padding-left": `${o}rem`
16
+ "--card-content-padding-top": `${o}rem`,
17
+ "--card-content-padding-right": `${r}rem`,
18
+ "--card-content-padding-bottom": `${o}rem`,
19
+ "--card-content-padding-left": `${r}rem`
20
20
  };
21
21
  }
22
- const { top: c = 0, right: r = 0, bottom: a = 0, left: i = 0 } = t || {};
22
+ const { top: n = 0, right: i = 0, bottom: a = 0, left: s = 0 } = t || {};
23
23
  return {
24
- "--card-content-padding-top": `${c}rem`,
25
- "--card-content-padding-right": `${r}rem`,
24
+ "--card-content-padding-top": `${n}rem`,
25
+ "--card-content-padding-right": `${i}rem`,
26
26
  "--card-content-padding-bottom": `${a}rem`,
27
- "--card-content-padding-left": `${i}rem`
27
+ "--card-content-padding-left": `${s}rem`
28
+ };
29
+ }, b = (t) => {
30
+ if (t === !1)
31
+ return {
32
+ topLeft: !1,
33
+ topRight: !1,
34
+ bottomRight: !1,
35
+ bottomLeft: !1
36
+ };
37
+ const { top: e, right: n, bottom: i, left: a, topLeft: s, topRight: o, bottomRight: r, bottomLeft: l } = t ?? {}, m = e !== !1, f = n !== !1, p = i !== !1, d = a !== !1, c = {
38
+ topLeft: m && d,
39
+ topRight: m && f,
40
+ bottomRight: p && f,
41
+ bottomLeft: p && d
42
+ };
43
+ return {
44
+ topLeft: s ?? c.topLeft,
45
+ topRight: o ?? c.topRight,
46
+ bottomRight: r ?? c.bottomRight,
47
+ bottomLeft: l ?? c.bottomLeft
28
48
  };
29
49
  };
30
50
  export {
31
- d as getCardBorderPlacementColor,
32
- m as getPaddingCssVariables
51
+ g as getCardBorderPlacementColor,
52
+ h as getPaddingCssVariables,
53
+ b as resolveBorderRadius
33
54
  };
@@ -0,0 +1 @@
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=_;
@@ -0,0 +1,92 @@
1
+ import { default as React } from 'react';
2
+ import { FeedbackTextProps } from '../feedback-text/feedback-text';
3
+ export interface ToggleProps {
4
+ /**
5
+ * Unique identifier for the toggle input.
6
+ * Required for accessibility and to link the label with the input.
7
+ */
8
+ id: string;
9
+ /**
10
+ * Label text or element displayed next to the toggle.
11
+ * This is shown to users and should clearly describe what the toggle does.
12
+ */
13
+ label: React.ReactNode;
14
+ /**
15
+ * Visually hides the label while keeping it accessible to screen readers.
16
+ * Useful when the toggle's purpose is clear from context (e.g., in a settings row).
17
+ * @default false
18
+ */
19
+ hideLabel?: boolean;
20
+ /**
21
+ * Position of the label relative to the toggle switch.
22
+ * @default right
23
+ */
24
+ labelPosition?: 'left' | 'right';
25
+ /**
26
+ * Optional helper text displayed below the toggle.
27
+ * Can be used to provide additional context or validation messages.
28
+ */
29
+ helper?: FeedbackTextProps;
30
+ /**
31
+ * Additional CSS class name(s) to apply to the toggle wrapper.
32
+ * Useful for custom styling or theming from parent components.
33
+ */
34
+ className?: string;
35
+ /**
36
+ * Controlled state of the toggle.
37
+ * Use this together with `onChange` for full control over the checked state.
38
+ */
39
+ checked?: boolean;
40
+ /**
41
+ * Initial checked state for uncontrolled usage.
42
+ * Ignored if `checked` prop is provided.
43
+ */
44
+ defaultChecked?: boolean;
45
+ /**
46
+ * Callback fired when the toggle state changes.
47
+ * @param value - The new checked state (`true` or `false`)
48
+ */
49
+ onChange?(value: boolean): void;
50
+ /**
51
+ * Size of the toggle switch.
52
+ * @default default
53
+ */
54
+ size?: 'default' | 'large';
55
+ /**
56
+ * Color variant of the toggle.
57
+ * - `primary`: Standard toggle (usually blue/brand color)
58
+ * - `colored`: Alternative accent color (e.g. for special settings)
59
+ * @default primary
60
+ */
61
+ color?: 'primary' | 'colored';
62
+ /**
63
+ * Visual style variant of the toggle.
64
+ * @default filled
65
+ */
66
+ type?: 'filled' | 'outlined';
67
+ /**
68
+ * Shows a lock icon inside the toggle knob.
69
+ * Typically used with `size="large"` to indicate secure/private settings.
70
+ * @default false
71
+ */
72
+ icon?: boolean;
73
+ /**
74
+ * Disables the toggle, preventing user interaction.
75
+ * @default false
76
+ */
77
+ disabled?: boolean;
78
+ /**
79
+ * Shows a loading spinner inside the toggle instead of the icon or dot.
80
+ * Useful for async operations (e.g. saving settings).
81
+ * When `true`, `onChange` will not be triggered.
82
+ * @default false
83
+ */
84
+ isLoading?: boolean;
85
+ /**
86
+ * Tooltip content shown when hovering over the label.
87
+ * Useful for providing extra explanation without cluttering the UI.
88
+ */
89
+ tooltip?: string;
90
+ }
91
+ export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
92
+ export default Toggle;
@@ -0,0 +1,79 @@
1
+ import { jsxs as c, Fragment as w, jsx as l } from "react/jsx-runtime";
2
+ import n from "../../../../../external/classnames/index.es.js";
3
+ import { forwardRef as P, useState as R } from "react";
4
+ import { Icon as q } from "../../base/icon/icon.es.js";
5
+ import { Spinner as A } from "../../loaders/spinner/spinner.es.js";
6
+ import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
7
+ import { FormLabel as D } from "../form-label/form-label.es.js";
8
+ import e from "./toggle.module.scss.es.js";
9
+ const E = P((k, N) => {
10
+ const {
11
+ id: a,
12
+ label: t,
13
+ hideLabel: u = !1,
14
+ labelPosition: C = "left",
15
+ helper: o,
16
+ className: y,
17
+ checked: g,
18
+ defaultChecked: m,
19
+ onChange: r,
20
+ size: v,
21
+ color: x = "primary",
22
+ type: z = "filled",
23
+ icon: p,
24
+ disabled: f = !1,
25
+ isLoading: i = !1,
26
+ tooltip: $,
27
+ ...F
28
+ } = 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) => {
29
+ i || (s || L(b.target.checked), r == null || r(b.target.checked));
30
+ }, T = n(
31
+ e["tedi-toggle"],
32
+ e[`tedi-toggle--${_}`],
33
+ e[`tedi-toggle--${x}-${z}`],
34
+ {
35
+ [e["tedi-toggle--active"]]: d,
36
+ [e["tedi-toggle--disabled"]]: f || i
37
+ },
38
+ y
39
+ ), j = n(e["tedi-toggle__control"], e[`tedi-toggle__control--label-${C}`]);
40
+ return /* @__PURE__ */ c(w, { children: [
41
+ /* @__PURE__ */ c("div", { className: j, children: [
42
+ t && /* @__PURE__ */ l(
43
+ D,
44
+ {
45
+ id: a,
46
+ className: e["tedi-toggle__label"],
47
+ hideLabel: u,
48
+ label: t,
49
+ tooltip: $
50
+ }
51
+ ),
52
+ /* @__PURE__ */ c("div", { className: T, children: [
53
+ /* @__PURE__ */ l(
54
+ "input",
55
+ {
56
+ ...F,
57
+ ref: N,
58
+ id: a,
59
+ type: "checkbox",
60
+ role: "switch",
61
+ "aria-label": typeof t == "string" ? t : void 0,
62
+ "aria-describedby": h,
63
+ className: e["tedi-toggle__input"],
64
+ checked: s ? d : void 0,
65
+ defaultChecked: s ? void 0 : m,
66
+ disabled: f || i,
67
+ onChange: S
68
+ }
69
+ ),
70
+ /* @__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 })
71
+ ] })
72
+ ] }),
73
+ o && /* @__PURE__ */ l(B, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
74
+ ] });
75
+ });
76
+ E.displayName = "Toggle";
77
+ export {
78
+ E as Toggle
79
+ };
@@ -0,0 +1 @@
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;
@@ -0,0 +1,19 @@
1
+ const e = {
2
+ "tedi-toggle": "tedi-toggle-bf2092b8",
3
+ "tedi-toggle--default": "tedi-toggle--default-29bee46c",
4
+ "tedi-toggle__slider": "tedi-toggle__slider-99a4a0ae",
5
+ "tedi-toggle--large": "tedi-toggle--large-0b4cc552",
6
+ "tedi-toggle--primary-filled": "tedi-toggle--primary-filled-179ce9d5",
7
+ "tedi-toggle--primary-outlined": "tedi-toggle--primary-outlined-5740f18d",
8
+ "tedi-toggle--colored-filled": "tedi-toggle--colored-filled-0cf929c1",
9
+ "tedi-toggle--colored-outlined": "tedi-toggle--colored-outlined-1b147450",
10
+ "tedi-toggle__input": "tedi-toggle__input-1ef36755",
11
+ "tedi-toggle__icon": "tedi-toggle__icon-3602d8ca",
12
+ "tedi-toggle--disabled": "tedi-toggle--disabled-72cc5bec",
13
+ "tedi-toggle__control": "tedi-toggle__control-5202406f",
14
+ "tedi-toggle__control--label-left": "tedi-toggle__control--label-left-b0ce2b37",
15
+ "tedi-toggle__control--label-right": "tedi-toggle__control--label-right-0fff724d"
16
+ };
17
+ export {
18
+ e as default
19
+ };
@@ -27,6 +27,7 @@ export * from './components/navigation/link/link';
27
27
  export * from './components/form/textfield/textfield';
28
28
  export * from './components/form/textarea/textarea';
29
29
  export * from './components/form/number-field/number-field';
30
+ export * from './components/form/toggle/toggle';
30
31
  export * from './components/form/feedback-text/feedback-text';
31
32
  export * from './components/form/search/search';
32
33
  export * from './components/form/radio/radio';
package/tedi.cjs.js CHANGED
@@ -1 +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;
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/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;