@tedi-design-system/react 18.0.0-rc.20 → 18.0.0-rc.21

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

@@ -1,11 +1,11 @@
 import { jsx as H } from "react/jsx-runtime";
-import { useFloating as W, useInteractions as A, useHover as L, useClick as k, useFocus as S, useRole as G, useDismiss as U, safePolygon as j } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useFloating as W, useInteractions as A, useHover as L, safePolygon as k, useClick as S, useFocus as G, useRole as U, useDismiss as j } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import s from "react";
-import { useIsTouchDevice as B } from "../../../tedi/helpers/hooks/use-is-touch-device.es.js";
-import { autoUpdate as q } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as z, flip as J, shift as K, arrow as N } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useLabels as Q } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useIsMounted as V } from "../../../tedi/helpers/hooks/use-is-mounted.es.js";
+import { useLabels as B } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { useIsTouchDevice as q } from "../../../tedi/helpers/hooks/use-is-touch-device.es.js";
+import { useIsMounted as z } from "../../../tedi/helpers/hooks/use-is-mounted.es.js";
+import { autoUpdate as J } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as K, flip as N, shift as Q, arrow as V } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
 const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
   open: !1,
   isMounted: !1,
@@ -27,7 +27,7 @@ const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
   placement: "top",
   context: {}
 }), ie = (r) => {
-  const { getLabel: p } = Q(), d = B(), {
+  const { getLabel: p } = B(), d = q(), {
     children: m,
     placement: g = "bottom",
     openWith: o = d ? "click" : "hover",
@@ -43,34 +43,34 @@ const X = 7, ce = 14, Y = 3, Z = Y + X, $ = s.createContext({
     ...l
   } = r.focusManager ?? {}, { visuallyHiddenDismiss: y = a ? p("close") : !1 } = l ?? {}, [F, P] = s.useState(h), c = s.useRef(null), i = t && typeof n < "u" ? n : F, x = (u) => {
     typeof n > "u" && P(u), t == null || t(u);
-  }, T = V(), { x: D, y: M, refs: f, strategy: b, context: e, middlewareData: I, placement: _ } = W({
+  }, T = z(), { x: D, y: M, refs: f, strategy: b, context: e, middlewareData: I, placement: _ } = W({
     placement: g,
     open: i,
     onOpenChange: x,
     middleware: [
-      z(O),
-      J(),
-      K({
+      K(O),
+      N(),
+      Q({
         altBoundary: !0,
         padding: 8
       }),
-      N({
+      V({
         element: c,
         padding: 4
       })
     ],
-    whileElementsMounted: q
+    whileElementsMounted: J
   }), { getReferenceProps: C, getFloatingProps: E } = A([
     L(e, {
-      handleClose: j(),
+      handleClose: k(),
       enabled: o === "hover"
     }),
-    k(e),
-    S(e, {
+    S(e),
+    G(e, {
       enabled: o === "hover"
     }),
-    G(e, { role: v }),
-    U(e, {
+    U(e, { role: v }),
+    j(e, {
       ancestorScroll: !0,
       outsidePressEvent: o === "click" ? "mousedown" : "pointerdown"
       // https://floating-ui.com/docs/dialog#interaction-hooks
@@ -114,6 +114,5 @@ export {
   Z as DEFAULT_TOOLTIP_OFFSET,
   Y as GAP,
   $ as TooltipContext,
-  ie as TooltipProvider,
-  ie as default
+  ie as TooltipProvider
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),g=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),f=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=i=>{const{children:e}=i,{getLabel:l}=f.useLabels(),{getReferenceProps:s,reference:c,openWith:n}=t.useContext(d.TooltipContext),u=a.useMergeRefs([c,e.ref]);return t.cloneElement(e,s({ref:u,tabIndex:0,label:e.type===p.Icon?l("tooltip.icon-trigger"):void 0,...e.props,className:g.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:n==="click"},e.props.className)}))};exports.TooltipTrigger=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),a=require("../../../../external/classnames/index.cjs.js"),t=require("react"),g=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),p=require("./tooltip-provider.cjs.js"),d=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),f=r=>{const{children:e}=r,{getLabel:i}=d.useLabels(),{getReferenceProps:c,reference:n,openWith:s}=t.useContext(p.TooltipContext),l=u.useMergeRefs([n,e.ref]);return t.cloneElement(e,c({ref:l,tabIndex:0,label:e.type===g.Icon?i("tooltip.icon-trigger"):void 0,...e.props,className:a.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:s==="click"},e.props.className)}))};exports.TooltipTrigger=f;

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

@@ -6,23 +6,22 @@ import t from "./tooltip.module.scss.es.js";
 import { TooltipContext as a } from "./tooltip-provider.es.js";
 import { useLabels as g } from "../../../tedi/providers/label-provider/use-labels.es.js";
 const T = (r) => {
-  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: l, openWith: p } = o.useContext(a), c = m([l, e.ref]);
+  const { children: e } = r, { getLabel: s } = g(), { getReferenceProps: i, reference: p, openWith: c } = o.useContext(a), l = m([p, e.ref]);
   return o.cloneElement(
     e,
     i({
-      ref: c,
+      ref: l,
       tabIndex: 0,
       label: e.type === f ? s("tooltip.icon-trigger") : void 0,
       ...e.props,
       className: n(
         t.tooltip__trigger,
-        { [t["tooltip__trigger--click"]]: p === "click" },
+        { [t["tooltip__trigger--click"]]: c === "click" },
         e.props.className
       )
     })
   );
 };
 export {
-  T as TooltipTrigger,
-  T as default
+  T as TooltipTrigger
 };

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

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

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

@@ -8,7 +8,7 @@ import { TooltipContext as B, ARROW_WIDTH as H, ARROW_HEIGHT as $ } from "./tool
 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: f, x: p, y: u, strategy: g, 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)";
+  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(
       "div",
@@ -16,9 +16,9 @@ const L = (c) => {
         ...x({
           ref: C,
           style: {
-            position: g,
-            left: p ?? 0,
-            top: u ?? 0
+            position: u,
+            left: f ?? 0,
+            top: g ?? 0
           },
           className: s(r.tooltip, d, { [r[`tooltip--${e}`]]: e })
         }),
@@ -41,10 +41,9 @@ const L = (c) => {
         ]
       }
     ) });
-    return f ? F : null;
+    return p ? F : null;
   })() });
 };
 export {
-  L as Tooltip,
-  L as default
+  L as Tooltip
 };

