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

package/src/tedi/components/navigation/pagination/use-pagination.es.js

@@ -0,0 +1,48 @@
+const i = (d, e) => e < d ? [] : Array.from({ length: e - d + 1 }, (n, c) => d + c);
+function o({
+  page: d,
+  pageCount: e,
+  boundaryCount: n = 1,
+  siblingCount: c = 1
+}) {
+  if (e <= 0) return [];
+  const l = Math.max(0, n), t = Math.max(0, c), s = Math.max(1, Math.min(e, d)), f = l * 2 + t * 2 + 3;
+  let r;
+  if (e <= f)
+    r = i(1, e);
+  else {
+    const a = l + t * 2 + 2, h = l + t + 2, m = e - l - t - 1;
+    s <= h ? r = [...i(1, a), "ellipsis", ...i(e - l + 1, e)] : s >= m ? r = [...i(1, l), "ellipsis", ...i(e - a + 1, e)] : r = [
+      ...i(1, l),
+      "ellipsis",
+      ...i(s - t, s + t),
+      "ellipsis",
+      ...i(e - l + 1, e)
+    ];
+  }
+  return [
+    {
+      type: "previous",
+      page: s > 1 ? s - 1 : null,
+      selected: !1,
+      disabled: s <= 1
+    },
+    ...r.map(
+      (a) => a === "ellipsis" ? { type: "ellipsis", page: null, selected: !1, disabled: !0 } : {
+        type: "page",
+        page: a,
+        selected: a === s,
+        disabled: !1
+      }
+    ),
+    {
+      type: "next",
+      page: s < e ? s + 1 : null,
+      selected: !1,
+      disabled: s >= e
+    }
+  ];
+}
+export {
+  o as usePagination
+};

package/src/tedi/components/navigation/tabs/tabs-content/tabs-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),l=require("../tabs.module.scss.cjs.js"),d=require("../tabs-context.cjs.js"),t=n=>{const{id:e,children:a,className:s}=n,{currentTab:o}=d.useTabsContext();return e&&o!==e?null:r.jsx("div",{"data-name":"tabs-content",id:e?`${e}-panel`:void 0,role:"tabpanel","aria-labelledby":e??void 0,className:i.default(l.default["tedi-tabs__content"],s),children:a})};t.displayName="TabsContent";exports.TabsContent=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("../../../../../../external/classnames/index.cjs.js"),i=require("../tabs.module.scss.cjs.js"),u=require("../tabs-context.cjs.js"),t=n=>{const{id:e,children:a,className:s}=n,{currentTab:o}=u.useTabsContext();return e&&o!==e?null:r.jsx("div",{"data-name":"tabs-content",id:e?`${e}-panel`:void 0,role:"tabpanel","aria-labelledby":e??void 0,className:l.default(i.default["tedi-tabs__content"],s),children:a})};t.displayName="TabsContent";exports.TabsContent=t;exports.default=t;

package/src/tedi/components/navigation/tabs/tabs-content/tabs-content.es.js

