@protonradio/proton-ui 0.11.9 → 0.11.10-beta.1

package/dist/_virtual/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+//# sourceMappingURL=index.cjs.js.map

package/dist/_virtual/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index.es.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index.es.js.map

package/dist/_virtual/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/jsx-runtime.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+//# sourceMappingURL=jsx-runtime.cjs.js.map

package/dist/_virtual/jsx-runtime.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/jsx-runtime.es.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=jsx-runtime.es.js.map

package/dist/_virtual/jsx-runtime.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-jsx-runtime.development.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+//# sourceMappingURL=react-jsx-runtime.development.cjs.js.map

package/dist/_virtual/react-jsx-runtime.development.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.development.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.development.es.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=react-jsx-runtime.development.es.js.map

package/dist/_virtual/react-jsx-runtime.development.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.development.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-jsx-runtime.production.min.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+//# sourceMappingURL=react-jsx-runtime.production.min.cjs.js.map

package/dist/_virtual/react-jsx-runtime.production.min.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.production.min.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.production.min.es.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=react-jsx-runtime.production.min.es.js.map

package/dist/_virtual/react-jsx-runtime.production.min.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.production.min.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.development.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+//# sourceMappingURL=use-sync-external-store-shim.development.cjs.js.map

package/dist/_virtual/use-sync-external-store-shim.development.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.development.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/use-sync-external-store-shim.development.es.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.development.es.js.map

package/dist/_virtual/use-sync-external-store-shim.development.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.development.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.production.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+//# sourceMappingURL=use-sync-external-store-shim.production.cjs.js.map

package/dist/_virtual/use-sync-external-store-shim.production.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/use-sync-external-store-shim.production.es.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.production.es.js.map

package/dist/_virtual/use-sync-external-store-shim.production.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/assets/svg/icons.svg.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e";exports.default=e;
+//# sourceMappingURL=icons.svg.cjs.js.map

package/dist/assets/svg/icons.svg.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.svg.cjs.js","sources":["../../../assets/svg/icons.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e\""],"names":["iconURL"],"mappings":"4GAAA,MAAeA,EAAA"}

package/dist/assets/svg/icons.svg.es.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=icons.svg.es.js.map

package/dist/assets/svg/icons.svg.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.svg.es.js","sources":["../../../assets/svg/icons.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3csymbol%20id='caret-right'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M216.5%20374.8c-11.3%2011.3-30%2011.3-41.3%200L74.8%20256c-11.3-11.3-11.3-30%200-41.3l128.5-128.5c11.3-11.3%2030-11.3%2041.3%200s11.3%2030%200%2041.3L145.7%20256l119.8%20119.8c11.3%2011.3%2011.3%2030%200%2041.3z'/%3e%3c/symbol%3e%3csymbol%20id='chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M5.74%203.2a.75.75%200%200%200-.04%201.06L9.227%208L5.7%2011.74a.75.75%200%201%200%201.1%201.02l4-4.25a.75.75%200%200%200%200-1.02l-4-4.25a.75.75%200%200%200-1.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M10.26%203.2a.75.75%200%200%201%20.04%201.06L6.773%208l3.527%203.74a.75.75%200%201%201-1.1%201.02l-4-4.25a.75.75%200%200%201%200-1.02l4-4.25a.75.75%200%200%201%201.06-.04'/%3e%3c/symbol%3e%3csymbol%20id='chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M3.2%205.74a.75.75%200%200%201%201.06-.04L8%209.227L11.74%205.7a.75.75%200%201%201%201.02%201.1l-4.25%204a.75.75%200%200%201-1.02%200l-4.25-4a.75.75%200%200%201-.04-1.06'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e\""],"names":["iconURL"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/components/ActionMenu/ActionMenu.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("react"),L=require("../../node_modules/@react-aria/menu/dist/useMenu.cjs.js"),O=require("../../node_modules/@react-aria/menu/dist/useMenuItem.cjs.js"),W=require("../../node_modules/@react-stately/tree/dist/useTreeState.cjs.js"),U=require("../../node_modules/@react-stately/collections/dist/Item.cjs.js"),V=require("../../hooks/useIsClosing.cjs.js"),D=require("../../hooks/useLockBodyScroll.cjs.js"),G=require("../Button/Button.cjs.js"),J=require("../ScreenOverlay/ScreenOverlay.cjs.js");;/* empty css                    */const C=require("../Icon/Icon.cjs.js"),Q=require("../../utils/string.cjs.js"),w=require("../../utils/navigation.cjs.js"),X=({isOpen:u,selectionMode:i="single",selectedKeys:d,defaultSelectedKeys:l,disabledKeys:n,children:c,showCancel:h=!0,cancelButtonText:p="Cancel",actions:R,title:y,onSelectionChange:E,onClose:m,"data-testid":P})=>{D.useLockBodyScroll(u);const[$,_]=r.useState(0),[a,g]=r.useState([]),[j,M]=r.useState({title:y,actions:R,key:null,previousKey:null}),x=j.actions||[],f=r.useRef(null),S=r.useRef(null),b=r.useRef(null),A=r.useRef(!1),{isClosing:B,handleClose:H}=V.useIsClosing({onClose:m,overlayRef:b}),I=x&&x.length>0,q=()=>{_(0),H()},k=W.useTreeState({items:x,children:x.map(t=>r.createElement(U.Item,{...t,key:t.key,textValue:t.key},t.label)),defaultSelectedKeys:l?new Set(l):void 0,selectedKeys:d?new Set(d):void 0,onSelectionChange:E,selectionMode:i,disabledKeys:n}),{menuProps:F}=L.useMenu({autoFocus:!0,shouldFocusWrap:!0,onAction:t=>{var o;const s=x.find(v=>v.key===t);if(!s){console.error(`Action with key ${t} not found`);return}(o=s==null?void 0:s.children)!=null&&o.length&&T(t)},onClose:()=>{if(A.current){A.current=!1;return}m==null||m()},disabledKeys:n,onSelectionChange:E,selectionMode:i,selectedKeys:d,defaultSelectedKeys:l,"aria-label":"Action Menu"},k,S);function T(t){const s=x.find(o=>o.key===t);if(!s){console.error(`Action with key ${t} not found`);return}g(o=>[...o,j]),M(o=>({title:s.label,actions:s.children,key:s.key,previousKey:o.key})),A.current=!0}function z(){if(a.length>0){const t=a[a.length-1];M(t),g(a.slice(0,-1))}}const N=c||I||h;return r.useEffect(()=>{u&&requestAnimationFrame(()=>{f.current&&_(f.current.scrollHeight)})},[u,f.current,a,N]),u?e.jsxRuntimeExports.jsx(J.ScreenOverlay,{fadeIn:!0,ref:b,onClose:q,children:e.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__background-wrapper",style:{opacity:B?0:1},children:e.jsxRuntimeExports.jsx("div",{"data-testid":P||"ActionMenu-wrapper",className:"proton-ActionMenu__wrapper",children:e.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__card","data-testid":"ActionMenu-content",style:{height:`${$}px`},children:e.jsxRuntimeExports.jsx("div",{ref:S,children:e.jsxRuntimeExports.jsxs("div",{...F,ref:f,children:[j.title&&e.jsxRuntimeExports.jsxs("div",{className:"proton-ActionMenu__title",children:[a.length>0&&e.jsxRuntimeExports.jsx("div",{style:{position:"absolute",left:0},children:e.jsxRuntimeExports.jsx("button",{onClick:z,children:e.jsxRuntimeExports.jsx(C.Icon,{id:"chevron-left",size:16})})}),j.title]}),N?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c&&e.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__content",children:typeof c=="function"?c({close:q}):c}),I&&e.jsxRuntimeExports.jsx("div",{className:Q.csx("proton-ActionMenu__list",i==="none"&&"proton-ActionMenu__list--disabled"),children:Array.from(k.collection).map((t,s)=>{var v;const o=j.actions[s];return e.jsxRuntimeExports.jsx(Y,{item:t,state:k,isSubmenu:!!((v=o.children)!=null&&v.length)},t.key)})}),h&&e.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__cancel-button",tabIndex:-1,children:e.jsxRuntimeExports.jsx(G.Button,{"data-testid":"ActionMenuItem-cancel",onPress:m,fullWidth:!0,variant:"secondary",children:p})})]}):null]})})})})})}):null},Y=({state:u,item:i,isSubmenu:d})=>{const l=r.useRef(null),{props:n}=i,{menuItemProps:c}=O.useMenuItem({key:i.key},u,l),h=n.to?"a":"div",p=n.to&&w.isUrlExternal(n.to),R=n.to?{href:n.to,target:p?"_blank":void 0,rel:p?"noopener noreferrer":void 0,onClick:y=>{p||!n.to||w.handleInternalNavigation(y,n.to)}}:{};return r.createElement(h,{...c,...R,key:i.key,className:"proton-ActionMenu__item","aria-label":`ActionMenu-Item-${i.key}`,ref:l},e.jsxRuntimeExports.jsxs("div",{className:"proton-ActionMenu__item-content",children:[e.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__item-label",children:i.rendered}),n.description&&e.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__description",children:n.description})]}),d&&e.jsxRuntimeExports.jsx(C.Icon,{id:"chevron-right",size:16}))};exports.ActionMenu=X;
+//# sourceMappingURL=ActionMenu.cjs.js.map