package/src/community/components/vertical-progress/vertical-progress-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),j=require("../button/button.cjs.js"),b=require("../tag/tag.cjs.js"),v=require("./vertical-progress.cjs.js"),w=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),s=o.createContext({index:0,title:null}),a=r=>{const{children:t}=r;return e.jsx(s.Provider,{value:r,children:e.jsx(w.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:l,isToggable:u=!0}=o.useContext(s),{onItemOpen:d}=o.useContext(v.VerticalProgressContext),{getLabel:g}=q.useLabels(),h=u&&!(t==="disabled")&&!(t==="active"),x=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},m=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},C=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(n.Col,{width:"auto",children:e.jsx(b.Tag,{iconOnly:!0,rounded:!0,color:x(),type:m(),children:e.jsx(p.Icon,{name:C(),size:16,color:"inherit"})})}),e.jsx(n.Col,{width:"auto",children:r})]})}),h&&e.jsx(n.Col,{width:"auto",children:e.jsx(j.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(l),children:g("vertical-progress.edit")})})]})};exports.VerticalProgressItem=a;exports.VerticalProgressItemContext=s;exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),C=require("../../../tedi/components/base/icon/icon.cjs.js"),p=require("../button/button.cjs.js"),j=require("../tag/tag.cjs.js"),b=require("./vertical-progress.cjs.js"),v=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),w=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),s=o.createContext({index:0,title:null}),q=r=>{const{children:t}=r;return e.jsx(s.Provider,{value:r,children:e.jsx(v.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:a,isToggable:l=!0}=o.useContext(s),{onItemOpen:d}=o.useContext(b.VerticalProgressContext),{getLabel:u}=w.useLabels(),g=l&&!(t==="disabled")&&!(t==="active"),h=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},x=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},m=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(n.Col,{width:"auto",children:e.jsx(j.Tag,{iconOnly:!0,rounded:!0,color:h(),type:x(),children:e.jsx(C.Icon,{name:m(),size:16,color:"inherit"})})}),e.jsx(n.Col,{width:"auto",children:r})]})}),g&&e.jsx(n.Col,{width:"auto",children:e.jsx(p.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(a),children:u("vertical-progress.edit")})})]})};exports.VerticalProgressItem=q;exports.VerticalProgressItemContext=s;

package/src/community/components/vertical-progress/vertical-progress-item.es.js

@@ -66,6 +66,5 @@ const s = n.createContext({
 };
 export {
   H as VerticalProgressItem,
-  s as VerticalProgressItemContext,
-  H as default
+  s as VerticalProgressItemContext
 };

package/src/community/components/vertical-progress/vertical-progress.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),i=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),r=c.createContext({onItemOpen:()=>null}),t=n=>{const{children:s,onItemOpen:o}=n;return e.jsx(r.Provider,{value:{onItemOpen:o},children:e.jsx(i.VerticalSpacing,{size:.5,children:s})})};exports.VerticalProgress=t;exports.VerticalProgressContext=r;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),r=o.createContext({onItemOpen:()=>null}),i=t=>{const{children:n,onItemOpen:c}=t;return e.jsx(r.Provider,{value:{onItemOpen:c},children:e.jsx(s.VerticalSpacing,{size:.5,children:n})})};exports.VerticalProgress=i;exports.VerticalProgressContext=r;

package/src/community/components/vertical-progress/vertical-progress.es.js

@@ -9,6 +9,5 @@ const i = n.createContext({
 };
 export {
   m as VerticalProgress,
-  i as VerticalProgressContext,
-  m as default
+  i as VerticalProgressContext
 };

package/src/community/components/vertical-stepper/vertical-stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),r=s=>{const{className:l,children:c,isCompact:a}=s,o=u.default(t.default.stepper,l,{[t.default["stepper--compact"]]:a});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:o,children:c})})};exports.VerticalStepper=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),p=r=>{const{className:c,children:s,isCompact:l}=r,a=o.default(t.default.stepper,c,{[t.default["stepper--compact"]]:l});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:a,children:s})})};exports.VerticalStepper=p;

package/src/community/components/vertical-stepper/vertical-stepper.es.js

@@ -1,11 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-import c from "../../../../external/classnames/index.es.js";
+import m from "../../../../external/classnames/index.es.js";
 import r from "./vertical-stepper.module.scss.es.js";
 const n = (t) => {
-  const { className: s, children: o, isCompact: p } = t, a = c(r.stepper, s, { [r["stepper--compact"]]: p });
-  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: a, children: o }) });
+  const { className: s, children: o, isCompact: p } = t, c = m(r.stepper, s, { [r["stepper--compact"]]: p });
+  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: c, children: o }) });
 };
 export {
-  n as VerticalStepper,
-  n as default
+  n as VerticalStepper
 };

package/src/community/helpers/hooks/use-breakpoint-props.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(i="xs")=>{const e=r.useBreakpoint(i),t=s.useMemo(()=>e?r.breakpoints.slice(0,r.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,a={})=>{const{sm:x,md:f,lg:g,xl:m,xxl:b,...u}=o,c=[...t.map(n=>l.default(n==="xs"?u:o[n],p=>p!==void 0))].filter(Boolean);return Object.assign(k.default(a,"defaultServerBreakpoint"),...c)},[t])}};exports.useBreakpointProps=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),t=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(i="xs")=>{const e=t.default(i),r=s.useMemo(()=>e?t.breakpoints.slice(0,t.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,a={})=>{const{sm:f,md:x,lg:g,xl:m,xxl:b,...u}=o,c=[...r.map(n=>l.default(n==="xs"?u:o[n],p=>p!==void 0))].filter(Boolean);return Object.assign(k.default(a,"defaultServerBreakpoint"),...c)},[r])}};exports.useBreakpointProps=B;

package/src/community/helpers/hooks/use-breakpoint-props.es.js

@@ -1,5 +1,5 @@
 import n from "react";
-import { useBreakpoint as u, breakpoints as s } from "./use-breakpoint.es.js";
+import u, { breakpoints as s } from "./use-breakpoint.es.js";
 import k from "../../../../external/lodash-es/pickBy.es.js";
 import l from "../../../../external/lodash-es/omit.es.js";
 const O = (i = "xs") => {

package/src/community/helpers/hooks/use-layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./use-breakpoint.cjs.js"),o=["xs","sm"],r=["md"],i=["lg","xl","xxl"],a=t=>{const s=k.useBreakpoint(),p=t==null?void 0:t.reduce((e,n)=>{switch(n){case"desktop":return[...e,...i];case"tablet":return[...e,...r];case"mobile":return[...e,...o];default:return[...e,n]}},[]);return s?p.includes(s):!1};exports.default=a;exports.desktopBreakpoints=i;exports.mobileBreakpoints=o;exports.tabletBreakpoints=r;exports.useLayout=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./use-breakpoint.cjs.js"),o=["xs","sm"],r=["md"],i=["lg","xl","xxl"],a=t=>{const s=d.default(),p=t==null?void 0:t.reduce((e,n)=>{switch(n){case"desktop":return[...e,...i];case"tablet":return[...e,...r];case"mobile":return[...e,...o];default:return[...e,n]}},[]);return s?p.includes(s):!1};exports.default=a;exports.desktopBreakpoints=i;exports.mobileBreakpoints=o;exports.tabletBreakpoints=r;exports.useLayout=a;

package/src/community/helpers/hooks/use-layout.es.js

