@tedi-design-system/react 14.4.0-rc.3 → 14.4.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/_virtual/index.cjs10.js +1 -1
  2. package/_virtual/index.cjs11.js +1 -1
  3. package/_virtual/index.cjs12.js +1 -1
  4. package/_virtual/index.cjs13.js +1 -1
  5. package/_virtual/index.cjs5.js +1 -1
  6. package/_virtual/index.cjs6.js +1 -1
  7. package/_virtual/index.cjs7.js +1 -1
  8. package/_virtual/index.cjs8.js +1 -1
  9. package/_virtual/index.cjs9.js +1 -1
  10. package/_virtual/index.es10.js +1 -1
  11. package/_virtual/index.es11.js +1 -1
  12. package/_virtual/index.es12.js +1 -1
  13. package/_virtual/index.es13.js +2 -4
  14. package/_virtual/index.es14.js +2 -2
  15. package/_virtual/index.es5.js +4 -2
  16. package/_virtual/index.es6.js +1 -1
  17. package/_virtual/index.es7.js +1 -1
  18. package/_virtual/index.es8.js +1 -1
  19. package/_virtual/index.es9.js +1 -1
  20. package/bundle-stats.html +1 -1
  21. package/external/@mui/system/colorManipulator.cjs.js +1 -1
  22. package/external/@mui/system/colorManipulator.es.js +2 -2
  23. package/external/@mui/system/createStyled.cjs.js +1 -1
  24. package/external/@mui/system/createStyled.es.js +6 -6
  25. package/external/@mui/system/useThemeWithoutDefault.cjs.js +1 -1
  26. package/external/@mui/system/useThemeWithoutDefault.es.js +1 -1
  27. package/external/react-is/index.cjs.js +1 -1
  28. package/external/react-is/index.es.js +1 -1
  29. package/external/toposort/index.cjs.js +1 -1
  30. package/external/toposort/index.es.js +1 -1
  31. package/package.json +1 -1
  32. package/src/tedi/components/overlays/overlay/overlay-content.cjs.js +1 -1
  33. package/src/tedi/components/overlays/overlay/overlay-content.d.ts +27 -2
  34. package/src/tedi/components/overlays/overlay/overlay-content.es.js +37 -34
  35. package/src/tedi/components/overlays/overlay/overlay.cjs.js +1 -1
  36. package/src/tedi/components/overlays/overlay/overlay.es.js +72 -71
  37. package/src/tedi/components/overlays/popover/popover-content.cjs.js +1 -1
  38. package/src/tedi/components/overlays/popover/popover-content.es.js +31 -29
  39. package/src/tedi/components/overlays/popover/popover.cjs.js +1 -1
  40. package/src/tedi/components/overlays/popover/popover.es.js +1 -0