package/dist/components/ActionMenu/ActionMenu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.cjs.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode, useEffect, useRef, useState } from \"react\";\r\nimport { useMenu, useMenuItem } from \"@react-aria/menu\";\r\nimport { TreeState, useTreeState } from \"@react-stately/tree\";\r\nimport { Item } from \"@react-stately/collections\";\r\nimport type { Node, Selection } from \"@react-types/shared\";\r\n\r\nimport { useIsClosing } from \"../../hooks/useIsClosing\";\r\nimport { useLockBodyScroll } from \"../../hooks/useLockBodyScroll\";\r\nimport { csx, handleInternalNavigation, isUrlExternal } from \"../../utils\";\r\nimport { Button } from \"../Button/Button\";\r\nimport { ScreenOverlay } from \"../ScreenOverlay/ScreenOverlay\";\r\n\r\nimport \"./ActionMenu.css\";\r\nimport { Icon } from \"../Icon/Icon\";\r\n\r\nexport interface ActionMenuAction {\r\n  key: string;\r\n  label?: ReactNode;\r\n  description?: ReactNode;\r\n  to?: string;\r\n  onAction?: (key: string) => void;\r\n  children?: ActionMenuAction[];\r\n}\r\n\r\nexport interface ActionMenuProps {\r\n  /** The actions of the menu\r\n   * - type {@link ActionMenuAction}[]\r\n   */\r\n  actions?: ActionMenuAction[];\r\n\r\n  /** The text of the cancel button */\r\n  cancelButtonText?: string;\r\n\r\n  /** The children of the menu */\r\n  children?: ReactNode | ((props: { close: () => void }) => ReactNode);\r\n\r\n  /** The test id of the menu */\r\n  \"data-testid\"?: string;\r\n\r\n  /** The keys of the default selected items */\r\n  defaultSelectedKeys?: string[];\r\n\r\n  /** The keys of the disabled items */\r\n  disabledKeys?: string[];\r\n\r\n  /** Whether the menu is open\r\n   * @default false\r\n   */\r\n  isOpen: boolean;\r\n\r\n  /** The callback function to close the menu */\r\n  onClose?: () => void;\r\n\r\n  /** The callback function to change the selection\r\n   * - type {@link Selection}\r\n   */\r\n  onSelectionChange?: (keys: Selection) => void;\r\n\r\n  /** The selection mode of the menu\r\n   * @default \"single\"\r\n   */\r\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\r\n\r\n  /** The keys of the selected items */\r\n  selectedKeys?: string[];\r\n\r\n  /** Whether to show the cancel button */\r\n  showCancel?: boolean;\r\n\r\n  /** The title of the menu */\r\n  title?: string;\r\n}\r\n\r\ntype ActionStack = {\r\n  title: ReactNode | null;\r\n  actions: ActionMenuAction[];\r\n  key: string | null;\r\n  previousKey: string | null;\r\n};\r\n\r\n/**\r\n * ActionMenu to display a menu of actions.\r\n * Renders a list of actions as a focusable menu, or non-focusable children.\r\n *\r\n * API:\r\n *  - {@link ActionMenuProps}\r\n */\r\nexport const ActionMenu = ({\r\n  isOpen,\r\n  selectionMode = \"single\",\r\n  selectedKeys,\r\n  defaultSelectedKeys,\r\n  disabledKeys,\r\n  children,\r\n  showCancel = true,\r\n  cancelButtonText = \"Cancel\",\r\n  actions,\r\n  title,\r\n  onSelectionChange,\r\n  onClose,\r\n  \"data-testid\": testId,\r\n}: ActionMenuProps) => {\r\n  useLockBodyScroll(isOpen);\r\n  const [contentHeight, setContentHeight] = useState<number>(0);\r\n  const [stackHistory, setStackHistory] = useState<ActionStack[]>([]);\r\n  const [currentActionStack, setCurrentActionStack] = useState<ActionStack>({\r\n    title,\r\n    actions,\r\n    key: null,\r\n    previousKey: null,\r\n  });\r\n  const currentActions = currentActionStack.actions || [];\r\n\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const justNavigatedToSubmenuRef = useRef(false);\r\n  const { isClosing, handleClose } = useIsClosing({\r\n    onClose,\r\n    overlayRef,\r\n  });\r\n\r\n  const hasActions = currentActions && currentActions.length > 0;\r\n\r\n  const handleOverlayClose = () => {\r\n    setContentHeight(0);\r\n    handleClose();\r\n  };\r\n\r\n  const state = useTreeState({\r\n    items: currentActions,\r\n    children: currentActions.map((action) => (\r\n      <Item {...action} key={action.key} textValue={action.key}>\r\n        {action.label}\r\n      </Item>\r\n    )),\r\n    defaultSelectedKeys: defaultSelectedKeys\r\n      ? new Set(defaultSelectedKeys)\r\n      : undefined,\r\n    selectedKeys: selectedKeys ? new Set(selectedKeys) : undefined,\r\n    onSelectionChange,\r\n    selectionMode,\r\n    disabledKeys,\r\n  });\r\n\r\n  const { menuProps } = useMenu(\r\n    {\r\n      autoFocus: true,\r\n      shouldFocusWrap: true,\r\n      onAction: (key) => {\r\n        const action = currentActions.find((action) => action.key === key);\r\n        if (!action) {\r\n          console.error(`Action with key ${key} not found`);\r\n          return;\r\n        }\r\n\r\n        // the action's onAction is called in ActionMenuItem, so we don't need to call it again\r\n\r\n        if (action?.children?.length) {\r\n          handleSubmenuOpen(key as string);\r\n        }\r\n      },\r\n      onClose: () => {\r\n        if (justNavigatedToSubmenuRef.current) {\r\n          justNavigatedToSubmenuRef.current = false;\r\n          return;\r\n        }\r\n        onClose?.();\r\n      },\r\n      disabledKeys,\r\n      onSelectionChange,\r\n      selectionMode,\r\n      selectedKeys,\r\n      defaultSelectedKeys,\r\n      \"aria-label\": \"Action Menu\",\r\n    },\r\n    state,\r\n    menuRef\r\n  );\r\n\r\n  function handleSubmenuOpen(key: string) {\r\n    const action = currentActions.find((action) => action.key === key);\r\n    if (!action) {\r\n      console.error(`Action with key ${key} not found`);\r\n      return;\r\n    }\r\n\r\n    setStackHistory((prevStackHistory) => [\r\n      ...prevStackHistory,\r\n      currentActionStack,\r\n    ]);\r\n    setCurrentActionStack((prevStack) => ({\r\n      title: action.label,\r\n      actions: action.children,\r\n      key: action.key,\r\n      previousKey: prevStack.key,\r\n    }));\r\n    justNavigatedToSubmenuRef.current = true;\r\n  }\r\n\r\n  function handleBack() {\r\n    if (stackHistory.length > 0) {\r\n      const previousStack = stackHistory[stackHistory.length - 1];\r\n      setCurrentActionStack(previousStack);\r\n      setStackHistory(stackHistory.slice(0, -1));\r\n    }\r\n  }\r\n\r\n  const hasContent = children || hasActions || showCancel;\r\n\r\n  // We need to re-measure the open menu's content height when stack history changes\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    requestAnimationFrame(() => {\r\n      if (contentRef.current) {\r\n        setContentHeight(contentRef.current.scrollHeight);\r\n      }\r\n    });\r\n  }, [isOpen, contentRef.current, stackHistory, hasContent]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <ScreenOverlay fadeIn ref={overlayRef} onClose={handleOverlayClose}>\r\n      <div\r\n        className=\"proton-ActionMenu__background-wrapper\"\r\n        style={{\r\n          opacity: isClosing ? 0 : 1,\r\n        }}\r\n      >\r\n        <div\r\n          data-testid={testId || \"ActionMenu-wrapper\"}\r\n          className=\"proton-ActionMenu__wrapper\"\r\n        >\r\n          <div\r\n            className=\"proton-ActionMenu__card\"\r\n            data-testid=\"ActionMenu-content\"\r\n            style={{ height: `${contentHeight}px` }}\r\n          >\r\n            <div ref={menuRef}>\r\n              <div {...menuProps} ref={contentRef}>\r\n                {currentActionStack.title && (\r\n                  <div className=\"proton-ActionMenu__title\">\r\n                    {stackHistory.length > 0 && (\r\n                      <div style={{ position: \"absolute\", left: 0 }}>\r\n                        <button onClick={handleBack}>\r\n                          <Icon id=\"chevron-left\" size={16} />\r\n                        </button>\r\n                      </div>\r\n                    )}\r\n                    {currentActionStack.title}\r\n                  </div>\r\n                )}\r\n                {hasContent ? (\r\n                  <>\r\n                    {children && (\r\n                      <div className=\"proton-ActionMenu__content\">\r\n                        {typeof children === \"function\"\r\n                          ? children({ close: handleOverlayClose })\r\n                          : children}\r\n                      </div>\r\n                    )}\r\n\r\n                    {hasActions && (\r\n                      <div\r\n                        className={csx(\r\n                          \"proton-ActionMenu__list\",\r\n                          selectionMode === \"none\" &&\r\n                            \"proton-ActionMenu__list--disabled\"\r\n                        )}\r\n                      >\r\n                        {Array.from(state.collection).map((item, i) => {\r\n                          const itemProps = currentActionStack.actions[i];\r\n\r\n                          return (\r\n                            <ActionMenuItem\r\n                              key={item.key}\r\n                              item={item}\r\n                              state={state}\r\n                              isSubmenu={!!itemProps.children?.length}\r\n                            />\r\n                          );\r\n                        })}\r\n                      </div>\r\n                    )}\r\n\r\n                    {showCancel && (\r\n                      <div\r\n                        className=\"proton-ActionMenu__cancel-button\"\r\n                        tabIndex={-1}\r\n                      >\r\n                        <Button\r\n                          data-testid=\"ActionMenuItem-cancel\"\r\n                          onPress={onClose}\r\n                          fullWidth\r\n                          variant=\"secondary\"\r\n                        >\r\n                          {cancelButtonText}\r\n                        </Button>\r\n                      </div>\r\n                    )}\r\n                  </>\r\n                ) : null}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ScreenOverlay>\r\n  );\r\n};\r\n\r\ninterface ActionMenuItemProps {\r\n  to?: string;\r\n  state: TreeState<ActionMenuAction>;\r\n  item: Node<ActionMenuAction>;\r\n  isSubmenu?: boolean;\r\n}\r\n\r\nconst ActionMenuItem = ({ state, item, isSubmenu }: ActionMenuItemProps) => {\r\n  const ref = useRef(null);\r\n  const { props } = item;\r\n  const { menuItemProps } = useMenuItem({ key: item.key }, state, ref);\r\n  const Component = props.to ? \"a\" : \"div\";\r\n  const isExternal = props.to && isUrlExternal(props.to);\r\n\r\n  const anchorProps = props.to\r\n    ? {\r\n        href: props.to,\r\n        target: isExternal ? \"_blank\" : undefined,\r\n        rel: isExternal ? \"noopener noreferrer\" : undefined,\r\n        onClick: (e: React.MouseEvent<HTMLAnchorElement | HTMLDivElement>) => {\r\n          if (isExternal || !props.to) {\r\n            return;\r\n          }\r\n\r\n          handleInternalNavigation(\r\n            e as React.MouseEvent<HTMLAnchorElement>,\r\n            props.to\r\n          );\r\n        },\r\n      }\r\n    : {};\r\n\r\n  return (\r\n    <Component\r\n      {...menuItemProps}\r\n      {...anchorProps}\r\n      key={item.key}\r\n      className=\"proton-ActionMenu__item\"\r\n      aria-label={`ActionMenu-Item-${item.key}`}\r\n      ref={ref}\r\n    >\r\n      <div className=\"proton-ActionMenu__item-content\">\r\n        <div className=\"proton-ActionMenu__item-label\">{item.rendered}</div>\r\n        {props.description && (\r\n          <div className=\"proton-ActionMenu__description\">\r\n            {props.description}\r\n          </div>\r\n        )}\r\n      </div>\r\n      {isSubmenu && <Icon id=\"chevron-right\" size={16} />}\r\n    </Component>\r\n  );\r\n};\r\n"],"names":["ActionMenu","isOpen","selectionMode","selectedKeys","defaultSelectedKeys","disabledKeys","children","showCancel","cancelButtonText","actions","title","onSelectionChange","onClose","testId","useLockBodyScroll","contentHeight","setContentHeight","useState","stackHistory","setStackHistory","currentActionStack","setCurrentActionStack","currentActions","contentRef","useRef","menuRef","overlayRef","justNavigatedToSubmenuRef","isClosing","handleClose","useIsClosing","hasActions","handleOverlayClose","state","useTreeState","action","Item","menuProps","useMenu","key","_a","handleSubmenuOpen","prevStackHistory","prevStack","handleBack","previousStack","hasContent","useEffect","ScreenOverlay","jsx","jsxs","Icon","Fragment","csx","item","i","itemProps","ActionMenuItem","Button","isSubmenu","ref","props","menuItemProps","useMenuItem","Component","isExternal","isUrlExternal","anchorProps","e","handleInternalNavigation","createElement"],"mappings":"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"}

