@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),S=require("../../../../../../../external/classnames/index.cjs.js"),r=require("react"),i=require("../../carousel.module.scss.cjs.js"),x=require("../../carousel-context.cjs.js"),h=require("../../carousel-utils.cjs.js"),m=r.forwardRef(({children:y,slidesPerView:c=1,gap:u=1,fade:d=!1,transitionMs:f=400,loop:p=!0,centered:v=!1,className:b},l)=>{const e=x.useCarouselContext(),a=r.Children.toArray(y),C=r.useRef([]),_=JSON.stringify({slidesPerView:c,gap:u,fade:d,transitionMs:f,loop:p,centered:v});r.useEffect(()=>{e.setConfig({slidesPerView:h.normalizeBreakpointInput(c),gap:h.normalizeBreakpointInput(u),fade:d,transitionMs:f,loop:p,centered:v})},[_]),r.useEffect(()=>{e.setSlidesCount(a.length)},[a.length,e]),r.useEffect(()=>{e.renderedIndices.forEach((o,t)=>{var n;(n=C.current[t])==null||n.toggleAttribute("inert",!e.isSlideVisible(t))})});const P=o=>{e.viewportRef.current=o,typeof l=="function"?l(o):l&&(l.current=o)};return s.jsxs("div",{ref:P,role:"region","aria-roledescription":"carousel","aria-label":e.regionLabel,"aria-live":"off",tabIndex:0,className:S.default(e.contentClassName(i.default["tedi-carousel__content"],i.default["tedi-carousel__content--fade-right"],i.default["tedi-carousel__content--fade-x"]),b),onScroll:e.onScroll,onWheel:e.onWheel,onKeyDown:e.onKeyDown,onPointerDown:e.onPointerDown,onPointerMove:e.onPointerMove,onPointerUp:e.onPointerUp,onPointerCancel:e.onPointerUp,onLostPointerCapture:e.onPointerUp,children:[s.jsx("div",{ref:e.trackRef,className:i.default["tedi-carousel__track"],style:e.trackStyle,onTransitionEnd:e.onTransitionEnd,children:e.renderedIndices.map((o,t)=>{const n=e.isSlideVisible(t);return s.jsx("div",{ref:g=>{C.current[t]=g,e.setSlideRef(t,g)},role:n?"group":"presentation","aria-roledescription":"slide","aria-label":e.slideLabel(o+1),"aria-current":t===e.renderedActiveIndex?"true":void 0,"aria-hidden":n?void 0:"true",tabIndex:n?-1:void 0,className:i.default["tedi-carousel__slide"],style:{flex:e.slideFlex},children:a[o]},t)})}),s.jsx("div",{"aria-live":"polite",className:"visually-hidden",children:e.announcement})]})});m.displayName="CarouselContent";exports.CarouselContent=m;

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

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+import { BreakpointInput } from '../../carousel-utils';
+import { CarouselFade } from '../../use-carousel';
+export interface CarouselContentProps {
+    /**
+     * Slides — each direct child is rendered as one slide.
+     */
+    children?: React.ReactNode;
+    /**
+     * Slides per view (minimum 1, can be fractional, e.g. `1.25` for peeking).
+     * Accepts a number or per-breakpoint object.
+     * @default 1
+     */
+    slidesPerView?: BreakpointInput<number>;
+    /**
+     * Gap between slides in rem. Accepts a number or per-breakpoint object.
+     * @default 1
+     */
+    gap?: BreakpointInput<number>;
+    /**
+     * Fade the edges:
+     * - `true` — fades the right edge with more than one slide per view, or both edges for a single slide.
+     * - `'right'` — always fade only the right edge.
+     * - `'both'` — always fade both edges, regardless of slide count.
+     * @default false
+     */
+    fade?: CarouselFade;
+    /**
+     * Transition duration in ms.
+     * @default 400
+     */
+    transitionMs?: number;
+    /**
+     * Whether the track loops infinitely. Set `false` for a finite, bounded
+     * carousel — navigation stops at the first / last slide and the prev / next
+     * controls disable at the bounds.
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * Center the active slide so an equal peek of the previous / next slide shows
+     * on both edges. Pair with a fractional `slidesPerView` (e.g. `1.4`) and keep
+     * `loop` on so there are neighbours to reveal on both sides.
+     * @default false
+     */
+    centered?: boolean;
+    /**
+     * Additional class name applied to the viewport.
+     */
+    className?: string;
+}
+export declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+export default CarouselContent;

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