@@ -1,22 +1,23 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import r from "../../../../../../external/classnames/index.es.js";
-import i from "../tabs.module.scss.es.js";
-import { useTabsContext as l } from "../tabs-context.es.js";
+import l from "../tabs.module.scss.es.js";
+import { useTabsContext as i } from "../tabs-context.es.js";
 const m = (a) => {
-  const { id: t, children: e, className: n } = a, { currentTab: o } = l();
-  return t && o !== t ? null : /* @__PURE__ */ s(
+  const { id: t, children: e, className: s } = a, { currentTab: n } = i();
+  return t && n !== t ? null : /* @__PURE__ */ o(
     "div",
     {
       "data-name": "tabs-content",
       id: t ? `${t}-panel` : void 0,
       role: "tabpanel",
       "aria-labelledby": t ?? void 0,
-      className: r(i["tedi-tabs__content"], n),
+      className: r(l["tedi-tabs__content"], s),
       children: e
     }
   );
 };
 m.displayName = "TabsContent";
 export {
-  m as TabsContent
+  m as TabsContent,
+  m as default
 };

package/src/tedi/components/navigation/tabs/tabs-list/tabs-list.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),g=require("../../../../../../external/classnames/index.cjs.js"),t=require("react"),D=require("../../../base/icon/icon.cjs.js"),k=require("../../../misc/print/print.cjs.js"),o=require("../../../overlays/dropdown/dropdown.cjs.js"),i=require("../tabs.module.scss.cjs.js"),z=require("../tabs-context.cjs.js"),P=require("../../../../providers/label-provider/use-labels.cjs.js"),A=require("../../../../helpers/hooks/use-scroll-fade.cjs.js"),v=R=>{const{children:a,className:S,"aria-label":j,"aria-labelledby":y,printVisibility:L="show",overflowMode:r="dropdown"}=R,{getLabel:q}=P.useLabels(),{currentTab:W,setCurrentTab:T}=z.useTabsContext(),h=t.useRef(null),c=t.useRef(null),[d,u]=t.useState(!1),f=t.useRef(!1),b=t.useRef(0);f.current=d;const{scrollRef:w,canScrollStart:C,canScrollEnd:M,handleScroll:N}=A.useScrollFade({direction:"horizontal"}),O=t.useCallback(e=>{c.current=e,r==="scroll"&&w(e)},[r,w]),p=t.useMemo(()=>t.Children.toArray(a).filter(t.isValidElement),[a]),m=t.useMemo(()=>{const e=[];return p.forEach(l=>{const n=l.props;e.push({id:n.id,label:n.children,disabled:n.disabled})}),e},[p]),_=r==="dropdown"&&d&&m.length>1,E=m.filter(e=>e.id!==W),I=e=>{e&&T(e)};return t.useLayoutEffect(()=>{if(r!=="dropdown")return;const e=c.current;!e||f.current||(b.current=e.scrollWidth,e.scrollWidth>e.clientWidth&&e.clientWidth>0&&u(!0))},[r,d,p]),t.useEffect(()=>{if(r!=="dropdown")return;const e=h.current,l=c.current;if(!e||!l)return;const n=()=>{f.current?b.current<=e.clientWidth&&u(!1):l.scrollWidth>l.clientWidth&&l.clientWidth>0&&(b.current=l.scrollWidth,u(!0))},x=new ResizeObserver(n);return x.observe(e),()=>x.disconnect()},[r]),s.jsx(k.Print,{visibility:L,children:s.jsxs("div",{ref:h,className:g.default(i.default["tedi-tabs__list-wrapper"],{[i.default["tedi-tabs__list-wrapper--scroll-fade-left"]]:r==="scroll"&&C,[i.default["tedi-tabs__list-wrapper--scroll-fade-right"]]:r==="scroll"&&M}),children:[s.jsx("div",{ref:O,"data-name":"tabs-list",role:"tablist","aria-label":j,"aria-labelledby":y,className:g.default(i.default["tedi-tabs__list"],{[i.default["tedi-tabs__list--overflow"]]:_},{[i.default["tedi-tabs__list--scroll"]]:r==="scroll"},S),onScroll:r==="scroll"?N:void 0,children:a}),_&&s.jsx("div",{className:i.default["tedi-tabs__more-wrapper"],children:s.jsxs(o.Dropdown,{placement:"bottom-end",children:[s.jsx(o.Dropdown.Trigger,{children:s.jsxs("button",{"data-name":"tabs-more-btn",type:"button",className:i.default["tedi-tabs__more-btn"],children:[q("tabs.more"),s.jsx(D.Icon,{name:"expand_more",size:18})]})}),s.jsx(o.Dropdown.Content,{children:E.map((e,l)=>s.jsx(o.Dropdown.Item,{index:l,disabled:e.disabled,onClick:()=>I(e.id),children:e.label},e.id))})]})})]})})};v.displayName="TabsList";exports.TabsList=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),g=require("../../../../../../external/classnames/index.cjs.js"),t=require("react"),D=require("../../../base/icon/icon.cjs.js"),k=require("../../../misc/print/print.cjs.js"),o=require("../../../overlays/dropdown/dropdown.cjs.js"),i=require("../tabs.module.scss.cjs.js"),z=require("../tabs-context.cjs.js"),P=require("../../../../providers/label-provider/use-labels.cjs.js"),A=require("../../../../helpers/hooks/use-scroll-fade.cjs.js"),h=R=>{const{children:a,className:S,"aria-label":j,"aria-labelledby":y,printVisibility:L="show",overflowMode:r="dropdown"}=R,{getLabel:q}=P.useLabels(),{currentTab:W,setCurrentTab:T}=z.useTabsContext(),w=t.useRef(null),c=t.useRef(null),[d,u]=t.useState(!1),f=t.useRef(!1),b=t.useRef(0);f.current=d;const{scrollRef:m,canScrollStart:C,canScrollEnd:M,handleScroll:N}=A.useScrollFade({direction:"horizontal"}),O=t.useCallback(e=>{c.current=e,r==="scroll"&&m(e)},[r,m]),p=t.useMemo(()=>t.Children.toArray(a).filter(t.isValidElement),[a]),_=t.useMemo(()=>{const e=[];return p.forEach(l=>{const n=l.props;e.push({id:n.id,label:n.children,disabled:n.disabled})}),e},[p]),v=r==="dropdown"&&d&&_.length>1,E=_.filter(e=>e.id!==W),I=e=>{e&&T(e)};return t.useLayoutEffect(()=>{if(r!=="dropdown")return;const e=c.current;!e||f.current||(b.current=e.scrollWidth,e.scrollWidth>e.clientWidth&&e.clientWidth>0&&u(!0))},[r,d,p]),t.useEffect(()=>{if(r!=="dropdown")return;const e=w.current,l=c.current;if(!e||!l)return;const n=()=>{f.current?b.current<=e.clientWidth&&u(!1):l.scrollWidth>l.clientWidth&&l.clientWidth>0&&(b.current=l.scrollWidth,u(!0))},x=new ResizeObserver(n);return x.observe(e),()=>x.disconnect()},[r]),s.jsx(k.Print,{visibility:L,children:s.jsxs("div",{ref:w,className:g.default(i.default["tedi-tabs__list-wrapper"],{[i.default["tedi-tabs__list-wrapper--scroll-fade-left"]]:r==="scroll"&&C,[i.default["tedi-tabs__list-wrapper--scroll-fade-right"]]:r==="scroll"&&M}),children:[s.jsx("div",{ref:O,"data-name":"tabs-list",role:"tablist","aria-label":j,"aria-labelledby":y,className:g.default(i.default["tedi-tabs__list"],{[i.default["tedi-tabs__list--overflow"]]:v},{[i.default["tedi-tabs__list--scroll"]]:r==="scroll"},S),onScroll:r==="scroll"?N:void 0,children:a}),v&&s.jsx("div",{className:i.default["tedi-tabs__more-wrapper"],children:s.jsxs(o.Dropdown,{placement:"bottom-end",children:[s.jsx(o.Dropdown.Trigger,{children:s.jsxs("button",{"data-name":"tabs-more-btn",type:"button",className:i.default["tedi-tabs__more-btn"],children:[q("tabs.more"),s.jsx(D.Icon,{name:"expand_more",size:18})]})}),s.jsx(o.Dropdown.Content,{children:E.map((e,l)=>s.jsx(o.Dropdown.Item,{index:l,disabled:e.disabled,onClick:()=>I(e.id),children:e.label},e.id))})]})})]})})};h.displayName="TabsList";exports.TabsList=h;exports.default=h;

package/src/tedi/components/navigation/tabs/tabs-list/tabs-list.es.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import R from "../../../../../../external/classnames/index.es.js";
-import i, { useRef as n, useState as A, useCallback as P, useLayoutEffect as V, useEffect as B } from "react";
+import i, { useRef as a, useState as A, useCallback as P, useLayoutEffect as V, useEffect as B } from "react";
 import { Icon as D } from "../../../base/icon/icon.es.js";
 import { Print as F } from "../../../misc/print/print.es.js";
-import { Dropdown as a } from "../../../overlays/dropdown/dropdown.es.js";
+import { Dropdown as n } from "../../../overlays/dropdown/dropdown.es.js";
 import l from "../tabs.module.scss.es.js";
 import { useTabsContext as q } from "../tabs-context.es.js";
 import { useLabels as G } from "../../../../providers/label-provider/use-labels.es.js";
@@ -16,7 +16,7 @@ const J = (S) => {
     "aria-labelledby": N,
     printVisibility: C = "show",
     overflowMode: r = "dropdown"
-  } = S, { getLabel: T } = G(), { currentTab: x, setCurrentTab: E } = q(), w = n(null), d = n(null), [f, b] = A(!1), m = n(!1), u = n(0);
+  } = S, { getLabel: T } = G(), { currentTab: x, setCurrentTab: E } = q(), w = a(null), d = a(null), [f, b] = A(!1), m = a(!1), u = a(0);
   m.current = f;
   const {
     scrollRef: _,
@@ -76,13 +76,13 @@ const J = (S) => {
             children: c
           }
         ),