package/dist/components/ActionMenu/ActionMenu.es.js

@@ -0,0 +1,210 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
+import { useState as M, useRef as h, createElement as E, useEffect as L } from "react";
+import { useMenu as U } from "../../node_modules/@react-aria/menu/dist/useMenu.es.js";
+import { useMenuItem as V } from "../../node_modules/@react-aria/menu/dist/useMenuItem.es.js";
+import { useTreeState as D } from "../../node_modules/@react-stately/tree/dist/useTreeState.es.js";
+import { Item as G } from "../../node_modules/@react-stately/collections/dist/Item.es.js";
+import { useIsClosing as J } from "../../hooks/useIsClosing.es.js";
+import { useLockBodyScroll as O } from "../../hooks/useLockBodyScroll.es.js";
+import { Button as Q } from "../Button/Button.es.js";
+import { ScreenOverlay as X } from "../ScreenOverlay/ScreenOverlay.es.js";
+/* empty css                  */
+import { Icon as H } from "../Icon/Icon.es.js";
+import { csx as Y } from "../../utils/string.es.js";
+import { isUrlExternal as Z, handleInternalNavigation as K } from "../../utils/navigation.es.js";
+const ht = ({
+  isOpen: c,
+  selectionMode: i = "single",
+  selectedKeys: d,
+  defaultSelectedKeys: a,
+  disabledKeys: n,
+  children: s,
+  showCancel: x = !0,
+  cancelButtonText: f = "Cancel",
+  actions: y,
+  title: k,
+  onSelectionChange: g,
+  onClose: m,
+  "data-testid": P
+}) => {
+  O(c);
+  const [F, b] = M(0), [l, $] = M([]), [p, N] = M({
+    title: k,
+    actions: y,
+    key: null,
+    previousKey: null
+  }), u = p.actions || [], v = h(null), I = h(null), S = h(null), _ = h(!1), { isClosing: B, handleClose: z } = J({
+    onClose: m,
+    overlayRef: S
+  }), w = u && u.length > 0, R = () => {
+    b(0), z();
+  }, j = D({
+    items: u,
+    children: u.map((e) => /* @__PURE__ */ E(G, { ...e, key: e.key, textValue: e.key }, e.label)),
+    defaultSelectedKeys: a ? new Set(a) : void 0,
+    selectedKeys: d ? new Set(d) : void 0,
+    onSelectionChange: g,
+    selectionMode: i,
+    disabledKeys: n
+  }), { menuProps: T } = U(
+    {
+      autoFocus: !0,
+      shouldFocusWrap: !0,
+      onAction: (e) => {
+        var r;
+        const o = u.find((A) => A.key === e);
+        if (!o) {
+          console.error(`Action with key ${e} not found`);
+          return;
+        }
+        (r = o == null ? void 0 : o.children) != null && r.length && W(e);
+      },
+      onClose: () => {
+        if (_.current) {
+          _.current = !1;
+          return;
+        }
+        m == null || m();
+      },
+      disabledKeys: n,
+      onSelectionChange: g,
+      selectionMode: i,
+      selectedKeys: d,
+      defaultSelectedKeys: a,
+      "aria-label": "Action Menu"
+    },
+    j,
+    I
+  );
+  function W(e) {
+    const o = u.find((r) => r.key === e);
+    if (!o) {
+      console.error(`Action with key ${e} not found`);
+      return;
+    }
+    $((r) => [
+      ...r,
+      p
+    ]), N((r) => ({
+      title: o.label,
+      actions: o.children,
+      key: o.key,
+      previousKey: r.key
+    })), _.current = !0;
+  }
+  function q() {
+    if (l.length > 0) {
+      const e = l[l.length - 1];
+      N(e), $(l.slice(0, -1));
+    }
+  }
+  const C = s || w || x;
+  return L(() => {
+    c && requestAnimationFrame(() => {
+      v.current && b(v.current.scrollHeight);
+    });
+  }, [c, v.current, l, C]), c ? /* @__PURE__ */ t.jsx(X, { fadeIn: !0, ref: S, onClose: R, children: /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: "proton-ActionMenu__background-wrapper",
+      style: {
+        opacity: B ? 0 : 1
+      },
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          "data-testid": P || "ActionMenu-wrapper",
+          className: "proton-ActionMenu__wrapper",
+          children: /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "proton-ActionMenu__card",
+              "data-testid": "ActionMenu-content",
+              style: { height: `${F}px` },
+              children: /* @__PURE__ */ t.jsx("div", { ref: I, children: /* @__PURE__ */ t.jsxs("div", { ...T, ref: v, children: [
+                p.title && /* @__PURE__ */ t.jsxs("div", { className: "proton-ActionMenu__title", children: [
+                  l.length > 0 && /* @__PURE__ */ t.jsx("div", { style: { position: "absolute", left: 0 }, children: /* @__PURE__ */ t.jsx("button", { onClick: q, children: /* @__PURE__ */ t.jsx(H, { id: "chevron-left", size: 16 }) }) }),
+                  p.title
+                ] }),
+                C ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  s && /* @__PURE__ */ t.jsx("div", { className: "proton-ActionMenu__content", children: typeof s == "function" ? s({ close: R }) : s }),
+                  w && /* @__PURE__ */ t.jsx(
+                    "div",
+                    {
+                      className: Y(
+                        "proton-ActionMenu__list",
+                        i === "none" && "proton-ActionMenu__list--disabled"
+                      ),
+                      children: Array.from(j.collection).map((e, o) => {
+                        var A;
+                        const r = p.actions[o];
+                        return /* @__PURE__ */ t.jsx(
+                          tt,
+                          {
+                            item: e,
+                            state: j,
+                            isSubmenu: !!((A = r.children) != null && A.length)
+                          },
+                          e.key
+                        );
+                      })
+                    }
+                  ),
+                  x && /* @__PURE__ */ t.jsx(
+                    "div",
+                    {
+                      className: "proton-ActionMenu__cancel-button",
+                      tabIndex: -1,
+                      children: /* @__PURE__ */ t.jsx(
+                        Q,
+                        {
+                          "data-testid": "ActionMenuItem-cancel",
+                          onPress: m,
+                          fullWidth: !0,
+                          variant: "secondary",
+                          children: f
+                        }
+                      )
+                    }
+                  )
+                ] }) : null
+              ] }) })
+            }
+          )
+        }
+      )
+    }
+  ) }) : null;
+}, tt = ({ state: c, item: i, isSubmenu: d }) => {
+  const a = h(null), { props: n } = i, { menuItemProps: s } = V({ key: i.key }, c, a), x = n.to ? "a" : "div", f = n.to && Z(n.to), y = n.to ? {
+    href: n.to,
+    target: f ? "_blank" : void 0,
+    rel: f ? "noopener noreferrer" : void 0,
+    onClick: (k) => {
+      f || !n.to || K(
+        k,
+        n.to
+      );
+    }
+  } : {};
+  return /* @__PURE__ */ E(
+    x,
+    {
+      ...s,
+      ...y,
+      key: i.key,
+      className: "proton-ActionMenu__item",
+      "aria-label": `ActionMenu-Item-${i.key}`,
+      ref: a
+    },
+    /* @__PURE__ */ t.jsxs("div", { className: "proton-ActionMenu__item-content", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "proton-ActionMenu__item-label", children: i.rendered }),
+      n.description && /* @__PURE__ */ t.jsx("div", { className: "proton-ActionMenu__description", children: n.description })
+    ] }),
+    d && /* @__PURE__ */ t.jsx(H, { id: "chevron-right", size: 16 })
+  );
+};
+export {
+  ht as ActionMenu
+};
+//# sourceMappingURL=ActionMenu.es.js.map

