@tedi-design-system/react 18.0.0-rc.9 → 18.0.0

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.es.js

@@ -1,99 +1,100 @@
-import { jsxs as a, jsx as o, Fragment as x } from "react/jsx-runtime";
+import { jsxs as a, jsx as n, Fragment as v } from "react/jsx-runtime";
 import D from "../../../../../../../external/classnames/index.es.js";
-import { useCallback as O, useMemo as N } from "react";
-import { Icon as w } from "../../../../base/icon/icon.es.js";
-import { Button as s } from "../../../../buttons/button/button.es.js";
+import { useCallback as B, useMemo as N } from "react";
+import { Icon as g } from "../../../../base/icon/icon.es.js";
+import { Text as C } from "../../../../base/typography/text/text.es.js";
+import { Button as m } from "../../../../buttons/button/button.es.js";
 import r from "./calendar-header.module.scss.es.js";
-import { useNavigation as B } from "../../../../../../../external/react-day-picker/dist/esm/types/deprecated.es.js";
-import { dateMatchModifiers as G } from "../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
+import { useLabels as G } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useNavigation as H } from "../../../../../../../external/react-day-picker/dist/esm/types/deprecated.es.js";
+import { dateMatchModifiers as R } from "../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.es.js";
 import { Dropdown as c } from "../../../../overlays/dropdown/dropdown.es.js";