-        g && /* @__PURE__ */ s("div", { className: l["tedi-tabs__more-wrapper"], children: /* @__PURE__ */ h(a, { placement: "bottom-end", children: [
-          /* @__PURE__ */ s(a.Trigger, { children: /* @__PURE__ */ h("button", { "data-name": "tabs-more-btn", type: "button", className: l["tedi-tabs__more-btn"], children: [
+        g && /* @__PURE__ */ s("div", { className: l["tedi-tabs__more-wrapper"], children: /* @__PURE__ */ h(n, { placement: "bottom-end", children: [
+          /* @__PURE__ */ s(n.Trigger, { children: /* @__PURE__ */ h("button", { "data-name": "tabs-more-btn", type: "button", className: l["tedi-tabs__more-btn"], children: [
             T("tabs.more"),
             /* @__PURE__ */ s(D, { name: "expand_more", size: 18 })
           ] }) }),
-          /* @__PURE__ */ s(a.Content, { children: z.map((e, t) => /* @__PURE__ */ s(
-            a.Item,
+          /* @__PURE__ */ s(n.Content, { children: z.map((e, t) => /* @__PURE__ */ s(
+            n.Item,
             {
               index: t,
               disabled: e.disabled,
@@ -98,5 +98,6 @@ const J = (S) => {
 };
 J.displayName = "TabsList";
 export {
-  J as TabsList
+  J as TabsList,
+  J as default
 };

package/src/tedi/components/navigation/tabs/tabs-trigger/tabs-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),x=require("../../../base/icon/icon.cjs.js"),r=require("../tabs.module.scss.cjs.js"),_=require("../tabs-context.cjs.js"),q=require("../tabs-helpers.cjs.js"),c=l=>{const{id:e,children:d,icon:a,disabled:t=!1,className:b}=l,{currentTab:u,setCurrentTab:i}=_.useTabsContext(),s=u===e,g=()=>{t||i(e)},T=f=>{const n=q.navigateTablist(f);n&&i(n.id)};return o.jsxs("button",{"data-name":"tabs-trigger",id:e,role:"tab",type:"button","aria-selected":s,"aria-controls":`${e}-panel`,tabIndex:s?0:-1,disabled:t,className:m.default(r.default["tedi-tabs__trigger"],{[r.default["tedi-tabs__trigger--selected"]]:s},{[r.default["tedi-tabs__trigger--disabled"]]:t},b),onClick:g,onKeyDown:T,children:[a&&o.jsx(x.Icon,{name:a,size:18,color:"inherit"}),d]})};c.displayName="TabsTrigger";exports.TabsTrigger=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),_=require("../../../../../../external/classnames/index.cjs.js"),m=require("../../../base/icon/icon.cjs.js"),a=require("../tabs.module.scss.cjs.js"),x=require("../tabs-context.cjs.js"),q=require("../tabs-helpers.cjs.js"),r=c=>{const{id:e,children:d,icon:i,disabled:t=!1,className:u}=c,{currentTab:b,setCurrentTab:n}=x.useTabsContext(),s=b===e,g=()=>{t||n(e)},T=f=>{const o=q.navigateTablist(f);o&&n(o.id)};return l.jsxs("button",{"data-name":"tabs-trigger",id:e,role:"tab",type:"button","aria-selected":s,"aria-controls":`${e}-panel`,tabIndex:s?0:-1,disabled:t,className:_.default(a.default["tedi-tabs__trigger"],{[a.default["tedi-tabs__trigger--selected"]]:s},{[a.default["tedi-tabs__trigger--disabled"]]:t},u),onClick:g,onKeyDown:T,children:[i&&l.jsx(m.Icon,{name:i,size:18,color:"inherit"}),d]})};r.displayName="TabsTrigger";exports.TabsTrigger=r;exports.default=r;

package/src/tedi/components/navigation/tabs/tabs-trigger/tabs-trigger.es.js

@@ -1,17 +1,17 @@
-import { jsxs as p, jsx as f } from "react/jsx-runtime";
+import { jsxs as f, jsx as p } from "react/jsx-runtime";
 import T from "../../../../../../external/classnames/index.es.js";
 import { Icon as u } from "../../../base/icon/icon.es.js";
-import s from "../tabs.module.scss.es.js";
+import a from "../tabs.module.scss.es.js";
 import { useTabsContext as _ } from "../tabs-context.es.js";
 import { navigateTablist as h } from "../tabs-helpers.es.js";
 const x = (n) => {
-  const { id: e, children: c, icon: a, disabled: t = !1, className: l } = n, { currentTab: d, setCurrentTab: i } = _(), r = d === e, m = () => {
+  const { id: e, children: l, icon: s, disabled: t = !1, className: c } = n, { currentTab: d, setCurrentTab: i } = _(), r = d === e, m = () => {
     t || i(e);
   }, b = (g) => {
     const o = h(g);
     o && i(o.id);
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     "button",
     {
       "data-name": "tabs-trigger",
@@ -23,21 +23,22 @@ const x = (n) => {
       tabIndex: r ? 0 : -1,
       disabled: t,
       className: T(
-        s["tedi-tabs__trigger"],
-        { [s["tedi-tabs__trigger--selected"]]: r },
-        { [s["tedi-tabs__trigger--disabled"]]: t },
-        l
+        a["tedi-tabs__trigger"],
+        { [a["tedi-tabs__trigger--selected"]]: r },
+        { [a["tedi-tabs__trigger--disabled"]]: t },
+        c
       ),
       onClick: m,
       onKeyDown: b,
       children: [
-        a && /* @__PURE__ */ f(u, { name: a, size: 18, color: "inherit" }),
-        c
+        s && /* @__PURE__ */ p(u, { name: s, size: 18, color: "inherit" }),
+        l
       ]
     }
   );
 };
 x.displayName = "TabsTrigger";
 export {
-  x as TabsTrigger
+  x as TabsTrigger,
+  x as default
 };

package/src/tedi/components/navigation/tabs/tabs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),g=require("./tabs.module.scss.cjs.js"),m=require("./tabs-content/tabs-content.cjs.js"),f=require("./tabs-context.cjs.js"),v=require("./tabs-list/tabs-list.cjs.js"),x=require("./tabs-trigger/tabs-trigger.cjs.js"),e=i=>{const{children:u,value:s,defaultValue:c,onChange:t,className:l}=i,[b,d]=o.useState(c||""),r=s??b,T=o.useCallback(a=>{a!==r&&(s===void 0&&d(a),t==null||t(a))},[s,r,t]);return n.jsx(f.TabsContext.Provider,{value:{currentTab:r,setCurrentTab:T},children:n.jsx("div",{"data-name":"tabs",className:q.default(g.default["tedi-tabs"],l),children:u})})};e.displayName="Tabs";e.List=v.TabsList;e.Trigger=x.TabsTrigger;e.Content=m.TabsContent;exports.Tabs=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),f=require("./tabs.module.scss.cjs.js"),g=require("./tabs-content/tabs-content.cjs.js"),m=require("./tabs-context.cjs.js"),v=require("./tabs-list/tabs-list.cjs.js"),x=require("./tabs-trigger/tabs-trigger.cjs.js"),e=u=>{const{children:i,value:s,defaultValue:l,onChange:t,className:c}=u,[b,d]=o.useState(l||""),r=s??b,T=o.useCallback(a=>{a!==r&&(s===void 0&&d(a),t==null||t(a))},[s,r,t]);return n.jsx(m.TabsContext.Provider,{value:{currentTab:r,setCurrentTab:T},children:n.jsx("div",{"data-name":"tabs",className:q.default(f.default["tedi-tabs"],c),children:i})})};e.displayName="Tabs";e.List=v.TabsList;e.Trigger=x.TabsTrigger;e.Content=g.TabsContent;exports.Tabs=e;exports.default=e;

package/src/tedi/components/navigation/tabs/tabs.es.js

@@ -1,24 +1,25 @@
 import { jsx as s } from "react/jsx-runtime";
-import u from "../../../../../external/classnames/index.es.js";
-import m from "react";
+import T from "../../../../../external/classnames/index.es.js";
+import l from "react";
 import d from "./tabs.module.scss.es.js";
 import { TabsContent as p } from "./tabs-content/tabs-content.es.js";
 import { TabsContext as v } from "./tabs-context.es.js";
 import { TabsList as C } from "./tabs-list/tabs-list.es.js";
 import { TabsTrigger as N } from "./tabs-trigger/tabs-trigger.es.js";
-const r = (l) => {
-  const { children: n, value: e, defaultValue: i, onChange: t, className: c } = l, [b, T] = m.useState(i || ""), a = e ?? b, f = m.useCallback(
+const r = (m) => {
+  const { children: n, value: a, defaultValue: i, onChange: t, className: c } = m, [b, f] = l.useState(i || ""), e = a ?? b, u = l.useCallback(
     (o) => {
-      o !== a && (e === void 0 && T(o), t == null || t(o));
+      o !== e && (a === void 0 && f(o), t == null || t(o));
     },
-    [e, a, t]
+    [a, e, t]
   );
-  return /* @__PURE__ */ s(v.Provider, { value: { currentTab: a, setCurrentTab: f }, children: /* @__PURE__ */ s("div", { "data-name": "tabs", className: u(d["tedi-tabs"], c), children: n }) });
+  return /* @__PURE__ */ s(v.Provider, { value: { currentTab: e, setCurrentTab: u }, children: /* @__PURE__ */ s("div", { "data-name": "tabs", className: T(d["tedi-tabs"], c), children: n }) });
 };
 r.displayName = "Tabs";
 r.List = C;
 r.Trigger = N;
 r.Content = p;
 export {
-  r as Tabs
+  r as Tabs,
+  r as default
 };

package/src/tedi/components/notifications/alert/alert.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),C=require("react"),M=require("../../base/icon/icon.cjs.js"),N=require("../../base/typography/heading/heading.cjs.js"),P=require("../../buttons/closing-button/closing-button.cjs.js"),t=require("./alert.module.scss.cjs.js"),k=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),z=require("../../../helpers/hooks/use-is-mounted.cjs.js"),y=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),$=require("../../layout/grid/row.cjs.js"),f=require("../../layout/grid/col.cjs.js"),p=l=>{const{getCurrentBreakpointProps:g}=k.useBreakpointProps(l.defaultServerBreakpoint),{children:s,role:i="alert",title:r,className:m,type:n="info",icon:o,onClose:c,isGlobal:h=!1,noSideBorders:j=!1,titleElement:q="h3",size:x="default",...v}=g(l),_=w.default(t.default["tedi-alert"],t.default[`tedi-alert--${n}`],t.default[`tedi-alert--size-${x}`],{[t.default["tedi-alert--global"]]:h,[t.default["tedi-alert--no-side-borders"]]:j},m),b=z.useIsMounted(),B=a=>{const u={size:18},S=typeof a=="string"?{...u,name:a}:{...u,...a};return e.jsx(M.Icon,{...S,className:t.default["tedi-alert__icon"]})},I=i==="alert"?"assertive":i==="status"?"polite":"off",d=C.useId();return b?e.jsx("div",{role:i,"data-name":"alert","aria-label":`${n} alert`,"aria-live":I,"aria-labelledby":r?d:void 0,...v,className:_,children:e.jsxs(y.VerticalSpacing,{size:.25,children:[e.jsxs($.Row,{gutterX:2,alignItems:r?"center":"start",children:[e.jsxs(f.Col,{grow:1,className:t.default["tedi-alert__content"],children:[o&&B(o),e.jsx("div",{className:"tedi-alert__content-wrapper",children:r?e.jsx(N.Heading,{element:q,id:d,modifiers:["h5"],children:r}):s})]}),c&&e.jsx(f.Col,{width:"auto",children:e.jsx(P.ClosingButton,{onClick:c,iconSize:18})})]}),r&&s&&e.jsx("div",{className:"tedi-alert__content-wrapper",children:s})]})}):null};exports.Alert=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),C=require("react"),M=require("../../base/icon/icon.cjs.js"),N=require("../../base/typography/heading/heading.cjs.js"),P=require("../../buttons/closing-button/closing-button.cjs.js"),t=require("./alert.module.scss.cjs.js"),k=require("../../../helpers/hooks/use-is-mounted.cjs.js"),z=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),y=require("../../layout/vertical-spacing/vertical-spacing.cjs.js"),$=require("../../layout/grid/row.cjs.js"),f=require("../../layout/grid/col.cjs.js"),p=l=>{const{getCurrentBreakpointProps:g}=z.useBreakpointProps(l.defaultServerBreakpoint),{children:s,role:i="alert",title:r,className:m,type:n="info",icon:o,onClose:c,isGlobal:h=!1,noSideBorders:j=!1,titleElement:q="h3",size:x="default",...v}=g(l),_=w.default(t.default["tedi-alert"],t.default[`tedi-alert--${n}`],t.default[`tedi-alert--size-${x}`],{[t.default["tedi-alert--global"]]:h,[t.default["tedi-alert--no-side-borders"]]:j},m),b=k.useIsMounted(),B=a=>{const u={size:18},S=typeof a=="string"?{...u,name:a}:{...u,...a};return e.jsx(M.Icon,{...S,className:t.default["tedi-alert__icon"]})},I=i==="alert"?"assertive":i==="status"?"polite":"off",d=C.useId();return b?e.jsx("div",{role:i,"data-name":"alert","aria-label":`${n} alert`,"aria-live":I,"aria-labelledby":r?d:void 0,...v,className:_,children:e.jsxs(y.VerticalSpacing,{size:.25,children:[e.jsxs($.Row,{gutterX:2,alignItems:r?"center":"start",children:[e.jsxs(f.Col,{grow:1,className:t.default["tedi-alert__content"],children:[o&&B(o),e.jsx("div",{className:"tedi-alert__content-wrapper",children:r?e.jsx(N.Heading,{element:q,id:d,modifiers:["h5"],children:r}):s})]}),c&&e.jsx(f.Col,{width:"auto",children:e.jsx(P.ClosingButton,{onClick:c,iconSize:18})})]}),r&&s&&e.jsx("div",{className:"tedi-alert__content-wrapper",children:s})]})}):null};exports.Alert=p;exports.default=p;

package/src/tedi/components/notifications/alert/alert.es.js

@@ -5,13 +5,13 @@ import { Icon as P } from "../../base/icon/icon.es.js";
 import { Heading as S } from "../../base/typography/heading/heading.es.js";
 import { ClosingButton as x } from "../../buttons/closing-button/closing-button.es.js";
 import t from "./alert.module.scss.es.js";
-import { useBreakpointProps as M } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useIsMounted as $ } from "../../../helpers/hooks/use-is-mounted.es.js";
+import { useIsMounted as M } from "../../../helpers/hooks/use-is-mounted.es.js";
+import { useBreakpointProps as $ } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { VerticalSpacing as j } from "../../layout/vertical-spacing/vertical-spacing.es.js";
 import { Row as E } from "../../layout/grid/row.es.js";
 import { Col as f } from "../../layout/grid/col.es.js";
 const O = (s) => {
-  const { getCurrentBreakpointProps: u } = M(s.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: u } = $(s.defaultServerBreakpoint), {
     children: o,
     role: i = "alert",
     title: r,
@@ -33,7 +33,7 @@ const O = (s) => {
       [t["tedi-alert--no-side-borders"]]: _
     },
     h
-  ), B = $(), w = (a) => {
+  ), B = M(), w = (a) => {
     const p = { size: 18 }, C = typeof a == "string" ? { ...p, name: a } : { ...p, ...a };
     return /* @__PURE__ */ e(P, { ...C, className: t["tedi-alert__icon"] });
   }, z = i === "alert" ? "assertive" : i === "status" ? "polite" : "off", m = y.useId();

package/src/tedi/components/overlays/dropdown/dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),H=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),S=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),A=require("./dropdown-context.cjs.js"),z=require("./dropdown-helpers.cjs.js"),G=require("./dropdown-item/dropdown-item.cjs.js"),J=require("./dropdown-separator/dropdown-separator.cjs.js"),K=require("./dropdown-trigger/dropdown-trigger.cjs.js"),Q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),V=require("../../../providers/label-provider/use-labels.cjs.js"),X=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),f=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Y=4,s=g=>{var x;const{getCurrentBreakpointProps:F}=Q.useBreakpointProps(g.defaultServerBreakpoint),{children:I,modal:w=!1,divided:O=!1,width:P="auto",variant:l="default",open:u,defaultOpen:R=!1,onOpenChange:i,placement:p="bottom-start",className:b}=F(g),{getLabel:j}=V.useLabels(),k=e.useFloatingNodeId(),m=t.useRef([]),[a,v]=t.useState(null),[q,y]=t.useState(null),[B,N]=t.useState(R),d=u??B,h=t.useCallback(r=>{u===void 0&&N(r),i==null||i(r)},[u,i]),T=e.useFloating({nodeId:k,open:d,placement:p,onOpenChange:h,middleware:[f.offset(Y),f.flip(),f.shift()],whileElementsMounted:X.autoUpdate}),{context:o,refs:n,x:U,y:_,strategy:L}=T,D=e.useInteractions([e.useClick(o),e.useRole(o,{role:"menu"}),e.useDismiss(o),e.useListNavigation(o,{listRef:m,activeIndex:a,onNavigate:v,loop:!0})]),M={open:d,setOpen:h,refs:n,listItemsRef:m,activeIndex:a,setActiveIndex:v,placement:p,content:q,setContent:y,divided:O,variant:l,...D},W=(x=n.reference.current)==null?void 0:x.getBoundingClientRect().width,E=t.useMemo(()=>{const r=n.reference.current;if(!r)return;const C=r.offsetParent;if(C)return C.getBoundingClientRect().width},[n.reference.current]);return c.jsxs(A.DropdownContext.Provider,{value:M,children:[I,c.jsx(e.FloatingPortal,{children:d&&c.jsx(e.FloatingFocusManager,{context:o,modal:w,visuallyHiddenDismiss:w?j("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:n.setFloating,className:H.default(S.default["tedi-dropdown"],{[S.default[`tedi-dropdown--${l}`]]:l==="tree"},b),style:{position:L,left:U??0,top:_??0,width:z.resolveDropdownWidth(P,W,E)},role:"menu","aria-orientation":"vertical","aria-activedescendant":a!==null?`dropdown-item-${a}`:void 0}),"data-placement":p,"data-state":d?"open":"closed",children:q})})})]})};s.Trigger=K.DropdownTrigger;s.Content=$.DropdownContent;s.Item=G.DropdownItem;s.Separator=J.DropdownSeparator;exports.Dropdown=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),H=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),S=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),A=require("./dropdown-context.cjs.js"),z=require("./dropdown-helpers.cjs.js"),G=require("./dropdown-item/dropdown-item.cjs.js"),J=require("./dropdown-separator/dropdown-separator.cjs.js"),K=require("./dropdown-trigger/dropdown-trigger.cjs.js"),Q=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),f=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),X=require("../../../providers/label-provider/use-labels.cjs.js"),Y=4,s=g=>{var x;const{getCurrentBreakpointProps:F}=V.useBreakpointProps(g.defaultServerBreakpoint),{children:I,modal:w=!1,divided:O=!1,width:P="auto",variant:l="default",open:u,defaultOpen:R=!1,onOpenChange:i,placement:p="bottom-start",className:b}=F(g),{getLabel:j}=X.useLabels(),k=e.useFloatingNodeId(),m=t.useRef([]),[a,v]=t.useState(null),[q,y]=t.useState(null),[B,N]=t.useState(R),d=u??B,h=t.useCallback(r=>{u===void 0&&N(r),i==null||i(r)},[u,i]),T=e.useFloating({nodeId:k,open:d,placement:p,onOpenChange:h,middleware:[f.offset(Y),f.flip(),f.shift()],whileElementsMounted:Q.autoUpdate}),{context:o,refs:n,x:U,y:_,strategy:L}=T,D=e.useInteractions([e.useClick(o),e.useRole(o,{role:"menu"}),e.useDismiss(o),e.useListNavigation(o,{listRef:m,activeIndex:a,onNavigate:v,loop:!0})]),M={open:d,setOpen:h,refs:n,listItemsRef:m,activeIndex:a,setActiveIndex:v,placement:p,content:q,setContent:y,divided:O,variant:l,...D},W=(x=n.reference.current)==null?void 0:x.getBoundingClientRect().width,E=t.useMemo(()=>{const r=n.reference.current;if(!r)return;const C=r.offsetParent;if(C)return C.getBoundingClientRect().width},[n.reference.current]);return c.jsxs(A.DropdownContext.Provider,{value:M,children:[I,c.jsx(e.FloatingPortal,{children:d&&c.jsx(e.FloatingFocusManager,{context:o,modal:w,visuallyHiddenDismiss:w?j("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:n.setFloating,className:H.default(S.default["tedi-dropdown"],{[S.default[`tedi-dropdown--${l}`]]:l==="tree"},b),style:{position:L,left:U??0,top:_??0,width:z.resolveDropdownWidth(P,W,E)},role:"menu","aria-orientation":"vertical","aria-activedescendant":a!==null?`dropdown-item-${a}`:void 0}),"data-placement":p,"data-state":d?"open":"closed",children:q})})})]})};s.Trigger=K.DropdownTrigger;s.Content=$.DropdownContent;s.Item=G.DropdownItem;s.Separator=J.DropdownSeparator;exports.Dropdown=s;

package/src/tedi/components/overlays/dropdown/dropdown.es.js

@@ -9,13 +9,13 @@ import { resolveDropdownWidth as Z } from "./dropdown-helpers.es.js";
 import { DropdownItem as ee } from "./dropdown-item/dropdown-item.es.js";
 import { DropdownSeparator as te } from "./dropdown-separator/dropdown-separator.es.js";
 import { DropdownTrigger as oe } from "./dropdown-trigger/dropdown-trigger.es.js";
-import { useBreakpointProps as ne } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as re } from "../../../providers/label-provider/use-labels.es.js";
-import { autoUpdate as ie } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as se, flip as ae, shift as le } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { autoUpdate as ne } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as re, flip as ie, shift as se } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useBreakpointProps as ae } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as le } from "../../../providers/label-provider/use-labels.es.js";
 const de = 4, a = (p) => {
   var D;
-  const { getCurrentBreakpointProps: I } = ne(p.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: I } = ae(p.defaultServerBreakpoint), {
     children: O,
     modal: f = !1,
     divided: R = !1,
@@ -26,7 +26,7 @@ const de = 4, a = (p) => {
     onOpenChange: r,
     placement: c = "bottom-start",
     className: P
-  } = I(p), { getLabel: S } = re(), k = $(), u = e.useRef([]), [i, g] = e.useState(null), [v, y] = e.useState(null), [B, b] = e.useState(N), s = d ?? B, w = e.useCallback(
+  } = I(p), { getLabel: S } = le(), k = $(), u = e.useRef([]), [i, g] = e.useState(null), [v, y] = e.useState(null), [B, b] = e.useState(N), s = d ?? B, w = e.useCallback(
     (n) => {
       d === void 0 && b(n), r == null || r(n);
     },
@@ -36,8 +36,8 @@ const de = 4, a = (p) => {
     open: s,
     placement: c,
     onOpenChange: w,
-    middleware: [se(de), ae(), le()],
-    whileElementsMounted: ie
+    middleware: [re(de), ie(), se()],
+    whileElementsMounted: ne
   }), { context: t, refs: o, x: L, y: M, strategy: T } = W, h = H([
     q(t),
     z(t, { role: "menu" }),

package/src/tedi/components/overlays/overlay/overlay.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const K=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),n=require("react"),N=require("./overlay-content.cjs.js"),Q=require("./overlay-trigger.cjs.js"),X=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),Y=require("../../../helpers/hooks/use-is-mounted.cjs.js"),j=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),i=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Z=3,S=n.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0,contentId:""}),u=E=>{const L=X.useIsTouchDevice(),{children:W,placement:A="top",openWith:s=L?"click":"hover",defaultOpen:G=!1,open:c,onToggle:r,role:d="tooltip",arrowDimensions:e,offset:H=Z+((e==null?void 0:e.height)??0),focusManager:f,dismissible:y,scrollLock:O,trackReferencePosition:V=!1}=E,{order:M=["reference","content"],initialFocus:m,modal:g,...x}=f??{},C=m!==void 0?m:g?0:void 0,[F,R]=n.useState(G),p=n.useRef(null),P=Y.useIsMounted(),h=n.useMemo(()=>r&&typeof c<"u"?c:F,[r,c,F]),v=n.useCallback(l=>{typeof c>"u"&&R(l),r==null||r(l)},[c,R,r]),{x:q,y:I,refs:a,strategy:b,context:o,middlewareData:k,placement:w}=t.useFloating({placement:A,open:h,onOpenChange:v,middleware:[i.offset(H),i.flip(),i.shift({padding:8}),i.arrow({element:p,padding:4})],whileElementsMounted:V?(l,B,J)=>j.autoUpdate(l,B,J,{animationFrame:!0}):j.autoUpdate}),{getReferenceProps:T,getFloatingProps:U}=t.useInteractions([t.useHover(o,{enabled:s==="hover",handleClose:t.safePolygon()}),t.useClick(o,{toggle:y}),t.useFocus(o,{enabled:s==="hover"}),t.useRole(o,{role:d}),t.useDismiss(o,{enabled:y,outsidePressEvent:s==="click"?"mousedown":"pointerdown"})]),_=n.useId(),z=n.useMemo(()=>({open:h,onOpenChange:v,isMounted:P,openWith:s,focusManager:f?{order:M,modal:g,initialFocus:C,...x}:void 0,reference:a.setReference,floating:a.setFloating,arrowRef:p,x:q,y:I,strategy:b,getReferenceProps:T,getFloatingProps:U,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...k.arrow},context:o,placement:w,scrollLock:O,role:d,contentId:_}),[h,v,P,s,f,a.setReference,a.setFloating,p,q,I,b,T,U,e==null?void 0:e.width,e==null?void 0:e.height,k.arrow,o,w,O,d,_,g,M,C,x]);return K.jsx(S.Provider,{value:z,children:W})};u.Trigger=Q.OverlayTrigger;u.Content=N.OverlayContent;exports.Overlay=u;exports.OverlayContext=S;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const K=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),n=require("react"),N=require("./overlay-content.cjs.js"),Q=require("./overlay-trigger.cjs.js"),j=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),i=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),X=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),Y=require("../../../helpers/hooks/use-is-mounted.cjs.js"),Z=3,S=n.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0,contentId:""}),u=E=>{const L=X.useIsTouchDevice(),{children:W,placement:A="top",openWith:s=L?"click":"hover",defaultOpen:G=!1,open:c,onToggle:r,role:d="tooltip",arrowDimensions:e,offset:H=Z+((e==null?void 0:e.height)??0),focusManager:f,dismissible:y,scrollLock:O,trackReferencePosition:V=!1}=E,{order:M=["reference","content"],initialFocus:m,modal:g,...x}=f??{},C=m!==void 0?m:g?0:void 0,[F,R]=n.useState(G),p=n.useRef(null),P=Y.useIsMounted(),h=n.useMemo(()=>r&&typeof c<"u"?c:F,[r,c,F]),v=n.useCallback(l=>{typeof c>"u"&&R(l),r==null||r(l)},[c,R,r]),{x:q,y:I,refs:a,strategy:b,context:o,middlewareData:k,placement:w}=t.useFloating({placement:A,open:h,onOpenChange:v,middleware:[i.offset(H),i.flip(),i.shift({padding:8}),i.arrow({element:p,padding:4})],whileElementsMounted:V?(l,B,J)=>j.autoUpdate(l,B,J,{animationFrame:!0}):j.autoUpdate}),{getReferenceProps:T,getFloatingProps:U}=t.useInteractions([t.useHover(o,{enabled:s==="hover",handleClose:t.safePolygon()}),t.useClick(o,{toggle:y}),t.useFocus(o,{enabled:s==="hover"}),t.useRole(o,{role:d}),t.useDismiss(o,{enabled:y,outsidePressEvent:s==="click"?"mousedown":"pointerdown"})]),_=n.useId(),z=n.useMemo(()=>({open:h,onOpenChange:v,isMounted:P,openWith:s,focusManager:f?{order:M,modal:g,initialFocus:C,...x}:void 0,reference:a.setReference,floating:a.setFloating,arrowRef:p,x:q,y:I,strategy:b,getReferenceProps:T,getFloatingProps:U,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...k.arrow},context:o,placement:w,scrollLock:O,role:d,contentId:_}),[h,v,P,s,f,a.setReference,a.setFloating,p,q,I,b,T,U,e==null?void 0:e.width,e==null?void 0:e.height,k.arrow,o,w,O,d,_,g,M,C,x]);return K.jsx(S.Provider,{value:z,children:W})};u.Trigger=Q.OverlayTrigger;u.Content=N.OverlayContent;exports.Overlay=u;exports.OverlayContext=S;exports.default=u;