@@ -1,3 +1,3 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/colorManipulator.cjs.js"),M=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),$=require("../../../_virtual/index.cjs12.js"),N=require("../../../_virtual/index.cjs13.js");var b=M.interopRequireDefaultExports;Object.defineProperty(s.__exports,"__esModule",{value:!0});var D=s.__exports.alpha=E;s.__exports.blend=U;s.__exports.colorChannel=void 0;var R=s.__exports.darken=g;s.__exports.decomposeColor=p;s.__exports.emphasize=C;var T=s.__exports.getContrastRatio=I;s.__exports.getLuminance=h;s.__exports.hexToRgb=y;s.__exports.hslToRgb=O;var V=s.__exports.lighten=v;s.__exports.private_safeAlpha=A;s.__exports.private_safeColorChannel=void 0;s.__exports.private_safeDarken=S;s.__exports.private_safeEmphasize=L;s.__exports.private_safeLighten=z;s.__exports.recomposeColor=i;s.__exports.rgbToHex=w;var c=b($.default),j=b(N.default);function d(e,t=0,r=1){return process.env.NODE_ENV!=="production"&&(e<t||e>r)&&console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`),(0,j.default)(e,t,r)}function y(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let r=e.match(t);return r&&r[0].length===1&&(r=r.map(n=>n+n)),r?`rgb${r.length===4?"a":""}(${r.map((n,a)=>a<3?parseInt(n,16):Math.round(parseInt(n,16)/255*1e3)/1e3).join(", ")})`:""}function k(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function p(e){if(e.type)return e;if(e.charAt(0)==="#")return p(y(e));const t=e.indexOf("("),r=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(r)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: Unsupported \`${e}\` color.
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../../_virtual/colorManipulator.cjs.js"),M=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),$=require("../../../_virtual/index.cjs11.js"),N=require("../../../_virtual/index.cjs12.js");var b=M.interopRequireDefaultExports;Object.defineProperty(s.__exports,"__esModule",{value:!0});var D=s.__exports.alpha=E;s.__exports.blend=U;s.__exports.colorChannel=void 0;var R=s.__exports.darken=g;s.__exports.decomposeColor=p;s.__exports.emphasize=C;var T=s.__exports.getContrastRatio=I;s.__exports.getLuminance=h;s.__exports.hexToRgb=y;s.__exports.hslToRgb=O;var V=s.__exports.lighten=v;s.__exports.private_safeAlpha=A;s.__exports.private_safeColorChannel=void 0;s.__exports.private_safeDarken=S;s.__exports.private_safeEmphasize=L;s.__exports.private_safeLighten=z;s.__exports.recomposeColor=i;s.__exports.rgbToHex=w;var c=b($.default),j=b(N.default);function d(e,t=0,r=1){return process.env.NODE_ENV!=="production"&&(e<t||e>r)&&console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`),(0,j.default)(e,t,r)}function y(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let r=e.match(t);return r&&r[0].length===1&&(r=r.map(n=>n+n)),r?`rgb${r.length===4?"a":""}(${r.map((n,a)=>a<3?parseInt(n,16):Math.round(parseInt(n,16)/255*1e3)/1e3).join(", ")})`:""}function k(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function p(e){if(e.type)return e;if(e.charAt(0)==="#")return p(y(e));const t=e.indexOf("("),r=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(r)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: Unsupported \`${e}\` color.
2
2
  The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`:(0,c.default)(9,e));let n=e.substring(t+1,e.length-1),a;if(r==="color"){if(n=n.split(" "),a=n.shift(),n.length===4&&n[3].charAt(0)==="/"&&(n[3]=n[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(a)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: unsupported \`${a}\` color space.
3
3
  The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`:(0,c.default)(10,a))}else n=n.split(",");return n=n.map(u=>parseFloat(u)),{type:r,values:n,colorSpace:a}}const m=e=>{const t=p(e);return t.values.slice(0,3).map((r,n)=>t.type.indexOf("hsl")!==-1&&n!==0?`${r}%`:r).join(" ")};s.__exports.colorChannel=m;const q=(e,t)=>{try{return m(e)}catch{return t&&process.env.NODE_ENV!=="production"&&console.warn(t),e}};s.__exports.private_safeColorChannel=q;function i(e){const{type:t,colorSpace:r}=e;let{values:n}=e;return t.indexOf("rgb")!==-1?n=n.map((a,u)=>u<3?parseInt(a,10):a):t.indexOf("hsl")!==-1&&(n[1]=`${n[1]}%`,n[2]=`${n[2]}%`),t.indexOf("color")!==-1?n=`${r} ${n.join(" ")}`:n=`${n.join(", ")}`,`${t}(${n})`}function w(e){if(e.indexOf("#")===0)return e;const{values:t}=p(e);return`#${t.map((r,n)=>k(n===3?Math.round(255*r):r)).join("")}`}function O(e){e=p(e);const{values:t}=e,r=t[0],n=t[1]/100,a=t[2]/100,u=n*Math.min(a,1-a),o=(_,x=(_+r/30)%12)=>a-u*Math.max(Math.min(x-3,9-x,1),-1);let l="rgb";const f=[Math.round(o(0)*255),Math.round(o(8)*255),Math.round(o(4)*255)];return e.type==="hsla"&&(l+="a",f.push(t[3])),i({type:l,values:f})}function h(e){e=p(e);let t=e.type==="hsl"||e.type==="hsla"?p(O(e)).values:e.values;return t=t.map(r=>(e.type!=="color"&&(r/=255),r<=.03928?r/12.92:((r+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function I(e,t){const r=h(e),n=h(t);return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function E(e,t){return e=p(e),t=d(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,i(e)}function A(e,t,r){try{return E(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function g(e,t){if(e=p(e),t=d(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]*=1-t;return i(e)}function S(e,t,r){try{return g(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function v(e,t){if(e=p(e),t=d(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(255-e.values[r])*t;else if(e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(1-e.values[r])*t;return i(e)}function z(e,t,r){try{return v(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function C(e,t=.15){return h(e)>.5?g(e,t):v(e,t)}function L(e,t,r){try{return C(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function U(e,t,r,n=1){const a=(f,_)=>Math.round((f**(1/n)*(1-r)+_**(1/n)*r)**n),u=p(e),o=p(t),l=[a(u.values[0],o.values[0]),a(u.values[1],o.values[1]),a(u.values[2],o.values[2])];return i({type:"rgb",values:l})}exports.default=s.__exports;exports.alpha=D;exports.darken=R;exports.getContrastRatio=T;exports.lighten=V;
@@ -1,7 +1,7 @@
1
1
  import { __exports as s } from "../../../_virtual/colorManipulator.es.js";
2
2
  import { i as C } from "../../@babel/runtime/helpers/interopRequireDefault.es.js";
3
- import M from "../../../_virtual/index.es12.js";
4
- import N from "../../../_virtual/index.es13.js";
3
+ import M from "../../../_virtual/index.es11.js";
4
+ import N from "../../../_virtual/index.es12.js";
5
5
  var _ = C;
6
6
  Object.defineProperty(s, "__esModule", {
7
7
  value: !0
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../../../_virtual/createStyled.cjs.js"),H=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),J=require("../../../_virtual/extends.cjs.js"),K=require("../../@babel/runtime/helpers/objectWithoutPropertiesLoose.cjs.js"),Q=require("../../../_virtual/index.cjs6.js"),U=require("../../../_virtual/index.cjs7.js"),X=require("../../../_virtual/index.cjs8.js"),Y=require("../../../_virtual/index.cjs9.js"),Z=require("../../../_virtual/index.cjs10.js"),z=require("../../../_virtual/index.cjs11.js");var v=H.interopRequireDefaultExports;Object.defineProperty(x.__exports,"__esModule",{value:!0});var ee=x.__exports.default=me;x.__exports.shouldForwardProp=b;x.__exports.systemDefaultTheme=void 0;var f=v(J.default),C=v(K.__require()),q=ae(Q.default),te=U.default,re=v(X.default),oe=v(Y.default),ne=v(Z.default),se=v(z.default);const ue=["ownerState"],ie=["variants"],le=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function L(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(L=function(s){return s?t:r})(e)}function ae(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=L(r);if(t&&t.has(e))return t.get(e);var s={__proto__:null},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=c?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}return s.default=e,t&&t.set(e,s),s}function fe(e){return Object.keys(e).length===0}function de(e){return typeof e=="string"&&e.charCodeAt(0)>96}function b(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}function T(e,r){return r&&e&&typeof e=="object"&&e.styles&&!e.styles.startsWith("@layer")&&(e.styles=`@layer ${r}{${String(e.styles)}}`),e}const ce=x.__exports.systemDefaultTheme=(0,ne.default)(),A=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function R({defaultTheme:e,theme:r,themeId:t}){return fe(r)?e:r[t]||r}function pe(e){return e?(r,t)=>t[e]:null}function j(e,r,t){let{ownerState:s}=r,c=(0,C.default)(r,ue);const o=typeof e=="function"?e((0,f.default)({ownerState:s},c)):e;if(Array.isArray(o))return o.flatMap(u=>j(u,(0,f.default)({ownerState:s},c),t));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:u=[]}=o;let i=(0,C.default)(o,ie);return u.forEach(n=>{let y=!0;if(typeof n.props=="function"?y=n.props((0,f.default)({ownerState:s},c,s)):Object.keys(n.props).forEach(p=>{(s==null?void 0:s[p])!==n.props[p]&&c[p]!==n.props[p]&&(y=!1)}),y){Array.isArray(i)||(i=[i]);const p=typeof n.style=="function"?n.style((0,f.default)({ownerState:s},c,s)):n.style;i.push(t?T((0,q.internal_serializeStyles)(p),t):p)}}),i}return t?T((0,q.internal_serializeStyles)(o),t):o}function me(e={}){const{themeId:r,defaultTheme:t=ce,rootShouldForwardProp:s=b,slotShouldForwardProp:c=b}=e,o=u=>(0,se.default)((0,f.default)({},u,{theme:R((0,f.default)({},u,{defaultTheme:t,themeId:r}))}));return o.__mui_systemSx=!0,(u,P={})=>{(0,q.internal_processStyles)(u,a=>a.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:i,slot:n,skipVariantsResolver:y,skipSx:p,overridesResolver:k=pe(A(n))}=P,g=(0,C.default)(P,le),N=i&&i.startsWith("Mui")||n?"components":"custom",V=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,I=p||!1;let E;process.env.NODE_ENV!=="production"&&i&&(E=`${i}-${A(n||"Root")}`);let w=b;n==="Root"||n==="root"?w=s:n?w=c:de(u)&&(w=void 0);const $=(0,q.default)(u,(0,f.default)({shouldForwardProp:w,label:E},g)),M=a=>typeof a=="function"&&a.__emotion_real!==a||(0,te.isPlainObject)(a)?m=>{const _=R({theme:m.theme,defaultTheme:t,themeId:r});return j(a,(0,f.default)({},m,{theme:_}),_.modularCssLayers?N:void 0)}:a,W=(a,...m)=>{let _=M(a);const S=m?m.map(M):[];i&&k&&S.push(l=>{const d=R((0,f.default)({},l,{defaultTheme:t,themeId:r}));if(!d.components||!d.components[i]||!d.components[i].styleOverrides)return null;const h=d.components[i].styleOverrides,O={};return Object.entries(h).forEach(([B,G])=>{O[B]=j(G,(0,f.default)({},l,{theme:d}),d.modularCssLayers?"theme":void 0)}),k(l,O)}),i&&!V&&S.push(l=>{var d;const h=R((0,f.default)({},l,{defaultTheme:t,themeId:r})),O=h==null||(d=h.components)==null||(d=d[i])==null?void 0:d.variants;return j({variants:O},(0,f.default)({},l,{theme:h}),h.modularCssLayers?"theme":void 0)}),I||S.push(o);const F=S.length-m.length;if(Array.isArray(a)&&F>0){const l=new Array(F).fill("");_=[...a,...l],_.raw=[...a.raw,...l]}const D=$(_,...S);if(process.env.NODE_ENV!=="production"){let l;i&&(l=`${i}${(0,re.default)(n||"")}`),l===void 0&&(l=`Styled(${(0,oe.default)(u)})`),D.displayName=l}return u.muiName&&(D.muiName=u.muiName),D};return $.withConfig&&(W.withConfig=$.withConfig),W}}exports.default=ee;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../../../_virtual/createStyled.cjs.js"),H=require("../../@babel/runtime/helpers/interopRequireDefault.cjs.js"),J=require("../../../_virtual/extends.cjs.js"),K=require("../../@babel/runtime/helpers/objectWithoutPropertiesLoose.cjs.js"),Q=require("../../../_virtual/index.cjs5.js"),U=require("../../../_virtual/index.cjs6.js"),X=require("../../../_virtual/index.cjs7.js"),Y=require("../../../_virtual/index.cjs8.js"),Z=require("../../../_virtual/index.cjs9.js"),z=require("../../../_virtual/index.cjs10.js");var v=H.interopRequireDefaultExports;Object.defineProperty(x.__exports,"__esModule",{value:!0});var ee=x.__exports.default=me;x.__exports.shouldForwardProp=b;x.__exports.systemDefaultTheme=void 0;var f=v(J.default),C=v(K.__require()),q=ae(Q.default),te=U.default,re=v(X.default),oe=v(Y.default),ne=v(Z.default),se=v(z.default);const ue=["ownerState"],ie=["variants"],le=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function L(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(L=function(s){return s?t:r})(e)}function ae(e,r){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=L(r);if(t&&t.has(e))return t.get(e);var s={__proto__:null},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=c?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}return s.default=e,t&&t.set(e,s),s}function fe(e){return Object.keys(e).length===0}function de(e){return typeof e=="string"&&e.charCodeAt(0)>96}function b(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}function T(e,r){return r&&e&&typeof e=="object"&&e.styles&&!e.styles.startsWith("@layer")&&(e.styles=`@layer ${r}{${String(e.styles)}}`),e}const ce=x.__exports.systemDefaultTheme=(0,ne.default)(),A=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function R({defaultTheme:e,theme:r,themeId:t}){return fe(r)?e:r[t]||r}function pe(e){return e?(r,t)=>t[e]:null}function j(e,r,t){let{ownerState:s}=r,c=(0,C.default)(r,ue);const o=typeof e=="function"?e((0,f.default)({ownerState:s},c)):e;if(Array.isArray(o))return o.flatMap(u=>j(u,(0,f.default)({ownerState:s},c),t));if(o&&typeof o=="object"&&Array.isArray(o.variants)){const{variants:u=[]}=o;let i=(0,C.default)(o,ie);return u.forEach(n=>{let y=!0;if(typeof n.props=="function"?y=n.props((0,f.default)({ownerState:s},c,s)):Object.keys(n.props).forEach(p=>{(s==null?void 0:s[p])!==n.props[p]&&c[p]!==n.props[p]&&(y=!1)}),y){Array.isArray(i)||(i=[i]);const p=typeof n.style=="function"?n.style((0,f.default)({ownerState:s},c,s)):n.style;i.push(t?T((0,q.internal_serializeStyles)(p),t):p)}}),i}return t?T((0,q.internal_serializeStyles)(o),t):o}function me(e={}){const{themeId:r,defaultTheme:t=ce,rootShouldForwardProp:s=b,slotShouldForwardProp:c=b}=e,o=u=>(0,se.default)((0,f.default)({},u,{theme:R((0,f.default)({},u,{defaultTheme:t,themeId:r}))}));return o.__mui_systemSx=!0,(u,P={})=>{(0,q.internal_processStyles)(u,a=>a.filter(m=>!(m!=null&&m.__mui_systemSx)));const{name:i,slot:n,skipVariantsResolver:y,skipSx:p,overridesResolver:k=pe(A(n))}=P,g=(0,C.default)(P,le),N=i&&i.startsWith("Mui")||n?"components":"custom",V=y!==void 0?y:n&&n!=="Root"&&n!=="root"||!1,I=p||!1;let E;process.env.NODE_ENV!=="production"&&i&&(E=`${i}-${A(n||"Root")}`);let w=b;n==="Root"||n==="root"?w=s:n?w=c:de(u)&&(w=void 0);const $=(0,q.default)(u,(0,f.default)({shouldForwardProp:w,label:E},g)),M=a=>typeof a=="function"&&a.__emotion_real!==a||(0,te.isPlainObject)(a)?m=>{const _=R({theme:m.theme,defaultTheme:t,themeId:r});return j(a,(0,f.default)({},m,{theme:_}),_.modularCssLayers?N:void 0)}:a,W=(a,...m)=>{let _=M(a);const S=m?m.map(M):[];i&&k&&S.push(l=>{const d=R((0,f.default)({},l,{defaultTheme:t,themeId:r}));if(!d.components||!d.components[i]||!d.components[i].styleOverrides)return null;const h=d.components[i].styleOverrides,O={};return Object.entries(h).forEach(([B,G])=>{O[B]=j(G,(0,f.default)({},l,{theme:d}),d.modularCssLayers?"theme":void 0)}),k(l,O)}),i&&!V&&S.push(l=>{var d;const h=R((0,f.default)({},l,{defaultTheme:t,themeId:r})),O=h==null||(d=h.components)==null||(d=d[i])==null?void 0:d.variants;return j({variants:O},(0,f.default)({},l,{theme:h}),h.modularCssLayers?"theme":void 0)}),I||S.push(o);const F=S.length-m.length;if(Array.isArray(a)&&F>0){const l=new Array(F).fill("");_=[...a,...l],_.raw=[...a.raw,...l]}const D=$(_,...S);if(process.env.NODE_ENV!=="production"){let l;i&&(l=`${i}${(0,re.default)(n||"")}`),l===void 0&&(l=`Styled(${(0,oe.default)(u)})`),D.displayName=l}return u.muiName&&(D.muiName=u.muiName),D};return $.withConfig&&(W.withConfig=$.withConfig),W}}exports.default=ee;
@@ -2,12 +2,12 @@ import { __exports as $ } from "../../../_virtual/createStyled.es.js";
2
2
  import { i as H } from "../../@babel/runtime/helpers/interopRequireDefault.es.js";
3
3
  import J from "../../../_virtual/extends.es.js";
4
4
  import { __require as K } from "../../@babel/runtime/helpers/objectWithoutPropertiesLoose.es.js";
5
- import Q from "../../../_virtual/index.es6.js";
6
- import U from "../../../_virtual/index.es7.js";
7
- import X from "../../../_virtual/index.es8.js";
8
- import Y from "../../../_virtual/index.es9.js";
9
- import Z from "../../../_virtual/index.es10.js";
10
- import z from "../../../_virtual/index.es11.js";
5
+ import Q from "../../../_virtual/index.es5.js";
6
+ import U from "../../../_virtual/index.es6.js";
7
+ import X from "../../../_virtual/index.es7.js";
8
+ import Y from "../../../_virtual/index.es8.js";
9
+ import Z from "../../../_virtual/index.es9.js";
10
+ import z from "../../../_virtual/index.es10.js";
11
11
  var v = H;
12
12
  Object.defineProperty($, "__esModule", {
13
13
  value: !0
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../_virtual/useThemeWithoutDefault.cjs.js"),c=require("react"),f=require("../../../_virtual/index.cjs6.js");Object.defineProperty(a.__exports,"__esModule",{value:!0});exports.default=a.__exports.default=void 0;var s=p(c),d=f.default;function l(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(l=function(n){return n?r:t})(e)}function p(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function _(e){return Object.keys(e).length===0}function y(e=null){const t=s.useContext(d.ThemeContext);return!t||_(t)?e:t}exports.default=a.__exports.default=y;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../_virtual/useThemeWithoutDefault.cjs.js"),c=require("react"),f=require("../../../_virtual/index.cjs5.js");Object.defineProperty(a.__exports,"__esModule",{value:!0});exports.default=a.__exports.default=void 0;var s=p(c),d=f.default;function l(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(l=function(n){return n?r:t})(e)}function p(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function _(e){return Object.keys(e).length===0}function y(e=null){const t=s.useContext(d.ThemeContext);return!t||_(t)?e:t}exports.default=a.__exports.default=y;
@@ -1,6 +1,6 @@
1
1
  import { __exports as a } from "../../../_virtual/useThemeWithoutDefault.es.js";
2
2
  import l from "react";
3
- import c from "../../../_virtual/index.es6.js";
3
+ import c from "../../../_virtual/index.es5.js";
4
4
  Object.defineProperty(a, "__esModule", {
5
5
  value: !0
6
6
  });
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/index.cjs14.js"),r=require("./cjs/react-is.production.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/index.cjs13.js"),r=require("./cjs/react-is.production.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
@@ -1,4 +1,4 @@
1
- import { __module as r } from "../../_virtual/index.es14.js";
1
+ import { __module as r } from "../../_virtual/index.es13.js";
2
2
  import { __require as e } from "./cjs/react-is.production.es.js";
3
3
  import { __require as o } from "./cjs/react-is.development.es.js";
4
4
  process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs5.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../../_virtual/_commonjsHelpers.cjs.js"),w=require("../../_virtual/index.cjs14.js");w.__module.exports=function(n){return d(p(n),n)};w.__module.exports.array=d;function d(n,r){var t=n.length,a=new Array(t),e={},s=t,g=y(r),i=S(n);for(r.forEach(function(o){if(!i.has(o[0])||!i.has(o[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)e[s]||v(n[s],s,new Set);return a;function v(o,u,f){if(f.has(o)){var h;try{h=", node was:"+JSON.stringify(o)}catch{h=""}throw new Error("Cyclic dependency"+h)}if(!i.has(o))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(o));if(!e[u]){e[u]=!0;var l=g.get(o)||new Set;if(l=Array.from(l),u=l.length){f.add(o);do{var c=l[--u];v(c,i.get(c),f)}while(u);f.delete(o)}a[--t]=o}}}function p(n){for(var r=new Set,t=0,a=n.length;t<a;t++){var e=n[t];r.add(e[0]),r.add(e[1])}return Array.from(r)}function y(n){for(var r=new Map,t=0,a=n.length;t<a;t++){var e=n[t];r.has(e[0])||r.set(e[0],new Set),r.has(e[1])||r.set(e[1],new Set),r.get(e[0]).add(e[1])}return r}function S(n){for(var r=new Map,t=0,a=n.length;t<a;t++)r.set(n[t],t);return r}var _=w.__module.exports;const E=m.getDefaultExportFromCjs(_);exports.default=E;
@@ -1,5 +1,5 @@
1
1
  import { getDefaultExportFromCjs as d } from "../../_virtual/_commonjsHelpers.es.js";
2
- import { __module as v } from "../../_virtual/index.es5.js";
2
+ import { __module as v } from "../../_virtual/index.es14.js";
3
3
  v.exports = function(n) {
4
4
  return g(m(n), n);
5
5
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "14.4.0-rc.3",
3
+ "version": "14.4.0-rc.4",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),x=require("./overlay.cjs.js"),p=d=>{const{children:u,classNames:e}=d,{open:l,x:f,y,strategy:m,focusManager:o,floating:h,arrowRef:g,getFloatingProps:v,placement:w,context:i,arrow:t,scrollLock:c}=s.useContext(x.OverlayContext);return s.useEffect(()=>{c&&(l?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[l,c]),l?n.jsx(r.FloatingPortal,{children:n.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:n.jsxs("div",{...v({ref:h,style:{position:m,left:f,top:y},className:e==null?void 0:e.content}),"data-placement":w,"data-testid":"overlay-content",children:[n.jsx(r.FloatingArrow,{ref:a=>g.current=a,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),u]})})}):null};exports.OverlayContent=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),d=require("react"),p=require("./overlay.cjs.js"),j=s=>{const{children:u,classNames:e,labelledBy:y,describedBy:f}=s,{open:n,x:m,y:h,strategy:g,focusManager:o,floating:b,arrowRef:v,getFloatingProps:x,placement:w,context:i,arrow:t,scrollLock:a}=d.useContext(p.OverlayContext);return d.useEffect(()=>{a&&(n?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[n,a]),n?l.jsx(r.FloatingPortal,{children:l.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:l.jsxs("div",{...x({ref:b,tabIndex:-1,"aria-labelledby":y,"aria-describedby":f,style:{position:g,left:m,top:h},className:e==null?void 0:e.content}),"data-placement":w,"data-testid":"overlay-content",children:[l.jsx(r.FloatingArrow,{ref:c=>v.current=c,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),u]})})}):null};exports.OverlayContent=j;
@@ -1,15 +1,40 @@
1
1
  import { ReactNode } from 'react';
2
2
  export interface OverlayContentProps {
3
3
  /**
4
- * Content.
4
+ * Overlay content.
5
+ * Can contain any valid React nodes (text, elements, components).
5
6
  */
6
7
  children: ReactNode | ReactNode[];
7
8
  /**
8
- * Additional class names.
9
+ * Additional class names for styling overlay elements.
9
10
  */
10
11
  classNames?: {
12
+ /**
13
+ * Class name applied to the floating content container.
14
+ */
11
15
  content: string;
16
+ /**
17
+ * Class name applied to the overlay arrow element.
18
+ */
12
19
  arrow: string;
13
20
  };
21
+ /**
22
+ * ID of the element that labels the overlay content.
23
+ *
24
+ * This is used to set the `aria-labelledby` attribute on the overlay container,
25
+ * providing an accessible name for screen readers.
26
+ *
27
+ * Typically points to a heading element inside the overlay (e.g. a title).
28
+ */
29
+ labelledBy?: string;
30
+ /**
31
+ * ID of the element that describes the overlay content.
32
+ *
33
+ * This is used to set the `aria-describedby` attribute on the overlay container,
34
+ * allowing screen readers to announce additional descriptive text.
35
+ *
36
+ * Useful for longer explanations or supporting content that complements the title.
37
+ */
38
+ describedBy?: string;
14
39
  }
15
40
  export declare const OverlayContent: (props: OverlayContentProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,55 +1,58 @@
1
- import { jsx as l, jsxs as p } from "react/jsx-runtime";
2
- import { FloatingPortal as v, FloatingFocusManager as w, FloatingArrow as x } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
3
- import { useContext as F, useEffect as b } from "react";
4
- import { OverlayContext as E } from "./overlay.es.js";
5
- const P = (d) => {
6
- const { children: a, classNames: t } = d, {
7
- open: n,
8
- x: m,
9
- y: s,
10
- strategy: f,
1
+ import { jsx as n, jsxs as v } from "react/jsx-runtime";
2
+ import { FloatingPortal as w, FloatingFocusManager as x, FloatingArrow as F } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
3
+ import { useContext as E, useEffect as C } from "react";
4
+ import { OverlayContext as j } from "./overlay.es.js";
5
+ const S = (a) => {
6
+ const { children: c, classNames: e, labelledBy: s, describedBy: m } = a, {
7
+ open: l,
8
+ x: f,
9
+ y,
10
+ strategy: h,
11
11
  focusManager: o,
12
- floating: h,
13
- arrowRef: u,
14
- getFloatingProps: y,
15
- placement: g,
12
+ floating: u,
13
+ arrowRef: b,
14
+ getFloatingProps: g,
15
+ placement: p,
16
16
  context: r,
17
- arrow: e,
17
+ arrow: t,
18
18
  scrollLock: i
19
- } = F(E);
20
- return b(() => {
21
- i && (n ? (document.documentElement.style.overflow = "hidden", document.documentElement.scrollHeight > window.innerHeight && (document.body.style.overflow = "scroll")) : (document.documentElement.style.overflow = "", document.body.style.overflow = ""));
22
- }, [n, i]), n ? /* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(w, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: /* @__PURE__ */ p(
19
+ } = E(j);
20
+ return C(() => {
21
+ i && (l ? (document.documentElement.style.overflow = "hidden", document.documentElement.scrollHeight > window.innerHeight && (document.body.style.overflow = "scroll")) : (document.documentElement.style.overflow = "", document.body.style.overflow = ""));
22
+ }, [l, i]), l ? /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: /* @__PURE__ */ v(
23
23
  "div",
24
24
  {
25
- ...y({
26
- ref: h,
25
+ ...g({
26
+ ref: u,
27
+ tabIndex: -1,
28
+ "aria-labelledby": s,
29
+ "aria-describedby": m,
27
30
  style: {
28
- position: f,
29
- left: m,
30
- top: s
31
+ position: h,
32
+ left: f,
33
+ top: y
31
34
  },
32
- className: t == null ? void 0 : t.content
35
+ className: e == null ? void 0 : e.content
33
36
  }),
34
- "data-placement": g,
37
+ "data-placement": p,
35
38
  "data-testid": "overlay-content",
36
39
  children: [
37
- /* @__PURE__ */ l(
38
- x,
40
+ /* @__PURE__ */ n(
41
+ F,
39
42
  {
40
- ref: (c) => u.current = c,
43
+ ref: (d) => b.current = d,
41
44
  context: r,
42
- className: t == null ? void 0 : t.arrow,
43
- height: e == null ? void 0 : e.height,
44
- width: e == null ? void 0 : e.width,
45
+ className: e == null ? void 0 : e.arrow,
46
+ height: t == null ? void 0 : t.height,
47
+ width: t == null ? void 0 : t.width,
45
48
  "data-testid": "overlay-arrow"
46
49
  }
47
50
  ),
48
- a
51
+ c
49
52
  ]
50
53
  }
51
54
  ) }) }) : null;
52
55
  };
53
56
  export {
54
- P as OverlayContent
57
+ S as OverlayContent
55
58
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),W=require("./overlay-content.cjs.js"),A=require("./overlay-trigger.cjs.js"),G=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),c=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),H=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),z=require("../../../helpers/hooks/use-is-mounted.cjs.js"),B=3,y=s.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0}),l=O=>{const m=H.useIsTouchDevice(),{children:M,placement:x="top",openWith:a=m?"click":"hover",defaultOpen:C=!1,open:r,onToggle:o,role:q="tooltip",arrowDimensions:e,offset:w=B+((e==null?void 0:e.height)??0),focusManager:P,dismissible:i,scrollLock:R}=O,{order:b=["reference","content"],initialFocus:F=-1,...k}=P??{},[u,f]=s.useState(C),d=s.useRef(null),T=z.useIsMounted(),g=s.useMemo(()=>o&&typeof r<"u"?r:u,[o,r,u]),p=s.useCallback(v=>{typeof r>"u"&&f(v),o==null||o(v)},[r,f,o]),{x:I,y:_,refs:h,strategy:U,context:n,middlewareData:j,placement:S}=t.useFloating({placement:x,open:g,onOpenChange:p,middleware:[c.offset(w),c.flip(),c.shift({padding:8}),c.arrow({element:d,padding:4})],whileElementsMounted:G.autoUpdate}),{getReferenceProps:D,getFloatingProps:E}=t.useInteractions([t.useHover(n,{enabled:a==="hover",handleClose:t.safePolygon()}),t.useClick(n,{toggle:i}),t.useFocus(n,{enabled:a==="hover"}),t.useRole(n,{role:q}),t.useDismiss(n,{enabled:i,outsidePressEvent:a==="click"?"mousedown":"pointerdown"})]);return L.jsx(y.Provider,{value:{open:g,onOpenChange:p,isMounted:T,openWith:a,reference:h.setReference,floating:h.setFloating,arrowRef:d,focusManager:{order:b,initialFocus:F,...k},x:I,y:_,strategy:U,getReferenceProps:D,getFloatingProps:E,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...j.arrow},context:n,placement:S,scrollLock:R},children:M})};l.Trigger=A.OverlayTrigger;l.Content=W.OverlayContent;exports.Overlay=l;exports.OverlayContext=y;exports.default=l;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),G=require("./overlay-content.cjs.js"),H=require("./overlay-trigger.cjs.js"),z=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),a=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),B=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),J=require("../../../helpers/hooks/use-is-mounted.cjs.js"),K=3,M=s.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0}),c=x=>{const C=B.useIsTouchDevice(),{children:q,placement:w="top",openWith:i=C?"click":"hover",defaultOpen:F=!1,open:r,onToggle:o,role:P="tooltip",arrowDimensions:e,offset:R=K+((e==null?void 0:e.height)??0),focusManager:l,dismissible:u,scrollLock:b}=x,{order:k=["reference","content"],initialFocus:d,modal:f,...I}=l??{},T=d!==void 0?d:f?0:void 0,[g,p]=s.useState(F),h=s.useRef(null),_=J.useIsMounted(),v=s.useMemo(()=>o&&typeof r<"u"?r:g,[o,r,g]),y=s.useCallback(m=>{typeof r>"u"&&p(m),o==null||o(m)},[r,p,o]),{x:U,y:j,refs:O,strategy:S,context:n,middlewareData:D,placement:E}=t.useFloating({placement:w,open:v,onOpenChange:y,middleware:[a.offset(R),a.flip(),a.shift({padding:8}),a.arrow({element:h,padding:4})],whileElementsMounted:z.autoUpdate}),{getReferenceProps:L,getFloatingProps:W}=t.useInteractions([t.useHover(n,{enabled:i==="hover",handleClose:t.safePolygon()}),t.useClick(n,{toggle:u}),t.useFocus(n,{enabled:i==="hover"}),t.useRole(n,{role:P}),t.useDismiss(n,{enabled:u,outsidePressEvent:i==="click"?"mousedown":"pointerdown"})]);return A.jsx(M.Provider,{value:{open:v,onOpenChange:y,isMounted:_,openWith:i,reference:O.setReference,floating:O.setFloating,arrowRef:h,focusManager:l?{order:k,modal:f,initialFocus:T,...I}:void 0,x:U,y:j,strategy:S,getReferenceProps:L,getFloatingProps:W,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...D.arrow},context:n,placement:E,scrollLock:b},children:q})};c.Trigger=H.OverlayTrigger;c.Content=G.OverlayContent;exports.Overlay=c;exports.OverlayContext=M;exports.default=c;
@@ -1,13 +1,13 @@
1
- import { jsx as j } from "react/jsx-runtime";
2
- import { useFloating as A, useInteractions as G, useHover as H, useClick as S, useFocus as U, useRole as q, useDismiss as z, safePolygon as B } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
3
- import { createContext as D, useState as J, useRef as K, useMemo as N, useCallback as Q } from "react";
4
- import { OverlayContent as V } from "./overlay-content.es.js";
5
- import { OverlayTrigger as X } from "./overlay-trigger.es.js";
6
- import { autoUpdate as Y } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
7
- import { offset as Z, flip as _, shift as $, arrow as ee } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
8
- import { useIsTouchDevice as te } from "../../../helpers/hooks/use-is-touch-device.es.js";
9
- import { useIsMounted as oe } from "../../../helpers/hooks/use-is-mounted.es.js";
10
- const ne = 3, re = D({
1
+ import { jsx as G } from "react/jsx-runtime";
2
+ import { useFloating as H, useInteractions as S, useHover as U, useClick as q, useFocus as z, useRole as B, useDismiss as D, safePolygon as J } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
3
+ import { createContext as K, useState as N, useRef as Q, useMemo as V, useCallback as X } from "react";
4
+ import { OverlayContent as Y } from "./overlay-content.es.js";
5
+ import { OverlayTrigger as Z } from "./overlay-trigger.es.js";
6
+ import { autoUpdate as _ } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
7
+ import { offset as $, flip as ee, shift as te, arrow as oe } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
8
+ import { useIsTouchDevice as ne } from "../../../helpers/hooks/use-is-touch-device.es.js";
9
+ import { useIsMounted as re } from "../../../helpers/hooks/use-is-mounted.es.js";
10
+ const se = 3, ae = K({
11
11
  open: !1,
12
12
  onOpenChange: () => {
13
13
  },
@@ -34,94 +34,95 @@ const ne = 3, re = D({
34
34
  placement: "top",
35
35
  context: {},
36
36
  scrollLock: void 0
37
- }), d = (g) => {
38
- const m = te(), {
39
- children: h,
40
- placement: v = "top",
41
- openWith: r = m ? "click" : "hover",
42
- defaultOpen: y = !1,
37
+ }), h = (v) => {
38
+ const y = ne(), {
39
+ children: O,
40
+ placement: x = "top",
41
+ openWith: r = y ? "click" : "hover",
42
+ defaultOpen: w = !1,
43
43
  open: n,
44
44
  onToggle: t,
45
- role: O = "tooltip",
45
+ role: C = "tooltip",
46
46
  arrowDimensions: e,
47
- offset: x = ne + ((e == null ? void 0 : e.height) ?? 0),
48
- focusManager: w,
49
- dismissible: s,
50
- scrollLock: C
51
- } = g, { order: M = ["reference", "content"], initialFocus: P = -1, ...F } = w ?? {}, [a, l] = J(y), c = K(null), R = oe(), i = N(() => t && typeof n < "u" ? n : a, [t, n, a]), f = Q(
52
- (u) => {
53
- typeof n > "u" && l(u), t == null || t(u);
47
+ offset: F = se + ((e == null ? void 0 : e.height) ?? 0),
48
+ focusManager: s,
49
+ dismissible: a,
50
+ scrollLock: M
51
+ } = v, { order: P = ["reference", "content"], initialFocus: i, modal: l, ...R } = s ?? {}, b = i !== void 0 ? i : l ? 0 : void 0, [c, f] = N(w), u = Q(null), k = re(), p = V(() => t && typeof n < "u" ? n : c, [t, n, c]), d = X(
52
+ (m) => {
53
+ typeof n > "u" && f(m), t == null || t(m);
54
54
  },
55
- [n, l, t]
56
- ), { x: b, y: k, refs: p, strategy: I, context: o, middlewareData: T, placement: E } = A({
57
- placement: v,
58
- open: i,
59
- onOpenChange: f,
55
+ [n, f, t]
56
+ ), { x: I, y: T, refs: g, strategy: E, context: o, middlewareData: L, placement: W } = H({
57
+ placement: x,
58
+ open: p,
59
+ onOpenChange: d,
60
60
  middleware: [
61
- Z(x),
62
- _(),
63
- $({ padding: 8 }),
64
- ee({
65
- element: c,
61
+ $(F),
62
+ ee(),
63
+ te({ padding: 8 }),
64
+ oe({
65
+ element: u,
66
66
  padding: 4
67
67
  })
68
68
  ],
69
- whileElementsMounted: Y
70
- }), { getReferenceProps: L, getFloatingProps: W } = G([
71
- H(o, {
69
+ whileElementsMounted: _
70
+ }), { getReferenceProps: j, getFloatingProps: A } = S([
71
+ U(o, {
72
72
  enabled: r === "hover",
73
- handleClose: B()
73
+ handleClose: J()
74
74
  }),
75
- S(o, {
76
- toggle: s
75
+ q(o, {
76
+ toggle: a
77
77
  }),
78
- U(o, {
78
+ z(o, {
79
79
  enabled: r === "hover"
80
80
  }),
81
- q(o, { role: O }),
82
- z(o, {
83
- enabled: s,
81
+ B(o, { role: C }),
82
+ D(o, {
83
+ enabled: a,
84
84
  outsidePressEvent: r === "click" ? "mousedown" : "pointerdown"
85
85
  })
86
86
  ]);
87
- return /* @__PURE__ */ j(
88
- re.Provider,
87
+ return /* @__PURE__ */ G(
88
+ ae.Provider,
89
89
  {
90
90
  value: {
91
- open: i,
92
- onOpenChange: f,
93
- isMounted: R,
91
+ open: p,
92
+ onOpenChange: d,
93
+ isMounted: k,
94
94
  openWith: r,
95
- reference: p.setReference,
96
- floating: p.setFloating,
97
- arrowRef: c,
98
- focusManager: {
99
- order: M,
100
- initialFocus: P,
101
- ...F
102
- },
103
- x: b,
104
- y: k,
105
- strategy: I,
106
- getReferenceProps: L,
107
- getFloatingProps: W,
95
+ reference: g.setReference,
96
+ floating: g.setFloating,
97
+ arrowRef: u,
98
+ focusManager: s ? {
99
+ order: P,
100
+ modal: l,
101
+ initialFocus: b,
102
+ ...R
103
+ } : void 0,
104
+ x: I,
105
+ y: T,
106
+ strategy: E,
107
+ getReferenceProps: j,
108
+ getFloatingProps: A,
108
109
  arrow: {
109
110
  width: e == null ? void 0 : e.width,
110
111
  height: e == null ? void 0 : e.height,
111
- ...T.arrow
112
+ ...L.arrow
112
113
  },
113
114
  context: o,
114
- placement: E,
115
- scrollLock: C
115
+ placement: W,
116
+ scrollLock: M
116
117
  },
117
- children: h
118
+ children: O
118
119
  }
119
120
  );
120
121
  };
121
- d.Trigger = X;
122
- d.Content = V;
122
+ h.Trigger = Z;
123
+ h.Content = Y;
123
124
  export {
124
- d as Overlay,
125
- re as OverlayContext,
126
- d as default
125
+ h as Overlay,
126
+ ae as OverlayContext,
127
+ h as default
127
128
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),m=require("../../base/typography/text/text.cjs.js"),x=require("../../buttons/closing-button/closing-button.cjs.js"),C=require("../overlay/overlay.cjs.js"),h=require("../overlay/overlay-content.cjs.js"),e=require("./popover.module.scss.cjs.js"),q=c=>{const{children:d,width:l="small",className:u,title:t,titleProps:s={element:"h4"},close:a,closeProps:o={size:"large"}}=c,{onOpenChange:p}=f.useContext(C.OverlayContext);return r.jsxs(h.OverlayContent,{classNames:{content:n.default(e.default["tedi-popover"],{[e.default[`tedi-popover--${l}`]]:l},u),arrow:e.default["tedi-popover__arrow"]},children:[(t||a)&&r.jsxs("div",{className:n.default(e.default["tedi-popover__header"],{[e.default["tedi-popover__header--no-title"]]:!t}),children:[t&&r.jsx(m.Text,{...s,className:n.default("align-self-center",s.className),children:t}),a&&r.jsx(x.ClosingButton,{...o,onClick:v=>{var i;p(!1),(i=o.onClick)==null||i.call(o,v)}})]}),d]})};exports.PopoverContent=q;
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;
@@ -1,47 +1,49 @@
1
- import { jsxs as m, jsx as a } from "react/jsx-runtime";
2
- import r from "../../../../../external/classnames/index.es.js";
3
- import { useContext as v } from "react";
4
- import { Text as C } from "../../base/typography/text/text.es.js";
5
- import { ClosingButton as x } from "../../buttons/closing-button/closing-button.es.js";
6
- import { OverlayContext as N } from "../overlay/overlay.es.js";
7
- import { OverlayContent as _ } from "../overlay/overlay-content.es.js";
8
- import e from "./popover.module.scss.es.js";
9
- const B = (p) => {
1
+ import { jsxs as v, jsx as i } from "react/jsx-runtime";
2
+ import s from "../../../../../external/classnames/index.es.js";
3
+ import { useContext as _, useId as f } from "react";
4
+ import { Text as y } from "../../base/typography/text/text.es.js";
5
+ import { ClosingButton as g } from "../../buttons/closing-button/closing-button.es.js";
6
+ import { OverlayContext as u } from "../overlay/overlay.es.js";
7
+ import { OverlayContent as B } from "../overlay/overlay-content.es.js";
8
+ import o from "./popover.module.scss.es.js";
9
+ const P = (h) => {
10
10
  const {
11
- children: c,
12
- width: s = "small",
13
- className: d,
14
- title: o,
15
- titleProps: i = { element: "h4" },
16
- close: n,
11
+ children: r,
12
+ width: n = "small",
13
+ className: C,
14
+ title: e,
15
+ titleProps: l = { element: "h4" },
16
+ close: a,
17
17
  closeProps: t = { size: "large" }
18
- } = p, { onOpenChange: f } = v(N);
19
- return /* @__PURE__ */ m(
20
- _,
18
+ } = h, { onOpenChange: x } = _(u), d = f(), m = !!r, c = f();
19
+ return /* @__PURE__ */ v(
20
+ B,
21
21
  {
22
22
  classNames: {
23
- content: r(e["tedi-popover"], { [e[`tedi-popover--${s}`]]: s }, d),
24
- arrow: e["tedi-popover__arrow"]
23
+ content: s(o["tedi-popover"], { [o[`tedi-popover--${n}`]]: n }, C),
24
+ arrow: o["tedi-popover__arrow"]
25
25
  },
26
+ labelledBy: e ? d : void 0,
27
+ describedBy: m ? c : void 0,
26
28
  children: [
27
- (o || n) && /* @__PURE__ */ m("div", { className: r(e["tedi-popover__header"], { [e["tedi-popover__header--no-title"]]: !o }), children: [
28
- o && /* @__PURE__ */ a(C, { ...i, className: r("align-self-center", i.className), children: o }),
29
- n && /* @__PURE__ */ a(
30
- x,
29
+ (e || a) && /* @__PURE__ */ v("div", { className: s(o["tedi-popover__header"], { [o["tedi-popover__header--no-title"]]: !e }), children: [
30
+ e && /* @__PURE__ */ i(y, { ...l, id: d, className: s("align-self-center", l.className), children: e }),
31
+ a && /* @__PURE__ */ i(
32
+ g,
31
33
  {
32
34
  ...t,
33
- onClick: (h) => {
34
- var l;
35
- f(!1), (l = t.onClick) == null || l.call(t, h);
35
+ onClick: (N) => {
36
+ var p;
37
+ x(!1), (p = t.onClick) == null || p.call(t, N);
36
38
  }
37
39
  }
38
40
  )
39
41
  ] }),
40
- c
42
+ m ? /* @__PURE__ */ i("div", { id: c, children: r }) : r
41
43
  ]
42
44
  }
43
45
  );
44
46
  };
45
47
  export {
46
- B as PopoverContent
48
+ P as PopoverContent
47
49
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("../overlay/overlay.cjs.js"),s=require("./popover-content.cjs.js"),u=require("./popover-trigger.cjs.js"),c=34,p=17,e=o=>{const{openWith:r="click",...t}=o;return n.jsx(i.Overlay,{arrowDimensions:{width:c,height:p},openWith:r,...t})};e.Trigger=u.PopoverTrigger;e.Content=s.PopoverContent;exports.Popover=e;exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("../overlay/overlay.cjs.js"),s=require("./popover-content.cjs.js"),u=require("./popover-trigger.cjs.js"),c=34,l=17,e=o=>{const{openWith:r="click",...t}=o;return n.jsx(i.Overlay,{arrowDimensions:{width:c,height:l},openWith:r,role:"dialog",...t})};e.Trigger=u.PopoverTrigger;e.Content=s.PopoverContent;exports.Popover=e;exports.default=e;
@@ -12,6 +12,7 @@ const s = 34, c = 17, o = (r) => {
12
12
  height: c
13
13
  },
14
14
  openWith: t,
15
+ role: "dialog",
15
16
  ...e
16
17
  }
17
18
  );