package/dist/components/ActionMenu/ActionMenu.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.es.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode, useEffect, useRef, useState } from \"react\";\r\nimport { useMenu, useMenuItem } from \"@react-aria/menu\";\r\nimport { TreeState, useTreeState } from \"@react-stately/tree\";\r\nimport { Item } from \"@react-stately/collections\";\r\nimport type { Node, Selection } from \"@react-types/shared\";\r\n\r\nimport { useIsClosing } from \"../../hooks/useIsClosing\";\r\nimport { useLockBodyScroll } from \"../../hooks/useLockBodyScroll\";\r\nimport { csx, handleInternalNavigation, isUrlExternal } from \"../../utils\";\r\nimport { Button } from \"../Button/Button\";\r\nimport { ScreenOverlay } from \"../ScreenOverlay/ScreenOverlay\";\r\n\r\nimport \"./ActionMenu.css\";\r\nimport { Icon } from \"../Icon/Icon\";\r\n\r\nexport interface ActionMenuAction {\r\n  key: string;\r\n  label?: ReactNode;\r\n  description?: ReactNode;\r\n  to?: string;\r\n  onAction?: (key: string) => void;\r\n  children?: ActionMenuAction[];\r\n}\r\n\r\nexport interface ActionMenuProps {\r\n  /** The actions of the menu\r\n   * - type {@link ActionMenuAction}[]\r\n   */\r\n  actions?: ActionMenuAction[];\r\n\r\n  /** The text of the cancel button */\r\n  cancelButtonText?: string;\r\n\r\n  /** The children of the menu */\r\n  children?: ReactNode | ((props: { close: () => void }) => ReactNode);\r\n\r\n  /** The test id of the menu */\r\n  \"data-testid\"?: string;\r\n\r\n  /** The keys of the default selected items */\r\n  defaultSelectedKeys?: string[];\r\n\r\n  /** The keys of the disabled items */\r\n  disabledKeys?: string[];\r\n\r\n  /** Whether the menu is open\r\n   * @default false\r\n   */\r\n  isOpen: boolean;\r\n\r\n  /** The callback function to close the menu */\r\n  onClose?: () => void;\r\n\r\n  /** The callback function to change the selection\r\n   * - type {@link Selection}\r\n   */\r\n  onSelectionChange?: (keys: Selection) => void;\r\n\r\n  /** The selection mode of the menu\r\n   * @default \"single\"\r\n   */\r\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\r\n\r\n  /** The keys of the selected items */\r\n  selectedKeys?: string[];\r\n\r\n  /** Whether to show the cancel button */\r\n  showCancel?: boolean;\r\n\r\n  /** The title of the menu */\r\n  title?: string;\r\n}\r\n\r\ntype ActionStack = {\r\n  title: ReactNode | null;\r\n  actions: ActionMenuAction[];\r\n  key: string | null;\r\n  previousKey: string | null;\r\n};\r\n\r\n/**\r\n * ActionMenu to display a menu of actions.\r\n * Renders a list of actions as a focusable menu, or non-focusable children.\r\n *\r\n * API:\r\n *  - {@link ActionMenuProps}\r\n */\r\nexport const ActionMenu = ({\r\n  isOpen,\r\n  selectionMode = \"single\",\r\n  selectedKeys,\r\n  defaultSelectedKeys,\r\n  disabledKeys,\r\n  children,\r\n  showCancel = true,\r\n  cancelButtonText = \"Cancel\",\r\n  actions,\r\n  title,\r\n  onSelectionChange,\r\n  onClose,\r\n  \"data-testid\": testId,\r\n}: ActionMenuProps) => {\r\n  useLockBodyScroll(isOpen);\r\n  const [contentHeight, setContentHeight] = useState<number>(0);\r\n  const [stackHistory, setStackHistory] = useState<ActionStack[]>([]);\r\n  const [currentActionStack, setCurrentActionStack] = useState<ActionStack>({\r\n    title,\r\n    actions,\r\n    key: null,\r\n    previousKey: null,\r\n  });\r\n  const currentActions = currentActionStack.actions || [];\r\n\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const overlayRef = useRef<HTMLDivElement>(null);\r\n  const justNavigatedToSubmenuRef = useRef(false);\r\n  const { isClosing, handleClose } = useIsClosing({\r\n    onClose,\r\n    overlayRef,\r\n  });\r\n\r\n  const hasActions = currentActions && currentActions.length > 0;\r\n\r\n  const handleOverlayClose = () => {\r\n    setContentHeight(0);\r\n    handleClose();\r\n  };\r\n\r\n  const state = useTreeState({\r\n    items: currentActions,\r\n    children: currentActions.map((action) => (\r\n      <Item {...action} key={action.key} textValue={action.key}>\r\n        {action.label}\r\n      </Item>\r\n    )),\r\n    defaultSelectedKeys: defaultSelectedKeys\r\n      ? new Set(defaultSelectedKeys)\r\n      : undefined,\r\n    selectedKeys: selectedKeys ? new Set(selectedKeys) : undefined,\r\n    onSelectionChange,\r\n    selectionMode,\r\n    disabledKeys,\r\n  });\r\n\r\n  const { menuProps } = useMenu(\r\n    {\r\n      autoFocus: true,\r\n      shouldFocusWrap: true,\r\n      onAction: (key) => {\r\n        const action = currentActions.find((action) => action.key === key);\r\n        if (!action) {\r\n          console.error(`Action with key ${key} not found`);\r\n          return;\r\n        }\r\n\r\n        // the action's onAction is called in ActionMenuItem, so we don't need to call it again\r\n\r\n        if (action?.children?.length) {\r\n          handleSubmenuOpen(key as string);\r\n        }\r\n      },\r\n      onClose: () => {\r\n        if (justNavigatedToSubmenuRef.current) {\r\n          justNavigatedToSubmenuRef.current = false;\r\n          return;\r\n        }\r\n        onClose?.();\r\n      },\r\n      disabledKeys,\r\n      onSelectionChange,\r\n      selectionMode,\r\n      selectedKeys,\r\n      defaultSelectedKeys,\r\n      \"aria-label\": \"Action Menu\",\r\n    },\r\n    state,\r\n    menuRef\r\n  );\r\n\r\n  function handleSubmenuOpen(key: string) {\r\n    const action = currentActions.find((action) => action.key === key);\r\n    if (!action) {\r\n      console.error(`Action with key ${key} not found`);\r\n      return;\r\n    }\r\n\r\n    setStackHistory((prevStackHistory) => [\r\n      ...prevStackHistory,\r\n      currentActionStack,\r\n    ]);\r\n    setCurrentActionStack((prevStack) => ({\r\n      title: action.label,\r\n      actions: action.children,\r\n      key: action.key,\r\n      previousKey: prevStack.key,\r\n    }));\r\n    justNavigatedToSubmenuRef.current = true;\r\n  }\r\n\r\n  function handleBack() {\r\n    if (stackHistory.length > 0) {\r\n      const previousStack = stackHistory[stackHistory.length - 1];\r\n      setCurrentActionStack(previousStack);\r\n      setStackHistory(stackHistory.slice(0, -1));\r\n    }\r\n  }\r\n\r\n  const hasContent = children || hasActions || showCancel;\r\n\r\n  // We need to re-measure the open menu's content height when stack history changes\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    requestAnimationFrame(() => {\r\n      if (contentRef.current) {\r\n        setContentHeight(contentRef.current.scrollHeight);\r\n      }\r\n    });\r\n  }, [isOpen, contentRef.current, stackHistory, hasContent]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <ScreenOverlay fadeIn ref={overlayRef} onClose={handleOverlayClose}>\r\n      <div\r\n        className=\"proton-ActionMenu__background-wrapper\"\r\n        style={{\r\n          opacity: isClosing ? 0 : 1,\r\n        }}\r\n      >\r\n        <div\r\n          data-testid={testId || \"ActionMenu-wrapper\"}\r\n          className=\"proton-ActionMenu__wrapper\"\r\n        >\r\n          <div\r\n            className=\"proton-ActionMenu__card\"\r\n            data-testid=\"ActionMenu-content\"\r\n            style={{ height: `${contentHeight}px` }}\r\n          >\r\n            <div ref={menuRef}>\r\n              <div {...menuProps} ref={contentRef}>\r\n                {currentActionStack.title && (\r\n                  <div className=\"proton-ActionMenu__title\">\r\n                    {stackHistory.length > 0 && (\r\n                      <div style={{ position: \"absolute\", left: 0 }}>\r\n                        <button onClick={handleBack}>\r\n                          <Icon id=\"chevron-left\" size={16} />\r\n                        </button>\r\n                      </div>\r\n                    )}\r\n                    {currentActionStack.title}\r\n                  </div>\r\n                )}\r\n                {hasContent ? (\r\n                  <>\r\n                    {children && (\r\n                      <div className=\"proton-ActionMenu__content\">\r\n                        {typeof children === \"function\"\r\n                          ? children({ close: handleOverlayClose })\r\n                          : children}\r\n                      </div>\r\n                    )}\r\n\r\n                    {hasActions && (\r\n                      <div\r\n                        className={csx(\r\n                          \"proton-ActionMenu__list\",\r\n                          selectionMode === \"none\" &&\r\n                            \"proton-ActionMenu__list--disabled\"\r\n                        )}\r\n                      >\r\n                        {Array.from(state.collection).map((item, i) => {\r\n                          const itemProps = currentActionStack.actions[i];\r\n\r\n                          return (\r\n                            <ActionMenuItem\r\n                              key={item.key}\r\n                              item={item}\r\n                              state={state}\r\n                              isSubmenu={!!itemProps.children?.length}\r\n                            />\r\n                          );\r\n                        })}\r\n                      </div>\r\n                    )}\r\n\r\n                    {showCancel && (\r\n                      <div\r\n                        className=\"proton-ActionMenu__cancel-button\"\r\n                        tabIndex={-1}\r\n                      >\r\n                        <Button\r\n                          data-testid=\"ActionMenuItem-cancel\"\r\n                          onPress={onClose}\r\n                          fullWidth\r\n                          variant=\"secondary\"\r\n                        >\r\n                          {cancelButtonText}\r\n                        </Button>\r\n                      </div>\r\n                    )}\r\n                  </>\r\n                ) : null}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ScreenOverlay>\r\n  );\r\n};\r\n\r\ninterface ActionMenuItemProps {\r\n  to?: string;\r\n  state: TreeState<ActionMenuAction>;\r\n  item: Node<ActionMenuAction>;\r\n  isSubmenu?: boolean;\r\n}\r\n\r\nconst ActionMenuItem = ({ state, item, isSubmenu }: ActionMenuItemProps) => {\r\n  const ref = useRef(null);\r\n  const { props } = item;\r\n  const { menuItemProps } = useMenuItem({ key: item.key }, state, ref);\r\n  const Component = props.to ? \"a\" : \"div\";\r\n  const isExternal = props.to && isUrlExternal(props.to);\r\n\r\n  const anchorProps = props.to\r\n    ? {\r\n        href: props.to,\r\n        target: isExternal ? \"_blank\" : undefined,\r\n        rel: isExternal ? \"noopener noreferrer\" : undefined,\r\n        onClick: (e: React.MouseEvent<HTMLAnchorElement | HTMLDivElement>) => {\r\n          if (isExternal || !props.to) {\r\n            return;\r\n          }\r\n\r\n          handleInternalNavigation(\r\n            e as React.MouseEvent<HTMLAnchorElement>,\r\n            props.to\r\n          );\r\n        },\r\n      }\r\n    : {};\r\n\r\n  return (\r\n    <Component\r\n      {...menuItemProps}\r\n      {...anchorProps}\r\n      key={item.key}\r\n      className=\"proton-ActionMenu__item\"\r\n      aria-label={`ActionMenu-Item-${item.key}`}\r\n      ref={ref}\r\n    >\r\n      <div className=\"proton-ActionMenu__item-content\">\r\n        <div className=\"proton-ActionMenu__item-label\">{item.rendered}</div>\r\n        {props.description && (\r\n          <div className=\"proton-ActionMenu__description\">\r\n            {props.description}\r\n          </div>\r\n        )}\r\n      </div>\r\n      {isSubmenu && <Icon id=\"chevron-right\" size={16} />}\r\n    </Component>\r\n  );\r\n};\r\n"],"names":["ActionMenu","isOpen","selectionMode","selectedKeys","defaultSelectedKeys","disabledKeys","children","showCancel","cancelButtonText","actions","title","onSelectionChange","onClose","testId","useLockBodyScroll","contentHeight","setContentHeight","useState","stackHistory","setStackHistory","currentActionStack","setCurrentActionStack","currentActions","contentRef","useRef","menuRef","overlayRef","justNavigatedToSubmenuRef","isClosing","handleClose","useIsClosing","hasActions","handleOverlayClose","state","useTreeState","action","Item","menuProps","useMenu","key","_a","handleSubmenuOpen","prevStackHistory","prevStack","handleBack","previousStack","hasContent","useEffect","ScreenOverlay","jsx","jsxs","Icon","Fragment","csx","item","i","itemProps","ActionMenuItem","Button","isSubmenu","ref","props","menuItemProps","useMenuItem","Component","isExternal","isUrlExternal","anchorProps","e","handleInternalNavigation","createElement"],"mappings":"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"}

