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

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

@@ -1,25 +1,24 @@
 import { jsx as s } from "react/jsx-runtime";
-import T from "../../../../../external/classnames/index.es.js";
-import l from "react";
+import u from "../../../../../external/classnames/index.es.js";
+import m 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 = (m) => {
-  const { children: n, value: a, defaultValue: i, onChange: t, className: c } = m, [b, f] = l.useState(i || ""), e = a ?? b, u = l.useCallback(
+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(
     (o) => {
-      o !== e && (a === void 0 && f(o), t == null || t(o));
+      o !== a && (e === void 0 && T(o), t == null || t(o));
     },
-    [a, e, t]
+    [e, a, t]
   );
-  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 }) });
+  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 }) });
 };
 r.displayName = "Tabs";
 r.List = C;
 r.Trigger = N;
 r.Content = p;
 export {
-  r as Tabs,
-  r as default
+  r as Tabs
 };

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

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

@@ -5,13 +5,13 @@ import { Icon as S } from "../../base/icon/icon.es.js";
 import { Heading as x } from "../../base/typography/heading/heading.es.js";
 import { ClosingButton as M } from "../../buttons/closing-button/closing-button.es.js";
 import t from "./alert.module.scss.es.js";
-import { useIsMounted as $ } from "../../../helpers/hooks/use-is-mounted.es.js";
-import { useBreakpointProps as j } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useBreakpointProps as $ } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useIsMounted as j } from "../../../helpers/hooks/use-is-mounted.es.js";
 import { VerticalSpacing as A } from "../../layout/vertical-spacing/vertical-spacing.es.js";
 import { Row as E } from "../../layout/grid/row.es.js";
 import { Col as n } from "../../layout/grid/col.es.js";
 const R = (d) => {
-  const { getCurrentBreakpointProps: h } = j(d.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: h } = $(d.defaultServerBreakpoint), {
     children: o,
     role: i = "alert",
     title: r,
@@ -35,7 +35,7 @@ const R = (d) => {
       [t["tedi-alert--has-action"]]: !!a
     },
     g
-  ), w = $(), y = (l) => {
+  ), w = j(), y = (l) => {
     const u = { size: 18 }, C = typeof l == "string" ? { ...u, name: l } : { ...u, ...l };
     return /* @__PURE__ */ e(S, { ...C, className: t["tedi-alert__icon"] });
   }, z = i === "alert" ? "assertive" : i === "status" ? "polite" : "off", f = P.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"),O=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),z=require("./dropdown-context.cjs.js"),G=require("./dropdown-helpers.cjs.js"),J=require("./dropdown-item/dropdown-item.cjs.js"),K=require("./dropdown-separator/dropdown-separator.cjs.js"),Q=require("./dropdown-trigger/dropdown-trigger.cjs.js"),V=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),m=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),X=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Y=require("../../../providers/label-provider/use-labels.cjs.js"),Z=4,d=w=>{var I;const{getCurrentBreakpointProps:S}=X.useBreakpointProps(w.defaultServerBreakpoint),{children:F,modal:v=!1,divided:P=!1,width:R="auto",variant:u="default",open:p,defaultOpen:b=!1,onOpenChange:a,defaultActiveIndex:o,placement:f="bottom-start",className:j}=S(w),{getLabel:k}=Y.useLabels(),y=e.useFloatingNodeId(),q=t.useRef([]),[l,g]=t.useState(o??null),[h,B]=t.useState(null),[N,T]=t.useState(b),n=p??N;t.useEffect(()=>{n||g(o??null)},[n,o]);const x=t.useCallback(i=>{p===void 0&&T(i),a==null||a(i)},[p,a]),U=e.useFloating({nodeId:y,open:n,placement:f,onOpenChange:x,middleware:[m.offset(Z),m.flip(),m.shift()],whileElementsMounted:V.autoUpdate}),{context:r,refs:s,x:_,y:L,strategy:M}=U,D=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu"}),e.useDismiss(r),e.useListNavigation(r,{listRef:q,activeIndex:l,onNavigate:g,loop:!0,selectedIndex:o??null,focusItemOnOpen:o!==null?!0:"auto"})]),W={open:n,setOpen:x,refs:s,listItemsRef:q,activeIndex:l,setActiveIndex:g,placement:f,content:h,setContent:B,divided:P,variant:u,...D},E=(I=s.reference.current)==null?void 0:I.getBoundingClientRect().width,A=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const C=i.offsetParent;if(C)return C.getBoundingClientRect().width},[s.reference.current]);return c.jsxs(z.DropdownContext.Provider,{value:W,children:[F,c.jsx(e.FloatingPortal,{children:n&&c.jsx(e.FloatingFocusManager,{context:r,modal:v,visuallyHiddenDismiss:v?k("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:s.setFloating,className:H.default(O.default["tedi-dropdown"],{[O.default[`tedi-dropdown--${u}`]]:u==="tree"},j),style:{position:M,left:_??0,top:L??0,width:G.resolveDropdownWidth(R,E,A)},role:"menu","aria-orientation":"vertical","aria-activedescendant":l!==null?`dropdown-item-${l}`:void 0}),"data-placement":f,"data-state":n?"open":"closed",children:h})})})]})};d.Trigger=Q.DropdownTrigger;d.Content=$.DropdownContent;d.Item=J.DropdownItem;d.Separator=K.DropdownSeparator;exports.Dropdown=d;
+"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"),O=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),z=require("./dropdown-context.cjs.js"),G=require("./dropdown-helpers.cjs.js"),J=require("./dropdown-item/dropdown-item.cjs.js"),K=require("./dropdown-separator/dropdown-separator.cjs.js"),Q=require("./dropdown-trigger/dropdown-trigger.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),X=require("../../../providers/label-provider/use-labels.cjs.js"),Y=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),m=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Z=4,d=w=>{var I;const{getCurrentBreakpointProps:S}=V.useBreakpointProps(w.defaultServerBreakpoint),{children:F,modal:v=!1,divided:P=!1,width:R="auto",variant:u="default",open:p,defaultOpen:b=!1,onOpenChange:a,defaultActiveIndex:o,placement:f="bottom-start",className:j}=S(w),{getLabel:k}=X.useLabels(),y=e.useFloatingNodeId(),q=t.useRef([]),[l,g]=t.useState(o??null),[h,B]=t.useState(null),[N,T]=t.useState(b),n=p??N;t.useEffect(()=>{n||g(o??null)},[n,o]);const x=t.useCallback(i=>{p===void 0&&T(i),a==null||a(i)},[p,a]),U=e.useFloating({nodeId:y,open:n,placement:f,onOpenChange:x,middleware:[m.offset(Z),m.flip(),m.shift()],whileElementsMounted:Y.autoUpdate}),{context:r,refs:s,x:_,y:L,strategy:M}=U,D=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu"}),e.useDismiss(r),e.useListNavigation(r,{listRef:q,activeIndex:l,onNavigate:g,loop:!0,selectedIndex:o??null,focusItemOnOpen:o!==null?!0:"auto"})]),W={open:n,setOpen:x,refs:s,listItemsRef:q,activeIndex:l,setActiveIndex:g,placement:f,content:h,setContent:B,divided:P,variant:u,...D},E=(I=s.reference.current)==null?void 0:I.getBoundingClientRect().width,A=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const C=i.offsetParent;if(C)return C.getBoundingClientRect().width},[s.reference.current]);return c.jsxs(z.DropdownContext.Provider,{value:W,children:[F,c.jsx(e.FloatingPortal,{children:n&&c.jsx(e.FloatingFocusManager,{context:r,modal:v,visuallyHiddenDismiss:v?k("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:s.setFloating,className:H.default(O.default["tedi-dropdown"],{[O.default[`tedi-dropdown--${u}`]]:u==="tree"},j),style:{position:M,left:_??0,top:L??0,width:G.resolveDropdownWidth(R,E,A)},role:"menu","aria-orientation":"vertical","aria-activedescendant":l!==null?`dropdown-item-${l}`:void 0}),"data-placement":f,"data-state":n?"open":"closed",children:h})})})]})};d.Trigger=Q.DropdownTrigger;d.Content=$.DropdownContent;d.Item=J.DropdownItem;d.Separator=K.DropdownSeparator;exports.Dropdown=d;

package/src/tedi/components/overlays/dropdown/dropdown.d.ts

@@ -74,11 +74,11 @@ export interface DropdownProps extends BreakpointSupport<DropdownBreakpointProps
 }
 export declare const Dropdown: {
     (props: DropdownProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ children }: import('./dropdown-trigger/dropdown-trigger').DropdownTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    Trigger: ({ children }: import('.').DropdownTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     Content: ({ children }: {
         children: React.ReactNode;
     }) => null;
-    Item: ({ children, onClick, disabled, active, index, indent, asChild, closeOnSelect, isParent, className, role, ...aria }: import('./dropdown-item/dropdown-item').DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, onClick, disabled, active, index, indent, asChild, closeOnSelect, isParent, className, role, ...aria }: import('.').DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
     Separator: () => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

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

package/src/tedi/components/overlays/modal/modal-body/modal-body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),d=require("../modal.module.scss.cjs.js"),e=({children:o,noScroll:l=!1,className:a})=>t.jsx("div",{className:s.default(d.default["tedi-modal__body"],{[d.default["tedi-modal__body--scroll-page"]]:l},a),children:o});e.displayName="Modal.Body";exports.ModalBody=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),e=require("../modal.module.scss.cjs.js"),d=({children:o,noScroll:l=!1,className:a})=>t.jsx("div",{className:s.default(e.default["tedi-modal__body"],{[e.default["tedi-modal__body--scroll-page"]]:l},a),children:o});d.displayName="Modal.Body";exports.ModalBody=d;

package/src/tedi/components/overlays/modal/modal-body/modal-body.es.js

@@ -16,6 +16,5 @@ const e = ({ children: a, noScroll: d = !1, className: s }) => /* @__PURE__ */ l
 );
 e.displayName = "Modal.Body";
 export {
-  e as ModalBody,
-  e as default
+  e as ModalBody
 };

package/src/tedi/components/overlays/modal/modal-closer/modal-closer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),r=require("../modal-context.cjs.js"),e=({children:o})=>{const{onOpenChange:n}=r.useModalContext();return a.cloneElement(o,{onClick:s=>{var l,t;(t=(l=o.props).onClick)==null||t.call(l,s),n(!1)}})};e.displayName="Modal.Closer";exports.ModalCloser=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("../modal-context.cjs.js"),l=({children:e})=>{const{onOpenChange:n}=a.useModalContext();return s.cloneElement(e,{onClick:r=>{var o,t;(t=(o=e.props).onClick)==null||t.call(o,r),n(!1)}})};l.displayName="Modal.Closer";exports.ModalCloser=l;

package/src/tedi/components/overlays/modal/modal-closer/modal-closer.es.js

@@ -1,16 +1,15 @@
-import { cloneElement as a } from "react";
-import { useModalContext as r } from "../modal-context.es.js";
-const s = ({ children: o }) => {
-  const { onOpenChange: n } = r();
-  return a(o, {
-    onClick: (t) => {
+import { cloneElement as t } from "react";
+import { useModalContext as s } from "../modal-context.es.js";
+const a = ({ children: o }) => {
+  const { onOpenChange: n } = s();
+  return t(o, {
+    onClick: (r) => {
       var e, l;
-      (l = (e = o.props).onClick) == null || l.call(e, t), n(!1);
+      (l = (e = o.props).onClick) == null || l.call(e, r), n(!1);
     }
   });
 };
-s.displayName = "Modal.Closer";
+a.displayName = "Modal.Closer";
 export {
-  s as ModalCloser,
-  s as default
+  a as ModalCloser
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),d=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),f=require("../../../../../../external/classnames/index.cjs.js"),e=require("../modal.module.scss.cjs.js"),N=require("../modal-context.cjs.js"),O=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),W=require("../../../../providers/label-provider/use-labels.cjs.js"),H=["xs","sm","md","lg","xl"],T=l=>H.includes(l),r=l=>{const{getCurrentBreakpointProps:m}=O.useBreakpointProps(l.defaultServerBreakpoint),{width:t="md",maxWidth:s,position:_="center",fullscreen:o=!1}=m(l),{children:v,size:y="default",scrollBehavior:b="content",trapFocus:n=!0,returnFocus:g=!0,showOverlay:x=!0,lockScroll:h=!0,visuallyHiddenDismiss:C=!1,initialFocus:P,className:F}=l,{getLabel:p}=W.useLabels(),{open:q,floating:B,getFloatingProps:M,context:S,labelId:j,descriptionId:k}=N.useModalContext();if(!q)return null;const c=l["aria-labelledby"]??(j||void 0),L=l["aria-describedby"]??(k||void 0),w=c?void 0:l["aria-label"],u=T(t),i={};u||(i.width=t),s&&(i.maxWidth=s);const D=o===!0?e.default["tedi-modal__container--fullscreen"]:o==="edge"?e.default["tedi-modal__container--fullscreen-edge"]:void 0,I=o==="edge"?e.default["tedi-modal__overlay--fullscreen-edge"]:void 0;return a.jsx(d.FloatingPortal,{children:a.jsx(d.FloatingOverlay,{lockScroll:h,className:f.default(e.default["tedi-modal__overlay"],e.default[`tedi-modal__overlay--position-${_}`],I,{[e.default["tedi-modal__overlay--no-overlay"]]:!x,[e.default["tedi-modal__overlay--scroll-page"]]:b==="page"}),children:a.jsx(d.FloatingFocusManager,{context:S,modal:n,returnFocus:g,initialFocus:P,visuallyHiddenDismiss:C?p("modal.close"):void 0,children:a.jsx("div",{...M({ref:B,"aria-labelledby":c,"aria-describedby":L,"aria-label":w,"aria-modal":n,style:i,className:f.default(e.default["tedi-modal__container"],u&&e.default[`tedi-modal__container--${t}`],e.default[`tedi-modal--${y}`],D,F)}),children:v})})})})};r.displayName="Modal.Content";exports.ModalContent=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),u=require("../../../../../../external/classnames/index.cjs.js"),e=require("../modal.module.scss.cjs.js"),N=require("../modal-context.cjs.js"),O=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),W=require("../../../../providers/label-provider/use-labels.cjs.js"),H=["xs","sm","md","lg","xl"],T=l=>H.includes(l),f=l=>{const{getCurrentBreakpointProps:m}=O.useBreakpointProps(l.defaultServerBreakpoint),{width:t="md",maxWidth:r,position:y="center",fullscreen:o=!1}=m(l),{children:v,size:_="default",scrollBehavior:b="content",trapFocus:n=!0,returnFocus:g=!0,showOverlay:x=!0,lockScroll:h=!0,visuallyHiddenDismiss:C=!1,initialFocus:P,className:F}=l,{getLabel:p}=W.useLabels(),{open:q,floating:B,getFloatingProps:S,context:j,labelId:M,descriptionId:k}=N.useModalContext();if(!q)return null;const s=l["aria-labelledby"]??(M||void 0),L=l["aria-describedby"]??(k||void 0),w=s?void 0:l["aria-label"],c=T(t),i={};c||(i.width=t),r&&(i.maxWidth=r);const D=o===!0?e.default["tedi-modal__container--fullscreen"]:o==="edge"?e.default["tedi-modal__container--fullscreen-edge"]:void 0,I=o==="edge"?e.default["tedi-modal__overlay--fullscreen-edge"]:void 0;return a.jsx(d.FloatingPortal,{children:a.jsx(d.FloatingOverlay,{lockScroll:h,className:u.default(e.default["tedi-modal__overlay"],e.default[`tedi-modal__overlay--position-${y}`],I,{[e.default["tedi-modal__overlay--no-overlay"]]:!x,[e.default["tedi-modal__overlay--scroll-page"]]:b==="page"}),children:a.jsx(d.FloatingFocusManager,{context:j,modal:n,returnFocus:g,initialFocus:P,visuallyHiddenDismiss:C?p("modal.close"):void 0,children:a.jsx("div",{...S({ref:B,"aria-labelledby":s,"aria-describedby":L,"aria-label":w,"aria-modal":n,style:i,className:u.default(e.default["tedi-modal__container"],c&&e.default[`tedi-modal__container--${t}`],e.default[`tedi-modal--${_}`],D,F)}),children:v})})})})};f.displayName="Modal.Content";exports.ModalContent=f;

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

@@ -24,8 +24,8 @@ const T = ["xs", "sm", "md", "lg", "xl"], j = (l) => T.includes(l), z = (l) => {
     className: x
   } = l, { getLabel: F } = E(), { open: C, floating: P, getFloatingProps: B, context: N, labelId: S, descriptionId: k } = O();
   if (!C) return null;
-  const d = l["aria-labelledby"] ?? (S || void 0), w = l["aria-describedby"] ?? (k || void 0), D = d ? void 0 : l["aria-label"], n = j(o), i = {};
-  n || (i.width = o), r && (i.maxWidth = r);
+  const n = l["aria-labelledby"] ?? (S || void 0), w = l["aria-describedby"] ?? (k || void 0), D = n ? void 0 : l["aria-label"], d = j(o), i = {};
+  d || (i.width = o), r && (i.maxWidth = r);
   const I = t === !0 ? e["tedi-modal__container--fullscreen"] : t === "edge" ? e["tedi-modal__container--fullscreen-edge"] : void 0, L = t === "edge" ? e["tedi-modal__overlay--fullscreen-edge"] : void 0;
   return /* @__PURE__ */ a(M, { children: /* @__PURE__ */ a(
     W,
@@ -53,14 +53,14 @@ const T = ["xs", "sm", "md", "lg", "xl"], j = (l) => T.includes(l), z = (l) => {
             {
               ...B({
                 ref: P,
-                "aria-labelledby": d,
+                "aria-labelledby": n,
                 "aria-describedby": w,
                 "aria-label": D,
                 "aria-modal": s,
                 style: i,
                 className: c(
                   e["tedi-modal__container"],
-                  n && e[`tedi-modal__container--${o}`],
+                  d && e[`tedi-modal__container--${o}`],
                   e[`tedi-modal--${y}`],
                   I,
                   x
@@ -76,6 +76,5 @@ const T = ["xs", "sm", "md", "lg", "xl"], j = (l) => T.includes(l), z = (l) => {
 };
 z.displayName = "Modal.Content";
 export {
-  z as ModalContent,
-  z as default
+  z as ModalContent
 };

package/src/tedi/components/overlays/modal/modal-footer/modal-footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),a=require("../../../../../../external/classnames/index.cjs.js"),e=require("../modal.module.scss.cjs.js"),d=({children:i,left:t,className:s})=>{const l=!!t;return o.jsxs("div",{className:a.default(e.default["tedi-modal__footer"],e.default[l?"tedi-modal__footer--split":"tedi-modal__footer--end"],s),children:[l&&o.jsx("div",{className:e.default["tedi-modal__footer-side"],children:t}),o.jsx("div",{className:a.default(e.default["tedi-modal__footer-side"],e.default["tedi-modal__footer-side--right"]),children:i})]})};d.displayName="Modal.Footer";exports.ModalFooter=d;exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("../../../../../../external/classnames/index.cjs.js"),e=require("../modal.module.scss.cjs.js"),a=({children:i,left:d,className:r})=>{const t=!!d;return o.jsxs("div",{className:l.default(e.default["tedi-modal__footer"],e.default[t?"tedi-modal__footer--split":"tedi-modal__footer--end"],r),children:[t&&o.jsx("div",{className:e.default["tedi-modal__footer-side"],children:d}),o.jsx("div",{className:l.default(e.default["tedi-modal__footer-side"],e.default["tedi-modal__footer-side--right"]),children:i})]})};a.displayName="Modal.Footer";exports.ModalFooter=a;

package/src/tedi/components/overlays/modal/modal-footer/modal-footer.es.js

@@ -1,25 +1,24 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import s from "../../../../../../external/classnames/index.es.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import i from "../../../../../../external/classnames/index.es.js";
 import o from "../modal.module.scss.es.js";
-const l = ({ children: i, left: e, className: a }) => {
+const l = ({ children: s, left: e, className: r }) => {
   const d = !!e;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: s(
+      className: i(
         o["tedi-modal__footer"],
         o[d ? "tedi-modal__footer--split" : "tedi-modal__footer--end"],
-        a
+        r
       ),
       children: [
         d && /* @__PURE__ */ t("div", { className: o["tedi-modal__footer-side"], children: e }),
-        /* @__PURE__ */ t("div", { className: s(o["tedi-modal__footer-side"], o["tedi-modal__footer-side--right"]), children: i })
+        /* @__PURE__ */ t("div", { className: i(o["tedi-modal__footer-side"], o["tedi-modal__footer-side--right"]), children: s })
       ]
     }
   );
 };
 l.displayName = "Modal.Footer";
 export {
-  l as ModalFooter,
-  l as default
+  l as ModalFooter
 };

package/src/tedi/components/overlays/modal/modal-header/modal-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../../../../../external/classnames/index.cjs.js"),r=require("react"),j=require("../../../base/typography/heading/heading.cjs.js"),p=require("../../../base/typography/text/text.cjs.js"),q=require("../../../buttons/closing-button/closing-button.cjs.js"),a=require("../modal.module.scss.cjs.js"),B=require("../modal-context.cjs.js"),n=i=>{const{title:s,description:o,closeButton:c=!0,closeButtonProps:u,children:t,className:m}=i,{onOpenChange:f,labelId:h,descriptionId:x,setHasTitle:l,setHasDescription:d}=B.useModalContext();r.useEffect(()=>(l(!!s||!!t),()=>l(!1)),[s,t,l]),r.useEffect(()=>(d(!!o||!!t),()=>d(!1)),[o,t,d]);const _=()=>f(!1);return e.jsx("div",{className:g.default(a.default["tedi-modal__header"],m),children:t??e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:a.default["tedi-modal__header-row"],children:[s&&e.jsx(j.Heading,{element:"h3",modifiers:"h3",id:h,className:a.default["tedi-modal__header-title"],children:s}),c&&e.jsx(q.ClosingButton,{size:"default",...u,onClick:_})]}),o&&e.jsx(p.Text,{id:x,className:a.default["tedi-modal__header-description"],children:o})]})})};n.displayName="Modal.Header";exports.ModalHeader=n;exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../../../../../external/classnames/index.cjs.js"),n=require("react"),j=require("../../../base/typography/heading/heading.cjs.js"),p=require("../../../base/typography/text/text.cjs.js"),q=require("../../../buttons/closing-button/closing-button.cjs.js"),a=require("../modal.module.scss.cjs.js"),B=require("../modal-context.cjs.js"),r=i=>{const{title:s,description:o,closeButton:c=!0,closeButtonProps:u,children:t,className:m}=i,{onOpenChange:f,labelId:h,descriptionId:x,setHasTitle:l,setHasDescription:d}=B.useModalContext();n.useEffect(()=>(l(!!s||!!t),()=>l(!1)),[s,t,l]),n.useEffect(()=>(d(!!o||!!t),()=>d(!1)),[o,t,d]);const _=()=>f(!1);return e.jsx("div",{className:g.default(a.default["tedi-modal__header"],m),children:t??e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:a.default["tedi-modal__header-row"],children:[s&&e.jsx(j.Heading,{element:"h3",modifiers:"h3",id:h,className:a.default["tedi-modal__header-title"],children:s}),c&&e.jsx(q.ClosingButton,{size:"default",...u,onClick:_})]}),o&&e.jsx(p.Text,{id:x,className:a.default["tedi-modal__header-description"],children:o})]})})};r.displayName="Modal.Header";exports.ModalHeader=r;

package/src/tedi/components/overlays/modal/modal-header/modal-header.es.js

@@ -1,25 +1,24 @@
-import { jsx as a, jsxs as i, Fragment as B } from "react/jsx-runtime";
+import { jsx as r, jsxs as i, Fragment as B } from "react/jsx-runtime";
 import N from "../../../../../../external/classnames/index.es.js";
 import { useEffect as d } from "react";
 import { Heading as x } from "../../../base/typography/heading/heading.es.js";
 import { Text as C } from "../../../base/typography/text/text.es.js";
 import { ClosingButton as H } from "../../../buttons/closing-button/closing-button.es.js";
-import r from "../modal.module.scss.es.js";
+import s from "../modal.module.scss.es.js";
 import { useModalContext as g } from "../modal-context.es.js";
 const M = (n) => {
-  const { title: o, description: t, closeButton: m = !0, closeButtonProps: c, children: e, className: f } = n, { onOpenChange: p, labelId: h, descriptionId: u, setHasTitle: s, setHasDescription: l } = g();
-  d(() => (s(!!o || !!e), () => s(!1)), [o, e, s]), d(() => (l(!!t || !!e), () => l(!1)), [t, e, l]);
-  const _ = () => p(!1);
-  return /* @__PURE__ */ a("div", { className: N(r["tedi-modal__header"], f), children: e ?? /* @__PURE__ */ i(B, { children: [
-    /* @__PURE__ */ i("div", { className: r["tedi-modal__header-row"], children: [
-      o && /* @__PURE__ */ a(x, { element: "h3", modifiers: "h3", id: h, className: r["tedi-modal__header-title"], children: o }),
-      m && /* @__PURE__ */ a(H, { size: "default", ...c, onClick: _ })
+  const { title: o, description: t, closeButton: m = !0, closeButtonProps: c, children: e, className: p } = n, { onOpenChange: f, labelId: h, descriptionId: u, setHasTitle: a, setHasDescription: l } = g();
+  d(() => (a(!!o || !!e), () => a(!1)), [o, e, a]), d(() => (l(!!t || !!e), () => l(!1)), [t, e, l]);
+  const _ = () => f(!1);
+  return /* @__PURE__ */ r("div", { className: N(s["tedi-modal__header"], p), children: e ?? /* @__PURE__ */ i(B, { children: [
+    /* @__PURE__ */ i("div", { className: s["tedi-modal__header-row"], children: [
+      o && /* @__PURE__ */ r(x, { element: "h3", modifiers: "h3", id: h, className: s["tedi-modal__header-title"], children: o }),
+      m && /* @__PURE__ */ r(H, { size: "default", ...c, onClick: _ })
     ] }),
-    t && /* @__PURE__ */ a(C, { id: u, className: r["tedi-modal__header-description"], children: t })
+    t && /* @__PURE__ */ r(C, { id: u, className: s["tedi-modal__header-description"], children: t })
   ] }) });
 };
 M.displayName = "Modal.Header";
 export {
-  M as ModalHeader,
-  M as default
+  M as ModalHeader
 };

package/src/tedi/components/overlays/modal/modal-trigger/modal-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),c=require("../modal-context.cjs.js"),u=(...e)=>t=>{for(const r of e)r&&(typeof r=="function"?r(t):r.current=t)},o=({children:e})=>{const{getReferenceProps:t,reference:r}=c.useModalContext(),s=e.ref??e.props.ref,n=u(r,s);return f.cloneElement(e,t({ref:n,...e.props}))};o.displayName="Modal.Trigger";exports.ModalTrigger=o;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),c=require("../modal-context.cjs.js"),g=(...e)=>o=>{for(const r of e)r&&(typeof r=="function"?r(o):r.current=o)},t=({children:e})=>{const{getReferenceProps:o,reference:r}=c.useModalContext(),n=e.ref??e.props.ref,s=g(r,n);return f.cloneElement(e,o({ref:s,...e.props}))};t.displayName="Modal.Trigger";exports.ModalTrigger=t;

package/src/tedi/components/overlays/modal/modal-trigger/modal-trigger.es.js

@@ -1,14 +1,13 @@
-import { cloneElement as s } from "react";
-import { useModalContext as n } from "../modal-context.es.js";
+import { cloneElement as n } from "react";
+import { useModalContext as s } from "../modal-context.es.js";
 const p = (...e) => (r) => {
   for (const o of e)
     o && (typeof o == "function" ? o(r) : o.current = r);
 }, c = ({ children: e }) => {
-  const { getReferenceProps: r, reference: o } = n(), t = e.ref ?? e.props.ref, f = p(o, t);
-  return s(e, r({ ref: f, ...e.props }));
+  const { getReferenceProps: r, reference: o } = s(), t = e.ref ?? e.props.ref, f = p(o, t);
+  return n(e, r({ ref: f, ...e.props }));
 };
 c.displayName = "Modal.Trigger";
 export {
-  c as ModalTrigger,
-  c as default
+  c as ModalTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react/jsx-runtime"),n=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),o=require("react"),k=require("./modal-body/modal-body.cjs.js"),v=require("./modal-closer/modal-closer.cjs.js"),x=require("./modal-content/modal-content.cjs.js"),B=require("./modal-context.cjs.js"),j=require("./modal-footer/modal-footer.cjs.js"),D=require("./modal-header/modal-header.cjs.js"),_=require("./modal-trigger/modal-trigger.cjs.js"),e=b=>{const{children:I,defaultOpen:h=!1,open:c,onToggle:s,closeOnBackdropClick:d=!0,closeOnEscape:u=!0,role:y="dialog"}=b,[F,R]=o.useState(h),a=typeof c<"u",l=a?c:F,i=o.useCallback(q=>{a||R(q),s==null||s(q)},[a,s]),{refs:r,context:t}=n.useFloating({open:l,onOpenChange:i}),{getReferenceProps:p,getFloatingProps:g}=n.useInteractions([n.useClick(t),n.useRole(t,{role:y}),n.useDismiss(t,{enabled:d||u,escapeKey:u,outsidePress:d})]),f=o.useId(),C=`${f}-label`,M=`${f}-description`,[m,H]=o.useState(!1),[O,P]=o.useState(!1),S=o.useMemo(()=>({open:l,onOpenChange:i,reference:r.setReference,floating:r.setFloating,getReferenceProps:p,getFloatingProps:g,context:t,labelId:m?C:"",descriptionId:O?M:"",setHasTitle:H,setHasDescription:P}),[l,i,r.setReference,r.setFloating,p,g,t,m,O,C,M]);return T.jsx(B.ModalContext.Provider,{value:S,children:I})};e.Trigger=_.ModalTrigger;e.Content=x.ModalContent;e.Header=D.ModalHeader;e.Body=k.ModalBody;e.Footer=j.ModalFooter;e.Closer=v.ModalCloser;e.displayName="Modal";exports.Modal=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),n=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),o=require("react"),k=require("./modal-body/modal-body.cjs.js"),x=require("./modal-closer/modal-closer.cjs.js"),B=require("./modal-content/modal-content.cjs.js"),j=require("./modal-context.cjs.js"),v=require("./modal-footer/modal-footer.cjs.js"),D=require("./modal-header/modal-header.cjs.js"),$=require("./modal-trigger/modal-trigger.cjs.js"),e=b=>{const{children:y,defaultOpen:I=!1,open:c,onToggle:s,closeOnBackdropClick:d=!0,closeOnEscape:u=!0,role:h="dialog"}=b,[F,R]=o.useState(I),a=typeof c<"u",l=a?c:F,i=o.useCallback(q=>{a||R(q),s==null||s(q)},[a,s]),{refs:r,context:t}=n.useFloating({open:l,onOpenChange:i}),{getReferenceProps:p,getFloatingProps:g}=n.useInteractions([n.useClick(t),n.useRole(t,{role:h}),n.useDismiss(t,{enabled:d||u,escapeKey:u,outsidePress:d})]),f=o.useId(),C=`${f}-label`,m=`${f}-description`,[M,H]=o.useState(!1),[O,P]=o.useState(!1),S=o.useMemo(()=>({open:l,onOpenChange:i,reference:r.setReference,floating:r.setFloating,getReferenceProps:p,getFloatingProps:g,context:t,labelId:M?C:"",descriptionId:O?m:"",setHasTitle:H,setHasDescription:P}),[l,i,r.setReference,r.setFloating,p,g,t,M,O,C,m]);return T.jsx(j.ModalContext.Provider,{value:S,children:y})};e.Trigger=$.ModalTrigger;e.Content=B.ModalContent;e.Header=D.ModalHeader;e.Body=k.ModalBody;e.Footer=v.ModalFooter;e.Closer=x.ModalCloser;e.displayName="Modal";exports.Modal=e;

package/src/tedi/components/overlays/modal/modal.d.ts

@@ -40,27 +40,27 @@ export interface ModalProps {
 export declare const Modal: {
     (props: ModalProps): JSX.Element;
     Trigger: {
-        ({ children }: import('./modal-trigger/modal-trigger').ModalTriggerProps): import("react").JSX.Element;
+        ({ children }: import('.').ModalTriggerProps): import("react").JSX.Element;
         displayName: string;
     };
     Content: {
-        (props: import('./modal-content/modal-content').ModalContentProps): JSX.Element | null;
+        (props: import('.').ModalContentProps): JSX.Element | null;
         displayName: string;
     };
     Header: {
-        (props: import('./modal-header/modal-header').ModalHeaderProps): JSX.Element;
+        (props: import('.').ModalHeaderProps): JSX.Element;
         displayName: string;
     };
     Body: {
-        ({ children, noScroll, className }: import('./modal-body/modal-body').ModalBodyProps): JSX.Element;
+        ({ children, noScroll, className }: import('.').ModalBodyProps): JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ children, left, className }: import('./modal-footer/modal-footer').ModalFooterProps): JSX.Element;
+        ({ children, left, className }: import('.').ModalFooterProps): JSX.Element;
         displayName: string;
     };
     Closer: {
-        ({ children }: import('./modal-closer/modal-closer').ModalCloserProps): JSX.Element;
+        ({ children }: import('.').ModalCloserProps): JSX.Element;
         displayName: string;
     };
     displayName: string;

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

@@ -1,6 +1,6 @@
 import { jsx as x } from "react/jsx-runtime";
 import { useFloating as B, useInteractions as D, useClick as T, useRole as v, useDismiss as $ } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { useState as l, useCallback as j, useId as E, useMemo as K } from "react";
+import { useState as a, useCallback as j, useId as E, useMemo as K } from "react";
 import { ModalBody as N } from "./modal-body/modal-body.es.js";
 import { ModalCloser as S } from "./modal-closer/modal-closer.es.js";
 import { ModalContent as q } from "./modal-content/modal-content.es.js";
@@ -14,29 +14,29 @@ const e = (I) => {
     defaultOpen: b = !1,
     open: i,
     onToggle: t,
-    closeOnBackdropClick: d = !0,
-    closeOnEscape: c = !0,
+    closeOnBackdropClick: c = !0,
+    closeOnEscape: d = !0,
     role: F = "dialog"
-  } = I, [y, k] = l(b), s = typeof i < "u", r = s ? i : y, a = j(
+  } = I, [y, k] = a(b), s = typeof i < "u", r = s ? i : y, l = j(
     (O) => {
       s || k(O), t == null || t(O);
     },
     [s, t]
   ), { refs: n, context: o } = B({
     open: r,
-    onOpenChange: a
+    onOpenChange: l
   }), { getReferenceProps: p, getFloatingProps: f } = D([
     T(o),
     v(o, { role: F }),
     $(o, {
-      enabled: d || c,
-      escapeKey: c,
-      outsidePress: d
+      enabled: c || d,
+      escapeKey: d,
+      outsidePress: c
     })
-  ]), m = E(), u = `${m}-label`, g = `${m}-description`, [C, H] = l(!1), [M, P] = l(!1), R = K(
+  ]), m = E(), u = `${m}-label`, g = `${m}-description`, [C, H] = a(!1), [M, P] = a(!1), R = K(
     () => ({
       open: r,
-      onOpenChange: a,
+      onOpenChange: l,
       reference: n.setReference,
       floating: n.setFloating,
       getReferenceProps: p,
@@ -49,7 +49,7 @@ const e = (I) => {
     }),
     [
       r,
-      a,
+      l,
       n.setReference,
       n.setFloating,
       p,
@@ -71,6 +71,5 @@ e.Footer = z;
 e.Closer = S;
 e.displayName = "Modal";
 export {
-  e as Modal,
-  e as default
+  e as Modal
 };

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