@tedi-design-system/react 19.0.0-rc.1 → 19.0.0-rc.11

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.0.0-rc.1",
+  "version": "19.0.0-rc.11",
+  "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -20,7 +21,7 @@
     "prepare": "husky",
     "start": "storybook dev -p 4400 -c .storybook",
     "build": "rm -rf dist && vite build --config vite.lib.config.ts && replace-in-file //fonts//g \"./fonts/\" dist/index.css --isRegex",
-    "build:sb": "storybook build -c .storybook -o dist/storybook-static --stats-json",
+    "build:sb": "storybook build -c .storybook -o dist/storybook-static --stats-json && replace-in-file //fonts//g \"../fonts/\" \"dist/storybook-static/assets/*.css\" --isRegex",
     "lint": "npx stylelint \"src/**/*.scss\" --fix && eslint \"src/**/*.{ts,tsx}\" --no-ignore --fix",
     "lint:ci": "npx stylelint \"src/**/*.scss\" --quiet && npx eslint . --quiet",
     "test": "jest --config ./jest.config.ts --passWithNoTests",
@@ -28,7 +29,8 @@
     "test-storybook": "test-storybook",
     "test-storybook:ci": "concurrently -k -s first -n \"SB,A11Y\" -c \"magenta,blue\" \"http-server dist/storybook-static --port 6006 --silent\" \"wait-on tcp:127.0.0.1:6006 && test-storybook --index-json --url http://127.0.0.1:6006 --junit\"",
     "release": "npx semantic-release",
-    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
+    "chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
+    "design:build": "node design-docs/build.js"
   },
   "repository": {
     "type": "git",
@@ -45,7 +47,7 @@
     "@mui/material": "^5.15.13",
     "@mui/x-date-pickers": "^5.0.20",
     "@tanstack/react-table": "^8.13.2",
-    "@tedi-design-system/core": "6.4.3",
+    "@tedi-design-system/core": "^6.6.0",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",
     "draftjs-md-converter": "^1.5.2",

package/src/community/components/card/card.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),C=require("../../../../external/classnames/index.cjs.js"),v=require("react"),r=require("./card.module.scss.cjs.js"),q=require("./card-context.cjs.js"),P=require("./utility.cjs.js"),x=require("../../helpers/hooks/use-breakpoint-props.cjs.js"),t=v.forwardRef((a,s)=>{const{getCurrentBreakpointProps:n}=x.useBreakpointProps(a.defaultServerBreakpoint),{children:c,className:u,padding:i,background:f="bg-default",borderRadius:e,borderless:b,border:m="border-default",...p}=n(a,{padding:1}),[o,d]=P.getCardBorderPlacementColor(m),g=C.default(r.default.card,u,{[r.default[`card--border-${o}`]]:o,[r.default["card--borderless"]]:b,[r.default["card--no-border-radius-top"]]:e===!1||(e==null?void 0:e.top)===!1,[r.default["card--no-border-radius-right"]]:e===!1||(e==null?void 0:e.right)===!1,[r.default["card--no-border-radius-bottom"]]:e===!1||(e==null?void 0:e.bottom)===!1,[r.default["card--no-border-radius-left"]]:e===!1||(e==null?void 0:e.left)===!1});return l.jsx(q.CardContext.Provider,{value:{padding:i,background:f},children:l.jsx("div",{"data-name":"card",...p,className:g,ref:s,style:d?{"--card-border-color":`var(--color-${d})`}:void 0,children:c})})});t.displayName="Card";exports.Card=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),p=require("../../../../external/classnames/index.cjs.js"),q=require("react"),v=require("../color-tokens.cjs.js"),r=require("./card.module.scss.cjs.js"),P=require("./card-context.cjs.js"),k=require("./utility.cjs.js"),x=require("../../helpers/hooks/use-breakpoint-props.cjs.js"),t=q.forwardRef((o,s)=>{const{getCurrentBreakpointProps:n}=x.useBreakpointProps(o.defaultServerBreakpoint),{children:c,className:u,padding:i,background:f="bg-default",borderRadius:e,borderless:C,border:b="border-default",...g}=n(o,{padding:1}),[a,d]=k.getCardBorderPlacementColor(b),m=p.default(r.default.card,u,{[r.default[`card--border-${a}`]]:a,[r.default["card--borderless"]]:C,[r.default["card--no-border-radius-top"]]:e===!1||(e==null?void 0:e.top)===!1,[r.default["card--no-border-radius-right"]]:e===!1||(e==null?void 0:e.right)===!1,[r.default["card--no-border-radius-bottom"]]:e===!1||(e==null?void 0:e.bottom)===!1,[r.default["card--no-border-radius-left"]]:e===!1||(e==null?void 0:e.left)===!1});return l.jsx(P.CardContext.Provider,{value:{padding:i,background:f},children:l.jsx("div",{"data-name":"card",...g,className:m,ref:s,style:d?{"--card-border-color":v.legacyColorToCore(d)}:void 0,children:c})})});t.displayName="Card";exports.Card=t;exports.default=t;

package/src/community/components/card/card.es.js

@@ -1,23 +1,24 @@
 import { jsx as d } from "react/jsx-runtime";
-import C from "../../../../external/classnames/index.es.js";
+import g from "../../../../external/classnames/index.es.js";
 import { forwardRef as u } from "react";
+import { legacyColorToCore as v } from "../color-tokens.es.js";
 import o from "./card.module.scss.es.js";