package/dist/components/Badge/Badge.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../node_modules/react/jsx-runtime.cjs.js");;/* empty css               */const s=require("../../utils/string.cjs.js"),n={primary:"primary",secondary:"secondary",transparent:"transparent",success:"success",warning:"warning",danger:"danger"},i=({variant:e,children:r,...a})=>t.jsxRuntimeExports.jsx("div",{role:"status","aria-live":"polite","data-testid":a["data-testid"],className:s.csx("proton-Badge",e&&`proton-Badge--${e}`),children:r});exports.Badge=i;exports.BadgeVariants=n;
+//# sourceMappingURL=Badge.cjs.js.map

package/dist/components/Badge/Badge.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport { csx } from \"../../utils\";\r\n\r\nimport \"./Badge.css\";\r\n\r\nexport type BadgeVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"transparent\"\r\n  | \"success\"\r\n  | \"warning\"\r\n  | \"danger\";\r\n\r\nexport const BadgeVariants: Record<BadgeVariant, BadgeVariant> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  transparent: \"transparent\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  danger: \"danger\",\r\n};\r\n\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * The content to display within the badge.\r\n   */\r\n  children: ReactNode;\r\n  /**\r\n   * The badge's visual aesthetic.\r\n   * - type {@link BadgeVariant}\r\n   */\r\n  variant?: BadgeVariant;\r\n}\r\n\r\n/**\r\n * A badge component for displaying status, categories, or counts with various visual styles.\r\n *\r\n * API:\r\n *  - {@link BadgeProps}\r\n *  - extends {@link React.HTMLAttributes}\r\n */\r\nexport const Badge = ({ variant, children, ...props }: BadgeProps) => {\r\n  return (\r\n    <div\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      data-testid={props[\"data-testid\"]}\r\n      className={csx(\"proton-Badge\", variant && `proton-Badge--${variant}`)}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["BadgeVariants","Badge","variant","children","props","jsx","csx"],"mappings":"0NAeaA,EAAoD,CAC/D,QAAS,UACT,UAAW,YACX,YAAa,cACb,QAAS,UACT,QAAS,UACT,OAAQ,QACV,EAqBaC,EAAQ,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,GAAGC,KAE1CC,EAAA,kBAAA,IAAC,MAAA,CACC,KAAK,SACL,YAAU,SACV,cAAaD,EAAM,aAAa,EAChC,UAAWE,EAAI,IAAA,eAAgBJ,GAAW,iBAAiBA,CAAO,EAAE,EAEnE,SAAAC,CAAA,CAAA"}

