@tedi-design-system/react 18.0.0-rc.3 → 18.0.0-rc.30

package/src/tedi/components/overlays/modal/modal.module.scss.es.js

@@ -0,0 +1,37 @@
+const e = {
+  "tedi-modal__overlay": "tedi-modal__overlay-4ba27f12",
+  "tedi-modal-fade-in": "tedi-modal-fade-in-03b6ba7e",
+  "tedi-modal__overlay--no-overlay": "tedi-modal__overlay--no-overlay-4c0b9b0f",
+  "tedi-modal__container": "tedi-modal__container-f7f79f11",
+  "tedi-modal__overlay--position-center": "tedi-modal__overlay--position-center-db370559",
+  "tedi-modal__overlay--position-top": "tedi-modal__overlay--position-top-469a07ac",
+  "tedi-modal__overlay--position-bottom": "tedi-modal__overlay--position-bottom-f6c156b6",
+  "tedi-modal__overlay--position-right": "tedi-modal__overlay--position-right-57cb8cb7",
+  "tedi-modal__overlay--position-left": "tedi-modal__overlay--position-left-63802043",
+  "tedi-modal-slide-in-right": "tedi-modal-slide-in-right-52e8333d",
+  "tedi-modal-slide-in-left": "tedi-modal-slide-in-left-c5629074",
+  "tedi-modal__overlay--scroll-page": "tedi-modal__overlay--scroll-page-e6c42c19",
+  "tedi-modal__overlay--fullscreen-edge": "tedi-modal__overlay--fullscreen-edge-5b985472",
+  "tedi-modal__container--xs": "tedi-modal__container--xs-93a56d58",
+  "tedi-modal__container--sm": "tedi-modal__container--sm-74214c83",
+  "tedi-modal__container--md": "tedi-modal__container--md-3ba6debd",
+  "tedi-modal__container--lg": "tedi-modal__container--lg-4cecddbc",
+  "tedi-modal__container--xl": "tedi-modal__container--xl-4b756481",
+  "tedi-modal__container--fullscreen": "tedi-modal__container--fullscreen-5270a652",
+  "tedi-modal__container--fullscreen-edge": "tedi-modal__container--fullscreen-edge-875e4586",
+  "tedi-modal__header": "tedi-modal__header-991e3b5b",
+  "tedi-modal__header-row": "tedi-modal__header-row-344e6c2b",
+  "tedi-modal__header-title": "tedi-modal__header-title-844d9ea1",
+  "tedi-modal__header-description": "tedi-modal__header-description-32d28ecd",
+  "tedi-modal__body": "tedi-modal__body-ec279ff5",
+  "tedi-modal__body--scroll-page": "tedi-modal__body--scroll-page-4a4020dd",
+  "tedi-modal__footer": "tedi-modal__footer-29a01427",
+  "tedi-modal__footer--split": "tedi-modal__footer--split-6dd6e683",
+  "tedi-modal__footer--end": "tedi-modal__footer--end-fc399353",
+  "tedi-modal__footer-side": "tedi-modal__footer-side-928c643e",
+  "tedi-modal__footer-side--right": "tedi-modal__footer-side--right-e7945eee",
+  "tedi-modal--small": "tedi-modal--small-80da804f"
+};
+export {
+  e as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),d=require("react"),j=require("./overlay.cjs.js"),F=s=>{const{children:u,classNames:e,labelledBy:y,describedBy:f}=s,{open:l,x:m,y:h,strategy:g,focusManager:o,floating:b,arrowRef:v,getFloatingProps:x,placement:w,context:i,arrow:t,scrollLock:c,contentId:p}=d.useContext(j.OverlayContext);return d.useEffect(()=>{c&&(l?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[l,c]),l?n.jsx(r.FloatingPortal,{children:n.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:n.jsxs("div",{...x({ref:b,tabIndex:-1,id:p,"aria-labelledby":y,"aria-describedby":f,style:{position:g,left:m,top:h},className:e==null?void 0:e.content}),"data-placement":w,"data-testid":"overlay-content",children:[n.jsx(r.FloatingArrow,{ref:a=>v.current=a,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),u]})})}):null};exports.OverlayContent=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),q=require("./overlay.cjs.js"),C=u=>{const{children:y,classNames:e,labelledBy:f,describedBy:m}=u,{open:l,x:g,y:h,strategy:b,focusManager:o,floating:v,arrowRef:x,getFloatingProps:w,placement:p,context:i,arrow:t,scrollLock:c,contentId:j,role:F}=s.useContext(q.OverlayContext);if(s.useEffect(()=>{c&&(l?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[l,c]),!l)return null;const a=n.jsxs("div",{...w({ref:v,tabIndex:-1,id:j,"aria-labelledby":f,"aria-describedby":m,style:{position:b,left:g,top:h},className:e==null?void 0:e.content}),"data-placement":p,"data-testid":"overlay-content",children:[n.jsx(r.FloatingArrow,{ref:d=>x.current=d,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),y]});return n.jsx(r.FloatingPortal,{children:F==="tooltip"?a:n.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:a})})};exports.OverlayContent=C;

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

@@ -1,48 +1,50 @@
-import { jsx as n, jsxs as w } from "react/jsx-runtime";
-import { FloatingPortal as x, FloatingFocusManager as F, FloatingArrow as E } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { useContext as C, useEffect as j } from "react";
-import { OverlayContext as B } from "./overlay.es.js";
-const S = (a) => {
-  const { children: c, classNames: e, labelledBy: s, describedBy: m } = a, {
+import { jsxs as F, jsx as n } from "react/jsx-runtime";
+import { FloatingArrow as E, FloatingPortal as C, FloatingFocusManager as j } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useContext as B, useEffect as H } from "react";
+import { OverlayContext as I } from "./overlay.es.js";
+const A = (c) => {
+  const { children: s, classNames: e, labelledBy: m, describedBy: f } = c, {
     open: l,
-    x: f,
-    y,
-    strategy: h,
+    x: y,
+    y: h,
+    strategy: u,
     focusManager: o,
-    floating: u,
-    arrowRef: b,
-    getFloatingProps: g,
-    placement: p,
+    floating: g,
+    arrowRef: p,
+    getFloatingProps: b,
+    placement: v,
     context: r,
     arrow: t,
-    scrollLock: d,
-    contentId: v
-  } = C(B);
-  return j(() => {
-    d && (l ? (document.documentElement.style.overflow = "hidden", document.documentElement.scrollHeight > window.innerHeight && (document.body.style.overflow = "scroll")) : (document.documentElement.style.overflow = "", document.body.style.overflow = ""));
-  }, [l, d]), l ? /* @__PURE__ */ n(x, { children: /* @__PURE__ */ n(F, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: /* @__PURE__ */ w(
+    scrollLock: i,
+    contentId: w,
+    role: x
+  } = B(I);
+  if (H(() => {
+    i && (l ? (document.documentElement.style.overflow = "hidden", document.documentElement.scrollHeight > window.innerHeight && (document.body.style.overflow = "scroll")) : (document.documentElement.style.overflow = "", document.body.style.overflow = ""));
+  }, [l, i]), !l) return null;
+  const d = /* @__PURE__ */ F(
     "div",
     {
-      ...g({
-        ref: u,
+      ...b({
+        ref: g,
         tabIndex: -1,
-        id: v,
-        "aria-labelledby": s,
-        "aria-describedby": m,
+        id: w,
+        "aria-labelledby": m,
+        "aria-describedby": f,
         style: {
-          position: h,
-          left: f,
-          top: y
+          position: u,
+          left: y,
+          top: h
         },
         className: e == null ? void 0 : e.content
       }),
-      "data-placement": p,
+      "data-placement": v,
       "data-testid": "overlay-content",
       children: [
         /* @__PURE__ */ n(
           E,
           {
-            ref: (i) => b.current = i,
+            ref: (a) => p.current = a,
             context: r,
             className: e == null ? void 0 : e.arrow,
             height: t == null ? void 0 : t.height,
@@ -50,11 +52,12 @@ const S = (a) => {
             "data-testid": "overlay-arrow"
           }
         ),
-        c
+        s
       ]
     }
-  ) }) }) : null;
+  );
+  return /* @__PURE__ */ n(C, { children: x === "tooltip" ? d : /* @__PURE__ */ n(j, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: d }) });
 };
 export {
-  S as OverlayContent
+  A as OverlayContent
 };

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("../overlay/overlay.cjs.js"),l=require("./tooltip-content.cjs.js"),u=require("./tooltip-trigger.cjs.js"),c=7,a=14,e=o=>{const{openWith:t="hover",focusManager:r,...n}=o;return i.jsx(s.Overlay,{arrowDimensions:{width:a,height:c},openWith:t,role:"tooltip",focusManager:{modal:!1,order:["reference","content"],returnFocus:!0,...r},...n})};e.Trigger=u.TooltipTrigger;e.Content=l.TooltipContent;exports.Tooltip=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("../overlay/overlay.cjs.js"),l=require("./tooltip-content.cjs.js"),u=require("./tooltip-trigger.cjs.js"),c=7,a=14,e=o=>{const{openWith:t="hover",focusManager:r,...n}=o;return i.jsx(s.Overlay,{arrowDimensions:{width:a,height:c},openWith:t,role:"tooltip",focusManager:{modal:!1,order:["reference","content"],initialFocus:-1,returnFocus:!1,...r},...n})};e.Trigger=u.TooltipTrigger;e.Content=l.TooltipContent;exports.Tooltip=e;exports.default=e;

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

@@ -1,29 +1,37 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Overlay as s } from "../overlay/overlay.es.js";
 import { TooltipContent as a } from "./tooltip-content.es.js";
-import { TooltipTrigger as m } from "./tooltip-trigger.es.js";
-const p = 7, c = 14, o = (r) => {
+import { TooltipTrigger as l } from "./tooltip-trigger.es.js";
+const c = 7, f = 14, o = (r) => {
   const { openWith: t = "hover", focusManager: e, ...n } = r;
   return /* @__PURE__ */ i(
     s,
     {
       arrowDimensions: {
-        width: c,
-        height: p
+        width: f,
+        height: c
       },
       openWith: t,
       role: "tooltip",
       focusManager: {
         modal: !1,
         order: ["reference", "content"],
-        returnFocus: !0,
+        // Tooltips are non-interactive (just descriptive text), so the focus
+        // manager must not move focus on open or close. `initialFocus: -1`
+        // skips the programmatic `.focus()` on the trigger when the tooltip
+        // mounts — that programmatic focus is what the browser's
+        // `:focus-visible` heuristic was upgrading to a "keyboard-style" ring,
+        // leaving the trigger painted with the focus border after a plain
+        // hover or mouse click.
+        initialFocus: -1,
+        returnFocus: !1,
         ...e
       },
       ...n
     }
   );
 };
-o.Trigger = m;
+o.Trigger = l;
 o.Content = a;
 export {
   o as Tooltip,

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

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

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

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

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

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

@@ -2,6 +2,7 @@ import { MouseEventHandler } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { ClosingButtonProps } from '../../buttons/closing-button/closing-button';
 type TagColor = 'primary' | 'secondary' | 'danger';
+export type TagEllipsis = 'start' | 'end' | false;
 type TagBreakpointProps = {
     /**
      * Determines Tag color
@@ -9,6 +10,15 @@ type TagBreakpointProps = {
      * @default 'primary'
      */
     color?: TagColor;
+    /**
+     * Truncates the label when the Tag is width-constrained, revealing the full text
+     * in a popover on hover/focus. `end` shows a trailing ellipsis (`Long label…`);
+     * `start` shows a leading one (`…label`), keeping the most significant tail
+     * (e.g. dates, IDs) visible. `false` never truncates — the label wraps and the
+     * Tag keeps its full width.
+     * @default false
+     */
+    ellipsis?: TagEllipsis;
     /**
      * Additional classes to apply custom styles to the Tag.
      */

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

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

package/src/tedi/components/tags/tag/tag.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-tag":"tedi-tag-f6a58785","tedi-tag--color-primary":"tedi-tag--color-primary-a7b92fc1","tedi-tag--color-secondary":"tedi-tag--color-secondary-9ff6c8ce","tedi-tag--color-danger":"tedi-tag--color-danger-83bf0f2f","tedi-tag__content":"tedi-tag__content-b8cbfd6c","tedi-tag__icon-wrapper":"tedi-tag__icon-wrapper-f3c4be0a","tedi-tag__loader":"tedi-tag__loader-41807639","tedi-tag__close":"tedi-tag__close-81b1ded6"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-tag":"tedi-tag-f6a58785","tedi-tag--color-primary":"tedi-tag--color-primary-a7b92fc1","tedi-tag--color-secondary":"tedi-tag--color-secondary-9ff6c8ce","tedi-tag--color-danger":"tedi-tag--color-danger-83bf0f2f","tedi-tag__content":"tedi-tag__content-b8cbfd6c","tedi-tag--ellipsis":"tedi-tag--ellipsis-75548e81","tedi-tag__icon-wrapper":"tedi-tag__icon-wrapper-f3c4be0a","tedi-tag__loader":"tedi-tag__loader-41807639","tedi-tag__close":"tedi-tag__close-81b1ded6"};exports.default=e;

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

@@ -4,6 +4,7 @@ const t = {
   "tedi-tag--color-secondary": "tedi-tag--color-secondary-9ff6c8ce",
   "tedi-tag--color-danger": "tedi-tag--color-danger-83bf0f2f",
   "tedi-tag__content": "tedi-tag__content-b8cbfd6c",
+  "tedi-tag--ellipsis": "tedi-tag--ellipsis-75548e81",
   "tedi-tag__icon-wrapper": "tedi-tag__icon-wrapper-f3c4be0a",
   "tedi-tag__loader": "tedi-tag__loader-41807639",
   "tedi-tag__close": "tedi-tag__close-81b1ded6"

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"),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"),r=require("./use-breakpoint.cjs.js"),l=require("../../../../external/lodash-es/pickBy.cjs.js"),k=require("../../../../external/lodash-es/omit.cjs.js"),B=(a="xs")=>{const e=r.default(a),t=s.useMemo(()=>e?r.breakpoints.slice(0,r.breakpoints.indexOf(e)+1):[],[e]);return{getCurrentBreakpointProps:s.useCallback((o,i={})=>{const{sm:f,md:x,lg:g,xl:m,xxl:v,defaultServerBreakpoint: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(i,"defaultServerBreakpoint"),...c)},[t])}};exports.useBreakpointProps=B;

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

@@ -1,21 +1,21 @@
 import n from "react";
-import { useBreakpoint as u, breakpoints as s } from "./use-breakpoint.es.js";
+import u, { breakpoints as a } 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") => {
-  const r = u(i), t = n.useMemo(
-    () => r ? s.slice(0, s.indexOf(r) + 1) : [],
+  const r = u(i), e = n.useMemo(
+    () => r ? a.slice(0, a.indexOf(r) + 1) : [],
     [r]
   );
   return { getCurrentBreakpointProps: n.useCallback(
-    (e, a = {}) => {
-      const { sm: f, md: x, lg: d, xl: g, xxl: v, ...p } = e, c = [
-        ...t.map((o) => k(o === "xs" ? p : e[o], (m) => m !== void 0))
+    (t, s = {}) => {
+      const { sm: f, md: x, lg: d, xl: v, xxl: g, defaultServerBreakpoint: C, ...p } = t, c = [
+        ...e.map((o) => k(o === "xs" ? p : t[o], (m) => m !== void 0))
         // filter out props that have undefined as value, so they don't override lower breakpoint values or default values
       ].filter(Boolean);
-      return Object.assign(l(a, "defaultServerBreakpoint"), ...c);
+      return Object.assign(l(s, "defaultServerBreakpoint"), ...c);
     },
-    [t]
+    [e]
   ) };
 };
 export {

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

package/src/tedi/helpers/hooks/use-breakpoint.d.ts

@@ -1,5 +1,12 @@
 export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export declare const breakpoints: Breakpoint[];
+/**
+ * Minimum viewport width (as a CSS length string) at which each TEDI breakpoint
+ * activates. `xs` starts at 0 — i.e. anything below `sm`. Used by `useBreakpoint`
+ * for `matchMedia` checks and by other components (e.g. `TopNav`) that
+ * need to translate a breakpoint name into a pixel/rem width.
+ */
+export declare const BREAKPOINT_WIDTHS: Record<Breakpoint, string>;
 /**
  * @param defaultServerBreakpoint - Default breakpoint for SSR, the hook returns this breakpoint in the SSR.
  * @returns User's current breakpoint

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

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

package/src/tedi/helpers/hooks/use-file-upload.d.ts

@@ -1,23 +1,66 @@
 import { default as React } from 'react';
 import { FeedbackTextProps } from '../../components/form/feedback-text/feedback-text';
 export interface FileUploadFile extends Partial<File> {
+    /**
+     * A unique identifier for the file, useful for tracking files in a list.
+     */
     id?: string;
+    /**
+     * Indicates if the file is currently being uploaded.
+     */
     isLoading?: boolean;
+    /**
+     * Specifies whether the file passed validation checks (e.g., size, extension).
+     */
     isValid?: boolean;
 }
 export type FileRejectionType = 'size' | 'extension';
 export interface RejectedFile {
+    /**
+     * The reason the file was rejected (either 'size' or 'extension').
+     */
     type: FileRejectionType;
+    /**
+     * The original file object that was rejected.
+     */
     file: File;
 }
 export interface UseFileUploadProps {
+    /**
+     * Specifies the allowed file types (e.g., "image/png, image/jpeg").
+     */
     accept?: string;
+    /**
+     * The maximum file size allowed for upload, in bytes.
+     */
     maxSize?: number;
+    /**
+     * Determines if multiple files can be uploaded at once.
+     * @default false
+     */
     multiple?: boolean;
+    /**
+     * If true, each file is validated separately instead of rejecting all at once.
+     */
     validateIndividually?: boolean;
+    /**
+     * An array of default files that are preloaded in the upload list.
+     */
     defaultFiles?: FileUploadFile[];
+    /**
+     * Callback function triggered when files are added or changed.
+     */
     onChange?: (files: FileUploadFile[]) => void;
+    /**
+     * Callback function triggered when a file is removed.
+     */
     onDelete?: (file: FileUploadFile) => void;
+    /**
+     * An optional array of files to be used in controlled mode.
+     When provided, the hook uses this array as the source of truth for the file list instead of its internal state.
+     The parent component is responsible for updating this prop in response to the `onChange` callback.
+     If not provided, the hook operates in uncontrolled mode, managing its own internal file state via `defaultFiles` and user interactions.
+     */
     files?: FileUploadFile[];
     /**
      * How long (ms) the announcement message should be visible.

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

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

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

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

package/src/tedi/helpers/hooks/use-sidenav-state.d.ts

@@ -16,7 +16,7 @@ export declare const useSidenavState: (initialOpen?: boolean) => {
         events: import('@floating-ui/react').FloatingEvents;
         dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
         nodeId: string | undefined;
-        floatingId: string;
+        floatingId: string | undefined;
         refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
         elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
     };