@@ -1,4 +1,4 @@
-import { useBreakpoint as o } from "./use-breakpoint.es.js";
+import o from "./use-breakpoint.es.js";
 const i = ["xs", "sm"], p = ["md"], k = ["lg", "xl", "xxl"], a = (t) => {
   const s = o(), r = t == null ? void 0 : t.reduce((e, n) => {
     switch (n) {

package/src/tedi/components/buttons/button-group/button-group.cjs.js

@@ -1 +1 @@
-"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"),_=require("react"),n=require("../../base/icon/icon.cjs.js"),x=require("../button/button.cjs.js"),r=require("./button-group.module.scss.cjs.js"),C=require("../../../providers/label-provider/use-labels.cjs.js"),L=require("../../../helpers/hooks/use-breakpoint.cjs.js"),l=require("../../overlays/dropdown/dropdown.cjs.js"),b=k=>{const{getLabel:j}=C.useLabels(),{children:q,className:w,type:c="primary",onSelectionChange:i,stretch:v=!1,ariaLabel:I,size:f="default",enableMobileDropdown:A=!1,mobileBreakpoint:N="md",dropdownLabel:y=j("sidenav.submenu"),dropdownLabelMode:R="static"}=k,B=L.useBreakpoint(),D=L.isBreakpointBelow(B,N),m=_.Children.toArray(q).filter(e=>_.isValidElement(e)&&e.type===x.Button),s=m.find(e=>e.props.isActive),M=R==="static"?y:(s==null?void 0:s.props.children)??y,a=s==null?void 0:s.props.iconLeft,d=s==null?void 0:s.props.icon;return D&&A?o.jsxs(l.Dropdown,{width:"trigger",children:[o.jsx(l.Dropdown.Trigger,{children:o.jsxs(x.Button,{visualType:c,className:g.default(r.default["tedi-button-group__dropdown-trigger"],r.default[`tedi-button-group__dropdown-trigger--${c}`],w),noStyle:!0,fullWidth:!0,children:[a?o.jsx(n.Icon,{name:typeof a=="string"?a:a.name,color:"inherit"}):d?o.jsx(n.Icon,{name:typeof d=="string"?d:d.name,color:"inherit"}):o.jsx(n.Icon,{name:"menu",color:"inherit"}),M]})}),o.jsx(l.Dropdown.Content,{children:m.map((e,u)=>o.jsxs(l.Dropdown.Item,{index:u,active:e==null?void 0:e.props.isActive,disabled:e==null?void 0:e.props.disabled,onClick:t=>{var p,h;e.props.disabled||(t.type==="click"&&((h=(p=e.props).onClick)==null||h.call(p,t)),e.props.id&&(i==null||i(e.props.id)))},className:r.default["tedi-button-group__dropdown-item"],children:[e.props.iconLeft&&o.jsx(n.Icon,{name:typeof e.props.iconLeft=="string"?e.props.iconLeft:e.props.iconLeft.name,color:"inherit"}),e.props.children,e.props.iconRight&&o.jsx(n.Icon,{name:typeof e.props.iconRight=="string"?e.props.iconRight:e.props.iconRight.name,color:"inherit"}),e.props.isActive&&o.jsx("span",{className:"sr-only",children:j("button-group.selected")})]},e.props.id||u))})]}):o.jsx("div",{className:g.default(r.default["tedi-button-group"],r.default[`tedi-button-group--${c}`],{[r.default["tedi-button-group--stretch"]]:v},w),role:"group","aria-label":I,children:m.map(e=>_.cloneElement(e,{className:g.default(r.default["tedi-button-group__item"],{[r.default["tedi-button-group__item--active"]]:e.props.isActive,[r.default["tedi-button-group__item--disabled"]]:e.props.disabled,[r.default[`tedi-button-group__item--size-${f}`]]:f},e.props.className),size:f,"aria-pressed":!!e.props.isActive,onClick:u=>{var t,p;(p=(t=e.props).onClick)==null||p.call(t,u),e.props.id&&(i==null||i(e.props.id))}}))})};exports.ButtonGroup=b;exports.default=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),y=require("react"),n=require("../../base/icon/icon.cjs.js"),x=require("../button/button.cjs.js"),r=require("./button-group.module.scss.cjs.js"),M=require("../../../providers/label-provider/use-labels.cjs.js"),L=require("../../../helpers/hooks/use-breakpoint.cjs.js"),u=require("../../overlays/dropdown/dropdown.cjs.js"),C=b=>{const{getLabel:_}=M.useLabels(),{children:k,className:j,type:c="primary",onSelectionChange:s,stretch:q=!1,ariaLabel:v,size:f="default",enableMobileDropdown:I=!1,mobileBreakpoint:A="md",dropdownLabel:w=_("sidenav.submenu"),dropdownLabelMode:N="static"}=b,R=L.default(),D=L.isBreakpointBelow(R,A),m=y.Children.toArray(k).filter(e=>y.isValidElement(e)&&e.type===x.Button),i=m.find(e=>e.props.isActive),B=N==="static"?w:(i==null?void 0:i.props.children)??w,a=i==null?void 0:i.props.iconLeft,d=i==null?void 0:i.props.icon;return D&&I?o.jsxs(u.Dropdown,{width:"trigger",children:[o.jsx(u.Dropdown.Trigger,{children:o.jsxs(x.Button,{visualType:c,className:g.default(r.default["tedi-button-group__dropdown-trigger"],r.default[`tedi-button-group__dropdown-trigger--${c}`],j),noStyle:!0,fullWidth:!0,children:[a?o.jsx(n.Icon,{name:typeof a=="string"?a:a.name,color:"inherit"}):d?o.jsx(n.Icon,{name:typeof d=="string"?d:d.name,color:"inherit"}):o.jsx(n.Icon,{name:"menu",color:"inherit"}),B]})}),o.jsx(u.Dropdown.Content,{children:m.map((e,l)=>o.jsxs(u.Dropdown.Item,{index:l,active:e==null?void 0:e.props.isActive,disabled:e==null?void 0:e.props.disabled,onClick:t=>{var p,h;e.props.disabled||(t.type==="click"&&((h=(p=e.props).onClick)==null||h.call(p,t)),e.props.id&&(s==null||s(e.props.id)))},className:r.default["tedi-button-group__dropdown-item"],children:[e.props.iconLeft&&o.jsx(n.Icon,{name:typeof e.props.iconLeft=="string"?e.props.iconLeft:e.props.iconLeft.name,color:"inherit"}),e.props.children,e.props.iconRight&&o.jsx(n.Icon,{name:typeof e.props.iconRight=="string"?e.props.iconRight:e.props.iconRight.name,color:"inherit"}),e.props.isActive&&o.jsx("span",{className:"sr-only",children:_("button-group.selected")})]},e.props.id||l))})]}):o.jsx("div",{className:g.default(r.default["tedi-button-group"],r.default[`tedi-button-group--${c}`],{[r.default["tedi-button-group--stretch"]]:q},j),role:"group","aria-label":v,children:m.map(e=>y.cloneElement(e,{className:g.default(r.default["tedi-button-group__item"],{[r.default["tedi-button-group__item--active"]]:e.props.isActive,[r.default["tedi-button-group__item--disabled"]]:e.props.disabled,[r.default[`tedi-button-group__item--size-${f}`]]:f},e.props.className),size:f,"aria-pressed":!!e.props.isActive,onClick:l=>{var t,p;(p=(t=e.props).onClick)==null||p.call(t,l),e.props.id&&(s==null||s(e.props.id))}}))})};exports.ButtonGroup=C;

package/src/tedi/components/buttons/button-group/button-group.es.js

@@ -5,7 +5,7 @@ import { Icon as a } from "../../base/icon/icon.es.js";
 import { Button as k } from "../button/button.es.js";
 import r from "./button-group.module.scss.es.js";
 import { useLabels as D } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpoint as E, isBreakpointBelow as T } from "../../../helpers/hooks/use-breakpoint.es.js";
+import E, { isBreakpointBelow as T } from "../../../helpers/hooks/use-breakpoint.es.js";
 import { Dropdown as d } from "../../overlays/dropdown/dropdown.es.js";
 const P = (N) => {
   const { getLabel: _ } = D(), {
@@ -107,6 +107,5 @@ const P = (N) => {
   );
 };
 export {
-  P as ButtonGroup,
-  P as default
+  P as ButtonGroup
 };

package/src/tedi/components/buttons/card-button/card-button.cjs.js

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

package/src/tedi/components/buttons/card-button/card-button.es.js

@@ -1,18 +1,18 @@
-import { jsx as u } from "react/jsx-runtime";
-import c from "../../../../../external/classnames/index.es.js";
+import { jsx as c } from "react/jsx-runtime";
+import u from "../../../../../external/classnames/index.es.js";
 import { forwardRef as d } from "react";
 import i from "./card-button.module.scss.es.js";
 const n = d(
   (r, s) => {
     const { as: a, children: e, className: m, ...t } = r, o = a || "button";
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ c(
       o,
       {
         "data-name": "card-button",
         ...t,
         ...o === "button" ? { type: t.type ?? "button" } : {},
         ref: s,
-        className: c(i["tedi-card-button"], m),
+        className: u(i["tedi-card-button"], m),
         children: e
       }
     );
@@ -21,6 +21,5 @@ const n = d(
 n.displayName = "CardButton";
 const y = n;
 export {
-  y as CardButton,
-  y as default
+  y as CardButton
 };

package/src/tedi/components/buttons/collapse-button/collapse-button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),L=require("../../../../../external/classnames/index.cjs.js"),T=require("react"),c=require("../../base/icon/icon.cjs.js"),e=require("./collapse-button.module.scss.cjs.js"),z=require("../../../providers/label-provider/use-labels.cjs.js"),p=T.forwardRef((b,m)=>{const{open:a,onOpenChange:s,openText:_,closeText:x,hideText:t=!1,arrowType:o="default",size:y="default",inverted:h=!1,underline:j=!0,className:N,onClick:n,"aria-label":d,...q}=b,{getLabel:u}=z.useLabels(),i=a?x??u("close"):_??u("open"),C=t?d??i:d,v=r=>{n==null||n(r),!r.defaultPrevented&&(s==null||s(!a))},B=L.default(e.default["tedi-collapse-button"],{[e.default["tedi-collapse-button--open"]]:a,[e.default["tedi-collapse-button--small"]]:y==="small",[e.default["tedi-collapse-button--inverted"]]:h&&o!=="secondary",[e.default["tedi-collapse-button--icon-only"]]:t,[e.default["tedi-collapse-button--neutral"]]:t&&o!=="secondary",[e.default["tedi-collapse-button--secondary"]]:t&&o==="secondary",[e.default["tedi-collapse-button--no-underline"]]:!t&&!j},N);return l.jsxs("button",{ref:m,type:"button",...q,className:B,onClick:v,"aria-expanded":a,"aria-label":C,children:[!t&&l.jsx("span",{className:e.default["tedi-collapse-button__text"],children:i}),t?o==="secondary"?l.jsx("span",{className:e.default["tedi-collapse-button__icon-wrapper"],children:l.jsx(c.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:24})}):l.jsx(c.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:24}):l.jsx("span",{className:e.default["tedi-collapse-button__icon-pad"],children:l.jsx(c.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",size:16})})]})});p.displayName="CollapseButton";const f=p;exports.CollapseButton=f;exports.default=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),L=require("../../../../../external/classnames/index.cjs.js"),T=require("react"),c=require("../../base/icon/icon.cjs.js"),e=require("./collapse-button.module.scss.cjs.js"),v=require("../../../providers/label-provider/use-labels.cjs.js"),p=T.forwardRef((b,f)=>{const{open:a,onOpenChange:s,openText:m,closeText:x,hideText:t=!1,arrowType:o="default",size:_="default",inverted:y=!1,underline:h=!0,className:j,onClick:n,"aria-label":d,...N}=b,{getLabel:i}=v.useLabels(),r=a?x??i("close"):m??i("open"),q=t?d??r:d,C=u=>{n==null||n(u),!u.defaultPrevented&&(s==null||s(!a))},B=L.default(e.default["tedi-collapse-button"],{[e.default["tedi-collapse-button--open"]]:a,[e.default["tedi-collapse-button--small"]]:_==="small",[e.default["tedi-collapse-button--inverted"]]:y&&o!=="secondary",[e.default["tedi-collapse-button--icon-only"]]:t,[e.default["tedi-collapse-button--neutral"]]:t&&o!=="secondary",[e.default["tedi-collapse-button--secondary"]]:t&&o==="secondary",[e.default["tedi-collapse-button--no-underline"]]:!t&&!h},j);return l.jsxs("button",{ref:f,type:"button",...N,className:B,onClick:C,"aria-expanded":a,"aria-label":q,children:[!t&&l.jsx("span",{className:e.default["tedi-collapse-button__text"],children:r}),t?o==="secondary"?l.jsx("span",{className:e.default["tedi-collapse-button__icon-wrapper"],children:l.jsx(c.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:24})}):l.jsx(c.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:24}):l.jsx("span",{className:e.default["tedi-collapse-button__icon-pad"],children:l.jsx(c.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",size:16})})]})});p.displayName="CollapseButton";const z=p;exports.CollapseButton=z;

package/src/tedi/components/buttons/collapse-button/collapse-button.es.js

@@ -63,6 +63,5 @@ const u = B.forwardRef((m, b) => {
 u.displayName = "CollapseButton";
 const q = u;
 export {
-  q as CollapseButton,
-  q as default
+  q as CollapseButton
 };

package/src/tedi/components/cards/card/card-stories-templates.d.ts

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),B=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),e=require("./card.module.scss.cjs.js"),R=require("./card-content/card-content.cjs.js"),x=require("./card-context.cjs.js"),N=require("./card-header/card-header.cjs.js"),j=require("./card-notification/card-notification.cjs.js"),i=require("./utility.cjs.js"),k=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=P.forwardRef((t,c)=>{const{getCurrentBreakpointProps:u}=k.useBreakpointProps(t.defaultServerBreakpoint),{children:l,className:f,padding:C,background:b,borderRadius:m,borderless:p,border:g,...q}=u(t,{padding:1}),[d,a]=i.getCardBorderPlacementColor(g),r=i.resolveBorderRadius(m),v=B.default(e.default["tedi-card"],{[e.default[`tedi-card--border-${d}`]]:d,[e.default[`tedi-card--border--${a}`]]:a,[e.default["tedi-card--borderless"]]:p,[e.default["tedi-card--no-radius-tl"]]:!r.topLeft,[e.default["tedi-card--no-radius-tr"]]:!r.topRight,[e.default["tedi-card--no-radius-br"]]:!r.bottomRight,[e.default["tedi-card--no-radius-bl"]]:!r.bottomLeft},f);return o.jsx(x.CardContext.Provider,{value:{padding:C,background:b},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...q,className:v,ref:c,children:l})})});n.displayName="Card";const s=Object.assign(n,{Content:R.CardContent,Header:N.CardHeader,Notification:j.CardNotification});exports.Card=s;exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),B=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),e=require("./card.module.scss.cjs.js"),R=require("./card-content/card-content.cjs.js"),v=require("./card-context.cjs.js"),x=require("./card-header/card-header.cjs.js"),N=require("./card-notification/card-notification.cjs.js"),i=require("./utility.cjs.js"),j=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=P.forwardRef((t,c)=>{const{getCurrentBreakpointProps:s}=j.useBreakpointProps(t.defaultServerBreakpoint),{children:u,className:l,padding:f,background:C,borderRadius:b,borderless:m,border:p,...g}=s(t,{padding:1}),[d,a]=i.getCardBorderPlacementColor(p),r=i.resolveBorderRadius(b),q=B.default(e.default["tedi-card"],{[e.default[`tedi-card--border-${d}`]]:d,[e.default[`tedi-card--border--${a}`]]:a,[e.default["tedi-card--borderless"]]:m,[e.default["tedi-card--no-radius-tl"]]:!r.topLeft,[e.default["tedi-card--no-radius-tr"]]:!r.topRight,[e.default["tedi-card--no-radius-br"]]:!r.bottomRight,[e.default["tedi-card--no-radius-bl"]]:!r.bottomLeft},l);return o.jsx(v.CardContext.Provider,{value:{padding:f,background:C},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...g,className:q,ref:c,children:u})})});n.displayName="Card";const k=Object.assign(n,{Content:R.CardContent,Header:x.CardHeader,Notification:N.CardNotification});exports.Card=k;