-import { CardContext as v } from "./card-context.es.js";
-import { getCardBorderPlacementColor as B } from "./utility.es.js";
-import { useBreakpointProps as P } from "../../helpers/hooks/use-breakpoint-props.es.js";
-const h = u((e, l) => {
-  const { getCurrentBreakpointProps: s } = P(e.defaultServerBreakpoint), {
-    children: c,
-    className: f,
-    padding: m,
+import { CardContext as B } from "./card-context.es.js";
+import { getCardBorderPlacementColor as P } from "./utility.es.js";
+import { useBreakpointProps as h } from "../../helpers/hooks/use-breakpoint-props.es.js";
+const k = u((e, l) => {
+  const { getCurrentBreakpointProps: s } = h(e.defaultServerBreakpoint), {
+    children: m,
+    className: c,
+    padding: f,
     background: n = "bg-default",
     borderRadius: r,
     borderless: i,
     border: p = "border-default",
-    ...b
+    ...C
   } = s(e, {
     padding: 1
-  }), [a, t] = B(p), g = C(o.card, f, {
+  }), [a, t] = P(p), b = g(o.card, c, {
     [o[`card--border-${a}`]]: a,
     [o["card--borderless"]]: i,
     [o["card--no-border-radius-top"]]: r === !1 || (r == null ? void 0 : r.top) === !1,
@@ -25,20 +26,20 @@ const h = u((e, l) => {
     [o["card--no-border-radius-bottom"]]: r === !1 || (r == null ? void 0 : r.bottom) === !1,
     [o["card--no-border-radius-left"]]: r === !1 || (r == null ? void 0 : r.left) === !1
   });
-  return /* @__PURE__ */ d(v.Provider, { value: { padding: m, background: n }, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ d(B.Provider, { value: { padding: f, background: n }, children: /* @__PURE__ */ d(
     "div",
     {
       "data-name": "card",
-      ...b,
-      className: g,
+      ...C,
+      className: b,
       ref: l,
-      style: t ? { "--card-border-color": `var(--color-${t})` } : void 0,
-      children: c
+      style: t ? { "--card-border-color": v(t) } : void 0,
+      children: m
     }
   ) });
 });
-h.displayName = "Card";
+k.displayName = "Card";
 export {
-  h as Card,
-  h as default
+  k as Card,
+  k as default
 };

package/src/community/components/color-tokens.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={"primary-main":"var(--general-surface-brand-primary)","primary-active":"var(--general-surface-brand-secondary)","primary-active-subtle":"var(--tedi-primary-400)","primary-highlight":"var(--general-surface-brand-tertiary)","primary-highlight-subtle":"var(--general-surface-brand-quaternary)","accent-main":"var(--tedi-accent-600)","accent-highlight":"var(--tedi-accent-200)","bg-default":"var(--general-surface-primary)","bg-muted":"var(--general-surface-secondary)","bg-subtle":"var(--general-surface-tertiary)","bg-disabled":"var(--general-surface-disabled)","bg-inverted":"var(--general-surface-inverted-primary)","bg-inverted-contrast":"var(--general-surface-inverted-secondary)",black:"var(--tedi-neutral-900)",white:"var(--general-surface-primary)","positive-main":"var(--tedi-green-600)","positive-active":"var(--tedi-green-700)","positive-highlight":"var(--tedi-green-100)","important-main":"var(--tedi-red-600)","important-active":"var(--tedi-red-700)","important-highlight":"var(--tedi-red-100)","info-main":"var(--tedi-primary-600)","info-active":"var(--tedi-primary-700)","info-highlight":"var(--tedi-primary-100)","warning-main":"var(--tedi-yellow-700)","warning-highlight":"var(--tedi-yellow-200)",transparent:"transparent","border-default":"var(--general-border-primary)","border-contrast":"var(--general-border-secondary)"},a=e=>r[e];exports.LEGACY_COLOR_TO_CORE=r;exports.legacyColorToCore=a;

package/src/community/components/color-tokens.d.ts

@@ -0,0 +1,14 @@
+import { TColorsBackground, TColorsBorder } from './commonTypes';
+/**
+ * Maps a legacy community colour name to its TEDI-Ready (core) CSS value.
+ *
+ * Used where a colour is chosen dynamically from a prop (e.g. `Card`'s
+ * `border` / `background`, and `Tooltip`'s arrow) instead of a static class.
+ * Strong fills use the core primitive scale (there is no semantic "strong
+ * status fill" token — the `--general-status-*-background-*` tokens are pale
+ * surfaces), matching the legacy appearance. Community is deprecated; do not
+ * use this in new code.
+ */
+export declare const LEGACY_COLOR_TO_CORE: Record<TColorsBackground | TColorsBorder, string>;
+/** Returns the core CSS value for a legacy colour name. */
+export declare const legacyColorToCore: (name: TColorsBackground | TColorsBorder) => string;

package/src/community/components/color-tokens.es.js

@@ -0,0 +1,35 @@
+const a = {
+  "primary-main": "var(--general-surface-brand-primary)",
+  "primary-active": "var(--general-surface-brand-secondary)",
+  "primary-active-subtle": "var(--tedi-primary-400)",
+  "primary-highlight": "var(--general-surface-brand-tertiary)",
+  "primary-highlight-subtle": "var(--general-surface-brand-quaternary)",
+  "accent-main": "var(--tedi-accent-600)",
+  "accent-highlight": "var(--tedi-accent-200)",
+  "bg-default": "var(--general-surface-primary)",
+  "bg-muted": "var(--general-surface-secondary)",
+  "bg-subtle": "var(--general-surface-tertiary)",
+  "bg-disabled": "var(--general-surface-disabled)",
+  "bg-inverted": "var(--general-surface-inverted-primary)",
+  "bg-inverted-contrast": "var(--general-surface-inverted-secondary)",
+  black: "var(--tedi-neutral-900)",
+  white: "var(--general-surface-primary)",
+  "positive-main": "var(--tedi-green-600)",
+  "positive-active": "var(--tedi-green-700)",
+  "positive-highlight": "var(--tedi-green-100)",
+  "important-main": "var(--tedi-red-600)",
+  "important-active": "var(--tedi-red-700)",
+  "important-highlight": "var(--tedi-red-100)",
+  "info-main": "var(--tedi-primary-600)",
+  "info-active": "var(--tedi-primary-700)",
+  "info-highlight": "var(--tedi-primary-100)",
+  "warning-main": "var(--tedi-yellow-700)",
+  "warning-highlight": "var(--tedi-yellow-200)",
+  transparent: "transparent",
+  "border-default": "var(--general-border-primary)",
+  "border-contrast": "var(--general-border-secondary)"
+}, e = (r) => a[r];
+export {
+  a as LEGACY_COLOR_TO_CORE,
+  e as legacyColorToCore
+};

package/src/community/components/layout/header/components/header-role/header-role.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),h=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),j=require("../../../../../../tedi/components/content/collapse/collapse.cjs.js"),m=require("../../../../../../tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),b=require("../../../../tag/tag.cjs.js"),y=require("../header-dropdown/header-dropdown.cjs.js"),d=require("./header-role.module.scss.cjs.js"),x=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),T=require("../../../../card/card.cjs.js"),q=require("../../../../card/card-content/card-content.cjs.js"),p=t=>{const{renderModal:o=!1,...r}=t,[s,l]=g.useState(!1);return o?e.jsx(R,{...r,open:s,onToggle:l}):e.jsx(v,{...r,open:s,onToggle:l})};p.displayName="HeaderRole";const v=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:n,label:a=o("header.role-label")}=t,u=()=>a===o("header.role-label")?e.jsx("div",{children:e.jsx(b.Tag,{color:"primary",type:"secondary",children:a})}):e.jsxs(h.Text,{color:"secondary",modifiers:["bold","small"],children:[a,!!n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(h.Text,{element:"span",modifiers:["small","normal"],children:[e.jsx("span",{style:{color:"var(--color-border-default)"},children:"|"})," ",n]})]})]}),c=typeof r=="function"?r({onToggle:l}):r,f=e.jsx(y.HeaderDropdown,{shouldAnimate:!0,open:s,onToggle:l,tooltipProps:{cardProps:{padding:0},maxWidth:"medium"},triggerProps:{children:i,"aria-label":`${a??""} ${n??""} ${i??""}`,visualType:"link",iconRight:{name:"expand_more",color:"primary",size:24}},children:e.jsx("div",{className:d.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:d.default["header-role-children"],children:c})})})});return e.jsxs("div",{children:[u(),c?f:i]})},R=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:n,label:a=o("header.role-label")}=t,u=e.jsxs(h.Text,{element:"span",color:"secondary",modifiers:"bold",children:[a," ",i,n&&e.jsx(h.Text,{element:"span",modifiers:"normal",children:` | ${n}`})]}),c=typeof r=="function"?r({onToggle:l}):r;return e.jsx(T.Card,{background:"bg-muted",borderRadius:!1,borderless:!0,children:e.jsx(q.CardContent,{padding:0,children:c?e.jsx(j.Collapse,{id:"role-collapse",open:s,onToggle:l,className:d.default["header-role-collapse"],hideCollapseText:!0,title:u,children:e.jsx("div",{className:d.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:d.default["header-role-children"],children:c})})})}):e.jsx("div",{className:d.default["header-role-children"],children:u})})})};exports.HeaderRole=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),h=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),j=require("../../../../../../tedi/components/content/collapse/collapse.cjs.js"),m=require("../../../../../../tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),b=require("../../../../tag/tag.cjs.js"),y=require("../header-dropdown/header-dropdown.cjs.js"),o=require("./header-role.module.scss.cjs.js"),x=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),T=require("../../../../card/card.cjs.js"),q=require("../../../../card/card-content/card-content.cjs.js"),p=t=>{const{renderModal:s=!1,...r}=t,[a,l]=g.useState(!1);return s?e.jsx(R,{...r,open:a,onToggle:l}):e.jsx(v,{...r,open:a,onToggle:l})};p.displayName="HeaderRole";const v=t=>{const{getLabel:s}=x.useLabels(),{children:r,open:a,onToggle:l,primaryInfo:i,secondaryInfo:n,label:d=s("header.role-label")}=t,u=()=>d===s("header.role-label")?e.jsx("div",{children:e.jsx(b.Tag,{color:"primary",type:"secondary",children:d})}):e.jsxs(h.Text,{color:"secondary",modifiers:["bold","small"],children:[d,!!n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(h.Text,{element:"span",modifiers:["small","normal"],children:[e.jsx("span",{className:o.default["header-role-separator"],children:"|"})," ",n]})]})]}),c=typeof r=="function"?r({onToggle:l}):r,f=e.jsx(y.HeaderDropdown,{shouldAnimate:!0,open:a,onToggle:l,tooltipProps:{cardProps:{padding:0},maxWidth:"medium"},triggerProps:{children:i,"aria-label":`${d??""} ${n??""} ${i??""}`,visualType:"link",iconRight:{name:"expand_more",color:"primary",size:24}},children:e.jsx("div",{className:o.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:o.default["header-role-children"],children:c})})})});return e.jsxs("div",{children:[u(),c?f:i]})},R=t=>{const{getLabel:s}=x.useLabels(),{children:r,open:a,onToggle:l,primaryInfo:i,secondaryInfo:n,label:d=s("header.role-label")}=t,u=e.jsxs(h.Text,{element:"span",color:"secondary",modifiers:"bold",children:[d," ",i,n&&e.jsx(h.Text,{element:"span",modifiers:"normal",children:` | ${n}`})]}),c=typeof r=="function"?r({onToggle:l}):r;return e.jsx(T.Card,{background:"bg-muted",borderRadius:!1,borderless:!0,children:e.jsx(q.CardContent,{padding:0,children:c?e.jsx(j.Collapse,{id:"role-collapse",open:a,onToggle:l,className:o.default["header-role-collapse"],hideCollapseText:!0,title:u,children:e.jsx("div",{className:o.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:o.default["header-role-children"],children:c})})})}):e.jsx("div",{className:o.default["header-role-children"],children:u})})})};exports.HeaderRole=p;exports.default=p;