-import { useLabels as H } from "../../../../../providers/label-provider/use-labels.es.js";
-function W({
-  calendarMonth: C,
-  monthYearSelectType: Y = "dropdown",
-  onOpenMonthGrid: F,
-  onOpenYearGrid: T,
-  showNavigation: g = !0,
-  localeCode: h,
-  disabledMatchers: n
+function Z({
+  calendarMonth: Y,
+  monthYearSelectType: F = "dropdown",
+  onOpenMonthGrid: T,
+  onOpenYearGrid: L,
+  showNavigation: _ = !0,
+  localeCode: p,
+  disabledMatchers: o
 }) {
-  const f = Y === "grid", { getLabel: _ } = H(), { goToMonth: u, nextMonth: S, previousMonth: v } = B(), d = C.date, i = d.getFullYear(), y = d.getMonth(), A = Array.from(
+  const f = F === "grid", { getLabel: u } = G(), { goToMonth: h, nextMonth: S, previousMonth: x } = H(), d = Y.date, i = d.getFullYear(), y = d.getMonth(), A = Array.from(
     { length: 12 },
-    (t, e) => new Date(i, e, 1).toLocaleString(h, { month: "long" })
-  ), I = (/* @__PURE__ */ new Date()).getFullYear(), m = Array.from({ length: 21 }, (t, e) => I - 10 + e), p = O(
+    (t, e) => new Date(i, e, 1).toLocaleString(p, { month: "long" })
+  ), I = (/* @__PURE__ */ new Date()).getFullYear(), s = Array.from({ length: 21 }, (t, e) => I - 10 + e), w = B(
     (t, e) => {
-      if (!(n != null && n.length)) return !1;
+      if (!(o != null && o.length)) return !1;
       const l = new Date(t);
       for (; l <= e; ) {
-        if (!G(l, n)) return !1;
+        if (!R(l, o)) return !1;
         l.setDate(l.getDate() + 1);
       }
       return !0;
     },
-    [n]
-  ), L = N(() => {
-    if (!(n != null && n.length)) return /* @__PURE__ */ new Set();
+    [o]
+  ), j = N(() => {
+    if (!(o != null && o.length)) return /* @__PURE__ */ new Set();
     const t = /* @__PURE__ */ new Set();
     for (let e = 0; e < 12; e++) {
       const l = new Date(i, e, 1), k = new Date(i, e + 1, 0);
-      p(l, k) && t.add(e);
+      w(l, k) && t.add(e);
     }
     return t;
-  }, [n, i, p]), j = N(() => {
-    if (!(n != null && n.length)) return /* @__PURE__ */ new Set();
+  }, [o, i, w]), O = N(() => {
+    if (!(o != null && o.length)) return /* @__PURE__ */ new Set();
     const t = /* @__PURE__ */ new Set();
-    for (const e of m) {
+    for (const e of s) {
       const l = new Date(e, 0, 1), k = new Date(e, 11, 31);
-      p(l, k) && t.add(e);
+      w(l, k) && t.add(e);
     }
     return t;
-  }, [n, m, p]);
+  }, [o, s, w]);
   return /* @__PURE__ */ a(
     "div",
     {
       className: D(r["tedi-calendar__header"], {
-        [r["tedi-calendar__no-navigation"]]: !g
+        [r["tedi-calendar__no-navigation"]]: !_
       }),
       children: [
-        g && /* @__PURE__ */ o(
-          s,
+        _ && /* @__PURE__ */ n(
+          m,
           {
             type: "button",
-            onClick: () => v && u(v),
-            "aria-label": _("pickers.previousMonth"),
+            onClick: () => x && h(x),
+            "aria-label": u("pickers.previousMonth"),
             icon: "arrow_back",
             visualType: "neutral",
-            children: _("pickers.previousMonth")
+            children: u("pickers.previousMonth")
           }
         ),
-        f ? /* @__PURE__ */ a(x, { children: [
+        _ ? f ? /* @__PURE__ */ a(v, { children: [
           /* @__PURE__ */ a(
-            s,
+            m,
             {
               noStyle: !0,
               className: r["tedi-calendar__month-year-selector"],
-              onClick: F,
+              onClick: T,
               "data-testid": "tedi-calendar-month-trigger",
               children: [
-                d.toLocaleString(h, { month: "long" }),
-                /* @__PURE__ */ o(w, { name: "arrow_drop_down", color: "tertiary", className: r["tedi-calendar__month-year-caret"] })
+                d.toLocaleString(p, { month: "long" }),
+                /* @__PURE__ */ n(g, { name: "arrow_drop_down", color: "tertiary", className: r["tedi-calendar__month-year-caret"] })
               ]
             }
           ),
           /* @__PURE__ */ a(
-            s,
+            m,
             {
               noStyle: !0,
               className: r["tedi-calendar__month-year-selector"],
-              onClick: T,
+              onClick: L,
               "data-testid": "tedi-calendar-year-trigger",
               children: [
                 d.getFullYear(),
-                /* @__PURE__ */ o(w, { name: "arrow_drop_down", color: "tertiary", className: r["tedi-calendar__month-year-caret"] })
+                /* @__PURE__ */ n(g, { name: "arrow_drop_down", color: "tertiary", className: r["tedi-calendar__month-year-caret"] })
               ]
             }
           )
-        ] }) : /* @__PURE__ */ a(x, { children: [
+        ] }) : /* @__PURE__ */ a(v, { children: [
           /* @__PURE__ */ a(
             c,
             {
@@ -103,10 +104,10 @@ function W({
               width: "auto",
               defaultActiveIndex: y,
               children: [
-                /* @__PURE__ */ o(c.Trigger, { children: /* @__PURE__ */ a(s, { noStyle: !0, className: r["tedi-calendar__month-year-selector"], children: [
-                  d.toLocaleString(h, { month: "long" }),
-                  /* @__PURE__ */ o(
-                    w,
+                /* @__PURE__ */ n(c.Trigger, { children: /* @__PURE__ */ a(m, { noStyle: !0, className: r["tedi-calendar__month-year-selector"], children: [
+                  d.toLocaleString(p, { month: "long" }),
+                  /* @__PURE__ */ n(
+                    g,
                     {
                       name: "arrow_drop_down",
                       color: "tertiary",
@@ -115,13 +116,13 @@ function W({
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ o(c.Content, { children: A.map((t, e) => /* @__PURE__ */ o(
+                /* @__PURE__ */ n(c.Content, { children: A.map((t, e) => /* @__PURE__ */ n(
                   c.Item,
                   {
                     index: e,
                     active: y === e,
-                    disabled: L.has(e),
-                    onClick: () => u(new Date(i, e)),
+                    disabled: j.has(e),
+                    onClick: () => h(new Date(i, e)),
                     children: t
                   },
                   t
@@ -136,12 +137,12 @@ function W({
                 [r["tedi-calendar__picker-grid-dropdown"]]: f
               }),
               width: "auto",
-              defaultActiveIndex: m.indexOf(i) === -1 ? void 0 : m.indexOf(i),
+              defaultActiveIndex: s.indexOf(i) === -1 ? void 0 : s.indexOf(i),
               children: [
-                /* @__PURE__ */ o(c.Trigger, { children: /* @__PURE__ */ a(s, { noStyle: !0, className: r["tedi-calendar__month-year-selector"], children: [
+                /* @__PURE__ */ n(c.Trigger, { children: /* @__PURE__ */ a(m, { noStyle: !0, className: r["tedi-calendar__month-year-selector"], children: [
                   d.getFullYear(),
-                  /* @__PURE__ */ o(
-                    w,
+                  /* @__PURE__ */ n(
+                    g,
                     {
                       name: "arrow_drop_down",
                       color: "tertiary",
@@ -150,13 +151,13 @@ function W({
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ o(c.Content, { children: m.map((t, e) => /* @__PURE__ */ o(
+                /* @__PURE__ */ n(c.Content, { children: s.map((t, e) => /* @__PURE__ */ n(
                   c.Item,
                   {
                     index: e,
                     active: i === t,
-                    disabled: j.has(t),
-                    onClick: () => u(new Date(t, y)),
+                    disabled: O.has(t),
+                    onClick: () => h(new Date(t, y)),
                     children: t
                   },
                   t
@@ -164,16 +165,19 @@ function W({
               ]
             }
           )
+        ] }) : /* @__PURE__ */ a("div", { className: r["tedi-calendar__month-year-label"], children: [
+          /* @__PURE__ */ n(C, { children: d.toLocaleString(p, { month: "long" }) }),
+          /* @__PURE__ */ n(C, { children: i })
         ] }),
-        g && /* @__PURE__ */ o(
-          s,
+        _ && /* @__PURE__ */ n(
+          m,
           {
             type: "button",
-            onClick: () => S && u(S),
+            onClick: () => S && h(S),
             visualType: "neutral",
-            "aria-label": _("pickers.nextMonth"),
+            "aria-label": u("pickers.nextMonth"),
             icon: "arrow_forward",
-            children: _("pickers.nextMonth")
+            children: u("pickers.nextMonth")
           }
         )
       ]
@@ -181,5 +185,5 @@ function W({
   );
 }
 export {
-  W as CalendarHeader
+  Z as CalendarHeader
 };

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__header":"tedi-calendar__header-b917e6c6","tedi-calendar__no-navigation":"tedi-calendar__no-navigation-6ed593b5","tedi-calendar__month-year-dropdown":"tedi-calendar__month-year-dropdown-87f6e081","tedi-calendar__month-year-selector":"tedi-calendar__month-year-selector-8fbb2727","tedi-calendar__month-year-caret":"tedi-calendar__month-year-caret-a08a1e16"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__header":"tedi-calendar__header-b917e6c6","tedi-calendar__no-navigation":"tedi-calendar__no-navigation-6ed593b5","tedi-calendar__month-year-dropdown":"tedi-calendar__month-year-dropdown-87f6e081","tedi-calendar__month-year-selector":"tedi-calendar__month-year-selector-8fbb2727","tedi-calendar__month-year-caret":"tedi-calendar__month-year-caret-a08a1e16","tedi-calendar__month-year-label":"tedi-calendar__month-year-label-d3cf51de"};exports.default=e;

package/src/tedi/components/content/calendar/components/calendar-header/calendar-header.module.scss.es.js

@@ -3,7 +3,8 @@ const e = {
   "tedi-calendar__no-navigation": "tedi-calendar__no-navigation-6ed593b5",
   "tedi-calendar__month-year-dropdown": "tedi-calendar__month-year-dropdown-87f6e081",
   "tedi-calendar__month-year-selector": "tedi-calendar__month-year-selector-8fbb2727",
-  "tedi-calendar__month-year-caret": "tedi-calendar__month-year-caret-a08a1e16"
+  "tedi-calendar__month-year-caret": "tedi-calendar__month-year-caret-a08a1e16",
+  "tedi-calendar__month-year-label": "tedi-calendar__month-year-label-d3cf51de"
 };
 export {
   e as default

package/src/tedi/components/{cards → content}/card/card-content/card-content.d.ts

@@ -2,8 +2,18 @@ import { default as React, CSSProperties } from 'react';
 import { BreakpointSupport } from '../../../../helpers';
 import { SharedCardProps } from '../card';
 export interface CardContentProps extends BreakpointSupport<SharedCardProps> {
+    /**
+     * Content rendered inside the card section.
+     */
     children?: React.ReactNode;
+    /**
+     * Renders the content section as an interactive `<button>` element instead of a `<div>`.
+     * Use when the whole section should be clickable.
+     */
     role?: 'button';
+    /**
+     * Inline styles applied to the content element.
+     */
     style?: CSSProperties;
 }
 export declare const CardContent: (props: CardContentProps) => JSX.Element;

package/src/tedi/components/{cards → content}/card/card-notification/card-notification.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-card__notification-content":"tedi-card__notification-content-2a22e902","tedi-card__notification":"tedi-card__notification-d5a264e6"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-card__notification-content":"tedi-card__notification-content-945ef567","tedi-card__notification":"tedi-card__notification-168c27af"};exports.default=t;

package/src/tedi/components/{cards → content}/card/card-notification/card-notification.module.scss.es.js

@@ -1,6 +1,6 @@
 const t = {
-  "tedi-card__notification-content": "tedi-card__notification-content-2a22e902",
-  "tedi-card__notification": "tedi-card__notification-d5a264e6"
+  "tedi-card__notification-content": "tedi-card__notification-content-945ef567",
+  "tedi-card__notification": "tedi-card__notification-168c27af"
 };
 export {
   t as default

package/src/tedi/components/{cards → content}/card/card-stories-templates.d.ts

@@ -1,4 +1,4 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { CardStory } from './card.stories';
 export declare const HeaderTypesTemplate: StoryFn<CardStory>;
 export declare const DefaultCardTemplates: StoryFn<CardStory>;

package/src/tedi/components/content/card/card.cjs.js

@@ -0,0 +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;

package/src/tedi/components/{cards → content}/card/card.d.ts

@@ -46,7 +46,9 @@ export interface SharedCardProps {
      */
     backgroundRepeat?: CSSProperties['backgroundRepeat'];
     /**
-     * Separator.
+     * Renders a separator line between this section and the adjacent card content.
+     * Useful for visually dividing stacked `Card.Header`, `Card.Content` and `Card.Notification` sections.
+     * @default false
      */
     hasSeparator?: boolean;
 }
@@ -71,11 +73,12 @@ type CardBreakpointProps = {
      */
     borderRadius?: BorderRadius;
     /**
-     * Remove border from card
+     * Removes the card's border entirely.
+     * @default false
      */
     borderless?: boolean;
     /**
-     * Type of border
+     * Adds a colored accent border to the top or left of the card (e.g. `top-success-primary`, `left-danger-primary`).
      */
     border?: CardBorderType;
 } & Pick<CardContentProps, 'padding' | 'background'>;
@@ -85,6 +88,6 @@ export interface CardProps extends BreakpointSupport<CardBreakpointProps> {
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Content: (props: CardContentProps) => JSX.Element;
     Header: (props: CardContentProps) => JSX.Element;
-    Notification: (props: import('./card-notification/card-notification').CardNotificationProps) => JSX.Element;
+    Notification: (props: import('.').CardNotificationProps) => JSX.Element;
 };
 export default Card;

package/src/tedi/components/{cards → content}/card/card.es.js

@@ -31,6 +31,5 @@ const z = Object.assign(i, {
   Notification: h
 });
 export {
-  z as Card,
-  z as default
+  z as Card
 };

package/src/tedi/components/content/card/card.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={"tedi-card":"tedi-card-46f8f767","tedi-card--background--accent":"tedi-card--background--accent-930871c7","tedi-card--border--accent":"tedi-card--border--accent-90f35e66","tedi-card--background--brand-primary":"tedi-card--background--brand-primary-01c89a1e","tedi-card--border--brand-primary":"tedi-card--border--brand-primary-987cfd48","tedi-card--background--brand-secondary":"tedi-card--background--brand-secondary-52a2d6ee","tedi-card--border--brand-secondary":"tedi-card--border--brand-secondary-155df9fc","tedi-card--background--brand-tertiary":"tedi-card--background--brand-tertiary-6e531e52","tedi-card--border--brand-tertiary":"tedi-card--border--brand-tertiary-90e59b2f","tedi-card--background--brand-quaternary":"tedi-card--background--brand-quaternary-302574ef","tedi-card--border--brand-quaternary":"tedi-card--border--brand-quaternary-8fecab3d","tedi-card--background--primary":"tedi-card--background--primary-97377456","tedi-card--border--primary":"tedi-card--border--primary-6fb38184","tedi-card--background--secondary":"tedi-card--background--secondary-03bafe87","tedi-card--border--secondary":"tedi-card--border--secondary-a2efb368","tedi-card--background--tertiary":"tedi-card--background--tertiary-9aaed047","tedi-card--border--tertiary":"tedi-card--border--tertiary-36ed56dc","tedi-card--background--info-primary":"tedi-card--background--info-primary-a447d86c","tedi-card--border--info-primary":"tedi-card--border--info-primary-3a459b1a","tedi-card--background--info-secondary":"tedi-card--background--info-secondary-ccb381f3","tedi-card--border--info-secondary":"tedi-card--border--info-secondary-b177e078","tedi-card--background--neutral-primary":"tedi-card--background--neutral-primary-e8462085","tedi-card--border--neutral-primary":"tedi-card--border--neutral-primary-0e494a3a","tedi-card--background--neutral-secondary":"tedi-card--background--neutral-secondary-78f69323","tedi-card--border--neutral-secondary":"tedi-card--border--neutral-secondary-2eacfcf2","tedi-card--background--success-primary":"tedi-card--background--success-primary-74cc128e","tedi-card--border--success-primary":"tedi-card--border--success-primary-ad13f6a9","tedi-card--background--success-secondary":"tedi-card--background--success-secondary-2e51dbc2","tedi-card--border--success-secondary":"tedi-card--border--success-secondary-d2d310bf","tedi-card--background--danger-primary":"tedi-card--background--danger-primary-24f9b394","tedi-card--border--danger-primary":"tedi-card--border--danger-primary-ca67a077","tedi-card--background--danger-secondary":"tedi-card--background--danger-secondary-d7d418a7","tedi-card--border--danger-secondary":"tedi-card--border--danger-secondary-58c75b3c","tedi-card--background--warning-primary":"tedi-card--background--warning-primary-0c9bdb9e","tedi-card--border--warning-primary":"tedi-card--border--warning-primary-67735d46","tedi-card--background--warning-secondary":"tedi-card--background--warning-secondary-ade88bae","tedi-card--border--warning-secondary":"tedi-card--border--warning-secondary-04a1f223","tedi-card--border-left":"tedi-card--border-left-55222a12","tedi-card--border-top":"tedi-card--border-top-4a483c06","tedi-card--borderless":"tedi-card--borderless-66eb216d","tedi-card--no-radius-tl":"tedi-card--no-radius-tl-fc11f3e6","tedi-card__header":"tedi-card__header-e3ceedf1","tedi-card__content":"tedi-card__content-79613a61","tedi-card--no-radius-tr":"tedi-card--no-radius-tr-89903519","tedi-card--no-radius-br":"tedi-card--no-radius-br-06b8b7e4","tedi-card--no-radius-bl":"tedi-card--no-radius-bl-b5a6dd25","tedi-card__content--separator":"tedi-card__content--separator-2fb649b6"};exports.default=r;

package/src/tedi/components/{cards → content}/card/card.module.scss.es.js

@@ -1,51 +1,51 @@
 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"
+  "tedi-card": "tedi-card-46f8f767",
+  "tedi-card--background--accent": "tedi-card--background--accent-930871c7",
+  "tedi-card--border--accent": "tedi-card--border--accent-90f35e66",
+  "tedi-card--background--brand-primary": "tedi-card--background--brand-primary-01c89a1e",
+  "tedi-card--border--brand-primary": "tedi-card--border--brand-primary-987cfd48",
+  "tedi-card--background--brand-secondary": "tedi-card--background--brand-secondary-52a2d6ee",
+  "tedi-card--border--brand-secondary": "tedi-card--border--brand-secondary-155df9fc",
+  "tedi-card--background--brand-tertiary": "tedi-card--background--brand-tertiary-6e531e52",
+  "tedi-card--border--brand-tertiary": "tedi-card--border--brand-tertiary-90e59b2f",
+  "tedi-card--background--brand-quaternary": "tedi-card--background--brand-quaternary-302574ef",
+  "tedi-card--border--brand-quaternary": "tedi-card--border--brand-quaternary-8fecab3d",
+  "tedi-card--background--primary": "tedi-card--background--primary-97377456",
+  "tedi-card--border--primary": "tedi-card--border--primary-6fb38184",
+  "tedi-card--background--secondary": "tedi-card--background--secondary-03bafe87",
+  "tedi-card--border--secondary": "tedi-card--border--secondary-a2efb368",
+  "tedi-card--background--tertiary": "tedi-card--background--tertiary-9aaed047",
+  "tedi-card--border--tertiary": "tedi-card--border--tertiary-36ed56dc",
+  "tedi-card--background--info-primary": "tedi-card--background--info-primary-a447d86c",
+  "tedi-card--border--info-primary": "tedi-card--border--info-primary-3a459b1a",
+  "tedi-card--background--info-secondary": "tedi-card--background--info-secondary-ccb381f3",
+  "tedi-card--border--info-secondary": "tedi-card--border--info-secondary-b177e078",
+  "tedi-card--background--neutral-primary": "tedi-card--background--neutral-primary-e8462085",
+  "tedi-card--border--neutral-primary": "tedi-card--border--neutral-primary-0e494a3a",
+  "tedi-card--background--neutral-secondary": "tedi-card--background--neutral-secondary-78f69323",
+  "tedi-card--border--neutral-secondary": "tedi-card--border--neutral-secondary-2eacfcf2",
+  "tedi-card--background--success-primary": "tedi-card--background--success-primary-74cc128e",
+  "tedi-card--border--success-primary": "tedi-card--border--success-primary-ad13f6a9",
+  "tedi-card--background--success-secondary": "tedi-card--background--success-secondary-2e51dbc2",
+  "tedi-card--border--success-secondary": "tedi-card--border--success-secondary-d2d310bf",
+  "tedi-card--background--danger-primary": "tedi-card--background--danger-primary-24f9b394",
+  "tedi-card--border--danger-primary": "tedi-card--border--danger-primary-ca67a077",
+  "tedi-card--background--danger-secondary": "tedi-card--background--danger-secondary-d7d418a7",
+  "tedi-card--border--danger-secondary": "tedi-card--border--danger-secondary-58c75b3c",
+  "tedi-card--background--warning-primary": "tedi-card--background--warning-primary-0c9bdb9e",
+  "tedi-card--border--warning-primary": "tedi-card--border--warning-primary-67735d46",
+  "tedi-card--background--warning-secondary": "tedi-card--background--warning-secondary-ade88bae",
+  "tedi-card--border--warning-secondary": "tedi-card--border--warning-secondary-04a1f223",
+  "tedi-card--border-left": "tedi-card--border-left-55222a12",
+  "tedi-card--border-top": "tedi-card--border-top-4a483c06",
+  "tedi-card--borderless": "tedi-card--borderless-66eb216d",
+  "tedi-card--no-radius-tl": "tedi-card--no-radius-tl-fc11f3e6",
+  "tedi-card__header": "tedi-card__header-e3ceedf1",
+  "tedi-card__content": "tedi-card__content-79613a61",
+  "tedi-card--no-radius-tr": "tedi-card--no-radius-tr-89903519",
+  "tedi-card--no-radius-br": "tedi-card--no-radius-br-06b8b7e4",
+  "tedi-card--no-radius-bl": "tedi-card--no-radius-bl-b5a6dd25",
+  "tedi-card__content--separator": "tedi-card__content--separator-2fb649b6"
 };
 export {
   r as default

package/src/tedi/components/content/carousel/carousel-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=t.createContext(null),n=()=>{const e=t.useContext(o);if(!e)throw new Error("Carousel sub-components must be used within a <Carousel> component.");return e};exports.CarouselContext=o;exports.useCarouselContext=n;

package/src/tedi/components/content/carousel/carousel-context.d.ts

@@ -0,0 +1,7 @@
+import { CarouselApi } from './use-carousel';
+export declare const CarouselContext: import('react').Context<CarouselApi | null>;
+/**
+ * Reads the carousel engine provided by the `Carousel` root. Throws when a
+ * carousel sub-component is rendered outside of `Carousel`.
+ */
+export declare const useCarouselContext: () => CarouselApi;

package/src/tedi/components/content/carousel/carousel-context.es.js

@@ -0,0 +1,11 @@
+import { useContext as o, createContext as e } from "react";
+const n = e(null), s = () => {
+  const t = o(n);
+  if (!t)
+    throw new Error("Carousel sub-components must be used within a <Carousel> component.");
+  return t;
+};
+export {
+  n as CarouselContext,
+  s as useCarouselContext
+};

package/src/tedi/components/content/carousel/carousel-utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../helpers/hooks/use-breakpoint.cjs.js"),a=e=>typeof e=="object"&&e!==null&&t.breakpoints.some(o=>o in e)?e:{xs:e},i=(e,o)=>{const s=t.breakpoints.indexOf(o);for(let r=s;r>=0;r--){const n=e[t.breakpoints[r]];if(n!==void 0)return n}return e.xs};exports.normalizeBreakpointInput=a;exports.resolveBreakpointValue=i;

package/src/tedi/components/content/carousel/carousel-utils.d.ts

@@ -0,0 +1,26 @@
+import { Breakpoint } from '../../../helpers/hooks/use-breakpoint';
+export type BreakpointObject<T> = {
+    xs: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
+/**
+ * A value that is either fixed or varies per breakpoint, e.g. `2` or
+ * `{ xs: 1, md: 2.5, xl: 4 }`.
+ */
+export type BreakpointInput<T> = T | BreakpointObject<T>;
+/**
+ * Normalizes a `BreakpointInput` into a `BreakpointObject`. A breakpoint-shaped
+ * object — one that has at least one breakpoint key (`xs`/`sm`/`md`/…) — is returned
+ * as-is; any other value (including a plain object that isn't breakpoint-shaped) is
+ * wrapped as the base `xs` value.
+ */
+export declare const normalizeBreakpointInput: <T>(input: BreakpointInput<T>) => BreakpointObject<T>;
+/**
+ * Resolves the value for the current breakpoint: the largest breakpoint that is
+ * defined and not above the current one, falling back to `xs`.
+ */
+export declare const resolveBreakpointValue: <T>(input: BreakpointObject<T>, current: Breakpoint) => T;

package/src/tedi/components/content/carousel/carousel-utils.es.js

@@ -0,0 +1,14 @@
+import { breakpoints as n } from "../../../helpers/hooks/use-breakpoint.es.js";
+const a = (e) => typeof e == "object" && e !== null && n.some((o) => o in e) ? e : { xs: e }, c = (e, o) => {
+  const s = n.indexOf(o);
+  for (let r = s; r >= 0; r--) {
+    const t = e[n[r]];
+    if (t !== void 0)
+      return t;
+  }
+  return e.xs;
+};
+export {
+  a as normalizeBreakpointInput,
+  c as resolveBreakpointValue
+};

package/src/tedi/components/content/carousel/carousel.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),c=require("./carousel.module.scss.cjs.js"),i=require("./carousel-context.cjs.js"),l=require("./components/carousel-content/carousel-content.cjs.js"),d=require("./components/carousel-footer/carousel-footer.cjs.js"),C=require("./components/carousel-header/carousel-header.cjs.js"),q=require("./components/carousel-indicators/carousel-indicators.cjs.js"),v=require("./components/carousel-navigation/carousel-navigation.cjs.js"),g=require("./use-carousel.cjs.js"),r=n.forwardRef(({children:o,className:s},t)=>{const a=g.useCarousel();return e.jsx(i.CarouselContext.Provider,{value:a,children:e.jsx("div",{ref:t,className:u.default(c.default["tedi-carousel"],s),children:o})})});r.displayName="Carousel";const x=Object.assign(r,{Header:C.CarouselHeader,Content:l.CarouselContent,Footer:d.CarouselFooter,Navigation:v.CarouselNavigation,Indicators:q.CarouselIndicators});exports.Carousel=x;

package/src/tedi/components/content/carousel/carousel.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface CarouselProps {
+    /**
+     * Carousel composition — `Carousel.Header`, `Carousel.Content` and
+     * `Carousel.Footer`.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class name applied to the carousel root.
+     */
+    className?: string;
+}
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<import('.').CarouselHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<import('.').CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<import('.').CarouselFooterProps & React.RefAttributes<HTMLDivElement>>;
+    Navigation: React.ForwardRefExoticComponent<import('.').CarouselNavigationProps & React.RefAttributes<HTMLDivElement>>;
+    Indicators: React.ForwardRefExoticComponent<import('.').CarouselIndicatorsProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default Carousel;

package/src/tedi/components/content/carousel/carousel.es.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "../../../../../external/classnames/index.es.js";
+import { forwardRef as i } from "react";
+import l from "./carousel.module.scss.es.js";
+import { CarouselContext as n } from "./carousel-context.es.js";
+import { CarouselContent as u } from "./components/carousel-content/carousel-content.es.js";
+import { CarouselFooter as f } from "./components/carousel-footer/carousel-footer.es.js";
+import { CarouselHeader as p } from "./components/carousel-header/carousel-header.es.js";
+import { CarouselIndicators as C } from "./components/carousel-indicators/carousel-indicators.es.js";
+import { CarouselNavigation as c } from "./components/carousel-navigation/carousel-navigation.es.js";
+import { useCarousel as d } from "./use-carousel.es.js";
+const r = i(({ children: e, className: t }, a) => {
+  const s = d();
+  return /* @__PURE__ */ o(n.Provider, { value: s, children: /* @__PURE__ */ o("div", { ref: a, className: m(l["tedi-carousel"], t), children: e }) });
+});
+r.displayName = "Carousel";
+const w = Object.assign(r, {
+  Header: p,
+  Content: u,
+  Footer: f,
+  Navigation: c,
+  Indicators: C
+});
+export {
+  w as Carousel
+};

package/src/tedi/components/content/carousel/carousel.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-carousel":"tedi-carousel-65c4a6a5","tedi-carousel__header":"tedi-carousel__header-ac518c48","tedi-carousel__footer":"tedi-carousel__footer-08a7d5fd","tedi-carousel__content":"tedi-carousel__content-88941157","tedi-carousel__content--fade-right":"tedi-carousel__content--fade-right-1450c350","tedi-carousel__content--fade-x":"tedi-carousel__content--fade-x-1e4b9158","tedi-carousel__track":"tedi-carousel__track-a2771afb","tedi-carousel__slide":"tedi-carousel__slide-a9448746","tedi-carousel__navigation":"tedi-carousel__navigation-d4b9aaf8","tedi-carousel__navigation--overlay":"tedi-carousel__navigation--overlay-fba1fe0a","tedi-carousel__indicators":"tedi-carousel__indicators-cd38b633","tedi-carousel__indicator":"tedi-carousel__indicator-eb4e5fbe","tedi-carousel__indicator--active":"tedi-carousel__indicator--active-939377fb"};exports.default=e;

package/src/tedi/components/content/carousel/carousel.module.scss.es.js

@@ -0,0 +1,18 @@
+const e = {
+  "tedi-carousel": "tedi-carousel-65c4a6a5",
+  "tedi-carousel__header": "tedi-carousel__header-ac518c48",
+  "tedi-carousel__footer": "tedi-carousel__footer-08a7d5fd",
+  "tedi-carousel__content": "tedi-carousel__content-88941157",
+  "tedi-carousel__content--fade-right": "tedi-carousel__content--fade-right-1450c350",
+  "tedi-carousel__content--fade-x": "tedi-carousel__content--fade-x-1e4b9158",
+  "tedi-carousel__track": "tedi-carousel__track-a2771afb",
+  "tedi-carousel__slide": "tedi-carousel__slide-a9448746",
+  "tedi-carousel__navigation": "tedi-carousel__navigation-d4b9aaf8",
+  "tedi-carousel__navigation--overlay": "tedi-carousel__navigation--overlay-fba1fe0a",
+  "tedi-carousel__indicators": "tedi-carousel__indicators-cd38b633",
+  "tedi-carousel__indicator": "tedi-carousel__indicator-eb4e5fbe",
+  "tedi-carousel__indicator--active": "tedi-carousel__indicator--active-939377fb"
+};
+export {
+  e as default
+};