@tedi-design-system/react 15.0.0-rc.9 → 16.0.0-rc.1

package/src/tedi/components/form/textfield/textfield.es.js

@@ -2,22 +2,25 @@ import { jsx as n, jsxs as w } from "react/jsx-runtime";
 import p from "../../../../../external/classnames/index.es.js";
 import t, { forwardRef as ue } from "react";
 import { Icon as ce } from "../../base/icon/icon.es.js";
-import { ClosingButton as me } from "../../buttons/closing-button/closing-button.es.js";
-import { Separator as fe } from "../../misc/separator/separator.es.js";
+import { ClosingButton as fe } from "../../buttons/closing-button/closing-button.es.js";
+import { Separator as me } from "../../misc/separator/separator.es.js";
 import { FeedbackText as U } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as pe } from "../form-label/form-label.es.js";
 import a from "./textfield.module.scss.es.js";
 import { useBreakpointProps as xe } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { useLabels as be } from "../../../providers/label-provider/use-labels.es.js";
-const ye = ue((m, G) => {
-  const { getCurrentBreakpointProps: J } = xe(m.defaultServerBreakpoint), {
+const ye = {
+  large: 24,
+  default: 18
+}, ve = ue((f, G) => {
+  const { getCurrentBreakpointProps: J } = xe(f.defaultServerBreakpoint), {
     id: d,
     label: N,
     className: Q,
     inputClassName: B,
     disabled: i,
-    required: h,
-    hideLabel: k,
+    required: g,
+    hideLabel: h,
     invalid: u,
     readOnly: R,
     icon: c,
@@ -31,28 +34,28 @@ const ye = ue((m, G) => {
     onChangeEvent: y,
     onKeyUp: X,
     onKeyDown: Y,
-    onKeyPress: ve,
+    onKeyPress: _e,
     defaultValue: Z,
-    value: g,
+    value: k,
     onFocus: T,
-    onBlur: V,
+    onBlur: z,
     onClick: ee,
     helper: r,
-    input: $,
-    name: z,
+    input: S,
+    name: V,
     isTextArea: v,
     ...re
-  } = J(m) || {}, { getLabel: L } = be(), f = t.useRef(null), S = t.useRef(null), [E, H] = t.useState(g ?? Z ?? ""), _ = t.useMemo(() => {
+  } = J(f) || {}, { getLabel: $ } = be(), m = t.useRef(null), L = t.useRef(null), [E, H] = t.useState(k ?? Z ?? ""), _ = t.useMemo(() => {
     var e;
     if (r)
       return Array.isArray(r) ? ((e = r[0]) == null ? void 0 : e.id) ?? `${d}-helper` : r.id ?? `${d}-helper`;
-  }, [r, d]), C = t.useMemo(() => g ?? E, [g, E]), A = P && C;
+  }, [r, d]), C = t.useMemo(() => k ?? E, [k, E]), A = P && C;
   t.useImperativeHandle(G, () => ({
     get input() {
-      return f.current;
+      return m.current;
     },
     get inner() {
-      return S.current;
+      return L.current;
     }
   }));
   const I = t.useMemo(() => Array.isArray(r) ? u || r.some((e) => e.type === "error") : u || (r == null ? void 0 : r.type) === "error", [u, r]), te = t.useMemo(() => !r || Array.isArray(r) && r.length === 0 ? !1 : Array.isArray(r) ? !u && r.every((e) => e.type === "valid") : !u && r.type === "valid", [u, r]), ae = s === "large" ? "default" : s, K = t.useCallback(
@@ -90,61 +93,61 @@ const ye = ue((m, G) => {
     [v]
   ), ie = t.useMemo(() => {
     const e = {
-      ...$,
+      ...S,
       id: d,
-      name: z,
-      ...k ? { "aria-label": N } : {},
+      name: V,
+      ...h ? { "aria-label": N } : {},
       "aria-describedby": _,
       "aria-disabled": i || void 0,
       className: p(a["tedi-textfield__input"], B, {
         [a["tedi-textfield__input--hidden-arrows"]]: F
       }),
       disabled: i,
-      required: h,
+      required: g,
       "aria-invalid": I || void 0,
       placeholder: M,
       readOnly: R,
       onChange: W,
       value: C,
-      onBlur: V,
+      onBlur: z,
       onFocus: T
     };
-    return q(m, f) ? /* @__PURE__ */ n("textarea", { ...e, ref: f }) : D(m, f) ? /* @__PURE__ */ n("input", { ...e, ref: f }) : null;
+    return q(f, m) ? /* @__PURE__ */ n("textarea", { ...e, ref: m }) : D(f, m) ? /* @__PURE__ */ n("input", { ...e, ref: m }) : null;
   }, [
-    $,
+    S,
     d,
-    z,
-    k,
+    V,
+    h,
     N,
     _,
     i,
     B,
     F,
-    h,
+    g,
     I,
     M,
     R,
     W,
     C,
-    V,
+    z,
     T,
     q,
-    m,
+    f,
     D
   ]), O = t.useMemo(() => {
     const e = {
-      size: s === "large" ? "large" : "medium",
+      iconSize: ye[s === "large" ? "large" : "default"],
       onClick: i ? () => {
       } : j,
       disabled: i,
       "aria-disabled": i || void 0,
-      title: `${L("clear")}`,
+      title: `${$("clear")}`,
       className: p(a["tedi-textfield__clear-button"])
     };
-    return /* @__PURE__ */ n(me, { ...e });
-  }, [j, i, L, s]), le = t.useMemo(() => /* @__PURE__ */ w("div", { className: a["tedi-textfield__right-area"], children: [
+    return /* @__PURE__ */ n(fe, { ...e });
+  }, [j, i, $, s]), le = t.useMemo(() => /* @__PURE__ */ w("div", { className: a["tedi-textfield__right-area"], children: [
     A && O,
-    A && c ? /* @__PURE__ */ n(fe, { color: "primary", axis: "vertical", className: a["tedi-textfield__separator"] }) : null,
+    A && c ? /* @__PURE__ */ n(me, { color: "primary", axis: "vertical", className: a["tedi-textfield__separator"] }) : null,
     c && K(c)
   ] }), [K, c, O, A]), ne = p(
     a["tedi-textfield"],
@@ -156,7 +159,7 @@ const ye = ue((m, G) => {
     Q
   ), se = () => !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ n("div", { className: a["tedi-textfield__feedback-wrapper"], children: Array.isArray(r) ? r.map((e, l) => /* @__PURE__ */ n(U, { ...e, id: `${_}-${l}` }, l)) : /* @__PURE__ */ n(U, { ...r, id: _ }) });
   return /* @__PURE__ */ w("div", { "data-name": "textfield", ...re, className: ne, children: [
-    /* @__PURE__ */ n(pe, { id: d, label: N, required: h, hideLabel: k, size: ae }),
+    /* @__PURE__ */ n(pe, { id: d, label: N, required: g, hideLabel: h, size: ae }),
     /* @__PURE__ */ w(
       "div",
       {
@@ -165,7 +168,7 @@ const ye = ue((m, G) => {
         onKeyUp: X,
         onClick: ee,
         tabIndex: i ? -1 : 0,
-        ref: S,
+        ref: L,
         children: [
           ie,
           P || c ? le : null
@@ -175,8 +178,8 @@ const ye = ue((m, G) => {
     se()
   ] });
 });
-ye.displayName = "TextField";
+ve.displayName = "TextField";
 export {
-  ye as TextField,
-  ye as default
+  ve as TextField,
+  ve as default
 };

package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),o=require("../../../../../../../external/classnames/index.cjs.js"),D=require("../../../../base/icon/icon.cjs.js"),E=require("../../../../buttons/collapse/collapse.cjs.js"),C=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),W=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),g=require("../../../../overlays/tooltip/tooltip.cjs.js"),J=require("../../../../../providers/label-provider/use-labels.cjs.js"),M=O=>{const{icon:t,children:l,isActive:j,onClick:N,subItems:S,subItemGroups:P,as:T,onItemClick:p,className:B,level:r=1,isCollapsed:c=!1,isDefaultOpen:$=!1,sideNavItemSize:z="default",...u}=O,{getLabel:q}=J.useLabels(),[n,w]=x.useState($??!1),[y,F]=x.useState(!1),v=x.useId(),m=P??(S?[{subItems:S}]:null),d=!!m,H=o.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${z}`],{[s.default[`tedi-sidenav__item--level-${r}`]]:r>1,[s.default["tedi-sidenav__item--current"]]:j,[s.default["tedi-sidenav__item--has-children"]]:d},B),_=a=>{const i={color:"white",className:o.default(s.default["tedi-sidenav__icon"])},h=typeof a=="string"?{...i,name:a}:{...i,...a,className:o.default(i.className,a==null?void 0:a.className)};return e.jsx(D.Icon,{...h})},K=a=>{N==null||N(a),d||p==null||p()},b=a=>{w(a)},A=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),w(f=>{const i=!f;return b(i),i}))},G=d&&(u.href||u.to),k={...u,as:T,onClick:K,className:o.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":j?"page":void 0,"aria-label":c&&typeof l=="string"?l:void 0,...d?{"aria-haspopup":"true","aria-expanded":n,"aria-controls":v}:{}},I=()=>!c&&(m==null?void 0:m.map((a,f)=>{var i;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menu",children:(i=a.subItems)==null?void 0:i.map((h,R)=>x.createElement(M,{as:T,...h,key:R,level:r+1,onItemClick:p,isCollapsed:c,className:o.default(s.default["tedi-sidenav__sub-item"],h.className)}))})]},f)})),L=e.jsx("li",{"data-name":"sidenav-item",className:H,children:d&&c?e.jsx(W.SideNavDropdown,{trigger:e.jsx(g.Tooltip.Trigger,{children:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],y&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(D.Icon,{name:y?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})}),groups:m,onOpenChange:F}):d&&r===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),className:s.default["tedi-sidenav__collapse"],children:I()})})]}):e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,className:s.default["tedi-sidenav__collapse"],toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),title:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],n&&s.default["tedi-sidenav__link--active"]),role:"button","aria-expanded":n,"aria-controls":v,"aria-current":j?"page":void 0,onKeyDown:A,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),children:I()}):d?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),I()]}):e.jsx(g.Tooltip.Trigger,{children:e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})})});return r===1&&c?e.jsxs(g.Tooltip,{placement:"right",focusManager:{order:["content"]},children:[e.jsx(g.Tooltip.Content,{maxWidth:"medium",children:l}),L]}):L};exports.SideNavItem=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),o=require("../../../../../../../external/classnames/index.cjs.js"),D=require("../../../../base/icon/icon.cjs.js"),E=require("../../../../buttons/collapse/collapse.cjs.js"),C=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),W=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),J=require("../../../../../providers/label-provider/use-labels.cjs.js"),g=require("../../../../overlays/tooltip/tooltip.cjs.js"),M=O=>{const{icon:t,children:l,isActive:j,onClick:N,subItems:S,subItemGroups:P,as:T,onItemClick:p,className:B,level:r=1,isCollapsed:c=!1,isDefaultOpen:$=!1,sideNavItemSize:z="default",...u}=O,{getLabel:q}=J.useLabels(),[n,w]=x.useState($??!1),[y,F]=x.useState(!1),v=x.useId(),m=P??(S?[{subItems:S}]:null),d=!!m,H=o.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${z}`],{[s.default[`tedi-sidenav__item--level-${r}`]]:r>1,[s.default["tedi-sidenav__item--current"]]:j,[s.default["tedi-sidenav__item--has-children"]]:d},B),_=a=>{const i={color:"white",className:o.default(s.default["tedi-sidenav__icon"])},h=typeof a=="string"?{...i,name:a}:{...i,...a,className:o.default(i.className,a==null?void 0:a.className)};return e.jsx(D.Icon,{...h})},K=a=>{N==null||N(a),d||p==null||p()},b=a=>{w(a)},A=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),w(f=>{const i=!f;return b(i),i}))},G=d&&(u.href||u.to),k={...u,as:T,onClick:K,className:o.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":j?"page":void 0,"aria-label":c&&typeof l=="string"?l:void 0,...d?{"aria-haspopup":"true","aria-expanded":n,"aria-controls":v}:{}},I=()=>!c&&(m==null?void 0:m.map((a,f)=>{var i;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menu",children:(i=a.subItems)==null?void 0:i.map((h,R)=>x.createElement(M,{as:T,...h,key:R,level:r+1,onItemClick:p,isCollapsed:c,className:o.default(s.default["tedi-sidenav__sub-item"],h.className)}))})]},f)})),L=e.jsx("li",{"data-name":"sidenav-item",className:H,children:d&&c?e.jsx(W.SideNavDropdown,{trigger:e.jsx(g.Tooltip.Trigger,{children:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],y&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(D.Icon,{name:y?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})}),groups:m,onOpenChange:F}):d&&r===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),className:s.default["tedi-sidenav__collapse"],children:I()})})]}):e.jsx(E.Collapse,{id:v,hideCollapseText:!0,open:n,onToggle:b,className:s.default["tedi-sidenav__collapse"],toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:l}),title:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],n&&s.default["tedi-sidenav__link--active"]),role:"button","aria-expanded":n,"aria-controls":v,"aria-current":j?"page":void 0,onKeyDown:A,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]}),children:I()}):d?e.jsxs(e.Fragment,{children:[e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),I()]}):e.jsx(g.Tooltip.Trigger,{children:e.jsxs(C.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:l})]})})});return r===1&&c?e.jsxs(g.Tooltip,{placement:"right",focusManager:{order:["content"]},children:[e.jsx(g.Tooltip.Content,{maxWidth:"medium",children:l}),L]}):L};exports.SideNavItem=M;

