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

package/src/tedi/components/layout/top-nav/top-nav.es.js

@@ -8,19 +8,19 @@ import { TopNavSeparator as H } from "./components/top-nav-separator/top-nav-sep
 import { TopNavSubItem as K } from "./components/top-nav-subitem/top-nav-subitem.es.js";
 import f from "./top-nav.module.scss.es.js";
 import { TopNavContext as fe } from "./top-nav-context.es.js";
-import { useBreakpoint as ve, isBreakpointBelow as be, BREAKPOINT_WIDTHS as V } from "../../../helpers/hooks/use-breakpoint.es.js";
+import ve, { isBreakpointBelow as be, BREAKPOINT_WIDTHS as V } from "../../../helpers/hooks/use-breakpoint.es.js";
 const he = (n) => {
   if (!(n === void 0 || n === "none" || n === 0))
     return typeof n == "string" && n !== "xs" && n in V ? V[n] : n;
 }, q = (n) => {
   const r = [];
-  return l.forEach(n, (t) => {
-    if (w(t)) {
-      if (t.type === D) {
-        r.push(...q(t.props.children));
+  return l.forEach(n, (o) => {
+    if (w(o)) {
+      if (o.type === D) {
+        r.push(...q(o.props.children));
         return;
       }
-      (t.type === M || t.type === H) && r.push(t);
+      (o.type === M || o.type === H) && r.push(o);
     }
   }), r;
 }, j = (n) => n.type === M, Ie = (n) => ({
@@ -31,15 +31,15 @@ const he = (n) => {
 }), $ = (n) => {
   if (!n) return;
   const r = [];
-  return l.forEach(n, (t) => {
-    if (!w(t)) return;
-    if (t.type === D) {
-      const s = $(t.props.children);
+  return l.forEach(n, (o) => {
+    if (!w(o)) return;
+    if (o.type === D) {
+      const s = $(o.props.children);
       s && r.push(...s);
       return;
     }
-    if (t.type !== F) return;
-    const b = t.props, p = [];
+    if (o.type !== F) return;
+    const b = o.props, p = [];
     l.forEach(b.children, (s) => {
       w(s) && s.type === K && p.push(Ie(s));
     }), p.length > 0 && r.push({ subHeading: b.title, subItems: p });
@@ -47,7 +47,7 @@ const he = (n) => {
 }, v = (n) => {
   const {
     children: r,
-    ariaLabel: t,
+    ariaLabel: o,
     mobileBreakpoint: b = "md",
     isMobileOpen: p,
     onMenuToggle: s,
@@ -63,7 +63,7 @@ const he = (n) => {
   const ee = (e) => {
     h || B(e), s == null || s(e);
   }, E = c(() => q(r), [r]), a = c(() => E.filter(j), [E]), O = (e) => !e.props.href && l.count(e.props.submenu) > 0, _ = c(() => {
-    const e = a.findIndex((o) => O(o) && o.props.isActive);
+    const e = a.findIndex((t) => O(t) && t.props.isActive);
     return e === -1 ? null : e;
   }, [a]), [I, m] = P(_);
   g(() => {
@@ -74,7 +74,7 @@ const he = (n) => {
     if (I === null) return;
     const e = (i) => {
       x.current && !x.current.contains(i.target) && m(null);
-    }, o = (i) => {
+    }, t = (i) => {
       var S;
       if (i.key !== "Escape") return;
       const d = (S = x.current) == null ? void 0 : S.querySelector(
@@ -82,15 +82,15 @@ const he = (n) => {
       );
       d == null || d.focus(), m(null);
     };
-    return document.addEventListener("mousedown", e), document.addEventListener("keydown", o), () => {
-      document.removeEventListener("mousedown", e), document.removeEventListener("keydown", o);
+    return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
     };
   }, [I, y]);
-  const W = (e, o) => O(e) ? I === o : !!e.props.isActive, L = c(
-    () => a.find((e, o) => W(e, o) && l.count(e.props.submenu) > 0),
+  const W = (e, t) => O(e) ? I === t : !!e.props.isActive, L = c(
+    () => a.find((e, t) => W(e, t) && l.count(e.props.submenu) > 0),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [a, I]
-  ), te = c(
+  ), oe = c(
     () => a.map((e) => ({
       children: e.props.children,
       disabled: e.props.disabled,
@@ -106,8 +106,8 @@ const he = (n) => {
     return /* @__PURE__ */ u(
       de,
       {
-        navItems: te,
-        ariaLabel: t,
+        navItems: oe,
+        ariaLabel: o,
         isOpen: Z,
         onClose: () => ee(!1),
         showOverlay: z,
@@ -115,14 +115,14 @@ const he = (n) => {
       }
     );
   const G = Q === "content", N = he(U);
-  let oe = 0;
+  let te = 0;
   return /* @__PURE__ */ u(fe.Provider, { value: ne, children: /* @__PURE__ */ ae(
     "nav",
     {
       ref: x,
       id: J,
       className: ue(f["tedi-top-nav"], T),
-      "aria-label": t,
+      "aria-label": o,
       "data-name": "top-nav",
       children: [
         /* @__PURE__ */ u("div", { className: f["tedi-top-nav__bar"], children: /* @__PURE__ */ u(
@@ -130,13 +130,13 @@ const he = (n) => {
           {
             className: f["tedi-top-nav__list"],
             style: N !== void 0 ? { maxWidth: N } : void 0,
-            children: E.map((e, o) => {
+            children: E.map((e, t) => {
               if (j(e)) {
-                const i = oe++, d = l.count(e.props.submenu) > 0, S = O(e), re = W(e, i), k = e.props.onClick, se = S ? (ie) => {
+                const i = te++, d = l.count(e.props.submenu) > 0, S = O(e), re = W(e, i), k = e.props.onClick, se = S ? (ie) => {
                   k == null || k(ie), m((pe) => pe === i ? null : i);
                 } : k;
                 return R.cloneElement(e, {
-                  key: o,
+                  key: t,
                   hasSubmenu: d,
                   renderSubmenuInline: G,
                   isSubmenuOpen: re,
@@ -144,7 +144,7 @@ const he = (n) => {
                   onClick: se
                 });
               }
-              return R.cloneElement(e, { key: o });
+              return R.cloneElement(e, { key: t });
             })
           }
         ) }),
@@ -166,6 +166,5 @@ v.Group = F;
 v.SubItem = K;
 v.Separator = H;
 export {
-  v as TopNav,
-  v as default
+  v as TopNav
 };

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),p=require("./vertical-spacing.module.scss.cjs.js"),d=require("./vertical-spacing-item.cjs.js"),g=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),e=t=>{const{getCurrentBreakpointProps:i}=g.useBreakpointProps(t.defaultServerBreakpoint),{children:a,className:n,element:c="div",size:r=1,...s}=i(t),l=u.default(p.default["tedi-vertical-spacing"],n);return o.jsx(c,{"data-name":"vertical-spacing",role:"presentation",...s,className:l,style:{"--vertical-spacing-internal":r!==0?`${r}em`:"0"},children:a})};e.Item=d.VerticalSpacingItem;exports.VerticalSpacing=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),p=require("./vertical-spacing.module.scss.cjs.js"),g=require("./vertical-spacing-item.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),r=e=>{const{getCurrentBreakpointProps:i}=m.useBreakpointProps(e.defaultServerBreakpoint),{children:a,className:n,element:c="div",size:t=1,...s}=i(e),l=u.default(p.default["tedi-vertical-spacing"],n);return o.jsx(c,{"data-name":"vertical-spacing",role:"presentation",...s,className:l,style:{"--vertical-spacing-internal":t!==0?`${t}em`:"0"},children:a})};r.Item=g.VerticalSpacingItem;exports.VerticalSpacing=r;

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.es.js

@@ -2,29 +2,28 @@ import { jsx as c } from "react/jsx-runtime";
 import m from "../../../../../external/classnames/index.es.js";
 import l from "./vertical-spacing.module.scss.es.js";
 import { VerticalSpacingItem as p } from "./vertical-spacing-item.es.js";
-import { useBreakpointProps as f } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const g = (e) => {
-  const { getCurrentBreakpointProps: r } = f(e.defaultServerBreakpoint), {
+import { useBreakpointProps as g } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const f = (e) => {
+  const { getCurrentBreakpointProps: r } = g(e.defaultServerBreakpoint), {
     children: a,
     className: i,
-    element: s = "div",
+    element: n = "div",
     size: t = 1,
-    ...n
+    ...s
   } = r(e), o = m(l["tedi-vertical-spacing"], i);
   return /* @__PURE__ */ c(
-    s,
+    n,
     {
       "data-name": "vertical-spacing",
       role: "presentation",
-      ...n,
+      ...s,
       className: o,
       style: { "--vertical-spacing-internal": t !== 0 ? `${t}em` : "0" },
       children: a
     }
   );
 };
-g.Item = p;
+f.Item = p;
 export {
-  g as VerticalSpacing,
-  g as default
+  f as VerticalSpacing
 };

package/src/tedi/components/loaders/progress-bar/progress-bar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),$=require("react"),z=require("../../form/feedback-text/feedback-text.cjs.js"),R=require("../../form/form-label/form-label.cjs.js"),e=require("./progress-bar.module.scss.cjs.js"),M=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),S=r=>r===void 0||Number.isNaN(r)||r<0?0:r>100?100:r,d=r=>{const{getCurrentBreakpointProps:x}=M.useBreakpointProps(r.defaultServerBreakpoint),{id:N,value:j,small:B=!1,label:l,labelPosition:n="top",required:P=!1,showValue:u=!0,valuePosition:c="horizontal",valueLabel:b,ariaLabel:p,helper:s,className:q}=x(r),k=$.useId(),t=N??`tedi-progress-bar-${k.replace(/[^a-zA-Z0-9-]/g,"")}`,i=`${t}__label`,_=s?s.id??`${t}__helper`:void 0,o=S(j),m=b??`${Math.round(o)}%`,f=l?a.jsx(R.FormLabel,{id:t,label:l,required:P,renderWithoutLabel:!0,className:e.default["tedi-progress-bar__label"]}):null,L=u&&c==="horizontal"?a.jsx("span",{className:e.default["tedi-progress-bar__value"],children:m}):null,w=a.jsx("div",{id:t,role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":b,"aria-labelledby":l&&!p?i:void 0,"aria-label":p||void 0,"aria-describedby":_,className:e.default["tedi-progress-bar__track"],children:a.jsx("div",{className:e.default["tedi-progress-bar__fill"],style:{width:`${o}%`}})}),g=u&&c==="bottom",y=a.jsxs("div",{className:e.default["tedi-progress-bar__row"],children:[w,L]}),I=s||g?a.jsxs("div",{className:e.default["tedi-progress-bar__hint-row"],children:[s?a.jsx(z.FeedbackText,{...s,id:_,className:h.default(e.default["tedi-progress-bar__hint"],s.className)}):null,g?a.jsx("span",{className:e.default["tedi-progress-bar__value"],children:m}):null]}):null,v=a.jsxs("div",{className:e.default["tedi-progress-bar__group"],children:[y,I]}),V=l&&n==="horizontal";return a.jsxs("div",{className:h.default(e.default["tedi-progress-bar"],{[e.default["tedi-progress-bar--small"]]:B},q),"data-name":"progress-bar",children:[l&&n==="top"?a.jsx("div",{id:i,className:e.default["tedi-progress-bar__label-wrapper"],children:f}):null,V?a.jsxs("div",{className:e.default["tedi-progress-bar__main"],children:[a.jsx("div",{id:i,className:e.default["tedi-progress-bar__inline-label"],children:f}),v]}):v]})};d.displayName="ProgressBar";exports.ProgressBar=d;exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),$=require("react"),z=require("../../form/feedback-text/feedback-text.cjs.js"),R=require("../../form/form-label/form-label.cjs.js"),e=require("./progress-bar.module.scss.cjs.js"),S=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),T=r=>r===void 0||Number.isNaN(r)||r<0?0:r>100?100:r,h=r=>{const{getCurrentBreakpointProps:x}=S.useBreakpointProps(r.defaultServerBreakpoint),{id:N,value:j,small:B=!1,label:l,labelPosition:d="top",required:P=!1,showValue:n=!0,valuePosition:u="horizontal",valueLabel:c,ariaLabel:b,helper:s,className:q}=x(r),k=$.useId(),t=N??`tedi-progress-bar-${k.replace(/[^a-zA-Z0-9-]/g,"")}`,i=`${t}__label`,p=s?s.id??`${t}__helper`:void 0,o=T(j),m=c??`${Math.round(o)}%`,_=l?a.jsx(R.FormLabel,{id:t,label:l,required:P,renderWithoutLabel:!0,className:e.default["tedi-progress-bar__label"]}):null,y=n&&u==="horizontal"?a.jsx("span",{className:e.default["tedi-progress-bar__value"],children:m}):null,L=a.jsx("div",{id:t,role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":c,"aria-labelledby":l&&!b?i:void 0,"aria-label":b||void 0,"aria-describedby":p,className:e.default["tedi-progress-bar__track"],children:a.jsx("div",{className:e.default["tedi-progress-bar__fill"],style:{width:`${o}%`}})}),f=n&&u==="bottom",w=a.jsxs("div",{className:e.default["tedi-progress-bar__row"],children:[L,y]}),I=s||f?a.jsxs("div",{className:e.default["tedi-progress-bar__hint-row"],children:[s?a.jsx(z.FeedbackText,{...s,id:p,className:v.default(e.default["tedi-progress-bar__hint"],s.className)}):null,f?a.jsx("span",{className:e.default["tedi-progress-bar__value"],children:m}):null]}):null,g=a.jsxs("div",{className:e.default["tedi-progress-bar__group"],children:[w,I]}),V=l&&d==="horizontal";return a.jsxs("div",{className:v.default(e.default["tedi-progress-bar"],{[e.default["tedi-progress-bar--small"]]:B},q),"data-name":"progress-bar",children:[l&&d==="top"?a.jsx("div",{id:i,className:e.default["tedi-progress-bar__label-wrapper"],children:_}):null,V?a.jsxs("div",{className:e.default["tedi-progress-bar__main"],children:[a.jsx("div",{id:i,className:e.default["tedi-progress-bar__inline-label"],children:_}),g]}):g]})};h.displayName="ProgressBar";exports.ProgressBar=h;

package/src/tedi/components/loaders/progress-bar/progress-bar.es.js

@@ -70,6 +70,5 @@ const A = (r) => r === void 0 || Number.isNaN(r) || r < 0 ? 0 : r > 100 ? 100 :
 };
 C.displayName = "ProgressBar";
 export {
-  C as ProgressBar,
-  C as default
+  C as ProgressBar
 };

package/src/tedi/components/loaders/skeleton/skeleton.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),x=require("../../../providers/accessibility-provider/accessibility-provider.cjs.js"),S=require("../../../providers/accessibility-provider/use-declare-loader.cjs.js"),L=require("./skeleton.module.scss.cjs.js"),g=require("./skeleton-block/skeleton-block.cjs.js"),y=require("../../../providers/label-provider/use-labels.cjs.js"),o=d=>{const{getLabel:l}=y.useLabels(),{children:m,className:k,label:e=l("skeleton.loading"),completedLabel:t=l("skeleton.loading-completed"),labelDelay:s=200,...b}=d,f=v.default(L.default["tedi-skeleton"],k),r=n.useContext(x.AccessibilityContext),[a,c]=n.useState(null);return S.useDeclareLoader(e,t,s),n.useEffect(()=>{if(!r){let i=!0;const q=setTimeout(()=>{i&&c(e)},s);return()=>{i=!1,clearTimeout(q),c(t)}}},[r,e,t,s]),u.jsxs("div",{"data-name":"skeleton",...b,className:f,children:[a&&u.jsx("span",{className:"sr-only",role:"status","aria-live":"assertive","aria-atomic":"true",children:a}),m]})};o.Block=g.SkeletonBlock;exports.Skeleton=o;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),S=require("../../../providers/accessibility-provider/accessibility-provider.cjs.js"),v=require("../../../providers/accessibility-provider/use-declare-loader.cjs.js"),y=require("./skeleton.module.scss.cjs.js"),L=require("./skeleton-block/skeleton-block.cjs.js"),g=require("../../../providers/label-provider/use-labels.cjs.js"),u=d=>{const{getLabel:o}=g.useLabels(),{children:m,className:k,label:e=o("skeleton.loading"),completedLabel:t=o("skeleton.loading-completed"),labelDelay:s=200,...b}=d,f=x.default(y.default["tedi-skeleton"],k),l=n.useContext(S.AccessibilityContext),[r,c]=n.useState(null);return v.useDeclareLoader(e,t,s),n.useEffect(()=>{if(!l){let a=!0;const q=setTimeout(()=>{a&&c(e)},s);return()=>{a=!1,clearTimeout(q),c(t)}}},[l,e,t,s]),i.jsxs("div",{"data-name":"skeleton",...b,className:f,children:[r&&i.jsx("span",{className:"sr-only",role:"status","aria-live":"assertive","aria-atomic":"true",children:r}),m]})};u.Block=L.SkeletonBlock;exports.Skeleton=u;

package/src/tedi/components/loaders/skeleton/skeleton.d.ts

@@ -31,6 +31,6 @@ export interface SkeletonProps {
 }
 export declare const Skeleton: {
     (props: SkeletonProps): JSX.Element;
-    Block: (props: import('./skeleton-block/skeleton-block').SkeletonBlockProps) => import("react/jsx-runtime").JSX.Element;
+    Block: (props: import('.').SkeletonBlockProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Skeleton;

package/src/tedi/components/loaders/skeleton/skeleton.es.js

@@ -14,15 +14,15 @@ const B = (c) => {
     completedLabel: t = s("skeleton.loading-completed"),
     labelDelay: o = 200,
     ...u
-  } = c, d = b(S["tedi-skeleton"], m), l = x.useContext(L), [n, a] = v(null);
+  } = c, d = b(S["tedi-skeleton"], m), l = x.useContext(L), [n, r] = v(null);
   return N(e, t, o), y(() => {
     if (!l) {
-      let r = !0;
+      let a = !0;
       const f = setTimeout(() => {
-        r && a(e);
+        a && r(e);
       }, o);
       return () => {
-        r = !1, clearTimeout(f), a(t);
+        a = !1, clearTimeout(f), r(t);
       };
     }
   }, [l, e, t, o]), /* @__PURE__ */ p("div", { "data-name": "skeleton", ...u, className: d, children: [
@@ -32,6 +32,5 @@ const B = (c) => {
 };
 B.Block = g;
 export {
-  B as Skeleton,
-  B as default
+  B as Skeleton
 };

package/src/tedi/components/loaders/spinner/spinner.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),e=require("./spinner.module.scss.cjs.js"),p=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),f=require("../../../providers/label-provider/use-labels.cjs.js"),m=s=>{const{getLabel:a}=f.useLabels(),{getCurrentBreakpointProps:l}=p.useBreakpointProps(s.defaultServerBreakpoint),{className:o,size:r=16,color:i="primary",label:c=a("spinner.loading"),position:t}=l(s),d=u.default(e.default["tedi-spinner"],o,t&&e.default[`tedi-spinner--${t}`],r&&e.default[`tedi-spinner--size-${r}`],i&&e.default[`tedi-spinner--color-${i}`]);return n.jsxs("span",{className:d,role:"status","aria-live":"polite","data-testid":"tedi-spinner",children:[n.jsx("svg",{viewBox:"22 22 44 44","aria-hidden":"true",children:n.jsx("circle",{className:e.default["tedi-spinner__inner"],cx:"44",cy:"44",r:"20",fill:"none"})}),n.jsx("span",{className:"sr-only",children:c})]})};exports.Spinner=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),e=require("./spinner.module.scss.cjs.js"),p=require("../../../providers/label-provider/use-labels.cjs.js"),f=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=s=>{const{getLabel:a}=p.useLabels(),{getCurrentBreakpointProps:l}=f.useBreakpointProps(s.defaultServerBreakpoint),{className:o,size:r=16,color:i="primary",label:c=a("spinner.loading"),position:t}=l(s),d=u.default(e.default["tedi-spinner"],o,t&&e.default[`tedi-spinner--${t}`],r&&e.default[`tedi-spinner--size-${r}`],i&&e.default[`tedi-spinner--color-${i}`]);return n.jsxs("span",{className:d,role:"status","aria-live":"polite","data-testid":"tedi-spinner",children:[n.jsx("svg",{viewBox:"22 22 44 44","aria-hidden":"true",children:n.jsx("circle",{className:e.default["tedi-spinner__inner"],cx:"44",cy:"44",r:"20",fill:"none"})}),n.jsx("span",{className:"sr-only",children:c})]})};exports.Spinner=m;

package/src/tedi/components/loaders/spinner/spinner.es.js

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import d from "../../../../../external/classnames/index.es.js";
 import e from "./spinner.module.scss.es.js";
-import { useBreakpointProps as f } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as u } from "../../../providers/label-provider/use-labels.es.js";
+import { useLabels as f } from "../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as u } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 const v = (s) => {
-  const { getLabel: o } = u(), { getCurrentBreakpointProps: a } = f(s.defaultServerBreakpoint), {
+  const { getLabel: o } = f(), { getCurrentBreakpointProps: a } = u(s.defaultServerBreakpoint), {
     className: l,
     size: i = 16,
     color: n = "primary",

package/src/tedi/components/misc/affix/affix.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),q=require("../../../../../external/classnames/index.cjs.js"),b=require("react"),g=require("../../../../../external/react-sticky-box/dist/index.cjs.js"),e=require("./affix.module.scss.cjs.js"),$=require("../../../../community/components/layout/layout-context.cjs.js"),j=require("../../../helpers/hooks/use-element-size.cjs.js"),l=c=>{const{children:n,relative:x=["header"],className:p,position:f="sticky",top:t=1.5,bottom:i,right:u,left:a}=c,{headerBottomElement:m}=b.useContext($.LayoutContext),o=j.useElementSize(m),d=q.default(e.default["tedi-affix"],p,e.default[`tedi-affix--${f}`],{[e.default[`tedi-affix--top-${t}`.replace(".","-")]]:typeof t<"u"&&f==="fixed",[e.default[`tedi-affix--bottom-${i}`.replace(".","-")]]:typeof i<"u",[e.default[`tedi-affix--left-${a}`.replace(".","-")]]:typeof a<"u",[e.default[`tedi-affix--right-${u}`.replace(".","-")]]:typeof u<"u"});if(f==="fixed")return r.jsx("div",{className:d,children:n});const s=(typeof t=="number"?t:0)*16,y=x.includes("header")?s+((o==null?void 0:o.height)||0):s,h=(typeof i=="number"?i:0)*16;return r.jsx(g.default,{offsetTop:y,offsetBottom:h,className:d,children:n})};exports.Affix=l;exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),q=require("react"),b=require("../../../../../external/react-sticky-box/dist/index.cjs.js"),e=require("./affix.module.scss.cjs.js"),g=require("../../../../community/components/layout/layout-context.cjs.js"),$=require("../../../helpers/hooks/use-element-size.cjs.js"),j=c=>{const{children:n,relative:l=["header"],className:x,position:f="sticky",top:t=1.5,bottom:i,right:a,left:d}=c,{headerBottomElement:p}=q.useContext(g.LayoutContext),o=$.useElementSize(p),r=h.default(e.default["tedi-affix"],x,e.default[`tedi-affix--${f}`],{[e.default[`tedi-affix--top-${t}`.replace(".","-")]]:typeof t<"u"&&f==="fixed",[e.default[`tedi-affix--bottom-${i}`.replace(".","-")]]:typeof i<"u",[e.default[`tedi-affix--left-${d}`.replace(".","-")]]:typeof d<"u",[e.default[`tedi-affix--right-${a}`.replace(".","-")]]:typeof a<"u"});if(f==="fixed")return u.jsx("div",{className:r,children:n});const s=(typeof t=="number"?t:0)*16,m=l.includes("header")?s+((o==null?void 0:o.height)||0):s,y=(typeof i=="number"?i:0)*16;return u.jsx(b.default,{offsetTop:m,offsetBottom:y,className:r,children:n})};exports.Affix=j;

package/src/tedi/components/misc/affix/affix.es.js

@@ -6,18 +6,17 @@ import e from "./affix.module.scss.es.js";
 import { LayoutContext as g } from "../../../../community/components/layout/layout-context.es.js";
 import { useElementSize as N } from "../../../helpers/hooks/use-element-size.es.js";
 const L = (d) => {
-  const { children: r, relative: c = ["header"], className: l, position: f = "sticky", top: t = 1.5, bottom: o, right: s, left: n } = d, { headerBottomElement: u } = $(g), i = N(u), a = h(e["tedi-affix"], l, e[`tedi-affix--${f}`], {
+  const { children: r, relative: c = ["header"], className: l, position: f = "sticky", top: t = 1.5, bottom: o, right: n, left: s } = d, { headerBottomElement: u } = $(g), i = N(u), m = h(e["tedi-affix"], l, e[`tedi-affix--${f}`], {
     [e[`tedi-affix--top-${t}`.replace(".", "-")]]: typeof t < "u" && f === "fixed",
     [e[`tedi-affix--bottom-${o}`.replace(".", "-")]]: typeof o < "u",
-    [e[`tedi-affix--left-${n}`.replace(".", "-")]]: typeof n < "u",
-    [e[`tedi-affix--right-${s}`.replace(".", "-")]]: typeof s < "u"
+    [e[`tedi-affix--left-${s}`.replace(".", "-")]]: typeof s < "u",
+    [e[`tedi-affix--right-${n}`.replace(".", "-")]]: typeof n < "u"
   });
   if (f === "fixed")
-    return /* @__PURE__ */ p("div", { className: a, children: r });
-  const m = (typeof t == "number" ? t : 0) * 16, x = c.includes("header") ? m + ((i == null ? void 0 : i.height) || 0) : m, y = (typeof o == "number" ? o : 0) * 16;
-  return /* @__PURE__ */ p(b, { offsetTop: x, offsetBottom: y, className: a, children: r });
+    return /* @__PURE__ */ p("div", { className: m, children: r });
+  const a = (typeof t == "number" ? t : 0) * 16, x = c.includes("header") ? a + ((i == null ? void 0 : i.height) || 0) : a, y = (typeof o == "number" ? o : 0) * 16;
+  return /* @__PURE__ */ p(b, { offsetTop: x, offsetBottom: y, className: m, children: r });
 };
 export {
-  L as Affix,
-  L as default
+  L as Affix
 };

package/src/tedi/components/misc/ellipsis/ellipsis.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),l=require("../../overlays/popover/popover.cjs.js"),g=require("./ellipsis.module.scss.cjs.js"),h=require("../../../helpers/hooks/use-element-size.cjs.js"),o=u=>{const{children:i,lineClamp:r=2,popover:c=!0,className:a,...p}=u,e=t.useRef(null),[d,f]=t.useState(!1),m=h.useElementSize(e);t.useEffect(()=>{e.current&&f(e.current.scrollHeight>e.current.clientHeight)},[e,m]);const n=s.jsx("div",{"data-name":"ellipsis",...p,ref:e,className:v.default(g.default["tedi-ellipsis"],a),style:{lineClamp:r,WebkitLineClamp:r},children:i});return d&&c?s.jsxs(l.Popover,{openWith:"hover",focusManager:{modal:!1},children:[s.jsx(l.Popover.Trigger,{children:n}),s.jsx(l.Popover.Content,{children:i})]}):n};exports.Ellipsis=o;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),i=require("../../overlays/popover/popover.cjs.js"),v=require("./ellipsis.module.scss.cjs.js"),g=require("../../../helpers/hooks/use-element-size.cjs.js"),h=o=>{const{children:l,lineClamp:r=2,popover:c=!0,className:u,...p}=o,e=t.useRef(null),[a,d]=t.useState(!1),m=g.useElementSize(e);t.useEffect(()=>{e.current&&d(e.current.scrollHeight>e.current.clientHeight)},[e,m]);const n=s.jsx("div",{"data-name":"ellipsis",...p,ref:e,className:f.default(v.default["tedi-ellipsis"],u),style:{lineClamp:r,WebkitLineClamp:r},children:l});return a&&c?s.jsxs(i.Popover,{openWith:"hover",focusManager:{modal:!1},children:[s.jsx(i.Popover.Trigger,{children:n}),s.jsx(i.Popover.Content,{children:l})]}):n};exports.Ellipsis=h;

package/src/tedi/components/misc/ellipsis/ellipsis.es.js

@@ -5,7 +5,7 @@ import { Popover as l } from "../../overlays/popover/popover.es.js";
 import g from "./ellipsis.module.scss.es.js";
 import { useElementSize as E } from "../../../helpers/hooks/use-element-size.es.js";
 const j = (n) => {
-  const { children: r, lineClamp: i = 2, popover: m = !0, className: a, ...c } = n, e = t.useRef(null), [p, f] = t.useState(!1), u = E(e);
+  const { children: r, lineClamp: i = 2, popover: m = !0, className: c, ...a } = n, e = t.useRef(null), [p, f] = t.useState(!1), u = E(e);
   t.useEffect(() => {
     e.current && f(e.current.scrollHeight > e.current.clientHeight);
   }, [e, u]);
@@ -13,9 +13,9 @@ const j = (n) => {
     "div",
     {
       "data-name": "ellipsis",
-      ...c,
+      ...a,
       ref: e,
-      className: h(g["tedi-ellipsis"], a),
+      className: h(g["tedi-ellipsis"], c),
       style: { lineClamp: i, WebkitLineClamp: i },
       children: r
     }
@@ -26,6 +26,5 @@ const j = (n) => {
   ] }) : o;
 };
 export {
-  j as Ellipsis,
-  j as default
+  j as Ellipsis
 };

package/src/tedi/components/misc/empty-state/empty-state.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),l=require("../../base/icon/icon.cjs.js"),f=require("../../base/typography/heading/heading.cjs.js"),y=require("../../base/typography/text/text.cjs.js"),t=require("./empty-state.module.scss.cjs.js"),r=({type:o="separate",size:c="default",icon:s="spa",heading:a,children:d,actions:i,className:u})=>{const m=p.default(t.default["tedi-empty-state"],t.default[`tedi-empty-state--${o}`],t.default[`tedi-empty-state--${c}`],u),n=s===null?null:typeof s=="string"?e.jsx(l.Icon,{name:s,size:36,color:"brand"}):e.jsx(l.Icon,{size:36,color:"brand",...s});return e.jsxs("div",{"data-name":"tedi-empty-state",className:m,children:[e.jsxs("div",{className:t.default["tedi-empty-state__text"],children:[n&&e.jsx("div",{className:t.default["tedi-empty-state__icon"],children:n}),(a||d)&&e.jsxs("div",{className:t.default["tedi-empty-state__content"],children:[a&&e.jsx(f.Heading,{className:t.default["tedi-empty-state__heading"],element:"h3",modifiers:"h3",color:"brand",children:a}),d&&e.jsx(y.Text,{className:t.default["tedi-empty-state__description"],color:"secondary",modifiers:"center",children:d})]})]}),i&&e.jsx("div",{className:t.default["tedi-empty-state__actions"],children:i})]})};r.displayName="EmptyState";exports.EmptyState=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),n=require("../../base/icon/icon.cjs.js"),y=require("../../base/typography/heading/heading.cjs.js"),f=require("../../base/typography/text/text.cjs.js"),t=require("./empty-state.module.scss.cjs.js"),l=({type:c="separate",size:o="default",icon:s="spa",heading:a,children:d,actions:r,className:m})=>{const u=p.default(t.default["tedi-empty-state"],t.default[`tedi-empty-state--${c}`],t.default[`tedi-empty-state--${o}`],m),i=s===null?null:typeof s=="string"?e.jsx(n.Icon,{name:s,size:36,color:"brand"}):e.jsx(n.Icon,{size:36,color:"brand",...s});return e.jsxs("div",{"data-name":"tedi-empty-state",className:u,children:[e.jsxs("div",{className:t.default["tedi-empty-state__text"],children:[i&&e.jsx("div",{className:t.default["tedi-empty-state__icon"],children:i}),(a||d)&&e.jsxs("div",{className:t.default["tedi-empty-state__content"],children:[a&&e.jsx(y.Heading,{className:t.default["tedi-empty-state__heading"],element:"h3",modifiers:"h3",color:"brand",children:a}),d&&e.jsx(f.Text,{className:t.default["tedi-empty-state__description"],color:"secondary",modifiers:"center",children:d})]})]}),r&&e.jsx("div",{className:t.default["tedi-empty-state__actions"],children:r})]})};l.displayName="EmptyState";exports.EmptyState=l;

package/src/tedi/components/misc/empty-state/empty-state.es.js

@@ -1,12 +1,12 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import y from "../../../../../external/classnames/index.es.js";
-import { Icon as o } from "../../base/icon/icon.es.js";
+import { Icon as d } from "../../base/icon/icon.es.js";
 import { Heading as f } from "../../base/typography/heading/heading.es.js";
 import { Text as _ } from "../../base/typography/text/text.es.js";
 import e from "./empty-state.module.scss.es.js";
 const N = ({
-  type: l = "separate",
-  size: n = "default",
+  type: n = "separate",
+  size: l = "default",
   icon: s = "spa",
   heading: a,
   children: r,
@@ -15,13 +15,13 @@ const N = ({
 }) => {
   const c = y(
     e["tedi-empty-state"],
-    e[`tedi-empty-state--${l}`],
     e[`tedi-empty-state--${n}`],
+    e[`tedi-empty-state--${l}`],
     p
-  ), d = s === null ? null : typeof s == "string" ? /* @__PURE__ */ t(o, { name: s, size: 36, color: "brand" }) : /* @__PURE__ */ t(o, { size: 36, color: "brand", ...s });
+  ), o = s === null ? null : typeof s == "string" ? /* @__PURE__ */ t(d, { name: s, size: 36, color: "brand" }) : /* @__PURE__ */ t(d, { size: 36, color: "brand", ...s });
   return /* @__PURE__ */ m("div", { "data-name": "tedi-empty-state", className: c, children: [
     /* @__PURE__ */ m("div", { className: e["tedi-empty-state__text"], children: [
-      d && /* @__PURE__ */ t("div", { className: e["tedi-empty-state__icon"], children: d }),
+      o && /* @__PURE__ */ t("div", { className: e["tedi-empty-state__icon"], children: o }),
       (a || r) && /* @__PURE__ */ m("div", { className: e["tedi-empty-state__content"], children: [
         a && /* @__PURE__ */ t(f, { className: e["tedi-empty-state__heading"], element: "h3", modifiers: "h3", color: "brand", children: a }),
         r && /* @__PURE__ */ t(_, { className: e["tedi-empty-state__description"], color: "secondary", modifiers: "center", children: r })
@@ -32,6 +32,5 @@ const N = ({
 };
 N.displayName = "EmptyState";
 export {
-  N as EmptyState,
-  N as default
+  N as EmptyState
 };

package/src/tedi/components/misc/option-content/option-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),f=require("../../base/icon/icon.cjs.js"),e=require("./option-content.module.scss.cjs.js"),s=o.forwardRef(({children:t,className:n,id:i},c)=>a.jsx("span",{ref:c,id:i,className:l.default(e.default["tedi-option-content__label"],n),children:t}));s.displayName="OptionContentLabel";const _=o.forwardRef(({children:t,className:n},i)=>a.jsx("span",{ref:i,className:l.default(e.default["tedi-option-content__meta"],n),children:t}));_.displayName="OptionContentMeta";const M=(t,n)=>{const i=typeof t=="string"?{name:t}:t;return a.jsx(f.Icon,{size:18,...i,className:l.default(n,i.className)})},k=o.forwardRef(({children:t,type:n="default",layout:i="horizontal",selected:c=!1,indeterminate:r=!1,disabled:u=!1,icon:m,indicatorSemantics:N="presentation",className:j},O)=>{const b=o.useId(),p=N==="control",x=p&&n!=="default"&&o.Children.toArray(t).some(d=>o.isValidElement(d)&&d.type===s),h=x?b:void 0,v=p?{role:"checkbox","aria-checked":r?"mixed":c,"aria-disabled":u||void 0,"aria-labelledby":h}:{"aria-hidden":!0},y=p?{role:"radio","aria-checked":c,"aria-disabled":u||void 0,"aria-labelledby":h}:{"aria-hidden":!0},I=x?o.Children.map(t,d=>o.isValidElement(d)&&d.type===s?o.cloneElement(d,{id:b}):d):t;return a.jsxs("div",{ref:O,className:l.default(e.default["tedi-option-content"],e.default[`tedi-option-content--${i}`],{[e.default["tedi-option-content--checkbox"]]:n==="checkbox",[e.default["tedi-option-content--radio"]]:n==="radio",[e.default["tedi-option-content--disabled"]]:u},j),children:[n==="checkbox"&&a.jsx("span",{...v,className:l.default(e.default["tedi-option-content__indicator"],e.default["tedi-option-content__checkbox"],{[e.default["tedi-option-content__checkbox--checked"]]:c||r}),children:r?a.jsx(f.Icon,{name:"remove",size:16,className:e.default["tedi-option-content__check-icon"]}):c?a.jsx(f.Icon,{name:"check",size:16,className:e.default["tedi-option-content__check-icon"]}):null}),n==="radio"&&a.jsx("span",{...y,className:l.default(e.default["tedi-option-content__indicator"],e.default["tedi-option-content__radio"],{[e.default["tedi-option-content__radio--checked"]]:c})}),m&&M(m,e.default["tedi-option-content__icon"]),a.jsx("div",{className:e.default["tedi-option-content__content"],children:I})]})});k.displayName="OptionContent";const C=Object.assign(k,{Label:s,Meta:_});exports.OptionContent=C;exports.OptionContentLabel=s;exports.OptionContentMeta=_;exports.default=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),f=require("../../base/icon/icon.cjs.js"),t=require("./option-content.module.scss.cjs.js"),s=o.forwardRef(({children:e,className:n,id:i},c)=>a.jsx("span",{ref:c,id:i,className:l.default(t.default["tedi-option-content__label"],n),children:e}));s.displayName="OptionContentLabel";const m=o.forwardRef(({children:e,className:n},i)=>a.jsx("span",{ref:i,className:l.default(t.default["tedi-option-content__meta"],n),children:e}));m.displayName="OptionContentMeta";const I=(e,n)=>{const i=typeof e=="string"?{name:e}:e;return a.jsx(f.Icon,{size:18,...i,className:l.default(n,i.className)})},k=o.forwardRef(({children:e,type:n="default",layout:i="horizontal",selected:c=!1,indeterminate:r=!1,disabled:u=!1,icon:_,indicatorSemantics:C="presentation",className:N},j)=>{const b=o.useId(),p=C==="control",x=p&&n!=="default"&&o.Children.toArray(e).some(d=>o.isValidElement(d)&&d.type===s),h=x?b:void 0,O=p?{role:"checkbox","aria-checked":r?"mixed":c,"aria-disabled":u||void 0,"aria-labelledby":h}:{"aria-hidden":!0},y=p?{role:"radio","aria-checked":c,"aria-disabled":u||void 0,"aria-labelledby":h}:{"aria-hidden":!0},v=x?o.Children.map(e,d=>o.isValidElement(d)&&d.type===s?o.cloneElement(d,{id:b}):d):e;return a.jsxs("div",{ref:j,className:l.default(t.default["tedi-option-content"],t.default[`tedi-option-content--${i}`],{[t.default["tedi-option-content--checkbox"]]:n==="checkbox",[t.default["tedi-option-content--radio"]]:n==="radio",[t.default["tedi-option-content--disabled"]]:u},N),children:[n==="checkbox"&&a.jsx("span",{...O,className:l.default(t.default["tedi-option-content__indicator"],t.default["tedi-option-content__checkbox"],{[t.default["tedi-option-content__checkbox--checked"]]:c||r}),children:r?a.jsx(f.Icon,{name:"remove",size:16,className:t.default["tedi-option-content__check-icon"]}):c?a.jsx(f.Icon,{name:"check",size:16,className:t.default["tedi-option-content__check-icon"]}):null}),n==="radio"&&a.jsx("span",{...y,className:l.default(t.default["tedi-option-content__indicator"],t.default["tedi-option-content__radio"],{[t.default["tedi-option-content__radio--checked"]]:c})}),_&&I(_,t.default["tedi-option-content__icon"]),a.jsx("div",{className:t.default["tedi-option-content__content"],children:v})]})});k.displayName="OptionContent";const q=Object.assign(k,{Label:s,Meta:m});exports.OptionContent=q;exports.OptionContentLabel=s;exports.OptionContentMeta=m;

package/src/tedi/components/misc/option-content/option-content.es.js

@@ -1,18 +1,18 @@
 import { jsx as a, jsxs as j } from "react/jsx-runtime";
 import s from "../../../../../external/classnames/index.es.js";
-import { forwardRef as _, useId as A, Children as N, isValidElement as x, cloneElement as M } from "react";
+import { forwardRef as _, useId as A, Children as f, isValidElement as x, cloneElement as M } from "react";
 import { Icon as m } from "../../base/icon/icon.es.js";
 import o from "./option-content.module.scss.es.js";
 const r = _(
   ({ children: t, className: n, id: e }, i) => /* @__PURE__ */ a("span", { ref: i, id: e, className: s(o["tedi-option-content__label"], n), children: t })
 );
 r.displayName = "OptionContentLabel";
-const u = _(({ children: t, className: n }, e) => /* @__PURE__ */ a("span", { ref: e, className: s(o["tedi-option-content__meta"], n), children: t }));
-u.displayName = "OptionContentMeta";
+const C = _(({ children: t, className: n }, e) => /* @__PURE__ */ a("span", { ref: e, className: s(o["tedi-option-content__meta"], n), children: t }));
+C.displayName = "OptionContentMeta";
 const g = (t, n) => {
   const e = typeof t == "string" ? { name: t } : t;
   return /* @__PURE__ */ a(m, { size: 18, ...e, className: s(n, e.className) });
-}, C = _(
+}, u = _(
   ({
     children: t,
     type: n = "default",
@@ -24,17 +24,17 @@ const g = (t, n) => {
     indicatorSemantics: O = "presentation",
     className: y
   }, v) => {
-    const h = A(), p = O === "control", f = p && n !== "default" && N.toArray(t).some((c) => x(c) && c.type === r), k = f ? h : void 0, I = p ? {
+    const h = A(), p = O === "control", k = p && n !== "default" && f.toArray(t).some((c) => x(c) && c.type === r), N = k ? h : void 0, I = p ? {
       role: "checkbox",
       "aria-checked": d ? "mixed" : i,
       "aria-disabled": l || void 0,
-      "aria-labelledby": k
+      "aria-labelledby": N
     } : { "aria-hidden": !0 }, z = p ? {
       role: "radio",
       "aria-checked": i,
       "aria-disabled": l || void 0,
-      "aria-labelledby": k
-    } : { "aria-hidden": !0 }, L = f ? N.map(
+      "aria-labelledby": N
+    } : { "aria-hidden": !0 }, L = k ? f.map(
       t,
       (c) => x(c) && c.type === r ? M(c, { id: h }) : c
     ) : t;
@@ -79,14 +79,13 @@ const g = (t, n) => {
     );
   }
 );
-C.displayName = "OptionContent";
-const $ = Object.assign(C, {
+u.displayName = "OptionContent";
+const $ = Object.assign(u, {
   Label: r,
-  Meta: u
+  Meta: C
 });
 export {
   $ as OptionContent,
   r as OptionContentLabel,
-  u as OptionContentMeta,
-  $ as default
+  C as OptionContentMeta
 };

package/src/tedi/components/misc/scroll-visibility/scroll-visibility.es.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as M } from "react/jsx-runtime";
 import y from "../../../../../external/classnames/index.es.js";
-import { useState as S, useRef as V, useEffect as w, cloneElement as x, isValidElement as I } from "react";
+import { useState as S, useRef as V, useEffect as w, isValidElement as x, cloneElement as I } from "react";
 import { useScroll as T } from "../../../helpers/hooks/use-scroll.es.js";
 import f from "./scroll-visibility.module.scss.es.js";
 const k = (H) => {
@@ -44,7 +44,7 @@ const k = (H) => {
     },
     v
   );
-  return I(t) ? x(t, { className: y(t.props.className, b) }) : /* @__PURE__ */ M("div", { className: b, children: t });
+  return x(t) ? I(t, { className: y(t.props.className, b) }) : /* @__PURE__ */ M("div", { className: b, children: t });
 };
 export {
   k as ScrollVisibility,

package/src/tedi/components/misc/stretch-content/stretch-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),d=require("./stretch-content.module.scss.cjs.js"),h=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),t=e=>{const{getCurrentBreakpointProps:r}=h.useBreakpointProps(e.defaultServerBreakpoint),{children:n,role:o,direction:s="both",className:c,...u}=r(e),i=l.default(d.default[`tedi-stretch-content--${s}`],c);return a.jsx("div",{className:i,role:o,...u,children:n})};exports.StretchContent=t;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),d=require("./stretch-content.module.scss.cjs.js"),l=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),h=e=>{const{getCurrentBreakpointProps:t}=l.useBreakpointProps(e.defaultServerBreakpoint),{children:r,role:n,direction:o="both",className:s,...c}=t(e),i=a.default(d.default[`tedi-stretch-content--${o}`],s);return u.jsx("div",{className:i,role:n,...c,children:r})};exports.StretchContent=h;

package/src/tedi/components/misc/stretch-content/stretch-content.es.js

@@ -1,18 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import m from "../../../../../external/classnames/index.es.js";
-import l from "./stretch-content.module.scss.es.js";
-import { useBreakpointProps as p } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { jsx as m } from "react/jsx-runtime";
+import a from "../../../../../external/classnames/index.es.js";
+import p from "./stretch-content.module.scss.es.js";
+import { useBreakpointProps as l } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 const B = (t) => {
-  const { getCurrentBreakpointProps: e } = p(t.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: e } = l(t.defaultServerBreakpoint), {
     children: r,
     role: o,
     direction: s = "both",
     className: n,
     ...c
-  } = e(t), a = m(l[`tedi-stretch-content--${s}`], n);
-  return /* @__PURE__ */ i("div", { className: a, role: o, ...c, children: r });
+  } = e(t), i = a(p[`tedi-stretch-content--${s}`], n);
+  return /* @__PURE__ */ m("div", { className: i, role: o, ...c, children: r });
 };
 export {
-  B as StretchContent,
-  B as default
+  B as StretchContent
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),I=require("../../base/icon/icon.cjs.js"),M=require("../../buttons/button/button.cjs.js"),t=require("./breadcrumbs.module.scss.cjs.js"),P=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),S=require("../../../providers/label-provider/use-labels.cjs.js"),d=require("../../overlays/dropdown/dropdown.cjs.js"),k=n=>{const l=[];return o.Children.forEach(n,a=>{if(o.isValidElement(a)){if(a.type===o.Fragment){l.push(...k(a.props.children));return}l.push(a)}}),l},D=e.jsx(I.Icon,{name:"chevron_right",size:16,color:"brand"}),h=n=>{const{children:l,ariaLabel:a,showMoreLabel:v,separator:w=D,className:p}=n,{getCurrentBreakpointProps:B}=P.useBreakpointProps(n.defaultServerBreakpoint),{variant:C="long",maxItems:f,itemsBeforeCollapse:q=1,itemsAfterCollapse:y=1}=B(n),{getLabel:x}=S.useLabels(),_=a??x("breadcrumbs"),L=v??x("breadcrumbs.show-more"),s=k(l);if(s.length===0)return null;if(C==="short"){if(s.length<2)return null;const r=s[s.length-2],i=r.props,c=typeof r.type!="string"&&i.iconLeft===void 0?o.cloneElement(r,{iconLeft:"arrow_back"}):r;return e.jsx("nav",{"aria-label":_,className:b.default(t.default["tedi-breadcrumbs"],p),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:c})})})}const u=Math.max(0,q),m=Math.max(1,y),g=f!==void 0&&s.length>f&&s.length>u+m?[...s.slice(0,u).map(r=>({kind:"item",element:r})),{kind:"ellipsis",hidden:s.slice(u,s.length-m)},...s.slice(s.length-m).map(r=>({kind:"item",element:r}))]:s.map(r=>({kind:"item",element:r})),j=g.length-1;return e.jsx("nav",{"aria-label":_,className:b.default(t.default["tedi-breadcrumbs"],p),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:g.map((r,i)=>e.jsxs(o.Fragment,{children:[r.kind==="item"?e.jsx("li",{className:b.default(t.default["tedi-breadcrumbs__item"],{[t.default["tedi-breadcrumbs__current"]]:i===j}),children:r.element}):e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:e.jsxs(d.Dropdown,{children:[e.jsx(d.Dropdown.Trigger,{children:e.jsxs(M.Button,{noStyle:!0,className:t.default["tedi-breadcrumbs__ellipsis"],children:[e.jsx("span",{"aria-hidden":"true",children:"…"}),e.jsx("span",{className:"sr-only",children:L})]})}),e.jsx(d.Dropdown.Content,{children:r.hidden.map((c,N)=>e.jsx(d.Dropdown.Item,{index:N,asChild:!0,children:c},c.key??N))})]})}),i<j&&e.jsx("li",{className:t.default["tedi-breadcrumbs__separator"],"aria-hidden":"true",children:w})]},i))})})};h.displayName="Breadcrumbs";exports.Breadcrumbs=h;exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),I=require("../../base/icon/icon.cjs.js"),M=require("../../buttons/button/button.cjs.js"),t=require("./breadcrumbs.module.scss.cjs.js"),P=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),S=require("../../../providers/label-provider/use-labels.cjs.js"),d=require("../../overlays/dropdown/dropdown.cjs.js"),N=n=>{const l=[];return o.Children.forEach(n,a=>{if(o.isValidElement(a)){if(a.type===o.Fragment){l.push(...N(a.props.children));return}l.push(a)}}),l},D=e.jsx(I.Icon,{name:"chevron_right",size:16,color:"brand"}),k=n=>{const{children:l,ariaLabel:a,showMoreLabel:w,separator:B=D,className:h}=n,{getCurrentBreakpointProps:C}=P.useBreakpointProps(n.defaultServerBreakpoint),{variant:q="long",maxItems:p,itemsBeforeCollapse:v=1,itemsAfterCollapse:y=1}=C(n),{getLabel:f}=S.useLabels(),x=a??f("breadcrumbs"),L=w??f("breadcrumbs.show-more"),s=N(l);if(s.length===0)return null;if(q==="short"){if(s.length<2)return null;const r=s[s.length-2],i=r.props,c=typeof r.type!="string"&&i.iconLeft===void 0?o.cloneElement(r,{iconLeft:"arrow_back"}):r;return e.jsx("nav",{"aria-label":x,className:b.default(t.default["tedi-breadcrumbs"],h),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:c})})})}const u=Math.max(0,v),m=Math.max(1,y),g=p!==void 0&&s.length>p&&s.length>u+m?[...s.slice(0,u).map(r=>({kind:"item",element:r})),{kind:"ellipsis",hidden:s.slice(u,s.length-m)},...s.slice(s.length-m).map(r=>({kind:"item",element:r}))]:s.map(r=>({kind:"item",element:r})),j=g.length-1;return e.jsx("nav",{"aria-label":x,className:b.default(t.default["tedi-breadcrumbs"],h),children:e.jsx("ol",{className:t.default["tedi-breadcrumbs__list"],children:g.map((r,i)=>e.jsxs(o.Fragment,{children:[r.kind==="item"?e.jsx("li",{className:b.default(t.default["tedi-breadcrumbs__item"],{[t.default["tedi-breadcrumbs__current"]]:i===j}),children:r.element}):e.jsx("li",{className:t.default["tedi-breadcrumbs__item"],children:e.jsxs(d.Dropdown,{children:[e.jsx(d.Dropdown.Trigger,{children:e.jsxs(M.Button,{noStyle:!0,className:t.default["tedi-breadcrumbs__ellipsis"],children:[e.jsx("span",{"aria-hidden":"true",children:"…"}),e.jsx("span",{className:"sr-only",children:L})]})}),e.jsx(d.Dropdown.Content,{children:r.hidden.map((c,_)=>e.jsx(d.Dropdown.Item,{index:_,asChild:!0,children:c},c.key??_))})]})}),i<j&&e.jsx("li",{className:t.default["tedi-breadcrumbs__separator"],"aria-hidden":"true",children:B})]},i))})})};k.displayName="Breadcrumbs";exports.Breadcrumbs=k;

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

@@ -60,6 +60,5 @@ const v = (l) => {
 };
 F.displayName = "Breadcrumbs";
 export {
-  F as Breadcrumbs,
-  F as default
+  F as Breadcrumbs
 };