package/src/tedi/components/cards/card/card.d.ts

@@ -85,6 +85,6 @@ export interface CardProps extends BreakpointSupport<CardBreakpointProps> {
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Content: (props: CardContentProps) => JSX.Element;
     Header: (props: CardContentProps) => JSX.Element;
-    Notification: (props: import('./card-notification/card-notification').CardNotificationProps) => JSX.Element;
+    Notification: (props: import('.').CardNotificationProps) => JSX.Element;
 };
 export default Card;

package/src/tedi/components/cards/card/card.es.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),N=require("../../../../../../external/classnames/index.cjs.js"),a=require("react"),i=require("../accordion.module.scss.cjs.js"),O=require("../accordion-context.cjs.js"),S=require("../accordion-item-content/accordion-item-content.cjs.js"),$=require("../accordion-item-header/accordion-item-header.cjs.js"),L=require("./accordion-item-context.cjs.js"),R=u=>typeof u.expanded=="boolean",E=u=>{const{children:A,id:r,defaultExpanded:b,expanded:f,onToggle:t,showIconCard:l=!1,selected:q=!1,iconCard:v,disabled:d=!1,openOnHashMatch:p=!1}=u,j=a.useId(),c=r??j,h=`${c}-header`,I=`${c}-content`,e=O.useAccordionContext(),y=b??(e==null?void 0:e.defaultExpanded)??!1,o=R(u),[H,m]=a.useState(y),s=o?f:H;a.useEffect(()=>{if(!e)return;const n=C=>{o?t==null||t(C):m(C)};return e.register(c,n)},[e,c,o,t]);const _=a.useCallback(()=>{if(d)return;const n=!s;o||m(n),t==null||t(n),n&&(e==null||e.notifyExpanded(c))},[e,c,o,d,s,t]);a.useEffect(()=>{if(!p||!r||d||typeof window>"u")return;const n=()=>{window.location.hash===`#${r}`&&(o?f||t==null||t(!0):m(!0),e==null||e.notifyExpanded(r))};return n(),window.addEventListener("hashchange",n),()=>window.removeEventListener("hashchange",n)},[p,r,d,o,f,t]);const M=a.useMemo(()=>({headerId:h,contentId:I,expanded:s,toggle:_,showIconCard:l,disabled:d}),[h,I,s,_,l,d]),P=N.default(i.default["tedi-accordion__item"],{[i.default["tedi-accordion__item--selected"]]:q,[i.default["tedi-accordion__item--expanded"]]:s,[i.default["tedi-accordion__item--disabled"]]:d,[i.default["tedi-accordion__item--with-icon-card"]]:l});return x.jsx(L.AccordionItemContext.Provider,{value:M,children:x.jsxs("div",{"data-name":"accordion-item","data-testid":"tedi-accordion-item",className:P,children:[l&&x.jsx("span",{"data-name":"accordion-icon-card",className:i.default["tedi-accordion__icon-card"],children:v}),A]})})};E.displayName="AccordionItem";const w=Object.assign(E,{Header:$.AccordionItemHeader,Content:S.AccordionItemContent});exports.AccordionItem=w;exports.default=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),M=require("../../../../../../external/classnames/index.cjs.js"),a=require("react"),i=require("../accordion.module.scss.cjs.js"),N=require("../accordion-context.cjs.js"),O=require("../accordion-item-content/accordion-item-content.cjs.js"),S=require("../accordion-item-header/accordion-item-header.cjs.js"),$=require("./accordion-item-context.cjs.js"),L=u=>typeof u.expanded=="boolean",_=u=>{const{children:w,id:r,defaultExpanded:A,expanded:f,onToggle:t,showIconCard:l=!1,selected:b=!1,iconCard:q,disabled:d=!1,openOnHashMatch:p=!1}=u,v=a.useId(),c=r??v,h=`${c}-header`,I=`${c}-content`,e=N.useAccordionContext(),y=A??(e==null?void 0:e.defaultExpanded)??!1,o=L(u),[j,m]=a.useState(y),s=o?f:j;a.useEffect(()=>{if(!e)return;const n=E=>{o?t==null||t(E):m(E)};return e.register(c,n)},[e,c,o,t]);const C=a.useCallback(()=>{if(d)return;const n=!s;o||m(n),t==null||t(n),n&&(e==null||e.notifyExpanded(c))},[e,c,o,d,s,t]);a.useEffect(()=>{if(!p||!r||d||typeof window>"u")return;const n=()=>{window.location.hash===`#${r}`&&(o?f||t==null||t(!0):m(!0),e==null||e.notifyExpanded(r))};return n(),window.addEventListener("hashchange",n),()=>window.removeEventListener("hashchange",n)},[p,r,d,o,f,t]);const H=a.useMemo(()=>({headerId:h,contentId:I,expanded:s,toggle:C,showIconCard:l,disabled:d}),[h,I,s,C,l,d]),P=M.default(i.default["tedi-accordion__item"],{[i.default["tedi-accordion__item--selected"]]:b,[i.default["tedi-accordion__item--expanded"]]:s,[i.default["tedi-accordion__item--disabled"]]:d,[i.default["tedi-accordion__item--with-icon-card"]]:l});return x.jsx($.AccordionItemContext.Provider,{value:H,children:x.jsxs("div",{"data-name":"accordion-item","data-testid":"tedi-accordion-item",className:P,children:[l&&x.jsx("span",{"data-name":"accordion-icon-card",className:i.default["tedi-accordion__icon-card"],children:q}),w]})})};_.displayName="AccordionItem";const R=Object.assign(_,{Header:S.AccordionItemHeader,Content:O.AccordionItemContent});exports.AccordionItem=R;

