@tedi-design-system/react 17.0.0 → 17.1.0-rc.10

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

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

@@ -63,6 +63,18 @@ export interface OverlayProps {
      * @default GAP + arrow height
      */
     offset?: OffsetOptions;
+    /**
+     * Re-measure the floating element every animation frame while mounted.
+     *
+     * Enable this when the trigger/reference element's position can change without a
+     * DOM-observable event (e.g. position driven by an inherited CSS custom property on an
+     * ancestor). The default `autoUpdate` only reacts to scroll, resize, and element-size
+     * changes, so position-only movement goes unnoticed and the overlay lags behind.
+     *
+     * Opt-in because animation-frame tracking is more expensive than the default.
+     * @default false
+     */
+    trackReferencePosition?: boolean;
 }
 export interface OverlayContextType {
     open: boolean;

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

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

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/components/tags/tag/tag.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),g=require("../../base/icon/icon.cjs.js"),p=require("../../buttons/closing-button/closing-button.cjs.js"),f=require("../../loaders/spinner/spinner.cjs.js"),e=require("./tag.module.scss.cjs.js"),_=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=s=>{const{getCurrentBreakpointProps:o}=_.useBreakpointProps(s.defaultServerBreakpoint),{children:n,className:l,onClose:a,isLoading:r=!1,color:i="primary",...c}=o(s),d=u.default(e.default["tedi-tag"],i&&e.default[`tedi-tag--color-${i}`],a&&!r&&e.default["tedi-tag__close"],l);return t.jsxs("div",{className:d,role:"status","aria-live":r?"polite":void 0,...c,children:[i==="danger"&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(g.Icon,{name:"info",color:"danger",size:16,className:e.default["tedi-tag__icon--error"]})}),t.jsx("div",{className:e.default["tedi-tag__content"],children:n}),r&&!a&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(f.Spinner,{className:e.default["tedi-tag__loader"]})}),!r&&a&&t.jsx(p.ClosingButton,{iconSize:18,onClick:a})]})};exports.Tag=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),p=require("../../base/icon/icon.cjs.js"),f=require("../../buttons/closing-button/closing-button.cjs.js"),_=require("../../loaders/spinner/spinner.cjs.js"),e=require("./tag.module.scss.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),j=s=>{const{getCurrentBreakpointProps:i}=m.useBreakpointProps(s.defaultServerBreakpoint),{children:n,className:l,onClose:r,closeButtonProps:c,isLoading:a=!1,color:o="primary",...d}=i(s),u=g.default(e.default["tedi-tag"],o&&e.default[`tedi-tag--color-${o}`],r&&!a&&e.default["tedi-tag__close"],l);return t.jsxs("div",{className:u,role:"status","aria-live":a?"polite":void 0,...d,children:[o==="danger"&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(p.Icon,{name:"info",color:"danger",size:16,className:e.default["tedi-tag__icon--error"]})}),t.jsx("div",{className:e.default["tedi-tag__content"],children:n}),a&&!r&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(_.Spinner,{className:e.default["tedi-tag__loader"]})}),!a&&r&&t.jsx(f.ClosingButton,{iconSize:18,...c,onClick:r})]})};exports.Tag=j;

package/src/tedi/components/tags/tag/tag.d.ts

@@ -1,5 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { BreakpointSupport } from '../../../helpers';
+import { ClosingButtonProps } from '../../buttons/closing-button/closing-button';
 type TagColor = 'primary' | 'secondary' | 'danger';
 type TagBreakpointProps = {
     /**
@@ -24,6 +25,13 @@ export interface TagProps extends BreakpointSupport<TagBreakpointProps> {
      * If provided, a close button will be rendered inside the Tag.
      */
     onClose?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Extra props forwarded to the inner close button (when `onClose` is set).
+     * Lets consumers wire up keyboard handlers, tab focus, or event isolation
+     * without reaching past the Tag API. `onClick` and `iconSize` are owned by
+     * Tag and can't be overridden here.
+     */
+    closeButtonProps?: Omit<ClosingButtonProps, 'onClick' | 'iconSize'>;
     /**
      * Determines whether the Tag is in a loading state
      * @default false

package/src/tedi/components/tags/tag/tag.es.js

@@ -1,29 +1,30 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import p from "../../../../../external/classnames/index.es.js";
-import { Icon as g } from "../../base/icon/icon.es.js";
-import { ClosingButton as _ } from "../../buttons/closing-button/closing-button.es.js";
-import { Spinner as f } from "../../loaders/spinner/spinner.es.js";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import g from "../../../../../external/classnames/index.es.js";
+import { Icon as _ } from "../../base/icon/icon.es.js";
+import { ClosingButton as f } from "../../buttons/closing-button/closing-button.es.js";
+import { Spinner as N } from "../../loaders/spinner/spinner.es.js";
 import e from "./tag.module.scss.es.js";
-import { useBreakpointProps as N } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useBreakpointProps as u } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 const S = (a) => {
-  const { getCurrentBreakpointProps: s } = N(a.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: s } = u(a.defaultServerBreakpoint), {
     children: n,
     className: c,
     onClose: r,
+    closeButtonProps: l,
     isLoading: t = !1,
     color: i = "primary",
-    ...l
-  } = s(a), m = p(
+    ...m
+  } = s(a), d = g(
     e["tedi-tag"],
     i && e[`tedi-tag--color-${i}`],
     r && !t && e["tedi-tag__close"],
     c
   );
-  return /* @__PURE__ */ d("div", { className: m, role: "status", "aria-live": t ? "polite" : void 0, ...l, children: [
-    i === "danger" && /* @__PURE__ */ o("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ o(g, { name: "info", color: "danger", size: 16, className: e["tedi-tag__icon--error"] }) }),
+  return /* @__PURE__ */ p("div", { className: d, role: "status", "aria-live": t ? "polite" : void 0, ...m, children: [
+    i === "danger" && /* @__PURE__ */ o("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ o(_, { name: "info", color: "danger", size: 16, className: e["tedi-tag__icon--error"] }) }),
     /* @__PURE__ */ o("div", { className: e["tedi-tag__content"], children: n }),
-    t && !r && /* @__PURE__ */ o("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ o(f, { className: e["tedi-tag__loader"] }) }),
-    !t && r && /* @__PURE__ */ o(_, { iconSize: 18, onClick: r })
+    t && !r && /* @__PURE__ */ o("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ o(N, { className: e["tedi-tag__loader"] }) }),
+    !t && r && /* @__PURE__ */ o(f, { iconSize: 18, ...l, onClick: r })
   ] });
 };
 export {

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-breakpoint.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),d=require("../../../../external/lodash-es/debounce.cjs.js"),n=["xs","sm","md","lg","xl","xxl"],o=(e="xs")=>{const[t,r]=a.useState(e);return a.useLayoutEffect(()=>{const s=()=>window.matchMedia("(min-width: 1400px)").matches?"xxl":window.matchMedia("(min-width: 1200px)").matches?"xl":window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs",i=d.default(()=>{r(s())},20);return r(s()),window.addEventListener("resize",i),()=>{i.cancel(),window.removeEventListener("resize",i)}},[]),t},u=(e,t)=>e?n.indexOf(e)<n.indexOf(t):!1;exports.breakpoints=n;exports.default=o;exports.isBreakpointBelow=u;exports.useBreakpoint=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),d=require("../../../../external/lodash-es/debounce.cjs.js"),n=["xs","sm","md","lg","xl","xxl"],o=(e="xs")=>{const[t,r]=a.useState(e);return a.useLayoutEffect(()=>{const s=()=>window.matchMedia("(min-width: 87.5rem)").matches?"xxl":window.matchMedia("(min-width: 75rem)").matches?"xl":window.matchMedia("(min-width: 62rem)").matches?"lg":window.matchMedia("(min-width: 48rem)").matches?"md":window.matchMedia("(min-width: 36rem)").matches?"sm":"xs",i=d.default(()=>{r(s())},20);return r(s()),window.addEventListener("resize",i),()=>{i.cancel(),window.removeEventListener("resize",i)}},[]),t},m=(e,t)=>e?n.indexOf(e)<n.indexOf(t):!1;exports.breakpoints=n;exports.default=o;exports.isBreakpointBelow=m;exports.useBreakpoint=o;

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

@@ -1,19 +1,19 @@
-import { useState as a, useLayoutEffect as o } from "react";
-import d from "../../../../external/lodash-es/debounce.es.js";
+import { useState as m, useLayoutEffect as a } from "react";
+import o from "../../../../external/lodash-es/debounce.es.js";
 const s = ["xs", "sm", "md", "lg", "xl", "xxl"], c = (e = "xs") => {
-  const [t, n] = a(e);
-  return o(() => {
-    const r = () => window.matchMedia("(min-width: 1400px)").matches ? "xxl" : window.matchMedia("(min-width: 1200px)").matches ? "xl" : window.matchMedia("(min-width: 992px)").matches ? "lg" : window.matchMedia("(min-width: 768px)").matches ? "md" : window.matchMedia("(min-width: 576px)").matches ? "sm" : "xs", i = d(() => {
+  const [t, n] = m(e);
+  return a(() => {
+    const r = () => window.matchMedia("(min-width: 87.5rem)").matches ? "xxl" : window.matchMedia("(min-width: 75rem)").matches ? "xl" : window.matchMedia("(min-width: 62rem)").matches ? "lg" : window.matchMedia("(min-width: 48rem)").matches ? "md" : window.matchMedia("(min-width: 36rem)").matches ? "sm" : "xs", i = o(() => {
       n(r());
     }, 20);
     return n(r()), window.addEventListener("resize", i), () => {
       i.cancel(), window.removeEventListener("resize", i);
     };
   }, []), t;
-}, x = (e, t) => e ? s.indexOf(e) < s.indexOf(t) : !1;
+}, h = (e, t) => e ? s.indexOf(e) < s.indexOf(t) : !1;
 export {
   s as breakpoints,
   c as default,
-  x as isBreakpointBelow,
+  h as isBreakpointBelow,
   c as useBreakpoint
 };

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

@@ -6,7 +6,8 @@ export * from './components/content/label/label';
 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/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';
@@ -21,10 +22,12 @@ export * from './components/buttons/collapse/collapse';
 export * from './components/layout/vertical-spacing';
 export * from './components/layout/grid';
 export * from './components/notifications/alert/alert';
+export * from './components/misc/empty-state';
 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';
@@ -37,7 +40,13 @@ export * from './components/form/choice-group';
 export * from './components/form/file-upload/file-upload';
 export * from './components/form/file-dropzone/file-dropzone';
 export * from './components/form/select/select';
+export * from './components/form/time-field/time-field';
+export * from './components/form/time-picker/time-picker';
 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';
 export * from './components/overlays/popover';
 export * from './components/overlays/dropdown';

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
 };