@tedi-design-system/react 14.0.0-rc.1

package/src/tedi/components/overlays/popover/popover.d.ts

@@ -0,0 +1,20 @@
+import { OffsetOptions } from '@floating-ui/react';
+import { OverlayOpenWith, OverlayProps } from '../overlay/overlay';
+export interface PopoverProps extends Omit<OverlayProps, 'arrowDimensions' | 'openWith' | 'offset'> {
+    /**
+     * Adds correct event listeners that change the open state.
+     * @default click
+     */
+    openWith?: OverlayOpenWith;
+    /**
+     * Offset of content.
+     * @default GAP + ARROW_HEIGHT (3px + 17px)
+     */
+    offset?: OffsetOptions;
+}
+export declare const Popover: {
+    (props: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: (props: import("../overlay/overlay-trigger").OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: import("./popover-content").PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Popover;

package/src/tedi/components/overlays/popover/popover.es.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Overlay as n } from "../overlay/overlay.es.js";
+import { PopoverContent as m } from "./popover-content.es.js";
+import { PopoverTrigger as p } from "./popover-trigger.es.js";
+const s = 34, c = 17, o = (r) => {
+  const { openWith: t = "click", ...e } = r;
+  return /* @__PURE__ */ i(
+    n,
+    {
+      arrowDimensions: {
+        width: s,
+        height: c
+      },
+      openWith: t,
+      ...e
+    }
+  );
+};
+o.Trigger = p;
+o.Content = m;
+export {
+  o as Popover,
+  o as default
+};

package/src/tedi/components/overlays/popover/popover.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-popover":"tedi-popover-8ff01648","tedi-popover--small":"tedi-popover--small-32885e48","tedi-popover--medium":"tedi-popover--medium-5da84c95","tedi-popover--large":"tedi-popover--large-70d97488","tedi-popover__arrow":"tedi-popover__arrow-43ccaae6","tedi-popover__header":"tedi-popover__header-d68faca1","tedi-popover__header--no-title":"tedi-popover__header--no-title-abe089cb"};exports.default=e;

package/src/tedi/components/overlays/popover/popover.module.scss.es.js

@@ -0,0 +1,12 @@
+const e = {
+  "tedi-popover": "tedi-popover-8ff01648",
+  "tedi-popover--small": "tedi-popover--small-32885e48",
+  "tedi-popover--medium": "tedi-popover--medium-5da84c95",
+  "tedi-popover--large": "tedi-popover--large-70d97488",
+  "tedi-popover__arrow": "tedi-popover__arrow-43ccaae6",
+  "tedi-popover__header": "tedi-popover__header-d68faca1",
+  "tedi-popover__header--no-title": "tedi-popover__header--no-title-abe089cb"
+};
+export {
+  e as default
+};

package/src/tedi/components/overlays/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tooltip';
+export * from './tooltip-content';
+export * from './tooltip-trigger';

package/src/tedi/components/overlays/tooltip/tooltip-content.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),a=require("../overlay/overlay-content.cjs.js"),t=require("./tooltip.module.scss.cjs.js"),s=o=>{const{children:n,maxWidth:e="medium",className:i}=o;return r.jsx(a.OverlayContent,{classNames:{content:l.default(t.default["tedi-tooltip"],{[t.default[`tedi-tooltip--${e}`]]:e},i),arrow:t.default["tedi-tooltip__arrow"]},children:n})};exports.TooltipContent=s;

package/src/tedi/components/overlays/tooltip/tooltip-content.d.ts

@@ -0,0 +1,13 @@
+import { OverlayContentProps } from '../overlay/overlay-content';
+export interface TooltipContentProps extends Omit<OverlayContentProps, 'classNames'> {
+    /**
+     * Additional class name.
+     */
+    className?: string;
+    /**
+     * Tooltip width.
+     * @default medium
+     */
+    maxWidth?: 'none' | 'small' | 'medium' | 'large';
+}
+export declare const TooltipContent: (props: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/overlays/tooltip/tooltip-content.es.js

@@ -0,0 +1,20 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "../../../../../external/classnames/index.es.js";
+import { OverlayContent as a } from "../overlay/overlay-content.es.js";
+import t from "./tooltip.module.scss.es.js";
+const d = (r) => {
+  const { children: e, maxWidth: o = "medium", className: i } = r;
+  return /* @__PURE__ */ m(
+    a,
+    {
+      classNames: {
+        content: s(t["tedi-tooltip"], { [t[`tedi-tooltip--${o}`]]: o }, i),
+        arrow: t["tedi-tooltip__arrow"]
+      },
+      children: e
+    }
+  );
+};
+export {
+  d as TooltipContent
+};

package/src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../overlay/overlay-trigger.cjs.js"),i=r=>e.jsx(t.OverlayTrigger,{...r});exports.TooltipTrigger=i;

package/src/tedi/components/overlays/tooltip/tooltip-trigger.d.ts

@@ -0,0 +1,2 @@
+import { OverlayTriggerProps } from '../overlay/overlay-trigger';
+export declare const TooltipTrigger: (props: OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/overlays/tooltip/tooltip-trigger.es.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { OverlayTrigger as t } from "../overlay/overlay-trigger.es.js";
+const g = (r) => /* @__PURE__ */ o(t, { ...r });
+export {
+  g as TooltipTrigger
+};

package/src/tedi/components/overlays/tooltip/tooltip.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("../overlay/overlay.cjs.js"),s=require("./tooltip-content.cjs.js"),l=require("./tooltip-trigger.cjs.js"),u=7,c=14,e=t=>{const{openWith:o="hover",...r}=t;return i.jsx(n.Overlay,{arrowDimensions:{width:c,height:u},openWith:o,...r})};e.Trigger=l.TooltipTrigger;e.Content=s.TooltipContent;exports.Tooltip=e;exports.default=e;

package/src/tedi/components/overlays/tooltip/tooltip.d.ts

@@ -0,0 +1,20 @@
+import { OffsetOptions } from '@floating-ui/react';
+import { OverlayOpenWith, OverlayProps } from '../overlay/overlay';
+export interface TooltipProps extends Omit<OverlayProps, 'arrowDimensions' | 'openWith' | 'offset' | 'dismissible' | 'scrollLock'> {
+    /**
+     * Adds correct event listeners that change the open state.
+     * @default hover
+     */
+    openWith?: OverlayOpenWith;
+    /**
+     * Offset of content.
+     * @default GAP + ARROW_HEIGHT (3px + 7px)
+     */
+    offset?: OffsetOptions;
+}
+export declare const Tooltip: {
+    (props: TooltipProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: (props: import("../overlay/overlay-trigger").OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: import("./tooltip-content").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Tooltip;

package/src/tedi/components/overlays/tooltip/tooltip.es.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Overlay as n } from "../overlay/overlay.es.js";
+import { TooltipContent as m } from "./tooltip-content.es.js";
+import { TooltipTrigger as p } from "./tooltip-trigger.es.js";
+const s = 7, T = 14, o = (t) => {
+  const { openWith: r = "hover", ...i } = t;
+  return /* @__PURE__ */ e(
+    n,
+    {
+      arrowDimensions: {
+        width: T,
+        height: s
+      },
+      openWith: r,
+      ...i
+    }
+  );
+};
+o.Trigger = p;
+o.Content = m;
+export {
+  o as Tooltip,
+  o as default
+};

package/src/tedi/components/overlays/tooltip/tooltip.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-tooltip":"tedi-tooltip-c3e4c246","tedi-tooltip--none":"tedi-tooltip--none-0c9e2f36","tedi-tooltip--small":"tedi-tooltip--small-0773ea3b","tedi-tooltip--medium":"tedi-tooltip--medium-f7620c16","tedi-tooltip--large":"tedi-tooltip--large-f3655082","tedi-tooltip__arrow":"tedi-tooltip__arrow-3f18a7f2"};exports.default=t;

package/src/tedi/components/overlays/tooltip/tooltip.module.scss.es.js

@@ -0,0 +1,11 @@
+const t = {
+  "tedi-tooltip": "tedi-tooltip-c3e4c246",
+  "tedi-tooltip--none": "tedi-tooltip--none-0c9e2f36",
+  "tedi-tooltip--small": "tedi-tooltip--small-0773ea3b",
+  "tedi-tooltip--medium": "tedi-tooltip--medium-f7620c16",
+  "tedi-tooltip--large": "tedi-tooltip--large-f3655082",
+  "tedi-tooltip__arrow": "tedi-tooltip__arrow-3f18a7f2"
+};
+export {
+  t as default
+};

package/src/tedi/components/tags/status-badge/status-badge.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),x=require("../../base/icon/icon.cjs.js"),e=require("./status-badge.module.scss.cjs.js"),j=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),q=u=>{const{getCurrentBreakpointProps:o}=j.useBreakpointProps(u.defaultServerBreakpoint),{color:a="neutral",variant:c="filled",size:l="default",children:s,className:g,title:i,status:r,icon:n,id:b,role:t,...f}=o(u),m=i?"abbr":"div",p=_=>{switch(_){case"brand":return"brand-dark";case"success":return"success";case"accent":return"secondary";case"danger":return"danger";case"warning":return"warning-dark";default:return"primary"}},v=k.default(e.default["tedi-status-badge"],e.default[`tedi-status-badge--variant-${c}`],e.default[`tedi-status-badge--color-${a}`],r&&e.default["tedi-status-badge--status"],r&&e.default[`tedi-status-badge--status-${r}`],l==="large"&&e.default["tedi-status-badge--large"],n&&!s&&e.default["tedi-status-badge__icon-only"],g),B=t==="alert"?"assertive":t==="status"?"polite":void 0;return d.jsxs(m,{className:v,id:b,title:i,role:t,"aria-live":t?B:void 0,...f,children:[n&&d.jsx(x.Icon,{name:n,color:p(a),size:16,className:e.default[`tedi-status-badge__icon-${a}`]}),s&&d.jsx("span",{className:e.default["tedi-status-badge__inner-text"],children:s})]})};exports.StatusBadge=q;

package/src/tedi/components/tags/status-badge/status-badge.d.ts

@@ -0,0 +1,56 @@
+import { BreakpointSupport } from '../../../helpers';
+export type StatusBadgeColor = 'neutral' | 'brand' | 'accent' | 'success' | 'danger' | 'warning' | 'transparent';
+export type StatusBadgeVariant = 'filled' | 'filled-bordered' | 'bordered';
+export type StatusBadgeSize = 'default' | 'large';
+export type StatusBadgeStatus = 'danger' | 'success' | 'warning' | 'inactive';
+type StatusBadgePropsBreakpointProps = {
+    /**
+     * Specifies the color scheme of the StatusBadge.
+     * @default default
+     */
+    color?: StatusBadgeColor;
+    /**
+     * Determines the style or visual type of the StatusBadge.
+     * @default filled
+     */
+    variant?: StatusBadgeVariant;
+    /**
+     * Specifies the size of the StatusBadge.
+     * @default default
+     */
+    size?: StatusBadgeSize;
+    /**
+     * StatusBadge status indicator
+     */
+    status?: StatusBadgeStatus;
+    /**
+     * The name of the icon to be displayed inside the StatusBadge. The icon is rendered using the `Icon` component.
+     */
+    icon?: string;
+};
+export interface StatusBadgeProps extends BreakpointSupport<StatusBadgePropsBreakpointProps> {
+    /**
+     * The content to be displayed inside the StatusBadge.
+     * If not provided and `icon` is set, the badge will display the icon only.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional classes to apply custom styles to the StatusBadge.
+     */
+    className?: string;
+    /**
+     * Provides the full text or description when the Badge represents an abbreviation.
+     * This is typically shown as a tooltip on hover.
+     */
+    title?: string;
+    /**
+     * ID attribute
+     */
+    id?: string;
+    /**
+     * ARIA role attribute for accessibility.
+     */
+    role?: React.AriaRole;
+}
+export declare const StatusBadge: (props: StatusBadgeProps) => JSX.Element;
+export {};

package/src/tedi/components/tags/status-badge/status-badge.es.js

@@ -0,0 +1,70 @@
+import { jsxs as _, jsx as d } from "react/jsx-runtime";
+import k from "../../../../../external/classnames/index.es.js";
+import { Icon as N } from "../../base/icon/icon.es.js";
+import e from "./status-badge.module.scss.es.js";
+import { useBreakpointProps as x } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const z = (n) => {
+  const { getCurrentBreakpointProps: c } = x(n.defaultServerBreakpoint), {
+    color: a = "neutral",
+    variant: l = "filled",
+    size: u = "default",
+    children: s,
+    className: g,
+    title: o,
+    status: r,
+    icon: i,
+    id: m,
+    role: t,
+    ...b
+  } = c(n), p = o ? "abbr" : "div", v = (B) => {
+    switch (B) {
+      case "brand":
+        return "brand-dark";
+      case "success":
+        return "success";
+      case "accent":
+        return "secondary";
+      case "danger":
+        return "danger";
+      case "warning":
+        return "warning-dark";
+      default:
+        return "primary";
+    }
+  }, f = k(
+    e["tedi-status-badge"],
+    e[`tedi-status-badge--variant-${l}`],
+    e[`tedi-status-badge--color-${a}`],
+    r && e["tedi-status-badge--status"],
+    r && e[`tedi-status-badge--status-${r}`],
+    u === "large" && e["tedi-status-badge--large"],
+    i && !s && e["tedi-status-badge__icon-only"],
+    g
+  );
+  return /* @__PURE__ */ _(
+    p,
+    {
+      className: f,
+      id: m,
+      title: o,
+      role: t,
+      "aria-live": t ? t === "alert" ? "assertive" : t === "status" ? "polite" : void 0 : void 0,
+      ...b,
+      children: [
+        i && /* @__PURE__ */ d(
+          N,
+          {
+            name: i,
+            color: v(a),
+            size: 16,
+            className: e[`tedi-status-badge__icon-${a}`]
+          }
+        ),
+        s && /* @__PURE__ */ d("span", { className: e["tedi-status-badge__inner-text"], children: s })
+      ]
+    }
+  );
+};
+export {
+  z as StatusBadge
+};

package/src/tedi/components/tags/status-badge/status-badge.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-status-badge":"tedi-status-badge-4e27f642","tedi-status-badge__inner-text":"tedi-status-badge__inner-text-03b0bc82","tedi-status-badge--large":"tedi-status-badge--large-5f2dbfb5","tedi-status-badge--variant-filled":"tedi-status-badge--variant-filled-f4539af1","tedi-status-badge--color-neutral":"tedi-status-badge--color-neutral-d01344a8","tedi-status-badge--color-brand":"tedi-status-badge--color-brand-b771d71c","tedi-status-badge--color-accent":"tedi-status-badge--color-accent-c08bc9ef","tedi-status-badge--color-success":"tedi-status-badge--color-success-1fbe69c4","tedi-status-badge--color-danger":"tedi-status-badge--color-danger-5fce5f83","tedi-status-badge--color-warning":"tedi-status-badge--color-warning-fa9d7c9b","tedi-status-badge--color-transparent":"tedi-status-badge--color-transparent-e6953202","tedi-status-badge--variant-filled-bordered":"tedi-status-badge--variant-filled-bordered-2dd34026","tedi-status-badge--variant-bordered":"tedi-status-badge--variant-bordered-1a37eb74","tedi-status-badge--status":"tedi-status-badge--status-fc03170a","tedi-badge--large":"tedi-badge--large-9671d5cc","tedi-status-badge--status-inactive":"tedi-status-badge--status-inactive-63b8ced2","tedi-status-badge--status-success":"tedi-status-badge--status-success-5c659818","tedi-status-badge--status-danger":"tedi-status-badge--status-danger-f02c312f","tedi-status-badge--status-warning":"tedi-status-badge--status-warning-28e8b925","tedi-status-badge__icon-only":"tedi-status-badge__icon-only-40501cec","tedi-status-badge__icon-primary":"tedi-status-badge__icon-primary-3c104521","tedi-status-badge__icon-accent":"tedi-status-badge__icon-accent-3c367d33"};exports.default=t;

package/src/tedi/components/tags/status-badge/status-badge.module.scss.es.js

@@ -0,0 +1,27 @@
+const t = {
+  "tedi-status-badge": "tedi-status-badge-4e27f642",
+  "tedi-status-badge__inner-text": "tedi-status-badge__inner-text-03b0bc82",
+  "tedi-status-badge--large": "tedi-status-badge--large-5f2dbfb5",
+  "tedi-status-badge--variant-filled": "tedi-status-badge--variant-filled-f4539af1",
+  "tedi-status-badge--color-neutral": "tedi-status-badge--color-neutral-d01344a8",
+  "tedi-status-badge--color-brand": "tedi-status-badge--color-brand-b771d71c",
+  "tedi-status-badge--color-accent": "tedi-status-badge--color-accent-c08bc9ef",
+  "tedi-status-badge--color-success": "tedi-status-badge--color-success-1fbe69c4",
+  "tedi-status-badge--color-danger": "tedi-status-badge--color-danger-5fce5f83",
+  "tedi-status-badge--color-warning": "tedi-status-badge--color-warning-fa9d7c9b",
+  "tedi-status-badge--color-transparent": "tedi-status-badge--color-transparent-e6953202",
+  "tedi-status-badge--variant-filled-bordered": "tedi-status-badge--variant-filled-bordered-2dd34026",
+  "tedi-status-badge--variant-bordered": "tedi-status-badge--variant-bordered-1a37eb74",
+  "tedi-status-badge--status": "tedi-status-badge--status-fc03170a",
+  "tedi-badge--large": "tedi-badge--large-9671d5cc",
+  "tedi-status-badge--status-inactive": "tedi-status-badge--status-inactive-63b8ced2",
+  "tedi-status-badge--status-success": "tedi-status-badge--status-success-5c659818",
+  "tedi-status-badge--status-danger": "tedi-status-badge--status-danger-f02c312f",
+  "tedi-status-badge--status-warning": "tedi-status-badge--status-warning-28e8b925",
+  "tedi-status-badge__icon-only": "tedi-status-badge__icon-only-40501cec",
+  "tedi-status-badge__icon-primary": "tedi-status-badge__icon-primary-3c104521",
+  "tedi-status-badge__icon-accent": "tedi-status-badge__icon-accent-3c367d33"
+};
+export {
+  t as default
+};

package/src/tedi/components/tags/tag/tag.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),g=require("../../base/icon/icon.cjs.js"),p=require("../../buttons/closing-button/closing-button.cjs.js"),f=require("../../loaders/spinner/spinner.cjs.js"),e=require("./tag.module.scss.cjs.js"),_=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=i=>{const{getCurrentBreakpointProps:o}=_.useBreakpointProps(i.defaultServerBreakpoint),{children:n,className:l,onClose:a,isLoading:r=!1,color:s="primary",...c}=o(i),d=u.default(e.default["tedi-tag"],s&&e.default[`tedi-tag--color-${s}`],a&&!r&&e.default["tedi-tag__close"],l);return t.jsxs("div",{className:d,role:"status","aria-live":r?"polite":void 0,...c,children:[s==="danger"&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(g.Icon,{name:"info",color:"danger",size:16,className:e.default["tedi-tag__icon--error"]})}),t.jsx("div",{className:e.default["tedi-tag__content"],children:n}),r&&!a&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(f.Spinner,{className:e.default["tedi-tag__loader"]})}),!r&&a&&t.jsx(p.ClosingButton,{onClick:a})]})};exports.Tag=m;