package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.es.js

@@ -6,8 +6,8 @@ import { Collapse as B } from "../../../../buttons/collapse/collapse.es.js";
 import { Link as w } from "../../../../navigation/link/link.es.js";
 import e from "../../sidenav.module.scss.es.js";
 import { SideNavDropdown as U } from "../sidenav-dropdown/sidenav-dropdown.es.js";
-import { Tooltip as f } from "../../../../overlays/tooltip/tooltip.es.js";
 import { useLabels as V } from "../../../../../providers/label-provider/use-labels.es.js";
+import { Tooltip as f } from "../../../../overlays/tooltip/tooltip.es.js";
 const X = (j) => {
   const {
     icon: i,

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("../../../../../../../external/classnames/index.cjs.js"),C=require("react"),d=require("../../../../base/icon/icon.cjs.js"),_=require("../../../../buttons/button/button.cjs.js"),t=require("../../sidenav.module.scss.cjs.js"),L=require("../sidenav-item/sidenav-item.cjs.js"),D=require("../../../../../providers/label-provider/use-labels.cjs.js"),E=({navItems:q,ariaLabel:y,linkAs:m,isOpen:M,onClose:r,showOverlay:w=!0,id:B,className:G})=>{var N,j,k,g,p,I,S;const{getLabel:v}=D.useLabels(),[s,u]=C.useState([{items:q}]),a=s[s.length-1],P=s.length===1,f=e=>{var h;const i=!!(e.subItems||e.subItemGroups),c=!!(e.href||e.to);if(!i){r();return}const o=((h=e.subItemGroups)==null?void 0:h.flatMap(H=>H.subItems))||e.subItems||[];u([...s,{items:o,parent:e,renderParentLink:c}])},R=()=>{u(s.slice(0,-1))},T=()=>{u([s[0]])},z=((j=(N=a.parent)==null?void 0:N.subItems)==null?void 0:j.length)??((g=(k=a.parent)==null?void 0:k.subItemGroups)==null?void 0:g.length),F=s.length>1&&!(a.renderParentLink&&z),b=(e,i)=>i===1?!(e.subItems||e.subItemGroups)?n.jsx(L.SideNavItem,{...e,as:m,level:i,onItemClick:r,className:l.default(t.default["tedi-sidenav__item--mobile"],e.className)}):n.jsx("li",{className:l.default(t.default["tedi-sidenav__item"],t.default["tedi-sidenav__item--mobile"]),children:n.jsxs("button",{onClick:()=>f(e),className:t.default["tedi-sidenav__link"],children:[e.icon&&n.jsx(d.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:t.default["tedi-sidenav__icon"]}),n.jsx("span",{className:t.default["tedi-sidenav__title"],children:e.children}),n.jsx(d.Icon,{name:"expand_more",color:"white",className:t.default["tedi-sidenav__toggle-icon"]})]})}):O(e,i),O=(e,i)=>{const c=!!(e.href||e.to),o=!!(e.subItems||e.subItemGroups);return c?n.jsx(L.SideNavItem,{...e,as:m,level:i,icon:void 0,onItemClick:r,className:l.default(t.default["tedi-sidenav__sub-item"],e.className)}):n.jsx("li",{className:l.default(t.default["tedi-sidenav__item"]),children:n.jsxs(_.Button,{noStyle:!0,onClick:()=>o?f(e):r(),className:t.default["tedi-sidenav__link"],children:[n.jsx("span",{className:t.default["tedi-sidenav__title"],children:e.children}),o?n.jsx(d.Icon,{name:"expand_more",color:"white",className:t.default["tedi-sidenav__toggle-icon"]}):null]})})},x=n.jsxs("nav",{"data-name":"mobile-sidenav",className:l.default(t.default["tedi-sidenav"],t.default["tedi-sidenav--mobile"],G),"aria-label":y,id:B,children:[n.jsx("div",{className:t.default["tedi-sidenav__list"],children:!P&&n.jsxs("div",{className:t.default["tedi-sidenav__back-buttons"],children:[s.length>1&&n.jsxs(_.Button,{noStyle:!0,onClick:T,className:l.default(t.default["tedi-sidenav__link"],t.default["tedi-sidenav__back-button"]),children:[n.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),n.jsx("span",{children:v("sidenav.backToMainMenu")})]}),s.length>2&&n.jsxs(_.Button,{noStyle:!0,onClick:R,className:l.default(t.default["tedi-sidenav__link"],t.default["tedi-sidenav__back-button"]),children:[n.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),n.jsx("span",{children:((I=(p=s[s.length-1])==null?void 0:p.parent)==null?void 0:I.children)+" "+v("sidenav.backtoMenu")})]})]})}),F&&n.jsx("div",{className:l.default(t.default["tedi-sidenav__subheading"],t.default["tedi-sidenav__subheading--mobile"]),children:(S=a.parent)==null?void 0:S.children}),n.jsxs("ul",{className:t.default["tedi-sidenav__list"],role:"menubar",children:[a.renderParentLink&&a.parent&&n.jsx("li",{className:t.default["tedi-sidenav__list-item"],children:n.jsx("div",{className:l.default(t.default["tedi-sidenav__collapse"]),children:b(a.parent,s.length)})}),!a.renderParentLink&&a.items.map((e,i)=>n.jsx(C.Fragment,{children:b(e,s.length)},e.id||i))]})]});return M?w?n.jsx(U.FloatingOverlay,{style:{top:"0",position:"relative",height:"100%"},className:t.default["tedi-sidenav__overlay"],children:x}):x:null};exports.SideNavMobile=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),H=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),d=require("../../../../base/icon/icon.cjs.js"),f=require("../../../../buttons/button/button.cjs.js"),n=require("../../sidenav.module.scss.cjs.js"),q=require("../sidenav-item/sidenav-item.cjs.js"),U=require("../../../../../providers/label-provider/use-labels.cjs.js"),D=({navItems:h,ariaLabel:y,linkAs:v,isOpen:M,onClose:r,showOverlay:w=!0,id:B,className:G})=>{var k,g,p,I,S,C,L;const{getLabel:b}=U.useLabels(),[s,c]=m.useState([{items:h}]);m.useEffect(()=>{c([{items:h}])},[h]);const a=s[s.length-1],P=s.length===1,x=e=>{var _;const i=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!i){r();return}const u=((_=e.subItemGroups)==null?void 0:_.flatMap(E=>E.subItems))||e.subItems||[];c([...s,{items:u,parent:e,renderParentLink:o}])},R=()=>{c(s.slice(0,-1))},T=()=>{c([s[0]])},z=((g=(k=a.parent)==null?void 0:k.subItems)==null?void 0:g.length)??((I=(p=a.parent)==null?void 0:p.subItemGroups)==null?void 0:I.length),F=s.length>1&&!(a.renderParentLink&&z),N=(e,i)=>i===1?!(e.subItems||e.subItemGroups)?t.jsx(q.SideNavItem,{...e,as:v,level:i,onItemClick:r,className:l.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>x(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(d.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):O(e,i),O=(e,i)=>{const o=!!(e.href||e.to),u=!!(e.subItems||e.subItemGroups);return o?t.jsx(q.SideNavItem,{...e,as:v,level:i,icon:void 0,onItemClick:r,className:l.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"]),children:t.jsxs(f.Button,{noStyle:!0,onClick:()=>u?x(e):r(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),u?t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},j=t.jsxs("nav",{"data-name":"mobile-sidenav",className:l.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],G),"aria-label":y,id:B,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!P&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[s.length>1&&t.jsxs(f.Button,{noStyle:!0,onClick:T,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:b("sidenav.backToMainMenu")})]}),s.length>2&&t.jsxs(f.Button,{noStyle:!0,onClick:R,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((C=(S=s[s.length-1])==null?void 0:S.parent)==null?void 0:C.children)+" "+b("sidenav.backtoMenu")})]})]})}),F&&t.jsx("div",{className:l.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(L=a.parent)==null?void 0:L.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],role:"menubar",children:[a.renderParentLink&&a.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:l.default(n.default["tedi-sidenav__collapse"]),children:N(a.parent,s.length)})}),!a.renderParentLink&&a.items.map((e,i)=>t.jsx(m.Fragment,{children:N(e,s.length)},e.id||i))]})]});return M?w?t.jsx(H.FloatingOverlay,{style:{top:"0",position:"relative",height:"100%"},className:n.default["tedi-sidenav__overlay"],children:j}):j:null};exports.SideNavMobile=D;

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.es.js

@@ -1,53 +1,57 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { FloatingOverlay as D } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { FloatingOverlay as q } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import l from "../../../../../../../external/classnames/index.es.js";
-import E, { useState as J } from "react";
+import D, { useState as J, useEffect as K } from "react";
 import { Icon as d } from "../../../../base/icon/icon.es.js";
-import { Button as u } from "../../../../buttons/button/button.es.js";
+import { Button as v } from "../../../../buttons/button/button.es.js";
 import n from "../../sidenav.module.scss.es.js";
-import { SideNavItem as w } from "../sidenav-item/sidenav-item.es.js";
-import { useLabels as K } from "../../../../../providers/label-provider/use-labels.es.js";
-const ee = ({
-  navItems: M,
+import { SideNavItem as M } from "../sidenav-item/sidenav-item.es.js";
+import { useLabels as Q } from "../../../../../providers/label-provider/use-labels.es.js";
+const ne = ({
+  navItems: _,
   ariaLabel: x,
-  linkAs: v,
+  linkAs: b,
   isOpen: G,
   onClose: o,
   showOverlay: P = !0,
   id: R,
   className: B
 }) => {
-  var g, f, I, C, L, S, y;
-  const { getLabel: b } = K(), [s, h] = J([{ items: M }]), t = s[s.length - 1], j = s.length === 1, p = (e) => {
-    var _;
-    const a = !!(e.subItems || e.subItemGroups), c = !!(e.href || e.to);
+  var f, I, C, L, S, y, w;
+  const { getLabel: p } = Q(), [s, c] = J([{ items: _ }]);
+  K(() => {
+    c([{ items: _ }]);
+  }, [_]);
+  const t = s[s.length - 1], j = s.length === 1, k = (e) => {
+    var u;
+    const a = !!(e.subItems || e.subItemGroups), m = !!(e.href || e.to);
     if (!a) {
       o();
       return;
     }
-    const m = ((_ = e.subItemGroups) == null ? void 0 : _.flatMap((q) => q.subItems)) || e.subItems || [];
-    h([
+    const h = ((u = e.subItemGroups) == null ? void 0 : u.flatMap((O) => O.subItems)) || e.subItems || [];
+    c([
       ...s,
       {
-        items: m,
+        items: h,
         parent: e,
-        renderParentLink: c
+        renderParentLink: m
       }
     ]);
   }, z = () => {
-    h(s.slice(0, -1));
+    c(s.slice(0, -1));
   }, F = () => {
-    h([s[0]]);
-  }, T = ((f = (g = t.parent) == null ? void 0 : g.subItems) == null ? void 0 : f.length) ?? ((C = (I = t.parent) == null ? void 0 : I.subItemGroups) == null ? void 0 : C.length), H = s.length > 1 && !(t.renderParentLink && T), k = (e, a) => a === 1 ? !(e.subItems || e.subItemGroups) ? /* @__PURE__ */ i(
-    w,
+    c([s[0]]);
+  }, T = ((I = (f = t.parent) == null ? void 0 : f.subItems) == null ? void 0 : I.length) ?? ((L = (C = t.parent) == null ? void 0 : C.subItemGroups) == null ? void 0 : L.length), E = s.length > 1 && !(t.renderParentLink && T), N = (e, a) => a === 1 ? !(e.subItems || e.subItemGroups) ? /* @__PURE__ */ i(
+    M,
     {
       ...e,
-      as: v,
+      as: b,
       level: a,
       onItemClick: o,
       className: l(n["tedi-sidenav__item--mobile"], e.className)
     }
-  ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"], n["tedi-sidenav__item--mobile"]), children: /* @__PURE__ */ r("button", { onClick: () => p(e), className: n["tedi-sidenav__link"], children: [
+  ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"], n["tedi-sidenav__item--mobile"]), children: /* @__PURE__ */ r("button", { onClick: () => k(e), className: n["tedi-sidenav__link"], children: [
     e.icon && /* @__PURE__ */ i(
       d,
       {
@@ -58,31 +62,31 @@ const ee = ({
     ),
     /* @__PURE__ */ i("span", { className: n["tedi-sidenav__title"], children: e.children }),
     /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] })
-  ] }) }) : O(e, a), O = (e, a) => {
-    const c = !!(e.href || e.to), m = !!(e.subItems || e.subItemGroups);
-    return c ? /* @__PURE__ */ i(
-      w,
+  ] }) }) : H(e, a), H = (e, a) => {
+    const m = !!(e.href || e.to), h = !!(e.subItems || e.subItemGroups);
+    return m ? /* @__PURE__ */ i(
+      M,
       {
         ...e,
-        as: v,
+        as: b,
         level: a,
         icon: void 0,
         onItemClick: o,
         className: l(n["tedi-sidenav__sub-item"], e.className)
       }
     ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"]), children: /* @__PURE__ */ r(
-      u,
+      v,
       {
         noStyle: !0,
-        onClick: () => m ? p(e) : o(),
+        onClick: () => h ? k(e) : o(),
         className: n["tedi-sidenav__link"],
         children: [
           /* @__PURE__ */ i("span", { className: n["tedi-sidenav__title"], children: e.children }),
-          m ? /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] }) : null
+          h ? /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] }) : null
         ]
       }
     ) });
