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

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

@@ -107,8 +107,17 @@ export interface CalendarProps extends Omit<DayPickerProps, 'mode' | 'selected'
      * Optional additional CSS class for the calendar container.
      */
     className?: string;
+    /**
+     * Whether to render the surrounding card (border, background, radius).
+     * Set to `false` when embedding inside a parent that already provides its
+     * own surface — e.g. inside `DatePickerModal`, or alongside a calendar in
+     * `DateTimeField`. The inner gradient masks and column separators are
+     * preserved either way.
+     * @default true
+     */
+    bordered?: boolean;
 }
 export declare const Calendar: {
-    ({ view, selectionLevel, currentMonth, setCurrentMonth, setView, mode, value, locale, localeCode, showOutsideDays, disabledMatchers, required, availableDays, unavailableDays, footer, monthYearSelectType, handleSelect, applyValue, showNavigation, className, ...dayPickerProps }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    ({ view, selectionLevel, currentMonth, setCurrentMonth, setView, mode, value, locale, localeCode, showOutsideDays, disabledMatchers, required, availableDays, unavailableDays, footer, monthYearSelectType, handleSelect, applyValue, showNavigation, className, bordered, ...dayPickerProps }: CalendarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -1,106 +1,107 @@
-import { jsxs as E, jsx as i, Fragment as F } from "react/jsx-runtime";
-import O from "../../../../../external/classnames/index.es.js";
+import { jsxs as P, jsx as o, Fragment as H } from "react/jsx-runtime";
+import u from "../../../../../external/classnames/index.es.js";
 import r from "./calendar.module.scss.es.js";
-import { CalendarHeader as P } from "./components/calendar-header/calendar-header.es.js";
-import { MonthGrid as C } from "./components/calendar-month-grid/calendar-month-grid.es.js";
-import { YearGrid as H } from "./components/calendar-year-grid/calendar-year-grid.es.js";
-import { DayPicker as U } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
-import { et as q } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
-const z = ({
-  view: m = "days",
-  selectionLevel: p = "days",
-  currentMonth: c,
+import { CalendarHeader as U } from "./components/calendar-header/calendar-header.es.js";
+import { MonthGrid as q } from "./components/calendar-month-grid/calendar-month-grid.es.js";
+import { YearGrid as z } from "./components/calendar-year-grid/calendar-year-grid.es.js";
+import { DayPicker as B } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
+import { et as I } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
+const J = ({
+  view: c = "days",
+  selectionLevel: f = "days",
+  currentMonth: l,
   setCurrentMonth: n,
-  setView: o = () => "days",
+  setView: i = () => "days",
   mode: S = "single",
-  value: d,
-  locale: u = q,
-  localeCode: g = "et-EE",
-  showOutsideDays: b = !0,
-  disabledMatchers: k,
-  required: G,
-  availableDays: a,
+  value: a,
+  locale: k = I,
+  localeCode: p = "et-EE",
+  showOutsideDays: G = !0,
+  disabledMatchers: Y,
+  required: x,
+  availableDays: d,
   unavailableDays: t,
-  footer: N,
-  monthYearSelectType: Y,
-  handleSelect: x,
-  applyValue: y,
-  showNavigation: l = !0,
-  className: _,
-  ...j
+  footer: C,
+  monthYearSelectType: j,
+  handleSelect: w,
+  applyValue: g,
+  showNavigation: m = !0,
+  className: y,
+  bordered: E = !0,
+  ...F
 }) => {
-  const h = (e) => a ? Array.isArray(a) ? a.some((f) => f.toDateString() === e.toDateString()) : a(e) : !0, A = (e) => t ? Array.isArray(t) ? t.some((f) => f.toDateString() === e.toDateString()) : t(e) : !1, s = [
-    ...k ?? [],
-    ...a ? [(e) => !h(e)] : [],
-    ...t ? [(e) => A(e)] : []
-  ], w = (() => {
+  const h = E ? void 0 : r["tedi-calendar--borderless"], A = u(h, y), N = (e) => d ? Array.isArray(d) ? d.some((_) => _.toDateString() === e.toDateString()) : d(e) : !0, b = (e) => t ? Array.isArray(t) ? t.some((_) => _.toDateString() === e.toDateString()) : t(e) : !1, s = [
+    ...Y ?? [],
+    ...d ? [(e) => !N(e)] : [],
+    ...t ? [(e) => b(e)] : []
+  ], O = (() => {
     switch (S) {
       case "multiple":
-        return { mode: "multiple", selected: Array.isArray(d) ? d : void 0 };
+        return { mode: "multiple", selected: Array.isArray(a) ? a : void 0 };
       case "range":
         return {
           mode: "range",
-          selected: d && !Array.isArray(d) && !(d instanceof Date) ? d : void 0
+          selected: a && !Array.isArray(a) && !(a instanceof Date) ? a : void 0
         };
       default:
-        return { mode: "single", selected: d instanceof Date ? d : void 0 };
+        return { mode: "single", selected: a instanceof Date ? a : void 0 };
     }
   })();
-  return /* @__PURE__ */ E("div", { className: r["tedi-calendar__wrapper"], children: [
-    m === "years" && /* @__PURE__ */ i(
-      H,
+  return /* @__PURE__ */ P("div", { className: r["tedi-calendar__wrapper"], children: [
+    c === "years" && /* @__PURE__ */ o(
+      z,
       {
-        currentMonth: c,
+        currentMonth: l,
         onNavigate: n,
-        showNavigation: l,
+        showNavigation: m,
         onSelectYear: (e) => {
-          n(e), p === "years" ? y(new Date(e.getFullYear(), 0, 1)) : o("months");
+          n(e), f === "years" ? g(new Date(e.getFullYear(), 0, 1)) : i("months");
         },
-        className: _
+        className: A
       }
     ),
-    m === "months" && /* @__PURE__ */ i(
-      C,
+    c === "months" && /* @__PURE__ */ o(
+      q,
       {
-        currentMonth: c,
+        currentMonth: l,
         onNavigate: n,
-        showNavigation: l,
-        localeCode: g,
+        showNavigation: m,
+        localeCode: p,
         onSelectMonth: (e) => {
-          n(e), p === "months" ? y(e) : o("days");
+          n(e), f === "months" ? g(e) : i("days");
         },
-        className: _
+        className: A
       }
     ),
-    m === "days" && /* @__PURE__ */ i(
-      U,
+    c === "days" && /* @__PURE__ */ o(
+      B,
       {
-        ...j,
-        ...w,
-        locale: u,
-        month: c,
+        ...F,
+        ...O,
+        locale: k,
+        month: l,
         onMonthChange: n,
-        showOutsideDays: b,
+        showOutsideDays: G,
         disabled: s.length ? s : void 0,
-        required: G,
+        required: x,
         components: {
-          MonthCaption: (e) => /* @__PURE__ */ i(
-            P,
+          MonthCaption: (e) => /* @__PURE__ */ o(
+            U,
             {
               ...e,
-              monthYearSelectType: Y,
-              onOpenMonthGrid: () => o("months"),
-              onOpenYearGrid: () => o("years"),
-              showNavigation: l,
-              localeCode: g,
+              monthYearSelectType: j,
+              onOpenMonthGrid: () => i("months"),
+              onOpenYearGrid: () => i("years"),
+              showNavigation: m,
+              localeCode: p,
               disabledMatchers: s.length ? s : void 0
             }
           ),
-          Nav: () => /* @__PURE__ */ i(F, {})
+          Nav: () => /* @__PURE__ */ o(H, {})
         },
-        footer: N,
+        footer: C,
         classNames: {
-          root: O(r["tedi-calendar"], _),
+          root: u(r["tedi-calendar"], h, y),
           month_caption: r["tedi-calendar__caption"],
           head: r["tedi-calendar__head"],
           row: r["tedi-calendar__row"],
@@ -119,19 +120,19 @@ const z = ({
           week_number: r["tedi-calendar__week-number"]
         },
         modifiers: {
-          available: (e) => a ? h(e) : !1,
-          unavailable: (e) => t ? A(e) : !1
+          available: (e) => d ? N(e) : !1,
+          unavailable: (e) => t ? b(e) : !1
         },
         modifiersClassNames: {
           available: r["tedi-calendar__available-day"],
           unavailable: r["tedi-calendar__unavailable-day"]
         },
-        onSelect: x
+        onSelect: w
       }
     )
   ] });
 };
-z.displayName = "Calendar";
+J.displayName = "Calendar";
 export {
-  z as Calendar
+  J as Calendar
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__picker-grid-container":"tedi-calendar__picker-grid-container-1b2bfc55","tedi-calendar__week-number":"tedi-calendar__week-number-c1a67f28","tedi-calendar__day":"tedi-calendar__day-baa13412","tedi-calendar__weekday":"tedi-calendar__weekday-9dce46ba","tedi-calendar":"tedi-calendar-a8c2a0a4","tedi-calendar__months-container":"tedi-calendar__months-container-793f3f7b","tedi-calendar__month":"tedi-calendar__month-b0e4d350","tedi-calendar__footer":"tedi-calendar__footer-bb297fb5","tedi-calendar__head":"tedi-calendar__head-bbd962e1","tedi-calendar__disabled":"tedi-calendar__disabled-30620859","tedi-calendar__day--selected":"tedi-calendar__day--selected-9f3dc090","tedi-calendar__today":"tedi-calendar__today-fa050850","tedi-calendar__available-day":"tedi-calendar__available-day-a0b09cf3","tedi-calendar__unavailable-day":"tedi-calendar__unavailable-day-05d8742d","tedi-calendar__range-middle":"tedi-calendar__range-middle-fa3459d1","tedi-calendar__range-start":"tedi-calendar__range-start-aaf20ea3","tedi-calendar__range-end":"tedi-calendar__range-end-097f2a3b","tedi-calendar__outside-days":"tedi-calendar__outside-days-703857de","tedi-calendar__picker-grid":"tedi-calendar__picker-grid-9b167adf","tedi-calendar__picker-grid-header":"tedi-calendar__picker-grid-header-30f8748f","tedi-calendar__picker--no-navigation":"tedi-calendar__picker--no-navigation-695a34ca","tedi-calendar__grid-button":"tedi-calendar__grid-button-889a2a85","tedi-calendar__grid-button--selected":"tedi-calendar__grid-button--selected-2019301b"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-calendar__picker-grid-container":"tedi-calendar__picker-grid-container-1b2bfc55","tedi-calendar__week-number":"tedi-calendar__week-number-c1a67f28","tedi-calendar__day":"tedi-calendar__day-baa13412","tedi-calendar__weekday":"tedi-calendar__weekday-9dce46ba","tedi-calendar":"tedi-calendar-a8c2a0a4","tedi-calendar--borderless":"tedi-calendar--borderless-22d5d627","tedi-calendar__months-container":"tedi-calendar__months-container-793f3f7b","tedi-calendar__month":"tedi-calendar__month-b0e4d350","tedi-calendar__footer":"tedi-calendar__footer-bb297fb5","tedi-calendar__head":"tedi-calendar__head-bbd962e1","tedi-calendar__disabled":"tedi-calendar__disabled-30620859","tedi-calendar__day--selected":"tedi-calendar__day--selected-9f3dc090","tedi-calendar__today":"tedi-calendar__today-fa050850","tedi-calendar__available-day":"tedi-calendar__available-day-a0b09cf3","tedi-calendar__unavailable-day":"tedi-calendar__unavailable-day-05d8742d","tedi-calendar__range-middle":"tedi-calendar__range-middle-fa3459d1","tedi-calendar__range-start":"tedi-calendar__range-start-aaf20ea3","tedi-calendar__range-end":"tedi-calendar__range-end-097f2a3b","tedi-calendar__outside-days":"tedi-calendar__outside-days-703857de","tedi-calendar__picker-grid":"tedi-calendar__picker-grid-9b167adf","tedi-calendar__picker-grid-header":"tedi-calendar__picker-grid-header-30f8748f","tedi-calendar__picker--no-navigation":"tedi-calendar__picker--no-navigation-695a34ca","tedi-calendar__grid-button":"tedi-calendar__grid-button-889a2a85","tedi-calendar__grid-button--selected":"tedi-calendar__grid-button--selected-2019301b"};exports.default=e;

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

@@ -1,9 +1,10 @@
-const a = {
+const e = {
   "tedi-calendar__picker-grid-container": "tedi-calendar__picker-grid-container-1b2bfc55",
   "tedi-calendar__week-number": "tedi-calendar__week-number-c1a67f28",
   "tedi-calendar__day": "tedi-calendar__day-baa13412",
   "tedi-calendar__weekday": "tedi-calendar__weekday-9dce46ba",
   "tedi-calendar": "tedi-calendar-a8c2a0a4",
+  "tedi-calendar--borderless": "tedi-calendar--borderless-22d5d627",
   "tedi-calendar__months-container": "tedi-calendar__months-container-793f3f7b",
   "tedi-calendar__month": "tedi-calendar__month-b0e4d350",
   "tedi-calendar__footer": "tedi-calendar__footer-bb297fb5",
@@ -24,5 +25,5 @@ const a = {
   "tedi-calendar__grid-button--selected": "tedi-calendar__grid-button--selected-2019301b"
 };
 export {
-  a as default
+  e as default
 };

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

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

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;