package/src/tedi/components/tags/tag/tag.d.ts

@@ -0,0 +1,34 @@
+import { MouseEventHandler } from 'react';
+import { BreakpointSupport } from '../../../helpers';
+type TagColor = 'primary' | 'secondary' | 'danger';
+type TagBreakpointProps = {
+    /**
+     * Determines Tag color
+     * When true, the Tag will be styled accordingly and an error icon will be displayed.
+     * @default 'primary'
+     */
+    color?: TagColor;
+    /**
+     * Additional classes to apply custom styles to the Tag.
+     */
+    className?: string;
+};
+export interface TagProps extends BreakpointSupport<TagBreakpointProps> {
+    /**
+     * The content inside the Tag.
+     * Typically this will be text or any JSX elements to be displayed.
+     */
+    children: React.ReactNode;
+    /**
+     * Function to be called when the close button is clicked.
+     * If provided, a close button will be rendered inside the Tag.
+     */
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Determines whether the Tag is in a loading state
+     * @default false
+     */
+    isLoading?: boolean;
+}
+export declare const Tag: (props: TagProps) => JSX.Element;
+export {};

package/src/tedi/components/tags/tag/tag.es.js

@@ -0,0 +1,31 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import p from "../../../../../external/classnames/index.es.js";
+import { Icon as g } from "../../base/icon/icon.es.js";
+import { ClosingButton as _ } from "../../buttons/closing-button/closing-button.es.js";
+import { Spinner as f } from "../../loaders/spinner/spinner.es.js";
+import e from "./tag.module.scss.es.js";
+import { useBreakpointProps as N } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const j = (i) => {
+  const { getCurrentBreakpointProps: s } = N(i.defaultServerBreakpoint), {
+    children: n,
+    className: c,
+    onClose: o,
+    isLoading: t = !1,
+    color: a = "primary",
+    ...l
+  } = s(i), m = p(
+    e["tedi-tag"],
+    a && e[`tedi-tag--color-${a}`],
+    o && !t && e["tedi-tag__close"],
+    c
+  );
+  return /* @__PURE__ */ d("div", { className: m, role: "status", "aria-live": t ? "polite" : void 0, ...l, children: [
+    a === "danger" && /* @__PURE__ */ r("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ r(g, { name: "info", color: "danger", size: 16, className: e["tedi-tag__icon--error"] }) }),
+    /* @__PURE__ */ r("div", { className: e["tedi-tag__content"], children: n }),
+    t && !o && /* @__PURE__ */ r("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ r(f, { className: e["tedi-tag__loader"] }) }),
+    !t && o && /* @__PURE__ */ r(_, { onClick: o })
+  ] });
+};
+export {
+  j as Tag
+};

package/src/tedi/components/tags/tag/tag.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-tag":"tedi-tag-f6a58785","tedi-tag--color-primary":"tedi-tag--color-primary-a7b92fc1","tedi-tag--color-secondary":"tedi-tag--color-secondary-9ff6c8ce","tedi-tag--color-danger":"tedi-tag--color-danger-83bf0f2f","tedi-tag__content":"tedi-tag__content-b8cbfd6c","tedi-tag__icon-wrapper":"tedi-tag__icon-wrapper-f3c4be0a","tedi-tag__loader":"tedi-tag__loader-41807639","tedi-tag__close":"tedi-tag__close-81b1ded6"};exports.default=t;

package/src/tedi/components/tags/tag/tag.module.scss.es.js

@@ -0,0 +1,13 @@
+const t = {
+  "tedi-tag": "tedi-tag-f6a58785",
+  "tedi-tag--color-primary": "tedi-tag--color-primary-a7b92fc1",
+  "tedi-tag--color-secondary": "tedi-tag--color-secondary-9ff6c8ce",
+  "tedi-tag--color-danger": "tedi-tag--color-danger-83bf0f2f",
+  "tedi-tag__content": "tedi-tag__content-b8cbfd6c",
+  "tedi-tag__icon-wrapper": "tedi-tag__icon-wrapper-f3c4be0a",
+  "tedi-tag__loader": "tedi-tag__loader-41807639",
+  "tedi-tag__close": "tedi-tag__close-81b1ded6"
+};
+export {
+  t as default
+};

package/src/tedi/docs/colors/color-tokens.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface Color {
+    name: string;
+    value: string;
+    main?: boolean;
+}
+interface ColorStoryProps {
+    data: {
+        mode: {
+            name: string;
+            id: string;
+        };
+        color: Color[];
+    }[];
+}
+declare const ColorStory: React.FC<ColorStoryProps>;
+export default ColorStory;

package/src/tedi/helpers/background-colors/background-colors.d.ts

@@ -0,0 +1,2 @@
+import { TColorsBackground } from '../../types/commonTypes';
+export declare const getBackgroundColorClass: (type?: TColorsBackground) => string;

package/src/tedi/helpers/hooks/use-breakpoint-props.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(i="xs")=>{const e=r.useBreakpoint(i),t=s.useMemo(()=>e?r.breakpoints.slice(0,r.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,a={})=>{const{sm:x,md:f,lg:g,xl:m,xxl:b,...u}=o,c=[...t.map(n=>l.default(n==="xs"?u:o[n],p=>p!==void 0))].filter(Boolean);return Object.assign(k.default(a,"defaultServerBreakpoint"),...c)},[t])}};exports.useBreakpointProps=B;

package/src/tedi/helpers/hooks/use-breakpoint-props.d.ts

@@ -0,0 +1,19 @@
+import { Breakpoint } from './use-breakpoint';
+export declare const useBreakpointProps: (defaultServerBreakpoint?: Breakpoint) => {
+    getCurrentBreakpointProps: <T>(props: BreakpointSupport<T>, defaultValues?: Partial<T>) => Omit<BreakpointSupport<T>, Exclude<Breakpoint, "xs"> | "defaultServerBreakpoint">;
+};
+/**
+ * BreakpointSupport is a utility type that allows you to define props for different breakpoints.
+ * It extends the given type T and adds optional properties for each breakpoint except 'xs'.
+ * This is useful for creating responsive components that can have different props based on the current breakpoint.
+ * Also defaultSSRBreakpoint is added to the type, so you can set a default value for the component, when it's rendered on the server-side.
+ * Because in SSR we don't have access to the window object and can't know the user's screen size.
+ */
+export type BreakpointSupport<T> = T & {
+    /**
+     * Default breakpoint for SSR, the component is rendered with this breakpoint props on the server-side.
+     */
+    defaultServerBreakpoint?: Breakpoint;
+} & {
+    [key in Exclude<Breakpoint, 'xs'>]?: Partial<T>;
+};

package/src/tedi/helpers/hooks/use-breakpoint-props.es.js

@@ -0,0 +1,23 @@
+import n from "react";
+import { useBreakpoint as u, breakpoints as s } from "./use-breakpoint.es.js";
+import k from "../../../../external/lodash-es/pickBy.es.js";
+import l from "../../../../external/lodash-es/omit.es.js";
+const O = (i = "xs") => {
+  const r = u(i), t = n.useMemo(
+    () => r ? s.slice(0, s.indexOf(r) + 1) : [],
+    [r]
+  );
+  return { getCurrentBreakpointProps: n.useCallback(
+    (e, a = {}) => {
+      const { sm: f, md: x, lg: d, xl: g, xxl: v, ...p } = e, c = [
+        ...t.map((o) => k(o === "xs" ? p : e[o], (m) => m !== void 0))
+        // filter out props that have undefined as value, so they don't override lower breakpoint values or default values
+      ].filter(Boolean);
+      return Object.assign(l(a, "defaultServerBreakpoint"), ...c);
+    },
+    [t]
+  ) };
+};
+export {
+  O as useBreakpointProps
+};

package/src/tedi/helpers/hooks/use-breakpoint.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),d=require("../../../../external/lodash-es/debounce.cjs.js"),n=["xs","sm","md","lg","xl","xxl"],o=(e="xs")=>{const[t,r]=a.useState(e);return a.useLayoutEffect(()=>{const s=()=>window.matchMedia("(min-width: 1400px)").matches?"xxl":window.matchMedia("(min-width: 1200px)").matches?"xl":window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs",i=d.default(()=>{r(s())},20);return r(s()),window.addEventListener("resize",i),()=>{i.cancel(),window.removeEventListener("resize",i)}},[]),t},u=(e,t)=>e?n.indexOf(e)<n.indexOf(t):!1;exports.breakpoints=n;exports.default=o;exports.isBreakpointBelow=u;exports.useBreakpoint=o;

package/src/tedi/helpers/hooks/use-breakpoint.d.ts

@@ -0,0 +1,9 @@
+export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export declare const breakpoints: Breakpoint[];
+/**
+ * @param defaultServerBreakpoint - Default breakpoint for SSR, the hook returns this breakpoint in the SSR.
+ * @returns User's current breakpoint
+ */
+export declare const useBreakpoint: (defaultServerBreakpoint?: Breakpoint) => Breakpoint;
+export declare const isBreakpointBelow: (current: Breakpoint | null, target: Breakpoint) => boolean;
+export default useBreakpoint;

package/src/tedi/helpers/hooks/use-breakpoint.es.js

@@ -0,0 +1,19 @@
+import { useState as a, useLayoutEffect as o } from "react";
+import d from "../../../../external/lodash-es/debounce.es.js";
+const s = ["xs", "sm", "md", "lg", "xl", "xxl"], c = (e = "xs") => {
+  const [t, n] = a(e);
+  return o(() => {
+    const r = () => window.matchMedia("(min-width: 1400px)").matches ? "xxl" : window.matchMedia("(min-width: 1200px)").matches ? "xl" : window.matchMedia("(min-width: 992px)").matches ? "lg" : window.matchMedia("(min-width: 768px)").matches ? "md" : window.matchMedia("(min-width: 576px)").matches ? "sm" : "xs", i = d(() => {
+      n(r());
+    }, 20);
+    return n(r()), window.addEventListener("resize", i), () => {
+      i.cancel(), window.removeEventListener("resize", i);
+    };
+  }, []), t;
+}, x = (e, t) => e ? s.indexOf(e) < s.indexOf(t) : !1;
+export {
+  s as breakpoints,
+  c as default,
+  x as isBreakpointBelow,
+  c as useBreakpoint
+};

package/src/tedi/helpers/hooks/use-element-size.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../external/lodash-es/debounce.cjs.js"),n=require("react"),c=e=>{const[i,s]=n.useState(void 0);return n.useEffect(()=>{const t=u.default(()=>{e!=null&&e.current&&s(e==null?void 0:e.current.getBoundingClientRect())},20);return t(),window.addEventListener("resize",t),()=>{t.cancel(),window.removeEventListener("resize",t)}},[e]),i};exports.useElementSize=c;

package/src/tedi/helpers/hooks/use-element-size.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useElementSize: (ref: RefObject<HTMLElement> | null) => DOMRect | undefined;

package/src/tedi/helpers/hooks/use-element-size.es.js

@@ -0,0 +1,16 @@
+import o from "../../../../external/lodash-es/debounce.es.js";
+import { useState as s, useEffect as c } from "react";
+const m = (e) => {
+  const [n, i] = s(void 0);
+  return c(() => {
+    const t = o(() => {
+      e != null && e.current && i(e == null ? void 0 : e.current.getBoundingClientRect());
+    }, 20);
+    return t(), window.addEventListener("resize", t), () => {
+      t.cancel(), window.removeEventListener("resize", t);
+    };
+  }, [e]), n;
+};
+export {
+  m as useElementSize
+};

package/src/tedi/helpers/hooks/use-file-upload.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),T=require("../../providers/label-provider/use-labels.cjs.js"),y=({accept:p,maxSize:r},o)=>{if(!p&&!r)return;const a=[p&&`${o("file-upload.accept")} ${p.replaceAll(",",", ")}`,r&&`${o("file-upload.max-size")} ${r}MB`].filter(Boolean).join(". ");return a.length?{text:a}:void 0},V=()=>`${Date.now()}-${Math.random().toString(36).slice(2)}`,z=p=>{const{getLabel:r}=T.useLabels(),{accept:o,maxSize:a,multiple:x=!1,validateIndividually:w=!1,defaultFiles:M=[],onChange:c,onDelete:d,files:j}=p,F=j!==void 0,[b,h]=v.useState(M),f=F?j:b,[E,m]=v.useState(y({accept:o,maxSize:a},r)),u=v.useRef(null),L=t=>{var l;if(!o)return!0;const n=o.split(",").map(e=>e.trim().toLowerCase()),s=t.name.includes(".")?`.${(l=t.name.split(".").pop())==null?void 0:l.toLowerCase()}`:"",i=t.type.toLowerCase();return n.includes(s)||n.includes(i)},R=t=>{const n=t.reduce((s,{type:i,file:l})=>(s[i].push(l.name),s),{extension:[],size:[]});return Object.entries(n).filter(([s,i])=>i.length).map(([s,i])=>{const l=i.map(e=>`'${e}'`).join(", ");return r(`file-upload.${s}-rejected`,l)}).join(". ")};return{innerFiles:f,uploadErrorHelper:E,onFileChange:t=>{if(t.target.files){const n=Array.from(t.target.files),s=[],i=n.map(e=>{const g=L(e),$=!a||e.size<=a*1024**2;g||s.push({type:"extension",file:e}),$||s.push({type:"size",file:e});const S=new File([e],e.name,{type:e.type,lastModified:e.lastModified});return Object.assign(S,{id:V(),isLoading:!1,isValid:g&&$})});let l=[];if(!x&&i.length>0)i[0].isValid&&(l=[i[0]]);else if(w)l=[...f,...i];else{const e=i.filter(g=>g.isValid);e.length>0&&(l=[...f,...e])}l.length>0&&(F||h(l),c==null||c(l)),s.length?m({type:"error",text:R(s)}):m(y({accept:o,maxSize:a},r)),u.current&&(u.current.value="")}},onFileRemove:t=>{const n=f.filter(s=>s!==t);F||h(n),d==null||d(t),c==null||c(n),n.length===0&&m(y({accept:o,maxSize:a},r)),u.current&&(u.current.value="")},handleClear:()=>{const t=[...f];return t.forEach(n=>d==null?void 0:d(n)),F||h([]),c==null||c([]),m(y({accept:o,maxSize:a},r)),u.current&&(u.current.value=""),t},fileInputRef:u}};exports.useFileUpload=z;

package/src/tedi/helpers/hooks/use-file-upload.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { FeedbackTextProps } from '../../components/form/feedback-text/feedback-text';
+export interface FileUploadFile extends Partial<File> {
+    id?: string;
+    isLoading?: boolean;
+    isValid?: boolean;
+}
+export type FileRejectionType = 'size' | 'extension';
+export interface RejectedFile {
+    type: FileRejectionType;
+    file: File;
+}
+export interface UseFileUploadProps {
+    accept?: string;
+    maxSize?: number;
+    multiple?: boolean;
+    validateIndividually?: boolean;
+    defaultFiles?: FileUploadFile[];
+    onChange?: (files: FileUploadFile[]) => void;
+    onDelete?: (file: FileUploadFile) => void;
+    files?: FileUploadFile[];
+}
+export declare const useFileUpload: (props: UseFileUploadProps) => {
+    innerFiles: FileUploadFile[];
+    uploadErrorHelper: FeedbackTextProps | undefined;
+    onFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onFileRemove: (file: FileUploadFile) => void;
+    handleClear: () => FileUploadFile[];
+    fileInputRef: React.RefObject<HTMLInputElement>;
+};