package/dist/components/Badge/Badge.es.js

@@ -0,0 +1,25 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
+/* empty css             */
+import { csx as e } from "../../utils/string.es.js";
+const d = {
+  primary: "primary",
+  secondary: "secondary",
+  transparent: "transparent",
+  success: "success",
+  warning: "warning",
+  danger: "danger"
+}, p = ({ variant: r, children: a, ...s }) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    role: "status",
+    "aria-live": "polite",
+    "data-testid": s["data-testid"],
+    className: e("proton-Badge", r && `proton-Badge--${r}`),
+    children: a
+  }
+);
+export {
+  p as Badge,
+  d as BadgeVariants
+};
+//# sourceMappingURL=Badge.es.js.map

package/dist/components/Badge/Badge.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.es.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport { csx } from \"../../utils\";\r\n\r\nimport \"./Badge.css\";\r\n\r\nexport type BadgeVariant =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"transparent\"\r\n  | \"success\"\r\n  | \"warning\"\r\n  | \"danger\";\r\n\r\nexport const BadgeVariants: Record<BadgeVariant, BadgeVariant> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  transparent: \"transparent\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  danger: \"danger\",\r\n};\r\n\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * The content to display within the badge.\r\n   */\r\n  children: ReactNode;\r\n  /**\r\n   * The badge's visual aesthetic.\r\n   * - type {@link BadgeVariant}\r\n   */\r\n  variant?: BadgeVariant;\r\n}\r\n\r\n/**\r\n * A badge component for displaying status, categories, or counts with various visual styles.\r\n *\r\n * API:\r\n *  - {@link BadgeProps}\r\n *  - extends {@link React.HTMLAttributes}\r\n */\r\nexport const Badge = ({ variant, children, ...props }: BadgeProps) => {\r\n  return (\r\n    <div\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      data-testid={props[\"data-testid\"]}\r\n      className={csx(\"proton-Badge\", variant && `proton-Badge--${variant}`)}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["BadgeVariants","Badge","variant","children","props","jsx","csx"],"mappings":";;;AAeO,MAAMA,IAAoD;AAAA,EAC/D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAqBaC,IAAQ,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,GAAGC,QAE1CC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,aAAU;AAAA,IACV,eAAaD,EAAM,aAAa;AAAA,IAChC,WAAWE,EAAI,gBAAgBJ,KAAW,iBAAiBA,CAAO,EAAE;AAAA,IAEnE,UAAAC;AAAA,EAAA;AAAA;"}