-  }, N = /* @__PURE__ */ r(
+  }, g = /* @__PURE__ */ r(
     "nav",
     {
       "data-name": "mobile-sidenav",
@@ -92,40 +96,40 @@ const ee = ({
       children: [
         /* @__PURE__ */ i("div", { className: n["tedi-sidenav__list"], children: !j && /* @__PURE__ */ r("div", { className: n["tedi-sidenav__back-buttons"], children: [
           s.length > 1 && /* @__PURE__ */ r(
-            u,
+            v,
             {
               noStyle: !0,
               onClick: F,
               className: l(n["tedi-sidenav__link"], n["tedi-sidenav__back-button"]),
               children: [
                 /* @__PURE__ */ i(d, { name: "arrow_back", size: 16, color: "white" }),
-                /* @__PURE__ */ i("span", { children: b("sidenav.backToMainMenu") })
+                /* @__PURE__ */ i("span", { children: p("sidenav.backToMainMenu") })
               ]
             }
           ),
           s.length > 2 && /* @__PURE__ */ r(
-            u,
+            v,
             {
               noStyle: !0,
               onClick: z,
               className: l(n["tedi-sidenav__link"], n["tedi-sidenav__back-button"]),
               children: [
                 /* @__PURE__ */ i(d, { name: "arrow_back", size: 16, color: "white" }),
-                /* @__PURE__ */ i("span", { children: ((S = (L = s[s.length - 1]) == null ? void 0 : L.parent) == null ? void 0 : S.children) + " " + b("sidenav.backtoMenu") })
+                /* @__PURE__ */ i("span", { children: ((y = (S = s[s.length - 1]) == null ? void 0 : S.parent) == null ? void 0 : y.children) + " " + p("sidenav.backtoMenu") })
               ]
             }
           )
         ] }) }),
-        H && /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__subheading"], n["tedi-sidenav__subheading--mobile"]), children: (y = t.parent) == null ? void 0 : y.children }),
+        E && /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__subheading"], n["tedi-sidenav__subheading--mobile"]), children: (w = t.parent) == null ? void 0 : w.children }),
         /* @__PURE__ */ r("ul", { className: n["tedi-sidenav__list"], role: "menubar", children: [
-          t.renderParentLink && t.parent && /* @__PURE__ */ i("li", { className: n["tedi-sidenav__list-item"], children: /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__collapse"]), children: k(t.parent, s.length) }) }),
-          !t.renderParentLink && t.items.map((e, a) => /* @__PURE__ */ i(E.Fragment, { children: k(e, s.length) }, e.id || a))
+          t.renderParentLink && t.parent && /* @__PURE__ */ i("li", { className: n["tedi-sidenav__list-item"], children: /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__collapse"]), children: N(t.parent, s.length) }) }),
+          !t.renderParentLink && t.items.map((e, a) => /* @__PURE__ */ i(D.Fragment, { children: N(e, s.length) }, e.id || a))
         ] })
       ]
     }
   );
   return G ? P ? /* @__PURE__ */ i(
-    D,
+    q,
     {
       style: {
         top: "0",
@@ -133,10 +137,10 @@ const ee = ({
         height: "100%"
       },
       className: n["tedi-sidenav__overlay"],
-      children: N
+      children: g
     }
-  ) : N : null;
+  ) : g : null;
 };
 export {
-  ee as SideNavMobile
+  ne as SideNavMobile
 };

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

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

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

@@ -2,18 +2,18 @@ import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import k from "../../../../../external/classnames/index.es.js";
 import y from "react";
 import { Icon as P } 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 { Heading as S } from "../../base/typography/heading/heading.es.js";
+import { ClosingButton as x } from "../../buttons/closing-button/closing-button.es.js";
 import t from "./alert.module.scss.es.js";
-import { useIsMounted as S } from "../../../helpers/hooks/use-is-mounted.es.js";
-import { useBreakpointProps as j } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { VerticalSpacing as z } from "../../layout/vertical-spacing/vertical-spacing.es.js";
+import { useIsMounted as z } from "../../../helpers/hooks/use-is-mounted.es.js";
+import { useBreakpointProps as M } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { VerticalSpacing as j } from "../../layout/vertical-spacing/vertical-spacing.es.js";
 import { Row as E } from "../../layout/grid/row.es.js";
 import { Col as f } from "../../layout/grid/col.es.js";
 const K = (s) => {
-  const { getCurrentBreakpointProps: u } = j(s.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: u } = M(s.defaultServerBreakpoint), {
     children: o,
-    role: a = "alert",
+    role: i = "alert",
     title: r,
     className: h,
     type: n = "info",
@@ -31,27 +31,27 @@ const K = (s) => {
       [t["tedi-alert--no-side-borders"]]: _
     },
     h
-  ), b = S(), B = (i) => {
-    const p = { size: 18 }, C = typeof i == "string" ? { ...p, name: i } : { ...p, ...i };
+  ), b = z(), B = (a) => {
+    const p = { size: 18 }, C = typeof a == "string" ? { ...p, name: a } : { ...p, ...a };
     return /* @__PURE__ */ e(P, { ...C, className: t["tedi-alert__icon"] });
-  }, w = a === "alert" ? "assertive" : a === "status" ? "polite" : "off", m = y.useId();
+  }, w = i === "alert" ? "assertive" : i === "status" ? "polite" : "off", m = y.useId();
   return b ? /* @__PURE__ */ e(
     "div",
     {
-      role: a,
+      role: i,
       "data-name": "alert",
       "aria-label": `${n} alert`,
       "aria-live": w,
       "aria-labelledby": r ? m : void 0,
       ...I,
       className: N,
-      children: /* @__PURE__ */ l(z, { size: 0.25, children: [
+      children: /* @__PURE__ */ l(j, { size: 0.25, children: [
         /* @__PURE__ */ l(E, { gutterX: 2, alignItems: r ? "center" : "start", children: [
           /* @__PURE__ */ l(f, { grow: 1, className: t["tedi-alert__content"], children: [
             d && B(d),
-            /* @__PURE__ */ e("div", { className: "tedi-alert__content-wrapper", children: r ? /* @__PURE__ */ e(x, { element: v, id: m, modifiers: ["h5"], children: r }) : o })
+            /* @__PURE__ */ e("div", { className: "tedi-alert__content-wrapper", children: r ? /* @__PURE__ */ e(S, { element: v, id: m, modifiers: ["h5"], children: r }) : o })
           ] }),
-          c && /* @__PURE__ */ e(f, { width: "auto", children: /* @__PURE__ */ e(M, { onClick: c }) })
+          c && /* @__PURE__ */ e(f, { width: "auto", children: /* @__PURE__ */ e(x, { onClick: c, iconSize: 18 }) })
         ] }),
         r && o && /* @__PURE__ */ e("div", { className: "tedi-alert__content-wrapper", children: o })
       ] })

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),C=require("../../base/typography/text/text.cjs.js"),q=require("../../buttons/closing-button/closing-button.cjs.js"),y=require("../overlay/overlay.cjs.js"),g=require("../overlay/overlay-content.cjs.js"),o=require("./popover.module.scss.cjs.js"),j=f=>{const{children:r,width:l="small",className:x,title:e,titleProps:d={element:"h4"},close:a,closeProps:n={size:"large"}}=f,{onOpenChange:h}=i.useContext(y.OverlayContext),c=i.useId(),u=!!r,p=i.useId();return t.jsxs(g.OverlayContent,{classNames:{content:s.default(o.default["tedi-popover"],{[o.default[`tedi-popover--${l}`]]:l},x),arrow:o.default["tedi-popover__arrow"]},labelledBy:e?c:void 0,describedBy:u?p:void 0,children:[(e||a)&&t.jsxs("div",{className:s.default(o.default["tedi-popover__header"],{[o.default["tedi-popover__header--no-title"]]:!e}),children:[e&&t.jsx(C.Text,{...d,id:c,className:s.default("align-self-center",d.className),children:e}),a&&t.jsx(q.ClosingButton,{...n,onClick:m=>{var v;h(!1),(v=n.onClick)==null||v.call(n,m)}})]}),u?t.jsx("div",{id:p,children:r}):r]})};exports.PopoverContent=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),C=require("../../base/typography/text/text.cjs.js"),q=require("../../buttons/closing-button/closing-button.cjs.js"),y=require("../overlay/overlay.cjs.js"),j=require("../overlay/overlay-content.cjs.js"),o=require("./popover.module.scss.cjs.js"),_=f=>{const{children:r,width:l="small",className:x,title:e,titleProps:d={element:"h4"},close:a,closeProps:n={size:"default"}}=f,{onOpenChange:h}=i.useContext(y.OverlayContext),c=i.useId(),u=!!r,p=i.useId();return t.jsxs(j.OverlayContent,{classNames:{content:s.default(o.default["tedi-popover"],{[o.default[`tedi-popover--${l}`]]:l},x),arrow:o.default["tedi-popover__arrow"]},labelledBy:e?c:void 0,describedBy:u?p:void 0,children:[(e||a)&&t.jsxs("div",{className:s.default(o.default["tedi-popover__header"],{[o.default["tedi-popover__header--no-title"]]:!e}),children:[e&&t.jsx(C.Text,{...d,id:c,className:s.default("align-self-center",d.className),children:e}),a&&t.jsx(q.ClosingButton,{...n,onClick:m=>{var v;h(!1),(v=n.onClick)==null||v.call(n,m)}})]}),u?t.jsx("div",{id:p,children:r}):r]})};exports.PopoverContent=_;

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

@@ -1,10 +1,10 @@
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
 import s from "../../../../../external/classnames/index.es.js";
 import { useContext as _, useId as f } from "react";
-import { Text as y } from "../../base/typography/text/text.es.js";
-import { ClosingButton as g } from "../../buttons/closing-button/closing-button.es.js";
-import { OverlayContext as u } from "../overlay/overlay.es.js";
-import { OverlayContent as B } from "../overlay/overlay-content.es.js";
+import { Text as u } from "../../base/typography/text/text.es.js";
+import { ClosingButton as y } from "../../buttons/closing-button/closing-button.es.js";
+import { OverlayContext as B } from "../overlay/overlay.es.js";
+import { OverlayContent as g } from "../overlay/overlay-content.es.js";
 import o from "./popover.module.scss.es.js";
 const P = (h) => {
   const {
@@ -14,10 +14,10 @@ const P = (h) => {
     title: e,
     titleProps: l = { element: "h4" },
     close: a,
-    closeProps: t = { size: "large" }
-  } = h, { onOpenChange: x } = _(u), d = f(), m = !!r, c = f();
+    closeProps: t = { size: "default" }
+  } = h, { onOpenChange: x } = _(B), d = f(), m = !!r, c = f();
   return /* @__PURE__ */ v(
-    B,
+    g,
     {
       classNames: {
         content: s(o["tedi-popover"], { [o[`tedi-popover--${n}`]]: n }, C),
@@ -27,9 +27,9 @@ const P = (h) => {
       describedBy: m ? c : void 0,
       children: [
         (e || a) && /* @__PURE__ */ v("div", { className: s(o["tedi-popover__header"], { [o["tedi-popover__header--no-title"]]: !e }), children: [
-          e && /* @__PURE__ */ i(y, { ...l, id: d, className: s("align-self-center", l.className), children: e }),
+          e && /* @__PURE__ */ i(u, { ...l, id: d, className: s("align-self-center", l.className), children: e }),
           a && /* @__PURE__ */ i(
-            g,
+            y,
             {
               ...t,
               onClick: (N) => {

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

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

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

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