package/src/tedi/components/content/accordion/accordion-item/accordion-item.d.ts

@@ -65,11 +65,11 @@ export declare const AccordionItem: {
     displayName: string;
 } & {
     Header: {
-        (props: import('../accordion-item-header/accordion-item-header').AccordionItemHeaderProps): JSX.Element;
+        (props: import('..').AccordionItemHeaderProps): JSX.Element;
         displayName: string;
     };
     Content: {
-        (props: import('../accordion-item-content/accordion-item-content').AccordionItemContentProps): JSX.Element;
+        (props: import('..').AccordionItemContentProps): JSX.Element;
         displayName: string;
     };
 };

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

@@ -65,6 +65,5 @@ const K = Object.assign(w, {
   Content: O
 });
 export {
-  K as AccordionItem,
-  K as default
+  K as AccordionItem
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("../../../../../../external/classnames/index.cjs.js"),t=require("../accordion.module.scss.cjs.js"),m=require("../accordion-item/accordion-item-context.cjs.js"),n=c=>{const{children:i,contentClass:d}=c,{headerId:r,contentId:a,expanded:e,showIconCard:s}=m.useAccordionItemContext("Accordion.Item.Content"),l=u.default(t.default["tedi-accordion-item-content"],{[t.default["tedi-accordion-item-content--with-icon-card"]]:s},d);return o.jsx("div",{"data-name":"accordion-item-content",id:a,className:l,role:e?"region":void 0,"aria-labelledby":r,"aria-hidden":!e,inert:e?void 0:"",children:o.jsx("div",{className:t.default["tedi-accordion-item-content__inner"],children:i})})};n.displayName="AccordionItemContent";exports.AccordionItemContent=n;exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),t=require("../accordion.module.scss.cjs.js"),u=require("../accordion-item/accordion-item-context.cjs.js"),o=c=>{const{children:i,contentClass:d}=c,{headerId:r,contentId:a,expanded:e,showIconCard:s}=u.useAccordionItemContext("Accordion.Item.Content"),l=m.default(t.default["tedi-accordion-item-content"],{[t.default["tedi-accordion-item-content--with-icon-card"]]:s},d);return n.jsx("div",{"data-name":"accordion-item-content",id:a,className:l,role:e?"region":void 0,"aria-labelledby":r,"aria-hidden":!e,inert:e?void 0:"",children:n.jsx("div",{className:t.default["tedi-accordion-item-content__inner"],children:i})})};o.displayName="AccordionItemContent";exports.AccordionItemContent=o;

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

