@tedi-design-system/react 17.1.0-rc.3 → 17.1.0-rc.5

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

@@ -0,0 +1,137 @@
+import { jsxs as E, jsx as i, Fragment as F } from "react/jsx-runtime";
+import O 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,
+  setCurrentMonth: n,
+  setView: o = () => "days",
+  mode: S = "single",
+  value: d,
+  locale: u = q,
+  localeCode: g = "et-EE",
+  showOutsideDays: b = !0,
+  disabledMatchers: k,
+  required: G,
+  availableDays: a,
+  unavailableDays: t,
+  footer: N,
+  monthYearSelectType: Y,
+  handleSelect: x,
+  applyValue: y,
+  showNavigation: l = !0,
+  className: _,
+  ...j
+}) => {
+  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 = (() => {
+    switch (S) {
+      case "multiple":
+        return { mode: "multiple", selected: Array.isArray(d) ? d : void 0 };
+      case "range":
+        return {
+          mode: "range",
+          selected: d && !Array.isArray(d) && !(d instanceof Date) ? d : void 0
+        };
+      default:
+        return { mode: "single", selected: d instanceof Date ? d : void 0 };
+    }
+  })();
+  return /* @__PURE__ */ E("div", { className: r["tedi-calendar__wrapper"], children: [
+    m === "years" && /* @__PURE__ */ i(
+      H,
+      {
+        currentMonth: c,
+        onNavigate: n,
+        showNavigation: l,
+        onSelectYear: (e) => {
+          n(e), p === "years" ? y(new Date(e.getFullYear(), 0, 1)) : o("months");
+        },
+        className: _
+      }
+    ),
+    m === "months" && /* @__PURE__ */ i(
+      C,
+      {
+        currentMonth: c,
+        onNavigate: n,
+        showNavigation: l,
+        localeCode: g,
+        onSelectMonth: (e) => {
+          n(e), p === "months" ? y(e) : o("days");
+        },
+        className: _
+      }
+    ),
+    m === "days" && /* @__PURE__ */ i(
+      U,
+      {
+        ...j,
+        ...w,
+        locale: u,
+        month: c,
+        onMonthChange: n,
+        showOutsideDays: b,
+        disabled: s.length ? s : void 0,
+        required: G,
+        components: {
+          MonthCaption: (e) => /* @__PURE__ */ i(
+            P,
+            {
+              ...e,
+              monthYearSelectType: Y,
+              onOpenMonthGrid: () => o("months"),
+              onOpenYearGrid: () => o("years"),
+              showNavigation: l,
+              localeCode: g,
+              disabledMatchers: s.length ? s : void 0
+            }
+          ),
+          Nav: () => /* @__PURE__ */ i(F, {})
+        },
+        footer: N,
+        classNames: {
+          root: O(r["tedi-calendar"], _),
+          month_caption: r["tedi-calendar__caption"],
+          head: r["tedi-calendar__head"],
+          row: r["tedi-calendar__row"],
+          day: r["tedi-calendar__day"],
+          selected: r["tedi-calendar__day--selected"],
+          weekday: r["tedi-calendar__weekday"],
+          outside: r["tedi-calendar__outside-days"],
+          range_start: r["tedi-calendar__range-start"],
+          range_middle: r["tedi-calendar__range-middle"],
+          range_end: r["tedi-calendar__range-end"],
+          today: r["tedi-calendar__today"],
+          disabled: r["tedi-calendar__disabled"],
+          month: r["tedi-calendar__month"],
+          months: r["tedi-calendar__months-container"],
+          footer: r["tedi-calendar__footer"],
+          week_number: r["tedi-calendar__week-number"]
+        },
+        modifiers: {
+          available: (e) => a ? h(e) : !1,
+          unavailable: (e) => t ? A(e) : !1
+        },
+        modifiersClassNames: {
+          available: r["tedi-calendar__available-day"],
+          unavailable: r["tedi-calendar__unavailable-day"]
+        },
+        onSelect: x
+      }
+    )
+  ] });
+};
+z.displayName = "Calendar";
+export {
+  z as Calendar
+};

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

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

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