package/src/community/components/layout/header/components/header-role/header-role.es.js

@@ -1,26 +1,26 @@
 import { jsx as e, jsxs as m, Fragment as b } from "react/jsx-runtime";
 import y from "react";
 import { Text as h } from "../../../../../../tedi/components/base/typography/text/text.es.js";
-import { Collapse as v } from "../../../../../../tedi/components/content/collapse/collapse.es.js";
+import { Collapse as T } from "../../../../../../tedi/components/content/collapse/collapse.es.js";
 import { ScrollFade as f } from "../../../../../../tedi/components/misc/scroll-fade/scroll-fade.es.js";
-import { Tag as T } from "../../../../tag/tag.es.js";
+import { Tag as v } from "../../../../tag/tag.es.js";
 import { HeaderDropdown as x } from "../header-dropdown/header-dropdown.es.js";
-import i from "./header-role.module.scss.es.js";
+import l from "./header-role.module.scss.es.js";
 import { useLabels as g } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";
-import { Card as C } from "../../../../card/card.es.js";
-import { CardContent as N } from "../../../../card/card-content/card-content.es.js";
+import { Card as N } from "../../../../card/card.es.js";
+import { CardContent as C } from "../../../../card/card-content/card-content.es.js";
 const R = (s) => {
-  const { renderModal: l = !1, ...r } = s, [n, o] = y.useState(!1);
-  return l ? /* @__PURE__ */ e(H, { ...r, open: n, onToggle: o }) : /* @__PURE__ */ e(w, { ...r, open: n, onToggle: o });
+  const { renderModal: a = !1, ...r } = s, [n, o] = y.useState(!1);
+  return a ? /* @__PURE__ */ e(H, { ...r, open: n, onToggle: o }) : /* @__PURE__ */ e(w, { ...r, open: n, onToggle: o });
 };
 R.displayName = "HeaderRole";
 const w = (s) => {
-  const { getLabel: l } = g(), { children: r, open: n, onToggle: o, primaryInfo: t, secondaryInfo: d, label: a = l("header.role-label") } = s, p = () => a === l("header.role-label") ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(T, { color: "primary", type: "secondary", children: a }) }) : /* @__PURE__ */ m(h, { color: "secondary", modifiers: ["bold", "small"], children: [
-    a,
+  const { getLabel: a } = g(), { children: r, open: n, onToggle: o, primaryInfo: t, secondaryInfo: d, label: i = a("header.role-label") } = s, p = () => i === a("header.role-label") ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { color: "primary", type: "secondary", children: i }) }) : /* @__PURE__ */ m(h, { color: "secondary", modifiers: ["bold", "small"], children: [
+    i,
     !!d && /* @__PURE__ */ m(b, { children: [
       " ",
       /* @__PURE__ */ m(h, { element: "span", modifiers: ["small", "normal"], children: [
-        /* @__PURE__ */ e("span", { style: { color: "var(--color-border-default)" }, children: "|" }),
+        /* @__PURE__ */ e("span", { className: l["header-role-separator"], children: "|" }),
         " ",
         d
       ] })
@@ -34,11 +34,11 @@ const w = (s) => {
       tooltipProps: { cardProps: { padding: 0 }, maxWidth: "medium" },
       triggerProps: {
         children: t,
-        "aria-label": `${a ?? ""} ${d ?? ""} ${t ?? ""}`,
+        "aria-label": `${i ?? ""} ${d ?? ""} ${t ?? ""}`,
         visualType: "link",
         iconRight: { name: "expand_more", color: "primary", size: 24 }
       },
-      children: /* @__PURE__ */ e("div", { className: i["header-role-wrapper"], children: /* @__PURE__ */ e(f, { fadeSize: 0, children: /* @__PURE__ */ e("div", { className: i["header-role-children"], children: c }) }) })
+      children: /* @__PURE__ */ e("div", { className: l["header-role-wrapper"], children: /* @__PURE__ */ e(f, { fadeSize: 0, children: /* @__PURE__ */ e("div", { className: l["header-role-children"], children: c }) }) })
     }
   );
   return /* @__PURE__ */ m("div", { children: [
@@ -46,24 +46,24 @@ const w = (s) => {
     c ? u : t
   ] });
 }, H = (s) => {
-  const { getLabel: l } = g(), { children: r, open: n, onToggle: o, primaryInfo: t, secondaryInfo: d, label: a = l("header.role-label") } = s, p = /* @__PURE__ */ m(h, { element: "span", color: "secondary", modifiers: "bold", children: [
-    a,
+  const { getLabel: a } = g(), { children: r, open: n, onToggle: o, primaryInfo: t, secondaryInfo: d, label: i = a("header.role-label") } = s, p = /* @__PURE__ */ m(h, { element: "span", color: "secondary", modifiers: "bold", children: [
+    i,
     " ",
     t,
     d && /* @__PURE__ */ e(h, { element: "span", modifiers: "normal", children: ` | ${d}` })
   ] }), c = typeof r == "function" ? r({ onToggle: o }) : r;
-  return /* @__PURE__ */ e(C, { background: "bg-muted", borderRadius: !1, borderless: !0, children: /* @__PURE__ */ e(N, { padding: 0, children: c ? /* @__PURE__ */ e(
-    v,
+  return /* @__PURE__ */ e(N, { background: "bg-muted", borderRadius: !1, borderless: !0, children: /* @__PURE__ */ e(C, { padding: 0, children: c ? /* @__PURE__ */ e(
+    T,
     {
       id: "role-collapse",
       open: n,
       onToggle: o,
-      className: i["header-role-collapse"],
+      className: l["header-role-collapse"],
       hideCollapseText: !0,
       title: p,
-      children: /* @__PURE__ */ e("div", { className: i["header-role-wrapper"], children: /* @__PURE__ */ e(f, { fadeSize: 0, children: /* @__PURE__ */ e("div", { className: i["header-role-children"], children: c }) }) })
+      children: /* @__PURE__ */ e("div", { className: l["header-role-wrapper"], children: /* @__PURE__ */ e(f, { fadeSize: 0, children: /* @__PURE__ */ e("div", { className: l["header-role-children"], children: c }) }) })
     }
-  ) : /* @__PURE__ */ e("div", { className: i["header-role-children"], children: p }) }) });
+  ) : /* @__PURE__ */ e("div", { className: l["header-role-children"], children: p }) }) });
 };
 export {
   R as HeaderRole,

package/src/community/components/layout/header/components/header-role/header-role.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"header-role-collapse":"header-role-collapse-7664165f","header-role-wrapper":"header-role-wrapper-c65bcd63","header-role-children":"header-role-children-3fdd2c2c"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"header-role-collapse":"header-role-collapse-7664165f","header-role-wrapper":"header-role-wrapper-c65bcd63","header-role-children":"header-role-children-3fdd2c2c","header-role-separator":"header-role-separator-14bcefed"};exports.default=e;

package/src/community/components/layout/header/components/header-role/header-role.module.scss.es.js

@@ -1,7 +1,8 @@
 const e = {
   "header-role-collapse": "header-role-collapse-7664165f",
   "header-role-wrapper": "header-role-wrapper-c65bcd63",
-  "header-role-children": "header-role-children-3fdd2c2c"
+  "header-role-children": "header-role-children-3fdd2c2c",
+  "header-role-separator": "header-role-separator-14bcefed"
 };
 export {
   e as default

package/src/community/components/tooltip/tooltip.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),u=require("../../../../external/classnames/index.cjs.js"),y=require("react"),A=require("../card/utility.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),n=require("./tooltip-provider.cjs.js"),F=require("../card/card.cjs.js"),W=require("../card/card-content/card-content.cjs.js"),S=d=>{const{children:g,maxWidth:l="medium",cardProps:t,className:f}=d,{open:m,x:p,y:x,strategy:h,focusManager:C,floating:q,arrowRef:j,getFloatingProps:w,placement:_,context:i}=y.useContext(n.TooltipContext),[b,a]=A.getCardBorderPlacementColor(t==null?void 0:t.border),c=()=>b&&a?`var(--color-${a})`:"none",s=c()!=="none",k=()=>t!=null&&t.background?`var(--color-${t==null?void 0:t.background})`:"var(--color-bg-default)",R=()=>{const T=e.jsx(r.FloatingFocusManager,{...C,context:i,children:e.jsxs("div",{...w({ref:q,style:{position:h,left:p??0,top:x??0},className:u.default(o.default.tooltip,f,{[o.default[`tooltip--${l}`]]:l})}),"data-placement":_,children:[e.jsx(r.FloatingArrow,{ref:v=>j.current=v,context:i,fill:k(),stroke:c(),strokeWidth:s?4:0,className:u.default(o.default.tooltip__arrow,{[o.default["tooltip__arrow--stroke"]]:s}),height:n.ARROW_HEIGHT,width:n.ARROW_WIDTH}),e.jsx(F.Card,{padding:.5,borderless:!0,...t,children:e.jsx(W.CardContent,{children:g})})]})});return m?T:null};return e.jsx(r.FloatingPortal,{"data-name":"tooltip",children:R()})};exports.Tooltip=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),u=require("../../../../external/classnames/index.cjs.js"),F=require("react"),W=require("../card/utility.cjs.js"),d=require("../color-tokens.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),n=require("./tooltip-provider.cjs.js"),v=require("../card/card.cjs.js"),S=require("../card/card-content/card-content.cjs.js"),B=g=>{const{children:f,maxWidth:l="medium",cardProps:e,className:p}=g,{open:m,x:C,y:x,strategy:h,focusManager:q,floating:T,arrowRef:y,getFloatingProps:j,placement:k,context:a}=F.useContext(n.TooltipContext),[w,i]=W.getCardBorderPlacementColor(e==null?void 0:e.border),c=()=>w&&i?d.legacyColorToCore(i):"none",s=c()!=="none",_=()=>e!=null&&e.background?d.legacyColorToCore(e.background):"var(--general-surface-primary)",R=()=>{const b=t.jsx(r.FloatingFocusManager,{...q,context:a,children:t.jsxs("div",{...j({ref:T,style:{position:h,left:C??0,top:x??0},className:u.default(o.default.tooltip,p,{[o.default[`tooltip--${l}`]]:l})}),"data-placement":k,children:[t.jsx(r.FloatingArrow,{ref:A=>y.current=A,context:a,fill:_(),stroke:c(),strokeWidth:s?4:0,className:u.default(o.default.tooltip__arrow,{[o.default["tooltip__arrow--stroke"]]:s}),height:n.ARROW_HEIGHT,width:n.ARROW_WIDTH}),t.jsx(v.Card,{padding:.5,borderless:!0,...e,children:t.jsx(S.CardContent,{children:f})})]})});return m?b:null};return t.jsx(r.FloatingPortal,{"data-name":"tooltip",children:R()})};exports.Tooltip=B;

package/src/community/components/tooltip/tooltip.es.js

@@ -1,49 +1,50 @@
-import { jsx as t, jsxs as T } from "react/jsx-runtime";
-import { FloatingPortal as b, FloatingFocusManager as W, FloatingArrow as v } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { jsx as r, jsxs as R } from "react/jsx-runtime";
+import { FloatingPortal as W, FloatingFocusManager as b, FloatingArrow as N } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import s from "../../../../external/classnames/index.es.js";
-import y from "react";
-import { getCardBorderPlacementColor as N } from "../card/utility.es.js";
-import r from "./tooltip.module.scss.es.js";
-import { TooltipContext as B, ARROW_WIDTH as H, ARROW_HEIGHT as $ } from "./tooltip-provider.es.js";
-import { Card as j } from "../card/card.es.js";
-import { CardContent as I } from "../card/card-content/card-content.es.js";
-const L = (c) => {
-  const { children: m, maxWidth: e = "medium", cardProps: o, className: d } = c, { open: p, x: f, y: g, strategy: u, focusManager: h, floating: C, arrowRef: w, getFloatingProps: x, placement: _, context: n } = y.useContext(B), [k, l] = N(o == null ? void 0 : o.border), a = () => k && l ? `var(--color-${l})` : "none", i = a() !== "none", A = () => o != null && o.background ? `var(--color-${o == null ? void 0 : o.background})` : "var(--color-bg-default)";
-  return /* @__PURE__ */ t(b, { "data-name": "tooltip", children: (() => {
-    const F = /* @__PURE__ */ t(W, { ...h, context: n, children: /* @__PURE__ */ T(
+import B from "react";
+import { getCardBorderPlacementColor as H } from "../card/utility.es.js";
+import { legacyColorToCore as m } from "../color-tokens.es.js";
+import t from "./tooltip.module.scss.es.js";
+import { TooltipContext as j, ARROW_WIDTH as v, ARROW_HEIGHT as I } from "./tooltip-provider.es.js";
+import { Card as M } from "../card/card.es.js";
+import { CardContent as O } from "../card/card-content/card-content.es.js";
+const Q = (c) => {
+  const { children: d, maxWidth: e = "medium", cardProps: o, className: p } = c, { open: f, x: g, y: u, strategy: h, focusManager: C, floating: w, arrowRef: x, getFloatingProps: _, placement: k, context: n } = B.useContext(j), [T, a] = H(o == null ? void 0 : o.border), l = () => T && a ? m(a) : "none", i = l() !== "none", y = () => o != null && o.background ? m(o.background) : "var(--general-surface-primary)";
+  return /* @__PURE__ */ r(W, { "data-name": "tooltip", children: (() => {
+    const A = /* @__PURE__ */ r(b, { ...C, context: n, children: /* @__PURE__ */ R(
       "div",
       {
-        ...x({
-          ref: C,
+        ..._({
+          ref: w,
           style: {
-            position: u,
-            left: f ?? 0,
-            top: g ?? 0
+            position: h,
+            left: g ?? 0,
+            top: u ?? 0
           },
-          className: s(r.tooltip, d, { [r[`tooltip--${e}`]]: e })
+          className: s(t.tooltip, p, { [t[`tooltip--${e}`]]: e })
         }),
-        "data-placement": _,
+        "data-placement": k,
         children: [
-          /* @__PURE__ */ t(
-            v,
+          /* @__PURE__ */ r(
+            N,
             {
-              ref: (R) => w.current = R,
+              ref: (F) => x.current = F,
               context: n,
-              fill: A(),
-              stroke: a(),
+              fill: y(),
+              stroke: l(),
               strokeWidth: i ? 4 : 0,
-              className: s(r.tooltip__arrow, { [r["tooltip__arrow--stroke"]]: i }),
-              height: $,
-              width: H
+              className: s(t.tooltip__arrow, { [t["tooltip__arrow--stroke"]]: i }),
+              height: I,
+              width: v
             }
           ),
-          /* @__PURE__ */ t(j, { padding: 0.5, borderless: !0, ...o, children: /* @__PURE__ */ t(I, { children: m }) })
+          /* @__PURE__ */ r(M, { padding: 0.5, borderless: !0, ...o, children: /* @__PURE__ */ r(O, { children: d }) })
         ]
       }
     ) });
-    return p ? F : null;
+    return f ? A : null;
   })() });
 };
 export {
-  L as Tooltip
+  Q as Tooltip
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("../../../../../external/classnames/index.cjs.js"),a=require("./calendar.module.scss.cjs.js"),I=require("./components/calendar-header/calendar-header.cjs.js"),L=require("./components/calendar-month-grid/calendar-month-grid.cjs.js"),T=require("./components/calendar-year-grid/calendar-year-grid.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),z=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),R=require("../../../../../external/react-day-picker/dist/esm/DayPicker.cjs.js"),k=require("../../../../../external/react-day-picker/dist/esm/components/DayButton.cjs.js"),U=require("../../tags/status-indicator/status-indicator.cjs.js"),x=_=>{const{getCurrentBreakpointProps:C}=V.useBreakpointProps(_.defaultServerBreakpoint),{view:c="days",selectionLevel:y="days",currentMonth:u,setCurrentMonth:s,setView:i=()=>"days",mode:q="single",value:d,locale:M=z.et,localeCode:m="et-EE",showOutsideDays:A=!0,disabledMatchers:G,required:Y,availableDays:n,unavailableDays:l,footer:B,monthYearSelectType:P,dayStatus:h,handleSelect:O,applyValue:b,showNavigation:f=!0,className:v,bordered:W=!0,fullWidth:g=!1,...E}=C(_),p=W?void 0:a.default["tedi-calendar--borderless"],D=g?a.default["tedi-calendar--full-width"]:void 0,w=S.default(p,D,v),j=e=>n?Array.isArray(n)?n.some(r=>r.toDateString()===e.toDateString()):n(e):!0,N=e=>l?Array.isArray(l)?l.some(r=>r.toDateString()===e.toDateString()):l(e):!1,o=[...G??[],...n?[e=>!j(e)]:[],...l?[e=>N(e)]:[]],F=(()=>{switch(q){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 t.jsxs("div",{className:a.default["tedi-calendar__wrapper"],children:[c==="years"&&t.jsx(T.YearGrid,{currentMonth:u,onNavigate:s,showNavigation:f,onSelectYear:e=>{s(e),y==="years"?b(new Date(e.getFullYear(),0,1)):i("months")},className:w}),c==="months"&&t.jsx(L.MonthGrid,{currentMonth:u,onNavigate:s,showNavigation:f,localeCode:m,onSelectMonth:e=>{s(e),y==="months"?b(e):i("days")},className:w}),c==="days"&&t.jsx(R.DayPicker,{...E,...F,locale:M,month:u,onMonthChange:s,showOutsideDays:A,disabled:o.length?o:void 0,required:Y,components:{MonthCaption:e=>t.jsx(I.CalendarHeader,{...e,monthYearSelectType:P,onOpenMonthGrid:()=>i("months"),onOpenYearGrid:()=>i("years"),showNavigation:f,localeCode:m,disabledMatchers:o.length?o:void 0}),Nav:()=>t.jsx(t.Fragment,{}),...h?{DayButton:e=>{const r=h(e.day.date);if(!r)return t.jsx(k.DayButton,{...e});const H=[e["aria-label"],r.label].filter(Boolean).join(", ");return t.jsxs(k.DayButton,{...e,"aria-label":H,children:[e.children,t.jsx(U.StatusIndicator,{type:r.type,size:"sm",className:a.default["tedi-calendar__day-status"]})]})}}:{},...g?{Weekday:({children:e,...r})=>t.jsx("th",{...r,children:t.jsx("span",{className:a.default["tedi-calendar__weekday-inner"],children:e})})}:{}},footer:B,classNames:{root:S.default(a.default["tedi-calendar"],p,D,v),month_caption:a.default["tedi-calendar__caption"],head:a.default["tedi-calendar__head"],row:a.default["tedi-calendar__row"],day:a.default["tedi-calendar__day"],selected:a.default["tedi-calendar__day--selected"],weekday:a.default["tedi-calendar__weekday"],outside:a.default["tedi-calendar__outside-days"],range_start:a.default["tedi-calendar__range-start"],range_middle:a.default["tedi-calendar__range-middle"],range_end:a.default["tedi-calendar__range-end"],today:a.default["tedi-calendar__today"],disabled:a.default["tedi-calendar__disabled"],month:a.default["tedi-calendar__month"],months:a.default["tedi-calendar__months-container"],footer:a.default["tedi-calendar__footer"],week_number:a.default["tedi-calendar__week-number"]},modifiers:{available:e=>n?j(e):!1,unavailable:e=>l?N(e):!1},modifiersClassNames:{available:a.default["tedi-calendar__available-day"],unavailable:a.default["tedi-calendar__unavailable-day"]},onSelect:O})]})};x.displayName="Calendar";exports.Calendar=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),N=require("../../../../../external/classnames/index.cjs.js"),a=require("./calendar.module.scss.cjs.js"),T=require("./components/calendar-header/calendar-header.cjs.js"),V=require("./components/calendar-month-grid/calendar-month-grid.cjs.js"),z=require("./components/calendar-year-grid/calendar-year-grid.cjs.js"),R=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),U=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),J=require("../../../../../external/react-day-picker/dist/esm/DayPicker.cjs.js"),S=require("../../../../../external/react-day-picker/dist/esm/components/DayButton.cjs.js"),K=require("../../tags/status-indicator/status-indicator.cjs.js"),k=_=>{const{getCurrentBreakpointProps:C}=R.useBreakpointProps(_.defaultServerBreakpoint),{view:c="days",selectionLevel:m="days",currentMonth:u,setCurrentMonth:s,setView:i=()=>"days",mode:q="single",value:d,locale:M=U.et,localeCode:y="et-EE",showOutsideDays:A=!0,disabledMatchers:Y,required:G,availableDays:n,unavailableDays:l,footer:B,monthYearSelectType:P,minYear:O,maxYear:W,dayStatus:h,handleSelect:E,applyValue:b,showNavigation:f=!0,className:v,bordered:F=!0,fullWidth:g=!1,...H}=C(_),p=F?void 0:a.default["tedi-calendar--borderless"],D=g?a.default["tedi-calendar--full-width"]:void 0,w=N.default(p,D,v),j=e=>n?Array.isArray(n)?n.some(r=>r.toDateString()===e.toDateString()):n(e):!0,x=e=>l?Array.isArray(l)?l.some(r=>r.toDateString()===e.toDateString()):l(e):!1,o=[...Y??[],...n?[e=>!j(e)]:[],...l?[e=>x(e)]:[]],I=(()=>{switch(q){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 t.jsxs("div",{className:a.default["tedi-calendar__wrapper"],children:[c==="years"&&t.jsx(z.YearGrid,{currentMonth:u,onNavigate:s,showNavigation:f,onSelectYear:e=>{s(e),m==="years"?b(new Date(e.getFullYear(),0,1)):i("months")},className:w}),c==="months"&&t.jsx(V.MonthGrid,{currentMonth:u,onNavigate:s,showNavigation:f,localeCode:y,onSelectMonth:e=>{s(e),m==="months"?b(e):i("days")},className:w}),c==="days"&&t.jsx(J.DayPicker,{...H,...I,locale:M,month:u,onMonthChange:s,showOutsideDays:A,disabled:o.length?o:void 0,required:G,components:{MonthCaption:e=>t.jsx(T.CalendarHeader,{...e,monthYearSelectType:P,onOpenMonthGrid:()=>i("months"),onOpenYearGrid:()=>i("years"),showNavigation:f,localeCode:y,disabledMatchers:o.length?o:void 0,minYear:O,maxYear:W}),Nav:()=>t.jsx(t.Fragment,{}),...h?{DayButton:e=>{const r=h(e.day.date);if(!r)return t.jsx(S.DayButton,{...e});const L=[e["aria-label"],r.label].filter(Boolean).join(", ");return t.jsxs(S.DayButton,{...e,"aria-label":L,children:[e.children,t.jsx(K.StatusIndicator,{type:r.type,size:"sm",className:a.default["tedi-calendar__day-status"]})]})}}:{},...g?{Weekday:({children:e,...r})=>t.jsx("th",{...r,children:t.jsx("span",{className:a.default["tedi-calendar__weekday-inner"],children:e})})}:{}},footer:B,classNames:{root:N.default(a.default["tedi-calendar"],p,D,v),month_caption:a.default["tedi-calendar__caption"],head:a.default["tedi-calendar__head"],row:a.default["tedi-calendar__row"],day:a.default["tedi-calendar__day"],selected:a.default["tedi-calendar__day--selected"],weekday:a.default["tedi-calendar__weekday"],outside:a.default["tedi-calendar__outside-days"],range_start:a.default["tedi-calendar__range-start"],range_middle:a.default["tedi-calendar__range-middle"],range_end:a.default["tedi-calendar__range-end"],today:a.default["tedi-calendar__today"],disabled:a.default["tedi-calendar__disabled"],month:a.default["tedi-calendar__month"],months:a.default["tedi-calendar__months-container"],footer:a.default["tedi-calendar__footer"],week_number:a.default["tedi-calendar__week-number"]},modifiers:{available:e=>n?j(e):!1,unavailable:e=>l?x(e):!1},modifiersClassNames:{available:a.default["tedi-calendar__available-day"],unavailable:a.default["tedi-calendar__unavailable-day"]},onSelect:E})]})};k.displayName="Calendar";exports.Calendar=k;

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

@@ -118,6 +118,18 @@ interface CalendarBreakpointProps extends Omit<DayPickerProps, 'mode' | 'selecte
      * no status.
      */
     dayStatus?: DayStatusFn;
+    /**
+     * Earliest year offered in the calendar header's year dropdown.
+     * Forwarded to the internal `CalendarHeader`.
+     * @default currentYear - 100
+     */
+    minYear?: number;
+    /**
+     * Latest year offered in the calendar header's year dropdown.
+     * Forwarded to the internal `CalendarHeader`.
+     * @default currentYear + 20
+     */
+    maxYear?: number;
     /**
      * Callback fired when a date or date range is selected. Receives the selected value, day, modifiers, and event.
      */

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

@@ -1,16 +1,16 @@
-import { jsxs as S, jsx as t, Fragment as q } from "react/jsx-runtime";
+import { jsxs as S, jsx as t, Fragment as H } from "react/jsx-runtime";
 import k from "../../../../../external/classnames/index.es.js";
 import a from "./calendar.module.scss.es.js";
-import { CalendarHeader as z } from "./components/calendar-header/calendar-header.es.js";
-import { MonthGrid as H } from "./components/calendar-month-grid/calendar-month-grid.es.js";
-import { YearGrid as I } from "./components/calendar-year-grid/calendar-year-grid.es.js";
-import { useBreakpointProps as T } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { et as U } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
-import { DayPicker as J } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
+import { CalendarHeader as I } from "./components/calendar-header/calendar-header.es.js";
+import { MonthGrid as T } from "./components/calendar-month-grid/calendar-month-grid.es.js";
+import { YearGrid as U } from "./components/calendar-year-grid/calendar-year-grid.es.js";
+import { useBreakpointProps as J } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { et as K } from "../../../../../external/react-day-picker/dist/esm/locale/et.es.js";
+import { DayPicker as Q } from "../../../../../external/react-day-picker/dist/esm/DayPicker.es.js";
 import { DayButton as A } from "../../../../../external/react-day-picker/dist/esm/components/DayButton.es.js";
-import { StatusIndicator as K } from "../../tags/status-indicator/status-indicator.es.js";
-const Q = (u) => {
-  const { getCurrentBreakpointProps: M } = T(u.defaultServerBreakpoint), {
+import { StatusIndicator as R } from "../../tags/status-indicator/status-indicator.es.js";
+const X = (u) => {
+  const { getCurrentBreakpointProps: M } = J(u.defaultServerBreakpoint), {
     view: c = "days",
     selectionLevel: y = "days",
     currentMonth: m,
@@ -18,28 +18,30 @@ const Q = (u) => {
     setView: s = () => "days",
     mode: Y = "single",
     value: n,
-    locale: G = U,
+    locale: x = K,
     localeCode: h = "et-EE",
-    showOutsideDays: j = !0,
-    disabledMatchers: x,
+    showOutsideDays: G = !0,
+    disabledMatchers: j,
     required: O,
     availableDays: i,
     unavailableDays: d,
     footer: W,
     monthYearSelectType: B,
+    minYear: E,
+    maxYear: F,
     dayStatus: f,
-    handleSelect: E,
+    handleSelect: L,
     applyValue: p,
     showNavigation: _ = !0,
     className: v,
-    bordered: F = !0,
+    bordered: P = !0,
     fullWidth: b = !1,
-    ...L
-  } = M(u), g = F ? void 0 : a["tedi-calendar--borderless"], w = b ? a["tedi-calendar--full-width"] : void 0, N = k(g, w, v), D = (e) => i ? Array.isArray(i) ? i.some((r) => r.toDateString() === e.toDateString()) : i(e) : !0, C = (e) => d ? Array.isArray(d) ? d.some((r) => r.toDateString() === e.toDateString()) : d(e) : !1, o = [
-    ...x ?? [],
+    ...V
+  } = M(u), g = P ? void 0 : a["tedi-calendar--borderless"], w = b ? a["tedi-calendar--full-width"] : void 0, N = k(g, w, v), D = (e) => i ? Array.isArray(i) ? i.some((r) => r.toDateString() === e.toDateString()) : i(e) : !0, C = (e) => d ? Array.isArray(d) ? d.some((r) => r.toDateString() === e.toDateString()) : d(e) : !1, o = [
+    ...j ?? [],
     ...i ? [(e) => !D(e)] : [],
     ...d ? [(e) => C(e)] : []
-  ], P = (() => {
+  ], q = (() => {
     switch (Y) {
       case "multiple":
         return { mode: "multiple", selected: Array.isArray(n) ? n : void 0 };
@@ -54,7 +56,7 @@ const Q = (u) => {
   })();
   return /* @__PURE__ */ S("div", { className: a["tedi-calendar__wrapper"], children: [
     c === "years" && /* @__PURE__ */ t(
-      I,
+      U,
       {
         currentMonth: m,
         onNavigate: l,
@@ -66,7 +68,7 @@ const Q = (u) => {
       }
     ),
     c === "months" && /* @__PURE__ */ t(
-      H,
+      T,
       {
         currentMonth: m,
         onNavigate: l,
@@ -79,19 +81,19 @@ const Q = (u) => {
       }
     ),
     c === "days" && /* @__PURE__ */ t(
-      J,
+      Q,
       {
-        ...L,
-        ...P,
-        locale: G,
+        ...V,
+        ...q,
+        locale: x,
         month: m,
         onMonthChange: l,
-        showOutsideDays: j,
+        showOutsideDays: G,
         disabled: o.length ? o : void 0,
         required: O,
         components: {
           MonthCaption: (e) => /* @__PURE__ */ t(
-            z,
+            I,
             {
               ...e,
               monthYearSelectType: B,
@@ -99,19 +101,21 @@ const Q = (u) => {
               onOpenYearGrid: () => s("years"),
               showNavigation: _,
               localeCode: h,
-              disabledMatchers: o.length ? o : void 0
+              disabledMatchers: o.length ? o : void 0,
+              minYear: E,
+              maxYear: F
             }
           ),
-          Nav: () => /* @__PURE__ */ t(q, {}),
+          Nav: () => /* @__PURE__ */ t(H, {}),
           ...f ? {
             DayButton: (e) => {
               const r = f(e.day.date);
               if (!r)
                 return /* @__PURE__ */ t(A, { ...e });
-              const V = [e["aria-label"], r.label].filter(Boolean).join(", ");
-              return /* @__PURE__ */ S(A, { ...e, "aria-label": V, children: [
+              const z = [e["aria-label"], r.label].filter(Boolean).join(", ");
+              return /* @__PURE__ */ S(A, { ...e, "aria-label": z, children: [
                 e.children,
-                /* @__PURE__ */ t(K, { type: r.type, size: "sm", className: a["tedi-calendar__day-status"] })
+                /* @__PURE__ */ t(R, { type: r.type, size: "sm", className: a["tedi-calendar__day-status"] })
               ] });
             }
           } : {},
@@ -147,12 +151,12 @@ const Q = (u) => {
           available: a["tedi-calendar__available-day"],
           unavailable: a["tedi-calendar__unavailable-day"]
         },
-        onSelect: E
+        onSelect: L
       }
     )
   ] });
 };
-Q.displayName = "Calendar";
+X.displayName = "Calendar";
 export {
-  Q as Calendar
+  X as Calendar
 };