@@ -26,6 +26,5 @@ const h = (n) => {
 };
 h.displayName = "AccordionItemContent";
 export {
-  h as AccordionItemContent,
-  h as default
+  h as AccordionItemContent
 };

package/src/tedi/components/content/accordion/accordion-item-header/accordion-item-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),G=require("../../../base/icon/icon.cjs.js"),v=require("../../../base/typography/text/text.cjs.js"),J=require("../../../buttons/collapse-button/collapse-button.cjs.js"),e=require("../accordion.module.scss.cjs.js"),K=require("../accordion-item/accordion-item-context.cjs.js"),Q=require("../../../../providers/label-provider/use-labels.cjs.js"),c=I=>{const{headerClickable:o=!0,titleLayout:T="hug",openText:s,closeText:l,showExpandLabel:a=!0,showDefaultExpandAction:u=!0,expandActionPosition:h="end",expandActionArrowType:w="default",expandActionSize:C,expandActionInverted:N=!1,expandActionUnderline:q=!1,headerClass:y,title:r,beforeTitle:E,afterTitle:L,startAction:H,endAction:S,startDescription:m,endDescription:z,headingLevel:x}=I,{headerId:p,contentId:f,expanded:n,toggle:_,showIconCard:B,disabled:d}=K.useAccordionItemContext("Accordion.Item.Header"),{getLabel:g}=Q.useLabels(),D=s??g("open"),O=l??g("close"),k=n?O:D,M=u&&h==="start",P=u&&h==="end",F=C??(a?"default":"small"),R=i.default(e.default["tedi-accordion-item-header"],{[e.default["tedi-accordion-item-header--hoverable"]]:o&&!d,[e.default["tedi-accordion-item-header--expanded"]]:n,[e.default["tedi-accordion-item-header--with-icon-card"]]:B,[e.default["tedi-accordion-item-header--disabled"]]:d},y),U=()=>t.jsx(G.Icon,{name:"expand_more",color:"inherit",size:16,className:i.default(e.default["tedi-accordion-item-header__icon"],{[e.default["tedi-accordion-item-header__icon--expanded"]]:n,[e.default["tedi-accordion-item-header__icon--no-label"]]:!a})}),b=()=>o?t.jsxs("span",{className:i.default(e.default["tedi-accordion-item-header__expand-indicator"],{[e.default["tedi-accordion-item-header__expand-indicator--with-label"]]:a}),children:[t.jsx(v.Text,{element:"span",modifiers:"normal",children:a?k:null}),U()]}):t.jsx(J.CollapseButton,{open:n,onOpenChange:()=>_(),openText:s,closeText:l,hideText:!a,arrowType:w,size:F,inverted:N,underline:q,disabled:d,"aria-controls":f,"aria-disabled":d||void 0,tabIndex:d?-1:void 0}),A=t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:e.default["tedi-accordion-item-header__start"],children:[H,E,t.jsxs("span",{className:i.default(e.default["tedi-accordion-item-header__title"],{[e.default["tedi-accordion-item-header__title--grow"]]:T==="fill",[e.default["tedi-accordion-item-header__title--with-description"]]:m}),children:[t.jsxs("span",{className:e.default["tedi-accordion-item-header__title-main"],children:[M&&b(),r!=null&&t.jsx(v.Text,{element:"span",color:"secondary",modifiers:"normal",children:r})]}),m]}),L]}),z,P&&b(),S]}),j=o?t.jsx("button",{type:"button",id:p,className:e.default["tedi-accordion-item-header__trigger"],onClick:_,disabled:d,"aria-expanded":n,"aria-controls":f,children:A}):t.jsx("div",{id:p,className:e.default["tedi-accordion-item-header__trigger"],children:A}),W=(()=>{if(!x)return j;const $=`h${x}`;return t.jsx($,{className:e.default["tedi-accordion-item-header__heading-wrapper"],children:j})})();return t.jsx("div",{"data-name":"accordion-item-header",className:R,children:W})};c.displayName="AccordionItemHeader";exports.AccordionItemHeader=c;exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),G=require("../../../base/icon/icon.cjs.js"),j=require("../../../base/typography/text/text.cjs.js"),J=require("../../../buttons/collapse-button/collapse-button.cjs.js"),e=require("../accordion.module.scss.cjs.js"),K=require("../accordion-item/accordion-item-context.cjs.js"),Q=require("../../../../providers/label-provider/use-labels.cjs.js"),v=I=>{const{headerClickable:o=!0,titleLayout:T="hug",openText:c,closeText:s,showExpandLabel:a=!0,showDefaultExpandAction:l=!0,expandActionPosition:u="end",expandActionArrowType:w="default",expandActionSize:C,expandActionInverted:N=!1,expandActionUnderline:q=!1,headerClass:y,title:r,beforeTitle:E,afterTitle:L,startAction:H,endAction:S,startDescription:h,endDescription:z,headingLevel:m}=I,{headerId:x,contentId:p,expanded:n,toggle:f,showIconCard:B,disabled:d}=K.useAccordionItemContext("Accordion.Item.Header"),{getLabel:_}=Q.useLabels(),D=c??_("open"),O=s??_("close"),k=n?O:D,P=l&&u==="start",F=l&&u==="end",M=C??(a?"default":"small"),R=i.default(e.default["tedi-accordion-item-header"],{[e.default["tedi-accordion-item-header--hoverable"]]:o&&!d,[e.default["tedi-accordion-item-header--expanded"]]:n,[e.default["tedi-accordion-item-header--with-icon-card"]]:B,[e.default["tedi-accordion-item-header--disabled"]]:d},y),U=()=>t.jsx(G.Icon,{name:"expand_more",color:"inherit",size:16,className:i.default(e.default["tedi-accordion-item-header__icon"],{[e.default["tedi-accordion-item-header__icon--expanded"]]:n,[e.default["tedi-accordion-item-header__icon--no-label"]]:!a})}),g=()=>o?t.jsxs("span",{className:i.default(e.default["tedi-accordion-item-header__expand-indicator"],{[e.default["tedi-accordion-item-header__expand-indicator--with-label"]]:a}),children:[t.jsx(j.Text,{element:"span",modifiers:"normal",children:a?k:null}),U()]}):t.jsx(J.CollapseButton,{open:n,onOpenChange:()=>f(),openText:c,closeText:s,hideText:!a,arrowType:w,size:M,inverted:N,underline:q,disabled:d,"aria-controls":p,"aria-disabled":d||void 0,tabIndex:d?-1:void 0}),b=t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:e.default["tedi-accordion-item-header__start"],children:[H,E,t.jsxs("span",{className:i.default(e.default["tedi-accordion-item-header__title"],{[e.default["tedi-accordion-item-header__title--grow"]]:T==="fill",[e.default["tedi-accordion-item-header__title--with-description"]]:h}),children:[t.jsxs("span",{className:e.default["tedi-accordion-item-header__title-main"],children:[P&&g(),r!=null&&t.jsx(j.Text,{element:"span",color:"secondary",modifiers:"normal",children:r})]}),h]}),L]}),z,F&&g(),S]}),A=o?t.jsx("button",{type:"button",id:x,className:e.default["tedi-accordion-item-header__trigger"],onClick:f,disabled:d,"aria-expanded":n,"aria-controls":p,children:b}):t.jsx("div",{id:x,className:e.default["tedi-accordion-item-header__trigger"],children:b}),W=(()=>{if(!m)return A;const $=`h${m}`;return t.jsx($,{className:e.default["tedi-accordion-item-header__heading-wrapper"],children:A})})();return t.jsx("div",{"data-name":"accordion-item-header",className:R,children:W})};v.displayName="AccordionItemHeader";exports.AccordionItemHeader=v;