@@ -0,0 +1,28 @@
+const a = {
+  "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"
+};
+export {
+  a as default
+};

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

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

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

@@ -0,0 +1,29 @@
+import { Matcher, MonthCaptionProps } from 'react-day-picker';
+export interface CalendarHeaderProps extends Pick<MonthCaptionProps, 'calendarMonth'> {
+    /**
+     * How the month/year selector in the calendar header is rendered.
+     * - `'dropdown'` (default) — each picker is a `<Select>` dropdown.
+     * - `'grid'` — each picker opens a full grid of options.
+     * @default 'dropdown'
+     */
+    monthYearSelectType?: 'dropdown' | 'grid';
+    onOpenMonthGrid?: () => void;
+    onOpenYearGrid?: () => void;
+    /**
+     * Show or hide previous/next navigation buttons in calendar header.
+     * Default is `true`.
+     */
+    showNavigation?: boolean;
+    /**
+     * Locale code string used for date formatting (e.g., `'et-EE'`). Defaults to the runtime locale when omitted.
+     */
+    localeCode?: string;
+    /**
+     * Same matcher list passed to DayPicker's `disabled` prop. When provided, the
+     * month / year dropdown items are disabled if **every** day in that month
+     * (or year) is disabled by the matchers — so users can't jump to a range
+     * that has no selectable dates.
+     */
+    disabledMatchers?: Matcher[];
+}
+export declare function CalendarHeader({ calendarMonth, monthYearSelectType, onOpenMonthGrid, onOpenYearGrid, showNavigation, localeCode, disabledMatchers, }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,165 @@
+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
+}) {
+  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(
+    { 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);
+      }
+      return !0;
+    },
+    [n]
+  ), A = C(() => {
+    if (!(n != null && n.length)) return /* @__PURE__ */ new Set();
+    const r = /* @__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);
+    }
+    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 r;
+  }, [n, y, p]);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: k(t["tedi-calendar__header"], {
+        [t["tedi-calendar__no-navigation"]]: !w
+      }),
+      children: [
+        w && /* @__PURE__ */ o(
+          s,
+          {
+            type: "button",
+            onClick: () => S && _(S),
+            "aria-label": m("pickers.previousMonth"),
+            icon: "arrow_back",
+            visualType: "neutral",
+            children: m("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"] })
+          ] })
+        ] }) : /* @__PURE__ */ a(v, { children: [
+          /* @__PURE__ */ a(
+            l,
+            {
+              className: k(t["tedi-calendar__month-year-dropdown"], {
+                [t["tedi-calendar__picker-grid-dropdown"]]: g
+              }),
+              width: "auto",
+              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,
+                    {
+                      name: "arrow_drop_down",
+                      color: "tertiary",
+                      className: t["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,
+                  {
+                    index: e,
+                    active: N === e,
+                    disabled: A.has(e),
+                    onClick: () => _(new Date(d, e)),
+                    children: r
+                  },
+                  r
+                )) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(
+            l,
+            {
+              className: k(t["tedi-calendar__month-year-dropdown"], {
+                [t["tedi-calendar__picker-grid-dropdown"]]: g
+              }),
+              width: "auto",
+              children: [
+                /* @__PURE__ */ o(l.Trigger, { children: /* @__PURE__ */ a(s, { noStyle: !0, className: t["tedi-calendar__month-year-selector"], children: [
+                  c.getFullYear(),
+                  /* @__PURE__ */ o(
+                    u,
+                    {
+                      name: "arrow_drop_down",
+                      color: "tertiary",
+                      className: t["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,
+                  {
+                    index: e,
+                    active: d === r,
+                    disabled: I.has(r),
+                    onClick: () => _(new Date(r, N)),
+                    children: r
+                  },
+                  r
+                )) })
+              ]
+            }
+          )
+        ] }),
+        w && /* @__PURE__ */ o(
+          s,
+          {
+            type: "button",
+            onClick: () => D && _(D),
+            visualType: "neutral",
+            "aria-label": m("pickers.nextMonth"),
+            icon: "arrow_forward",
+            children: m("pickers.nextMonth")
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  W as CalendarHeader
+};

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

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

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

@@ -0,0 +1,10 @@
+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"
+};
+export {
+  e as default
+};

package/src/tedi/components/content/calendar/components/calendar-month-grid/calendar-month-grid.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("../../../../base/typography/text/text.cjs.js"),m=require("../../calendar-grid.cjs.js"),b=require("../../../../../providers/label-provider/use-labels.cjs.js"),l=({currentMonth:e,onSelectMonth:c,onNavigate:s,showNavigation:d,localeCode:o,className:h})=>{const{getLabel:a}=b.useLabels(),t=e.getFullYear(),u=Array.from({length:12},(x,n)=>{const i=new Date(t,n,1);return{key:n,value:i,label:r.jsx(g.Text,{modifiers:"capitalize-first",children:i.toLocaleString(o,{month:"short"})}),isSelected:n===e.getMonth()}});return r.jsx(m.CalendarGrid,{headerLabel:r.jsxs(r.Fragment,{children:[e.toLocaleString(o,{month:"short"})," ",t]}),prevAriaLabel:a("pickers.previousMonth"),nextAriaLabel:a("pickers.nextMonth"),onPrev:()=>s(new Date(t,e.getMonth()-1)),onNext:()=>s(new Date(t,e.getMonth()+1)),items:u,onSelect:c,showNavigation:d,className:h})};l.displayName="MonthGrid";exports.MonthGrid=l;

package/src/tedi/components/content/calendar/components/calendar-month-grid/calendar-month-grid.d.ts

@@ -0,0 +1,19 @@
+export interface MonthGridProps {
+    currentMonth: Date;
+    onSelectMonth: (date: Date) => void;
+    onNavigate: (date: Date) => void;
+    /**
+     * Show or hide previous/next navigation buttons in calendar header.
+     * Default is `true`.
+     */
+    showNavigation?: boolean;
+    /**
+     * Locale object for formatting and translating calendar labels (from `react-day-picker`).
+     */
+    localeCode?: string;
+    className?: string;
+}
+export declare const MonthGrid: {
+    ({ currentMonth, onSelectMonth, onNavigate, showNavigation, localeCode, className, }: MonthGridProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/src/tedi/components/content/calendar/components/calendar-month-grid/calendar-month-grid.es.js

@@ -0,0 +1,44 @@
+import { jsx as s, jsxs as d, Fragment as c } from "react/jsx-runtime";
+import { Text as g } from "../../../../base/typography/text/text.es.js";
+import { CalendarGrid as f } from "../../calendar-grid.es.js";
+import { useLabels as x } from "../../../../../providers/label-provider/use-labels.es.js";
+const L = ({
+  currentMonth: e,
+  onSelectMonth: l,
+  onNavigate: o,
+  showNavigation: m,
+  localeCode: a,
+  className: h
+}) => {
+  const { getLabel: n } = x(), t = e.getFullYear(), p = Array.from({ length: 12 }, (b, r) => {
+    const i = new Date(t, r, 1);
+    return {
+      key: r,
+      value: i,
+      label: /* @__PURE__ */ s(g, { modifiers: "capitalize-first", children: i.toLocaleString(a, { month: "short" }) }),
+      isSelected: r === e.getMonth()
+    };
+  });
+  return /* @__PURE__ */ s(
+    f,
+    {
+      headerLabel: /* @__PURE__ */ d(c, { children: [
+        e.toLocaleString(a, { month: "short" }),
+        " ",
+        t
+      ] }),
+      prevAriaLabel: n("pickers.previousMonth"),
+      nextAriaLabel: n("pickers.nextMonth"),
+      onPrev: () => o(new Date(t, e.getMonth() - 1)),
+      onNext: () => o(new Date(t, e.getMonth() + 1)),
+      items: p,
+      onSelect: l,
+      showNavigation: m,
+      className: h
+    }
+  );
+};
+L.displayName = "MonthGrid";
+export {
+  L as MonthGrid
+};

package/src/tedi/components/content/calendar/components/calendar-year-grid/calendar-year-grid.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react/jsx-runtime"),y=require("../../calendar-grid.cjs.js"),p=require("../../../../../providers/label-provider/use-labels.cjs.js"),i=({currentMonth:t,onSelectYear:o,onNavigate:s,showNavigation:c,className:u})=>{const{getLabel:n}=p.useLabels(),r=t.getFullYear(),a=Math.floor(r/12)*12,d=Array.from({length:12},(l,b)=>{const e=a+b;return{key:e,value:e,label:e,isSelected:e===r}});return Y.jsx(y.CalendarGrid,{headerLabel:r,prevAriaLabel:n("pickers.previousYear"),nextAriaLabel:n("pickers.nextYear"),onPrev:()=>s(new Date(a-12,0)),onNext:()=>s(new Date(a+12,0)),items:d,onSelect:l=>{o(new Date(l,t.getMonth(),1))},showNavigation:c,className:u})};i.displayName="YearGrid";exports.YearGrid=i;

package/src/tedi/components/content/calendar/components/calendar-year-grid/calendar-year-grid.d.ts

@@ -0,0 +1,15 @@
+export interface YearGridProps {
+    currentMonth: Date;
+    onSelectYear: (date: Date) => void;
+    onNavigate: (date: Date) => void;
+    /**
+     * Show or hide previous/next navigation buttons in calendar header.
+     * Default is `true`.
+     */
+    showNavigation?: boolean;
+    className?: string;
+}
+export declare const YearGrid: {
+    ({ currentMonth, onSelectYear, onNavigate, showNavigation, className }: YearGridProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/src/tedi/components/content/calendar/components/calendar-year-grid/calendar-year-grid.es.js

@@ -0,0 +1,34 @@
+import { jsx as d } from "react/jsx-runtime";
+import { CalendarGrid as Y } from "../../calendar-grid.es.js";
+import { useLabels as b } from "../../../../../providers/label-provider/use-labels.es.js";
+const u = ({ currentMonth: t, onSelectYear: l, onNavigate: o, showNavigation: i, className: c }) => {
+  const { getLabel: n } = b(), r = t.getFullYear(), a = Math.floor(r / 12) * 12, m = Array.from({ length: 12 }, (s, p) => {
+    const e = a + p;
+    return {
+      key: e,
+      value: e,
+      label: e,
+      isSelected: e === r
+    };
+  });
+  return /* @__PURE__ */ d(
+    Y,
+    {
+      headerLabel: r,
+      prevAriaLabel: n("pickers.previousYear"),
+      nextAriaLabel: n("pickers.nextYear"),
+      onPrev: () => o(new Date(a - 12, 0)),
+      onNext: () => o(new Date(a + 12, 0)),
+      items: m,
+      onSelect: (s) => {
+        l(new Date(s, t.getMonth(), 1));
+      },
+      showNavigation: i,
+      className: c
+    }
+  );
+};
+u.displayName = "YearGrid";
+export {
+  u as YearGrid
+};

package/src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),g=require("../../base/icon/icon.cjs.js"),m=require("../../base/typography/heading/heading.cjs.js"),p=require("./heading-with-icon.module.scss.cjs.js"),q=r=>{const{children:e,className:t,element:c="h4",name:n,size:s=24,headingColor:a="primary",iconColor:d="primary",...i}=r,l={children:e,element:c,className:h.default(p.default["tedi-heading-with-icon"],t),color:a,...i},u={name:n,color:d,size:s,...i};return o.jsxs(m.Heading,{...l,children:[n&&o.jsx(g.Icon,{...u}),e]})};exports.HeadingWithIcon=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),m=require("../../base/icon/icon.cjs.js"),p=require("../../base/typography/heading/heading.cjs.js"),q=require("./heading-with-icon.module.scss.cjs.js"),r=t=>{const{children:e,className:c,element:s="h4",name:n,size:a=24,headingColor:d="primary",iconColor:l="primary",...i}=t,u={children:e,element:s,className:g.default(q.default["tedi-heading-with-icon"],c),color:d,...i},h={name:n,color:l,size:a,...i};return o.jsxs(p.Heading,{...u,children:[n&&o.jsx(m.Icon,{...h}),e]})};exports.HeadingWithIcon=r;exports.default=r;

package/src/tedi/components/content/heading-with-icon/heading-with-icon.es.js

@@ -3,28 +3,29 @@ import h from "../../../../../external/classnames/index.es.js";
 import { Icon as f } from "../../base/icon/icon.es.js";
 import { Heading as g } from "../../base/typography/heading/heading.es.js";
 import x from "./heading-with-icon.module.scss.es.js";
-const I = (e) => {
+const H = (i) => {
   const {
     children: o,
     className: s,
     element: n = "h4",
     name: r,
-    size: m = 24,
-    headingColor: t = "primary",
-    iconColor: c = "primary",
-    ...i
-  } = e, a = {
+    size: t = 24,
+    headingColor: m = "primary",
+    iconColor: a = "primary",
+    ...e
+  } = i, c = {
     children: o,
     element: n,
     className: h(x["tedi-heading-with-icon"], s),
-    color: t,
-    ...i
-  }, l = { name: r, color: c, size: m, ...i };
-  return /* @__PURE__ */ p(g, { ...a, children: [
+    color: m,
+    ...e
+  }, l = { name: r, color: a, size: t, ...e };
+  return /* @__PURE__ */ p(g, { ...c, children: [
     r && /* @__PURE__ */ d(f, { ...l }),
     o
   ] });
 };
 export {
-  I as HeadingWithIcon
+  H as HeadingWithIcon,
+  H as default
 };

package/src/tedi/components/content/list/list-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),u=require("./list.module.scss.cjs.js"),o=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=require("../../layout/vertical-spacing/vertical-spacing-item.cjs.js"),a=t=>{const{getCurrentBreakpointProps:n}=o.useBreakpointProps(t.defaultServerBreakpoint),{children:i,verticalSpacingItem:e,className:l}=n(t),r=c.default(u.default["tedi-list__item"],e==null?void 0:e.className,l);return t.verticalSpacingItem?s.jsx(m.VerticalSpacingItem,{...e,element:"li",className:r,children:i}):s.jsx("li",{className:r,children:i})};exports.ListItem=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),u=require("./list.module.scss.cjs.js"),o=require("../../layout/vertical-spacing/vertical-spacing-item.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),a=t=>{const{getCurrentBreakpointProps:n}=m.useBreakpointProps(t.defaultServerBreakpoint),{children:i,verticalSpacingItem:e,className:l}=n(t),r=c.default(u.default["tedi-list__item"],e==null?void 0:e.className,l);return t.verticalSpacingItem?s.jsx(o.VerticalSpacingItem,{...e,element:"li",className:r,children:i}):s.jsx("li",{className:r,children:i})};exports.ListItem=a;exports.default=a;

package/src/tedi/components/content/list/list-item.es.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import o from "../../../../../external/classnames/index.es.js";
 import l from "./list.module.scss.es.js";
-import { useBreakpointProps as n } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { VerticalSpacingItem as c } from "../../layout/vertical-spacing/vertical-spacing-item.es.js";
+import { VerticalSpacingItem as n } from "../../layout/vertical-spacing/vertical-spacing-item.es.js";
+import { useBreakpointProps as c } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 const B = (e) => {
-  const { getCurrentBreakpointProps: i } = n(e.defaultServerBreakpoint), { children: r, verticalSpacingItem: t, className: a } = i(e), s = o(l["tedi-list__item"], t == null ? void 0 : t.className, a);
-  return e.verticalSpacingItem ? /* @__PURE__ */ m(c, { ...t, element: "li", className: s, children: r }) : /* @__PURE__ */ m("li", { className: s, children: r });
+  const { getCurrentBreakpointProps: i } = c(e.defaultServerBreakpoint), { children: r, verticalSpacingItem: t, className: a } = i(e), s = o(l["tedi-list__item"], t == null ? void 0 : t.className, a);
+  return e.verticalSpacingItem ? /* @__PURE__ */ m(n, { ...t, element: "li", className: s, children: r }) : /* @__PURE__ */ m("li", { className: s, children: r });
 };
 export {
   B as ListItem,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),t=require("./list.module.scss.cjs.js"),p=require("./list-item.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),o=s=>{const{getCurrentBreakpointProps:u}=q.useBreakpointProps(s.defaultServerBreakpoint),{children:i,element:r="ul",style:a="none",verticalSpacing:e,className:c,color:d="brand"}=u(s),l=f.default(t.default["tedi-list"],t.default[`tedi-list--${r==="ul"?"unordered":"ordered"}`],t.default[`tedi-list--style-${a}`],t.default[`tedi-list--bullet-color-${d}`],e==null?void 0:e.className,c),m=r;return e?n.jsx(g.VerticalSpacing,{...e,element:r,className:l,children:i}):n.jsx(m,{className:l,children:i})};o.Item=p.ListItem;exports.List=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),t=require("./list.module.scss.cjs.js"),p=require("./list-item.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),g=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),r=l=>{const{getCurrentBreakpointProps:u}=q.useBreakpointProps(l.defaultServerBreakpoint),{children:i,element:s="ul",style:a="none",verticalSpacing:e,className:c,color:d="brand"}=u(l),n=f.default(t.default["tedi-list"],t.default[`tedi-list--${s==="ul"?"unordered":"ordered"}`],t.default[`tedi-list--style-${a}`],t.default[`tedi-list--bullet-color-${d}`],e==null?void 0:e.className,c),m=s;return e?o.jsx(g.VerticalSpacing,{...e,element:s,className:n,children:i}):o.jsx(m,{className:n,children:i})};r.Item=p.ListItem;exports.List=r;exports.default=r;

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

@@ -24,5 +24,6 @@ const B = (s) => {
 };
 B.Item = u;
 export {
-  B as List
+  B as List,
+  B as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),u=require("./section.module.scss.cjs.js"),l=e=>{const{children:t,className:n,as:s="section",...c}=e,o=a.default(u.default["tedi-section"],n),i=s;return r.jsx(i,{"data-name":"section",...c,className:o,children:t})};exports.Section=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),l=require("./section.module.scss.cjs.js"),e=t=>{const{children:s,className:n,as:o="section",...c}=t,i=a.default(l.default["tedi-section"],n),r=o;return u.jsx(r,{"data-name":"section",...c,className:i,children:s})};exports.Section=e;exports.default=e;

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

@@ -1,10 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import r from "../../../../../external/classnames/index.es.js";
-import a from "./section.module.scss.es.js";
-const f = (t) => {
-  const { children: e, className: s, as: o = "section", ...n } = t, c = r(a["tedi-section"], s);
-  return /* @__PURE__ */ m(o, { "data-name": "section", ...n, className: c, children: e });
+import { jsx as a } from "react/jsx-runtime";
+import m from "../../../../../external/classnames/index.es.js";
+import r from "./section.module.scss.es.js";
+const p = (t) => {
+  const { children: e, className: s, as: o = "section", ...n } = t, c = m(r["tedi-section"], s);
+  return /* @__PURE__ */ a(o, { "data-name": "section", ...n, className: c, children: e });
 };
 export {
-  f as Section
+  p as Section,
+  p as default
 };