package/dist/components/Banner/Banner.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../node_modules/react/jsx-runtime.cjs.js"),o=require("react"),h=require("../Button/Button.cjs.js");;/* empty css                */const a=require("../../utils/string.cjs.js"),d={success:n.jsxRuntimeExports.jsx("svg",{viewBox:"0 0 20 20",height:"18",width:"18",children:n.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"})}),warning:n.jsxRuntimeExports.jsx("svg",{viewBox:"0 0 56 56",height:"17",width:"17",children:n.jsxRuntimeExports.jsx("path",{d:"M9.59 50.207h36.82c3.516 0 5.719-2.531 5.719-5.719a5.56 5.56 0 0 0-.75-2.812l-18.445-33c-1.055-1.899-2.977-2.883-4.922-2.883c-1.922 0-3.89.984-4.946 2.883L4.645 41.699c-.516.89-.774 1.828-.774 2.79c0 3.187 2.227 5.718 5.719 5.718m18.422-16.055c-1.242 0-1.922-.703-1.969-1.968l-.328-11.578c-.047-1.266.937-2.204 2.273-2.204c1.313 0 2.344.961 2.297 2.227l-.351 11.555c-.047 1.289-.727 1.968-1.922 1.968m0 8.649c-1.36 0-2.625-1.078-2.625-2.532s1.242-2.53 2.625-2.53s2.625 1.054 2.625 2.53c0 1.477-1.266 2.532-2.625 2.532"})}),danger:n.jsxRuntimeExports.jsx("svg",{viewBox:"0 0 20 20",height:"18",width:"18",children:n.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z"})})},R={default:"default",success:"success",warning:"warning",danger:"danger"},c=o.createContext(void 0),s=({variant:t="default",rounded:e=!0,icon:r=!1,compact:i=!0,children:m,"data-testid":j})=>n.jsxRuntimeExports.jsx(c.Provider,{value:t,children:n.jsxRuntimeExports.jsx("div",{role:"status","aria-live":"polite",className:a.csx("proton-Banner",`proton-Banner--${t}`,e&&"proton-Banner--rounded"),"data-testid":j,children:n.jsxRuntimeExports.jsxs("div",{className:a.csx("proton-Banner__wrapper",i&&"proton-Banner__wrapper--compact"),children:[n.jsxRuntimeExports.jsx(s.Icon,{icon:r}),n.jsxRuntimeExports.jsx("div",{className:"proton-Banner__content-wrapper",children:n.jsxRuntimeExports.jsx("div",{className:"proton-Banner__container",children:m})})]})})});s.displayName="Banner";const x=({children:t,"data-testid":e})=>{const r=o.useContext(c);if(!r)throw new Error("BannerTitle must be used within a Banner");return n.jsxRuntimeExports.jsx("h3",{className:a.csx("proton-Banner__title",`proton-Banner--${r}__title`),"data-testid":e,children:t})};x.displayName="Banner.Title";const u=({children:t,"data-testid":e})=>{const r=o.useContext(c);if(!r)throw new Error("BannerContent must be used within a Banner");return n.jsxRuntimeExports.jsx("p",{className:a.csx("proton-Banner__content",`proton-Banner--${r}__content`),"data-testid":e,children:t})};u.displayName="Banner.Content";function N(t,e){return o.isValidElement(t)?t:t?d[e]:null}const l=({icon:t,"data-testid":e})=>{const r=o.useContext(c);if(!r)throw new Error("BannerIcon must be used within a Banner");const i=N(t,r);return i?n.jsxRuntimeExports.jsx("div",{"aria-hidden":"true","data-testid":e,className:a.csx("proton-Banner__icon",`proton-Banner--${r}__icon`),children:i}):null};l.displayName="Banner.Icon";const p=({children:t,...e})=>n.jsxRuntimeExports.jsx(h.Button,{...e,children:t});p.displayName="Banner.Action";const B=({children:t})=>n.jsxRuntimeExports.jsx("div",{className:"proton-Banner__actions",children:t});B.displayName="Banner.Actions";s.Title=x;s.Content=u;s.Icon=l;s.Action=p;s.Actions=B;exports.BANNER_ICONS=d;exports.BANNER_VARIANTS=R;exports.Banner=s;
+//# sourceMappingURL=Banner.cjs.js.map

package/dist/components/Banner/Banner.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.cjs.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode, createContext, isValidElement, useContext } from \"react\";\r\nimport { csx } from \"../../utils\";\r\nimport { Button, type ButtonProps } from \"../Button/Button\";\r\n\r\nimport \"./Banner.css\";\r\n\r\n//TODO: move svgs to lib and use Icon component\r\nexport const BANNER_ICONS = {\r\n  success: (\r\n    <svg viewBox=\"0 0 20 20\" height=\"18\" width=\"18\">\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z\"\r\n      ></path>\r\n    </svg>\r\n  ),\r\n  warning: (\r\n    <svg viewBox=\"0 0 56 56\" height=\"17\" width=\"17\">\r\n      <path d=\"M9.59 50.207h36.82c3.516 0 5.719-2.531 5.719-5.719a5.56 5.56 0 0 0-.75-2.812l-18.445-33c-1.055-1.899-2.977-2.883-4.922-2.883c-1.922 0-3.89.984-4.946 2.883L4.645 41.699c-.516.89-.774 1.828-.774 2.79c0 3.187 2.227 5.718 5.719 5.718m18.422-16.055c-1.242 0-1.922-.703-1.969-1.968l-.328-11.578c-.047-1.266.937-2.204 2.273-2.204c1.313 0 2.344.961 2.297 2.227l-.351 11.555c-.047 1.289-.727 1.968-1.922 1.968m0 8.649c-1.36 0-2.625-1.078-2.625-2.532s1.242-2.53 2.625-2.53s2.625 1.054 2.625 2.53c0 1.477-1.266 2.532-2.625 2.532\" />\r\n    </svg>\r\n  ),\r\n  danger: (\r\n    <svg viewBox=\"0 0 20 20\" height=\"18\" width=\"18\">\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z\"\r\n      ></path>\r\n    </svg>\r\n  ),\r\n};\r\n\r\nexport const BANNER_VARIANTS = {\r\n  default: \"default\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  danger: \"danger\",\r\n} as const;\r\nexport type BannerVariant = \"default\" | \"success\" | \"warning\" | \"danger\";\r\n\r\nconst BannerContext = createContext<BannerVariant | undefined>(undefined);\r\n\r\ninterface BannerIconProps {\r\n  /**\r\n   * Optional custom icon or children for the icon area.\r\n   */\r\n  children?: ReactNode;\r\n  /**\r\n   * The icon to display in the banner.\r\n   * Can be a boolean to conditionally show or hide, or a ReactNode to provide a custom icon.\r\n   */\r\n  icon?: boolean | ReactNode;\r\n  /**\r\n   * The data-testid to display within the banner.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\ninterface BannerProps extends BannerIconProps {\r\n  /**\r\n   * Compact padding around the content of the banner.\r\n   * @default true\r\n   */\r\n  compact?: boolean;\r\n  /**\r\n   * The content to display within the banner.\r\n   */\r\n  children: ReactNode;\r\n  /**\r\n   * The data-testid to display within the banner.\r\n   */\r\n  \"data-testid\"?: string;\r\n  /**\r\n   * Round the corners of the banner.\r\n   * @default true\r\n   */\r\n  rounded?: boolean;\r\n  /**\r\n   * The banner's visual aesthetic.\r\n   * - type {@link BannerVariant}\r\n   */\r\n  variant?: BannerVariant;\r\n}\r\n\r\n/**\r\n * A banner used to display a success, warning, or error message.\r\n *\r\n * API:\r\n *  - {@link BannerProps}\r\n *  - extends {@link BannerIconProps}\r\n */\r\nconst Banner = ({\r\n  variant = \"default\",\r\n  rounded = true,\r\n  icon = false,\r\n  compact = true,\r\n  children,\r\n  \"data-testid\": dataTestId,\r\n}: BannerProps) => {\r\n  return (\r\n    <BannerContext.Provider value={variant}>\r\n      <div\r\n        role=\"status\"\r\n        aria-live=\"polite\"\r\n        className={csx(\r\n          \"proton-Banner\",\r\n          `proton-Banner--${variant}`,\r\n          rounded && \"proton-Banner--rounded\"\r\n        )}\r\n        data-testid={dataTestId}\r\n      >\r\n        <div\r\n          className={csx(\r\n            \"proton-Banner__wrapper\",\r\n            compact && \"proton-Banner__wrapper--compact\"\r\n          )}\r\n        >\r\n          <Banner.Icon icon={icon} />\r\n          <div className=\"proton-Banner__content-wrapper\">\r\n            <div className=\"proton-Banner__container\">{children}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </BannerContext.Provider>\r\n  );\r\n};\r\n\r\nBanner.displayName = \"Banner\";\r\n\r\nconst BannerTitle = ({\r\n  children,\r\n  \"data-testid\": dataTestId,\r\n}: {\r\n  children: ReactNode;\r\n  \"data-testid\"?: string;\r\n}) => {\r\n  const variant = useContext(BannerContext);\r\n  if (!variant) throw new Error(\"BannerTitle must be used within a Banner\");\r\n\r\n  return (\r\n    <h3\r\n      className={csx(\r\n        \"proton-Banner__title\",\r\n        `proton-Banner--${variant}__title`\r\n      )}\r\n      data-testid={dataTestId}\r\n    >\r\n      {children}\r\n    </h3>\r\n  );\r\n};\r\n\r\nBannerTitle.displayName = \"Banner.Title\";\r\n\r\nconst BannerContent = ({\r\n  children,\r\n  \"data-testid\": dataTestId,\r\n}: {\r\n  children: ReactNode;\r\n  \"data-testid\"?: string;\r\n}) => {\r\n  const variant = useContext(BannerContext);\r\n  if (!variant) throw new Error(\"BannerContent must be used within a Banner\");\r\n\r\n  return (\r\n    <p\r\n      className={csx(\r\n        \"proton-Banner__content\",\r\n        `proton-Banner--${variant}__content`\r\n      )}\r\n      data-testid={dataTestId}\r\n    >\r\n      {children}\r\n    </p>\r\n  );\r\n};\r\n\r\nBannerContent.displayName = \"Banner.Content\";\r\n\r\nfunction getIconContent(icon: ReactNode, variant: BannerVariant) {\r\n  if (isValidElement(icon)) return icon;\r\n  if (icon) return BANNER_ICONS[variant];\r\n  return null;\r\n}\r\n\r\nconst BannerIcon = ({ icon, \"data-testid\": dataTestId }: BannerIconProps) => {\r\n  const variant = useContext(BannerContext);\r\n  if (!variant) throw new Error(\"BannerIcon must be used within a Banner\");\r\n\r\n  const iconContent = getIconContent(icon, variant);\r\n  if (!iconContent) return null;\r\n\r\n  return (\r\n    <div\r\n      aria-hidden=\"true\"\r\n      data-testid={dataTestId}\r\n      className={csx(\"proton-Banner__icon\", `proton-Banner--${variant}__icon`)}\r\n    >\r\n      {iconContent}\r\n    </div>\r\n  );\r\n};\r\n\r\nBannerIcon.displayName = \"Banner.Icon\";\r\n\r\nconst BannerAction = ({ children, ...buttonProps }: ButtonProps) => {\r\n  return <Button {...buttonProps}>{children}</Button>;\r\n};\r\n\r\nBannerAction.displayName = \"Banner.Action\";\r\n\r\nconst BannerActions = ({ children }: { children: ReactNode }) => {\r\n  return <div className=\"proton-Banner__actions\">{children}</div>;\r\n};\r\n\r\nBannerActions.displayName = \"Banner.Actions\";\r\n\r\n/**\r\n * Renders an h3 styled banner.\r\n */\r\nBanner.Title = BannerTitle;\r\n\r\n/**\r\n * Renders a p styled banner.\r\n */\r\nBanner.Content = BannerContent;\r\n\r\n/**\r\n * Renders an icon inline with the banner title.\r\n *\r\n * API:\r\n *  - {@link BannerIconProps}\r\n */\r\nBanner.Icon = BannerIcon;\r\n\r\n/**\r\n * Renders a Proton Button.\r\n * - @prop buttonProps {@link ButtonProps}\r\n */\r\nBanner.Action = BannerAction;\r\n\r\n/**\r\n * Renders Proton Buttons in a responsive actions grid.\r\n */\r\nBanner.Actions = BannerActions;\r\n\r\nexport { Banner };\r\n"],"names":["BANNER_ICONS","jsx","BANNER_VARIANTS","BannerContext","createContext","Banner","variant","rounded","icon","compact","children","dataTestId","csx","jsxs","BannerTitle","useContext","BannerContent","getIconContent","isValidElement","BannerIcon","iconContent","BannerAction","buttonProps","Button","BannerActions"],"mappings":"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"}