package/src/tedi/components/content/accordion/accordion-item-header/accordion-item-header.es.js

@@ -122,6 +122,5 @@ const X = (C) => {
 };
 X.displayName = "AccordionItemHeader";
 export {
-  X as AccordionItemHeader,
-  X as default
+  X as AccordionItemHeader
 };

package/src/tedi/components/content/accordion/accordion.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"),e=require("react"),M=require("./accordion.module.scss.cjs.js"),R=require("./accordion-context.cjs.js"),b=require("./accordion-item/accordion-item.cjs.js"),j=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),f=c=>{const{getCurrentBreakpointProps:p}=j.useBreakpointProps(c.defaultServerBreakpoint),{children:x,className:v,allowMultiple:t=!1,defaultExpanded:i=!1,itemGap:a,...q}=p(c),g=a!==void 0?{"--tedi-accordion-item-gap":`${a}rem`}:void 0,r=e.useRef(new Map),s=e.useRef(t);s.current=t;const d=e.useCallback((o,n)=>(r.current.set(o,n),()=>{r.current.delete(o)}),[]),u=e.useCallback(o=>{s.current||r.current.forEach((n,A)=>{A!==o&&n(!1)})},[]),k=e.useMemo(()=>({allowMultiple:t,defaultExpanded:i,notifyExpanded:u,register:d}),[t,i,u,d]);return l.jsx(R.AccordionContext.Provider,{value:k,children:l.jsx("div",{"data-name":"accordion","data-testid":"tedi-accordion",...q,className:C.default(M.default["tedi-accordion"],v),style:g,children:x})})};f.displayName="Accordion";const m=Object.assign(f,{Item:b.AccordionItem});exports.Accordion=m;exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),A=require("./accordion.module.scss.cjs.js"),C=require("./accordion-context.cjs.js"),R=require("./accordion-item/accordion-item.cjs.js"),b=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),f=c=>{const{getCurrentBreakpointProps:m}=b.useBreakpointProps(c.defaultServerBreakpoint),{children:p,className:x,allowMultiple:t=!1,defaultExpanded:i=!1,itemGap:a,...q}=m(c),v=a!==void 0?{"--tedi-accordion-item-gap":`${a}rem`}:void 0,r=e.useRef(new Map),s=e.useRef(t);s.current=t;const d=e.useCallback((o,n)=>(r.current.set(o,n),()=>{r.current.delete(o)}),[]),u=e.useCallback(o=>{s.current||r.current.forEach((n,k)=>{k!==o&&n(!1)})},[]),g=e.useMemo(()=>({allowMultiple:t,defaultExpanded:i,notifyExpanded:u,register:d}),[t,i,u,d]);return l.jsx(C.AccordionContext.Provider,{value:g,children:l.jsx("div",{"data-name":"accordion","data-testid":"tedi-accordion",...q,className:y.default(A.default["tedi-accordion"],x),style:v,children:p})})};f.displayName="Accordion";const j=Object.assign(f,{Item:R.AccordionItem});exports.Accordion=j;

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