@@ -0,0 +1,102 @@
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import P from "../../../../../../../external/classnames/index.es.js";
+import N, { forwardRef as w, useRef as R, useEffect as a } from "react";
+import r from "../../carousel.module.scss.es.js";
+import { useCarouselContext as S } from "../../carousel-context.es.js";
+import { normalizeBreakpointInput as _ } from "../../carousel-utils.es.js";
+const k = w(
+  ({
+    children: y,
+    slidesPerView: c = 1,
+    gap: d = 1,
+    fade: u = !1,
+    transitionMs: f = 400,
+    loop: p = !0,
+    centered: m = !1,
+    className: C
+  }, n) => {
+    const e = S(), s = N.Children.toArray(y), v = R([]), g = JSON.stringify({ slidesPerView: c, gap: d, fade: u, transitionMs: f, loop: p, centered: m });
+    return a(() => {
+      e.setConfig({
+        slidesPerView: _(c),
+        gap: _(d),
+        fade: u,
+        transitionMs: f,
+        loop: p,
+        centered: m
+      });
+    }, [g]), a(() => {
+      e.setSlidesCount(s.length);
+    }, [s.length, e]), a(() => {
+      e.renderedIndices.forEach((t, o) => {
+        var i;
+        (i = v.current[o]) == null || i.toggleAttribute("inert", !e.isSlideVisible(o));
+      });
+    }), /* @__PURE__ */ b(
+      "div",
+      {
+        ref: (t) => {
+          e.viewportRef.current = t, typeof n == "function" ? n(t) : n && (n.current = t);
+        },
+        role: "region",
+        "aria-roledescription": "carousel",
+        "aria-label": e.regionLabel,
+        "aria-live": "off",
+        tabIndex: 0,
+        className: P(
+          e.contentClassName(
+            r["tedi-carousel__content"],
+            r["tedi-carousel__content--fade-right"],
+            r["tedi-carousel__content--fade-x"]
+          ),
+          C
+        ),
+        onScroll: e.onScroll,
+        onWheel: e.onWheel,
+        onKeyDown: e.onKeyDown,
+        onPointerDown: e.onPointerDown,
+        onPointerMove: e.onPointerMove,
+        onPointerUp: e.onPointerUp,
+        onPointerCancel: e.onPointerUp,
+        onLostPointerCapture: e.onPointerUp,
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              ref: e.trackRef,
+              className: r["tedi-carousel__track"],
+              style: e.trackStyle,
+              onTransitionEnd: e.onTransitionEnd,
+              children: e.renderedIndices.map((t, o) => {
+                const i = e.isSlideVisible(o);
+                return /* @__PURE__ */ l(
+                  "div",
+                  {
+                    ref: (h) => {
+                      v.current[o] = h, e.setSlideRef(o, h);
+                    },
+                    role: i ? "group" : "presentation",
+                    "aria-roledescription": "slide",
+                    "aria-label": e.slideLabel(t + 1),
+                    "aria-current": o === e.renderedActiveIndex ? "true" : void 0,
+                    "aria-hidden": i ? void 0 : "true",
+                    tabIndex: i ? -1 : void 0,
+                    className: r["tedi-carousel__slide"],
+                    style: { flex: e.slideFlex },
+                    children: s[t]
+                  },
+                  o
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ l("div", { "aria-live": "polite", className: "visually-hidden", children: e.announcement })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "CarouselContent";
+export {
+  k as CarouselContent
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("../../../../../../../external/classnames/index.cjs.js"),l=require("react"),i=require("../../carousel.module.scss.cjs.js"),e=l.forwardRef(({children:o,className:r,style:t},s)=>u.jsx("div",{ref:s,className:a.default(i.default["tedi-carousel__footer"],r),style:t,children:o}));e.displayName="CarouselFooter";exports.CarouselFooter=e;

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface CarouselFooterProps {
+    /**
+     * Footer content — typically `Carousel.Indicators` and/or `Carousel.Navigation`.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class name.
+     */
+    className?: string;
+    /**
+     * Inline styles — e.g. to center the footer content.
+     */
+    style?: React.CSSProperties;
+}
+export declare const CarouselFooter: React.ForwardRefExoticComponent<CarouselFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default CarouselFooter;