package/src/tedi/components/overlays/overlay/overlay.es.js

@@ -1,13 +1,13 @@
 import { jsx as B } from "react/jsx-runtime";
-import { useFloating as J, useInteractions as K, useHover as N, safePolygon as Q, useClick as X, useFocus as Y, useRole as Z, useDismiss as _ } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { useState as $, useRef as D, useMemo as T, useCallback as ee, useId as te, createContext as oe } from "react";
+import { useFloating as J, useInteractions as K, useHover as N, useClick as Q, useFocus as X, useRole as Y, useDismiss as Z, safePolygon as _ } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { createContext as $, useState as D, useRef as ee, useMemo as T, useCallback as te, useId as oe } from "react";
 import { OverlayContent as ne } from "./overlay-content.es.js";
 import { OverlayTrigger as re } from "./overlay-trigger.es.js";
-import { useIsTouchDevice as se } from "../../../helpers/hooks/use-is-touch-device.es.js";
-import { useIsMounted as ae } from "../../../helpers/hooks/use-is-mounted.es.js";
 import { autoUpdate as E } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as ce, flip as le, shift as ie, arrow as fe } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const ue = 3, de = oe({
+import { offset as se, flip as ae, shift as ce, arrow as le } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useIsTouchDevice as ie } from "../../../helpers/hooks/use-is-touch-device.es.js";
+import { useIsMounted as fe } from "../../../helpers/hooks/use-is-mounted.es.js";
+const ue = 3, de = $({
   open: !1,
   onOpenChange: () => {
   },
@@ -36,7 +36,7 @@ const ue = 3, de = oe({
   scrollLock: void 0,
   contentId: ""
 }), L = (W) => {
-  const j = se(), {
+  const j = ie(), {
     children: A,
     placement: G = "top",
     openWith: n = j ? "click" : "hover",
@@ -50,7 +50,7 @@ const ue = 3, de = oe({
     dismissible: p,
     scrollLock: g,
     trackReferencePosition: U = !1
-  } = W, { order: h = ["reference", "content"], initialFocus: m, modal: i, ...v } = l ?? {}, y = m !== void 0 ? m : i ? 0 : void 0, [O, x] = $(H), f = D(null), F = ae(), u = T(() => o && typeof r < "u" ? r : O, [o, r, O]), d = ee(
+  } = W, { order: h = ["reference", "content"], initialFocus: m, modal: i, ...v } = l ?? {}, y = m !== void 0 ? m : i ? 0 : void 0, [O, x] = D(H), f = ee(null), F = fe(), u = T(() => o && typeof r < "u" ? r : O, [o, r, O]), d = te(
     (a) => {
       typeof r > "u" && x(a), o == null || o(a);
     },
@@ -60,10 +60,10 @@ const ue = 3, de = oe({
     open: u,
     onOpenChange: d,
     middleware: [
-      ce(S),
-      le(),
-      ie({ padding: 8 }),
-      fe({
+      se(S),
+      ae(),
+      ce({ padding: 8 }),
+      le({
         element: f,
         padding: 4
       })
@@ -72,20 +72,20 @@ const ue = 3, de = oe({
   }), { getReferenceProps: w, getFloatingProps: I } = K([
     N(t, {
       enabled: n === "hover",
-      handleClose: Q()
+      handleClose: _()
     }),
-    X(t, {
+    Q(t, {
       toggle: p
     }),
-    Y(t, {
+    X(t, {
       enabled: n === "hover"
     }),
-    Z(t, { role: c }),
-    _(t, {
+    Y(t, { role: c }),
+    Z(t, {
       enabled: p,
       outsidePressEvent: n === "click" ? "mousedown" : "pointerdown"
     })
-  ]), b = te(), V = T(
+  ]), b = oe(), V = T(
     () => ({
       open: u,
       onOpenChange: d,

package/src/tedi/components/tags/status-indicator/status-indicator.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),t=require("./status-indicator.module.scss.cjs.js"),a=e=>{const{type:s="success",size:i="sm",hasBorder:d=!1,position:r="default",className:u}=e;return o.jsx("span",{"data-name":"status-indicator",className:n.default(t.default["tedi-status-indicator"],t.default[`tedi-status-indicator--${s}`],t.default[`tedi-status-indicator--${i}`],{[t.default["tedi-status-indicator--bordered"]]:d},{[t.default["tedi-status-indicator--top-right"]]:r==="top-right"},u),role:"img","aria-hidden":"true"})};a.displayName="StatusIndicator";exports.StatusIndicator=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),t=require("./status-indicator.module.scss.cjs.js"),e=a=>{const{type:s="success",size:i="sm",hasBorder:d=!1,position:r="default",className:u}=a;return o.jsx("span",{"data-name":"status-indicator",className:n.default(t.default["tedi-status-indicator"],t.default[`tedi-status-indicator--${s}`],t.default[`tedi-status-indicator--${i}`],{[t.default["tedi-status-indicator--bordered"]]:d},{[t.default["tedi-status-indicator--top-right"]]:r==="top-right"},u),role:"img","aria-hidden":"true"})};e.displayName="StatusIndicator";exports.StatusIndicator=e;exports.default=e;

package/src/tedi/components/tags/status-indicator/status-indicator.es.js

@@ -22,5 +22,6 @@ const n = (s) => {
 };
 n.displayName = "StatusIndicator";
 export {
-  n as StatusIndicator
+  n as StatusIndicator,
+  n as default
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,5 +1,5 @@
 import n from "react";
-import u, { breakpoints as s } from "./use-breakpoint.es.js";
+import { useBreakpoint as 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/tedi/helpers/hooks/use-is-mounted.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=()=>{const[s,e]=t.useState(!1);return t.useEffect(()=>(e(!0),()=>{e(!1)}),[]),s};exports.useIsMounted=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),u=()=>{const[s,e]=t.useState(!1);return t.useEffect(()=>(e(!0),()=>{e(!1)}),[]),s};exports.default=u;exports.useIsMounted=u;

package/src/tedi/helpers/hooks/use-is-mounted.es.js

@@ -6,5 +6,6 @@ const o = () => {
   }), []), s;
 };
 export {
+  o as default,
   o as useIsMounted
 };

package/src/tedi/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/content/section/section';
 export * from './components/content/heading-with-icon/heading-with-icon';
 export * from './components/content/truncate/truncate';
 export * from './components/content/text-group/text-group';
+export * from './components/content/calendar/calendar';
 export * from './components/loaders/spinner/spinner';
 export * from './components/loaders/skeleton';
 export * from './components/tags/tag/tag';
@@ -26,6 +27,7 @@ export * from './components/notifications/toast/toast';
 export * from './components/cards/card';
 export * from './components/navigation/hash-trigger/hash-trigger';
 export * from './components/navigation/link/link';
+export * from './components/navigation/pagination';
 export * from './components/navigation/tabs';
 export * from './components/form/textfield/textfield';
 export * from './components/form/textarea/textarea';
@@ -40,6 +42,7 @@ export * from './components/form/file-dropzone/file-dropzone';
 export * from './components/form/select/select';
 export * from './components/form/checkbox/checkbox';
 export * from './components/form/slider/slider';
+export * from './components/form/date-field/date-field';
 export * from './components/form/input-group';
 export * from './components/form/field/field';
 export * from './components/overlays/tooltip';

package/src/tedi/providers/accessibility-provider/accessibility-provider.es.js

@@ -1,4 +1,4 @@
-import { jsx as i, Fragment as L, jsxs as d } from "react/jsx-runtime";
+import { jsx as i, jsxs as d, Fragment as L } from "react/jsx-runtime";
 import a from "react";
 import { useWhatInput as x } from "../../helpers/hooks/use-what-input.es.js";
 const m = a.createContext(null), A = (u) => {

package/src/tedi/providers/label-provider/label-provider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),q=require("../../../../external/@mui/x-date-pickers/AdapterDayjs/index.cjs.js"),o=require("dayjs"),x=require("dayjs/plugin/isSameOrAfter"),j=require("dayjs/plugin/isSameOrBefore"),g=require("dayjs/plugin/updateLocale"),b=require("react"),d=require("./labels-map.cjs.js");require("dayjs/locale/et");require("dayjs/locale/ru");const k=require("../../../../external/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.cjs.js");o.extend(g);o.extend(j);o.extend(x);o.updateLocale("en",{weekStart:1});const P=process.env.NODE_ENV==="test",L=b.createContext({getLabel:(u,...a)=>(P||console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"),u)}),O=u=>{const{labels:a={},children:f,locale:s="en"}=u,i=b.useMemo(()=>{const e={},t=new Set([...Object.keys(d.labelsMap),...Object.keys(a)]);for(const r of t){const n=r,m=d.labelsMap[n]?d.labelsMap[n][s]:void 0,l=a[n]??void 0;let c;l?typeof l=="object"?c=l[s]:c=l:c=void 0,e[n]=c??m??n}return e},[a,s]);o.locale(s);const v=b.useCallback((e,...t)=>{const r=i[e];return r?typeof r=="function"?r(...t):r:(console.error(`Label missing for key "${e}".`),e)},[i]),y=Object.keys(i).reduce((e,t)=>({...e,...t.startsWith("pickers.")?{[t.replace("pickers.","")]:i[t]}:{}}),{});return p.jsx(L.Provider,{value:{getLabel:v},children:p.jsx(k.LocalizationProvider,{dateAdapter:q.AdapterDayjs,dateLibInstance:o,localeText:y,adapterLocale:s,children:f})})};exports.LabelContext=L;exports.LabelProvider=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),x=require("../../../../external/@mui/x-date-pickers/AdapterDayjs/index.cjs.js"),o=require("dayjs"),j=require("dayjs/plugin/isSameOrAfter"),g=require("dayjs/plugin/isSameOrBefore"),k=require("dayjs/plugin/updateLocale"),b=require("react"),d=require("./labels-map.cjs.js");require("dayjs/locale/et");require("dayjs/locale/ru");const P=require("../../../../external/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.cjs.js");o.extend(k);o.extend(g);o.extend(j);o.updateLocale("en",{weekStart:1});const M=process.env.NODE_ENV==="test",L=b.createContext({getLabel:(u,...a)=>(M||console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"),u)}),f=u=>{const{labels:a={},children:v,locale:s="en"}=u,l=b.useMemo(()=>{const e={},t=new Set([...Object.keys(d.labelsMap),...Object.keys(a)]);for(const r of t){const n=r,q=d.labelsMap[n]?d.labelsMap[n][s]:void 0,i=a[n]??void 0;let c;i?typeof i=="object"?c=i[s]:c=i:c=void 0,e[n]=c??q??n}return e},[a,s]);o.locale(s);const m=b.useCallback((e,...t)=>{const r=l[e];return r?typeof r=="function"?r(...t):r:(console.error(`Label missing for key "${e}".`),e)},[l]),y=Object.keys(l).reduce((e,t)=>({...e,...t.startsWith("pickers.")?{[t.replace("pickers.","")]:l[t]}:{}}),{});return p.jsx(L.Provider,{value:{getLabel:m},children:p.jsx(P.LocalizationProvider,{dateAdapter:x.AdapterDayjs,dateLibInstance:o,localeText:y,adapterLocale:s,children:v})})};exports.LabelContext=L;exports.LabelProvider=f;exports.default=f;

package/src/tedi/providers/label-provider/label-provider.es.js

@@ -16,17 +16,17 @@ o.updateLocale("en", {
   weekStart: 1
 });
 const w = process.env.NODE_ENV === "test", P = j.createContext({
-  getLabel: (m, ...a) => (w || console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"), m)
+  getLabel: (m, ...n) => (w || console.error("LabelProvider missing! Application must be wrapped with <LabelProvider>"), m)
 }), I = (m) => {
-  const { labels: a = {}, children: f, locale: s = "en" } = m, i = g(() => {
-    const e = {}, t = /* @__PURE__ */ new Set([...Object.keys(p), ...Object.keys(a)]);
+  const { labels: n = {}, children: f, locale: s = "en" } = m, i = g(() => {
+    const e = {}, t = /* @__PURE__ */ new Set([...Object.keys(p), ...Object.keys(n)]);
     for (const r of t) {
-      const n = r, L = p[n] ? p[n][s] : void 0, l = a[n] ?? void 0;
+      const a = r, L = p[a] ? p[a][s] : void 0, l = n[a] ?? void 0;
       let c;
-      l ? typeof l == "object" ? c = l[s] : c = l : c = void 0, e[n] = c ?? L ?? n;
+      l ? typeof l == "object" ? c = l[s] : c = l : c = void 0, e[a] = c ?? L ?? a;
     }
     return e;
-  }, [a, s]);
+  }, [n, s]);
   o.locale(s);
   const u = E(
     (e, ...t) => {
@@ -53,5 +53,6 @@ const w = process.env.NODE_ENV === "test", P = j.createContext({
 };
 export {
   P as LabelContext,
-  I as LabelProvider
+  I as LabelProvider,
+  I as default
 };