@@ -45,7 +45,7 @@ export declare const Accordion: {
     displayName: string;
 } & {
     Item: {
-        (props: import('./accordion-item/accordion-item').AccordionItemProps): JSX.Element;
+        (props: import('.').AccordionItemProps): JSX.Element;
         displayName: string;
     } & {
         Header: {

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

@@ -5,15 +5,15 @@ import R from "./accordion.module.scss.es.js";
 import { AccordionContext as g } from "./accordion-context.es.js";
 import { AccordionItem as M } from "./accordion-item/accordion-item.es.js";
 import { useBreakpointProps as N } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const u = (a) => {
-  const { getCurrentBreakpointProps: f } = N(a.defaultServerBreakpoint), {
+const u = (c) => {
+  const { getCurrentBreakpointProps: f } = N(c.defaultServerBreakpoint), {
     children: p,
     className: v,
     allowMultiple: t = !1,
-    defaultExpanded: c = !1,
+    defaultExpanded: a = !1,
     itemGap: i,
     ...x
-  } = f(a), k = i !== void 0 ? { "--tedi-accordion-item-gap": `${i}rem` } : void 0, r = e.useRef(/* @__PURE__ */ new Map()), s = e.useRef(t);
+  } = f(c), k = i !== void 0 ? { "--tedi-accordion-item-gap": `${i}rem` } : void 0, r = e.useRef(/* @__PURE__ */ new Map()), s = e.useRef(t);
   s.current = t;
   const l = e.useCallback((o, n) => (r.current.set(o, n), () => {
     r.current.delete(o);
@@ -24,11 +24,11 @@ const u = (a) => {
   }, []), y = e.useMemo(
     () => ({
       allowMultiple: t,
-      defaultExpanded: c,
+      defaultExpanded: a,
       notifyExpanded: d,
       register: l
     }),
-    [t, c, d, l]
+    [t, a, d, l]
   );
   return /* @__PURE__ */ m(g.Provider, { value: y, children: /* @__PURE__ */ m(
     "div",
@@ -47,6 +47,5 @@ const I = Object.assign(u, {
   Item: M
 });
 export {
-  I as Accordion,
-  I as default
+  I as Accordion
 };

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"),j=require("react"),m=require("../../../../base/icon/icon.cjs.js"),c=require("../../../../buttons/button/button.cjs.js"),r=require("./calendar-header.module.scss.cjs.js"),B=require("../../../../../../../external/react-day-picker/dist/esm/types/deprecated.cjs.js"),T=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 A({calendarMonth:S,monthYearSelectType:v="dropdown",onOpenMonthGrid:q,onOpenYearGrid:N,showNavigation:p=!0,localeCode:f,disabledMatchers:o}){const g=v==="grid",{getLabel:u}=L.useLabels(),{goToMonth:_,nextMonth:D,previousMonth:k}=B.useNavigation(),i=S.date,a=i.getFullYear(),h=i.getMonth(),C=Array.from({length:12},(n,t)=>new Date(a,t,1).toLocaleString(f,{month:"long"})),F=new Date().getFullYear(),s=Array.from({length:21},(n,t)=>F-10+t),w=j.useCallback((n,t)=>{if(!(o!=null&&o.length))return!1;const d=new Date(n);for(;d<=t;){if(!T.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),x=new Date(a,t+1,0);w(d,x)&&n.add(t)}return n},[o,a,w]),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),x=new Date(t,11,31);w(d,x)&&n.add(t)}return n},[o,s,w]);return e.jsxs("div",{className:y.default(r.default["tedi-calendar__header"],{[r.default["tedi-calendar__no-navigation"]]:!p}),children:[p&&e.jsx(c.Button,{type:"button",onClick:()=>k&&_(k),"aria-label":u("pickers.previousMonth"),icon:"arrow_back",visualType:"neutral",children:u("pickers.previousMonth")}),g?e.jsxs(e.Fragment,{children:[e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:q,"data-testid":"tedi-calendar-month-trigger",children:[i.toLocaleString(f,{month:"long"}),e.jsx(m.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:N,"data-testid":"tedi-calendar-year-trigger",children:[i.getFullYear(),e.jsx(m.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"]]:g}),width:"auto",defaultActiveIndex:h,children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.toLocaleString(f,{month:"long"}),e.jsx(m.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:h===t,disabled:I.has(t),onClick:()=>_(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"]]:g}),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(m.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:()=>_(new Date(n,h)),children:n},n))})]})]}),p&&e.jsx(c.Button,{type:"button",onClick:()=>D&&_(D),visualType:"neutral","aria-label":u("pickers.nextMonth"),icon:"arrow_forward",children:u("pickers.nextMonth")})]})}exports.CalendarHeader=A;
+"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"),m=require("../../../../base/icon/icon.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"),T=require("../../../../../../../external/react-day-picker/dist/esm/types/deprecated.cjs.js"),L=require("../../../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),l=require("../../../../overlays/dropdown/dropdown.cjs.js");function A({calendarMonth:S,monthYearSelectType:v="dropdown",onOpenMonthGrid:q,onOpenYearGrid:N,showNavigation:p=!0,localeCode:f,disabledMatchers:o}){const g=v==="grid",{getLabel:u}=B.useLabels(),{goToMonth:_,nextMonth:D,previousMonth:k}=T.useNavigation(),i=S.date,a=i.getFullYear(),h=i.getMonth(),C=Array.from({length:12},(n,t)=>new Date(a,t,1).toLocaleString(f,{month:"long"})),F=new Date().getFullYear(),s=Array.from({length:21},(n,t)=>F-10+t),w=j.useCallback((n,t)=>{if(!(o!=null&&o.length))return!1;const d=new Date(n);for(;d<=t;){if(!L.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),x=new Date(a,t+1,0);w(d,x)&&n.add(t)}return n},[o,a,w]),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),x=new Date(t,11,31);w(d,x)&&n.add(t)}return n},[o,s,w]);return e.jsxs("div",{className:y.default(r.default["tedi-calendar__header"],{[r.default["tedi-calendar__no-navigation"]]:!p}),children:[p&&e.jsx(c.Button,{type:"button",onClick:()=>k&&_(k),"aria-label":u("pickers.previousMonth"),icon:"arrow_back",visualType:"neutral",children:u("pickers.previousMonth")}),g?e.jsxs(e.Fragment,{children:[e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],onClick:q,"data-testid":"tedi-calendar-month-trigger",children:[i.toLocaleString(f,{month:"long"}),e.jsx(m.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:N,"data-testid":"tedi-calendar-year-trigger",children:[i.getFullYear(),e.jsx(m.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"]]:g}),width:"auto",defaultActiveIndex:h,children:[e.jsx(l.Dropdown.Trigger,{children:e.jsxs(c.Button,{noStyle:!0,className:r.default["tedi-calendar__month-year-selector"],children:[i.toLocaleString(f,{month:"long"}),e.jsx(m.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:h===t,disabled:I.has(t),onClick:()=>_(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"]]:g}),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(m.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:()=>_(new Date(n,h)),children:n},n))})]})]}),p&&e.jsx(c.Button,{type:"button",onClick:()=>D&&_(D),visualType:"neutral","aria-label":u("pickers.nextMonth"),icon:"arrow_forward",children:u("pickers.nextMonth")})]})}exports.CalendarHeader=A;