@protonradio/proton-ui 0.11.5 → 0.11.6

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/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 n=require("../../node_modules/react/jsx-runtime.cjs.js"),t=require("react"),B=require("../../hooks/useIsClosing.cjs.js"),F=require("../../hooks/useLockBodyScroll.cjs.js"),H=require("../Button/Button.cjs.js"),P=require("../ScreenOverlay/ScreenOverlay.cjs.js");;/* empty css                    */const N=require("../Icon/Icon.cjs.js"),c=require("radix-ui"),C=require("../../utils/navigation.cjs.js"),G=({isOpen:e,actions:d=[],children:r,showCancel:l=!0,cancelButtonText:x="Cancel",selectionMode:j="single",selectedKeys:m,disabledKeys:h=[],onSelectionChange:o,onClose:s,title:a,"data-testid":i})=>{F.useLockBodyScroll(e);const[p,u]=t.useState(0),[f,_]=t.useState([]),[E,b]=t.useState({title:a,actions:d,key:null,previousKey:null}),g=t.useRef(null),q=t.useRef(null),I=t.useRef(null),{isClosing:y,handleClose:v}=B.useIsClosing({onClose:s,overlayRef:I}),M=E.actions||[],S=M&&M.length>0,w=r||S||l;function D(R){const A=M.find(k=>k.key===R);if(!A){console.error(`Action with key ${R} not found`);return}_(k=>[...k,E]),b(k=>({title:A.label,actions:A.children,key:A.key,previousKey:k.key}))}function $(){if(f.length>0){const R=f[f.length-1];b(R),_(f.slice(0,-1))}}return t.useEffect(()=>{e&&requestAnimationFrame(()=>{g.current&&u(g.current.scrollHeight+12)})},[e,f,w]),t.useEffect(()=>{e||u(0)},[e]),t.useEffect(()=>{y&&u(0)},[y]),!e&&!y?null:n.jsxRuntimeExports.jsx(P.ScreenOverlay,{fadeIn:!0,ref:I,children:n.jsxRuntimeExports.jsxs(c.DropdownMenu.Root,{modal:!0,open:e,onOpenChange:R=>{R||v()},children:[n.jsxRuntimeExports.jsx(c.DropdownMenu.Trigger,{asChild:!0,children:n.jsxRuntimeExports.jsx("div",{children:""})}),n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__background-wrapper",style:{opacity:y?0:1},children:n.jsxRuntimeExports.jsx("div",{"data-testid":i||"ActionMenu-wrapper",className:"proton-ActionMenu__wrapper",children:n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__card","data-testid":"ActionMenu-content",style:{height:`${p}px`},children:n.jsxRuntimeExports.jsx("div",{ref:q,className:"proton-ActionMenu__menu",children:n.jsxRuntimeExports.jsxs(c.DropdownMenu.Content,{loop:!0,sideOffset:8,ref:g,children:[E.title&&n.jsxRuntimeExports.jsxs("div",{className:"proton-ActionMenu__title",children:[f.length>0&&n.jsxRuntimeExports.jsx("button",{onClick:$,"aria-label":"Go back to previous menu",children:n.jsxRuntimeExports.jsx(N.Icon,{id:"chevron-left",size:16})}),n.jsxRuntimeExports.jsx("span",{children:E.title})]}),w&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[r&&n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__content",children:typeof r=="function"?r({close:v}):r}),S&&n.jsxRuntimeExports.jsx(L,{actions:M,selectionMode:j,selectedKeys:m,onSelectionChange:o,disabledKeys:h,handleSubmenuOpen:D,title:E.title}),l&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(c.DropdownMenu.Separator,{}),n.jsxRuntimeExports.jsx(c.DropdownMenu.Item,{className:"proton-ActionMenu__cancel-button",children:n.jsxRuntimeExports.jsx(H.Button,{"data-testid":"ActionMenuItem-cancel",onPress:v,fullWidth:!0,variant:"secondary",children:x})})]})]})]})})})})})]})})},L=({actions:e,selectionMode:d,selectedKeys:r=[],onSelectionChange:l,disabledKeys:x=[],handleSubmenuOpen:j,title:m})=>{const h=()=>n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:e.map((o,s)=>{var i;const a=e[s];return n.jsxRuntimeExports.jsx(z,{item:o,isSubmenu:!!((i=a.children)!=null&&i.length),selectionMode:d,onSelectionChange:l,selectedKeys:r,disabledKeys:x,handleSubmenuOpen:j},o.key)})});return n.jsxRuntimeExports.jsx("div",{"aria-disabled":d==="none",className:"proton-ActionMenu__list",role:"menu","aria-label":m?`Menu: ${m}`:"Action menu",children:d==="single"?n.jsxRuntimeExports.jsx(c.DropdownMenu.RadioGroup,{value:(r==null?void 0:r[0])||"",onValueChange:o=>{var a;const s=e.find(i=>i.key===o);(a=s==null?void 0:s.children)!=null&&a.length||l&&l(new Set([o]))},children:n.jsxRuntimeExports.jsx(h,{})}):n.jsxRuntimeExports.jsx(c.DropdownMenu.Group,{children:n.jsxRuntimeExports.jsx(h,{})})})},z=({item:e,isSubmenu:d,selectionMode:r,onSelectionChange:l,selectedKeys:x=[],disabledKeys:j=[],handleSubmenuOpen:m})=>{const h=t.useRef(null),o=e.to&&C.isUrlExternal(e.to),s={className:"proton-ActionMenu__item","aria-label":`ActionMenu-Item-${e.key}`,role:"menuitem",disabled:j.includes(e.key),ref:h},a=p=>{var u;if((u=e==null?void 0:e.children)!=null&&u.length){p.preventDefault(),m(e.key);return}e.onAction&&e.onAction(e.key)},i=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs("div",{className:"proton-ActionMenu__item-content",children:[n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__item-label",children:e.label}),e.description&&n.jsxRuntimeExports.jsx("div",{className:"proton-ActionMenu__description",children:e.description})]}),d&&n.jsxRuntimeExports.jsx(N.Icon,{id:"chevron-right",size:16})]});return e.to?t.createElement(c.DropdownMenu.Item,{...s,key:e.key,asChild:!0},n.jsxRuntimeExports.jsx("a",{"aria-label":`ActionMenu-Item-${e.key}`,"aria-disabled":j.includes(e.key),"aria-checked":x.includes(e.key),href:e.to,target:o?"_blank":void 0,rel:o?"noopener noreferrer":void 0,onClick:p=>{o||!e.to||C.handleInternalNavigation(p,e.to)},children:i})):r==="multiple"?t.createElement(c.DropdownMenu.CheckboxItem,{...s,key:e.key,checked:x.includes(e.key),onSelect:a,onCheckedChange:p=>{if(!l)return;const u=new Set(x);p?u.add(e.key):u.delete(e.key),l(u)}},i):t.createElement(c.DropdownMenu.RadioItem,{...s,value:e.key,key:e.key,"aria-checked":x.includes(e.key),onSelect:a},i)};exports.ActionMenu=G;
+//# 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\";\n\nimport { ReactNode, useEffect, useRef, useState } from \"react\";\nimport type { Selection } from \"@react-types/shared\";\n\nimport { useIsClosing } from \"../../hooks/useIsClosing\";\nimport { useLockBodyScroll } from \"../../hooks/useLockBodyScroll\";\nimport { handleInternalNavigation, isUrlExternal } from \"../../utils\";\nimport { Button } from \"../Button/Button\";\nimport { ScreenOverlay } from \"../ScreenOverlay/ScreenOverlay\";\n\nimport \"./ActionMenu.css\";\nimport { Icon } from \"../Icon/Icon\";\n\nimport { DropdownMenu } from \"radix-ui\";\n\nexport interface ActionMenuAction {\n  key: string;\n  label?: ReactNode;\n  description?: ReactNode;\n  to?: string;\n  onAction?: (key: string) => void;\n  children?: ActionMenuAction[];\n}\n\nexport type ActionMenuSelectionMode = \"single\" | \"multiple\" | \"none\";\n\nexport interface ActionMenuProps {\n  /** The actions of the menu\n   * - type {@link ActionMenuAction}[]\n   */\n  actions?: ActionMenuAction[];\n\n  /** The text of the cancel button */\n  cancelButtonText?: string;\n\n  /** The children of the menu */\n  children?: ReactNode | ((props: { close: () => void }) => ReactNode);\n\n  /** The test id of the menu */\n  \"data-testid\"?: string;\n\n  /** The keys of the disabled items\n   * @default []\n   */\n  disabledKeys?: string[];\n\n  /** Whether the menu is open\n   * @default false\n   */\n  isOpen: boolean;\n\n  /** The callback function to close the menu */\n  onClose?: () => void;\n\n  /** The callback function to change the selection\n   * - type {@link Selection}\n   */\n  onSelectionChange?: (keys: Selection) => void;\n\n  /** The selection mode of the menu\n   * @default \"single\"\n   */\n  selectionMode?: ActionMenuSelectionMode;\n\n  /** The keys of the selected items */\n  selectedKeys?: string[];\n\n  /** Whether to show the cancel button */\n  showCancel?: boolean;\n\n  /** The title of the menu */\n  title?: string;\n}\n\ntype ActionStack = {\n  title: ReactNode | null;\n  actions: ActionMenuAction[];\n  key: string | null;\n  previousKey: string | null;\n};\n\n/**\n * ActionMenu to display a menu of actions.\n * Renders a list of actions as a focusable menu, or non-focusable children.\n *\n * API:\n *  - {@link ActionMenuProps}\n */\nexport const ActionMenu = ({\n  isOpen,\n  actions = [],\n  children,\n  showCancel = true,\n  cancelButtonText = \"Cancel\",\n  selectionMode = \"single\",\n  selectedKeys,\n  disabledKeys = [],\n  onSelectionChange,\n  onClose,\n  title,\n  \"data-testid\": testId,\n}: ActionMenuProps) => {\n  useLockBodyScroll(isOpen);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n  const [stackHistory, setStackHistory] = useState<ActionStack[]>([]);\n  const [currentActionStack, setCurrentActionStack] = useState<ActionStack>({\n    title,\n    actions,\n    key: null,\n    previousKey: null,\n  });\n  const contentRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const { isClosing, handleClose } = useIsClosing({\n    onClose,\n    overlayRef,\n  });\n\n  const currentActions = currentActionStack.actions || [];\n  const hasActions = currentActions && currentActions.length > 0;\n  const hasContent = children || hasActions || showCancel;\n\n  function handleSubmenuOpen(key: string) {\n    const action = currentActions.find((action) => action.key === key);\n    if (!action) {\n      console.error(`Action with key ${key} not found`);\n      return;\n    }\n\n    setStackHistory((prevStackHistory) => [\n      ...prevStackHistory,\n      currentActionStack,\n    ]);\n    setCurrentActionStack((prevStack) => ({\n      title: action.label,\n      actions: action.children,\n      key: action.key,\n      previousKey: prevStack.key,\n    }));\n  }\n\n  function handleBack() {\n    if (stackHistory.length > 0) {\n      const previousStack = stackHistory[stackHistory.length - 1];\n      setCurrentActionStack(previousStack);\n      setStackHistory(stackHistory.slice(0, -1));\n    }\n  }\n\n  // Re-measure the open menu's content height when stack history changes\n  useEffect(() => {\n    if (!isOpen) return;\n\n    requestAnimationFrame(() => {\n      if (contentRef.current) {\n        setContentHeight(contentRef.current.scrollHeight + 12);\n      }\n    });\n  }, [isOpen, stackHistory, hasContent]);\n\n  // Reset content height when menu closes\n  useEffect(() => {\n    if (!isOpen) {\n      setContentHeight(0);\n    }\n  }, [isOpen]);\n\n  // Animate content height to 0 when closing\n  useEffect(() => {\n    if (isClosing) {\n      setContentHeight(0);\n    }\n  }, [isClosing]);\n\n  if (!isOpen && !isClosing) return null;\n\n  return (\n    <ScreenOverlay fadeIn ref={overlayRef}>\n      <DropdownMenu.Root\n        modal\n        open={isOpen}\n        onOpenChange={(open) => {\n          if (!open) handleClose();\n        }}\n      >\n        <DropdownMenu.Trigger asChild>\n          {/* No visible trigger, since menu is controlled by isOpen */}\n          <div>{\"\"}</div>\n        </DropdownMenu.Trigger>\n\n        <div\n          className=\"proton-ActionMenu__background-wrapper\"\n          style={{\n            opacity: isClosing ? 0 : 1,\n          }}\n        >\n          <div\n            data-testid={testId || \"ActionMenu-wrapper\"}\n            className=\"proton-ActionMenu__wrapper\"\n          >\n            <div\n              className=\"proton-ActionMenu__card\"\n              data-testid=\"ActionMenu-content\"\n              style={{ height: `${contentHeight}px` }}\n            >\n              <div ref={menuRef} className=\"proton-ActionMenu__menu\">\n                <DropdownMenu.Content loop sideOffset={8} ref={contentRef}>\n                  {currentActionStack.title && (\n                    <div className=\"proton-ActionMenu__title\">\n                      {stackHistory.length > 0 && (\n                        <button\n                          onClick={handleBack}\n                          aria-label=\"Go back to previous menu\"\n                        >\n                          <Icon id=\"chevron-left\" size={16} />\n                        </button>\n                      )}\n                      <span>{currentActionStack.title}</span>\n                    </div>\n                  )}\n\n                  {hasContent && (\n                    <>\n                      {children && (\n                        <div className=\"proton-ActionMenu__content\">\n                          {typeof children === \"function\"\n                            ? children({ close: handleClose })\n                            : children}\n                        </div>\n                      )}\n\n                      {hasActions && (\n                        <ActionMenuList\n                          actions={currentActions}\n                          selectionMode={selectionMode}\n                          selectedKeys={selectedKeys}\n                          onSelectionChange={onSelectionChange}\n                          disabledKeys={disabledKeys}\n                          handleSubmenuOpen={handleSubmenuOpen}\n                          title={currentActionStack.title}\n                        />\n                      )}\n\n                      {showCancel && (\n                        <>\n                          <DropdownMenu.Separator />\n                          <DropdownMenu.Item className=\"proton-ActionMenu__cancel-button\">\n                            <Button\n                              data-testid=\"ActionMenuItem-cancel\"\n                              onPress={handleClose}\n                              fullWidth\n                              variant=\"secondary\"\n                            >\n                              {cancelButtonText}\n                            </Button>\n                          </DropdownMenu.Item>\n                        </>\n                      )}\n                    </>\n                  )}\n                </DropdownMenu.Content>\n              </div>\n            </div>\n          </div>\n        </div>\n      </DropdownMenu.Root>\n    </ScreenOverlay>\n  );\n};\n\ninterface ActionMenuListProps {\n  actions: ActionMenuAction[];\n  selectionMode: ActionMenuSelectionMode;\n  selectedKeys?: string[];\n  onSelectionChange?: (keys: Selection) => void;\n  disabledKeys?: string[];\n  handleSubmenuOpen: (key: string) => void;\n  title?: ReactNode;\n}\n\nconst ActionMenuList = ({\n  actions,\n  selectionMode,\n  selectedKeys = [],\n  onSelectionChange,\n  disabledKeys = [],\n  handleSubmenuOpen,\n  title,\n}: ActionMenuListProps) => {\n  const ActionMenuItemMap = () => (\n    <>\n      {actions.map((action, i) => {\n        const itemProps = actions[i];\n        return (\n          <ActionMenuItem\n            key={action.key}\n            item={action}\n            isSubmenu={Boolean(itemProps.children?.length)}\n            selectionMode={selectionMode}\n            onSelectionChange={onSelectionChange}\n            selectedKeys={selectedKeys}\n            disabledKeys={disabledKeys}\n            handleSubmenuOpen={handleSubmenuOpen}\n          />\n        );\n      })}\n    </>\n  );\n\n  return (\n    <div\n      aria-disabled={selectionMode === \"none\"}\n      className=\"proton-ActionMenu__list\"\n      role=\"menu\"\n      aria-label={title ? `Menu: ${title}` : \"Action menu\"}\n    >\n      {selectionMode === \"single\" ? (\n        <DropdownMenu.RadioGroup\n          value={selectedKeys?.[0] || \"\"}\n          onValueChange={(value) => {\n            // Check if this is a submenu item - if so, don't trigger selection change\n            const action = actions.find((action) => action.key === value);\n            if (action?.children?.length) {\n              return;\n            }\n\n            if (onSelectionChange) {\n              onSelectionChange(new Set([value]));\n            }\n          }}\n        >\n          <ActionMenuItemMap />\n        </DropdownMenu.RadioGroup>\n      ) : (\n        <DropdownMenu.Group>\n          <ActionMenuItemMap />\n        </DropdownMenu.Group>\n      )}\n    </div>\n  );\n};\n\ninterface ActionMenuItemProps {\n  to?: string;\n  item: ActionMenuAction;\n  isSubmenu?: boolean;\n  selectionMode: ActionMenuSelectionMode;\n  onSelectionChange?: (keys: Selection) => void;\n  selectedKeys?: string[];\n  disabledKeys?: string[];\n  handleSubmenuOpen: (key: string) => void;\n}\n\nconst ActionMenuItem = ({\n  item,\n  isSubmenu,\n  selectionMode,\n  onSelectionChange,\n  selectedKeys = [],\n  disabledKeys = [],\n  handleSubmenuOpen,\n}: ActionMenuItemProps) => {\n  const ref = useRef(null);\n  const isExternal = item.to && isUrlExternal(item.to);\n  const radixItemProps = {\n    className: \"proton-ActionMenu__item\",\n    \"aria-label\": `ActionMenu-Item-${item.key}`,\n    role: \"menuitem\",\n    disabled: disabledKeys.includes(item.key),\n    ref,\n  };\n\n  const onSelect = (event: Event) => {\n    if (item?.children?.length) {\n      event.preventDefault();\n      handleSubmenuOpen(item.key);\n      return;\n    }\n    if (item.onAction) {\n      item.onAction(item.key);\n    }\n  };\n\n  const content = (\n    <>\n      <div className=\"proton-ActionMenu__item-content\">\n        <div className=\"proton-ActionMenu__item-label\">{item.label}</div>\n        {item.description && (\n          <div className=\"proton-ActionMenu__description\">\n            {item.description}\n          </div>\n        )}\n      </div>\n      {isSubmenu && <Icon id=\"chevron-right\" size={16} />}\n    </>\n  );\n\n  if (item.to) {\n    return (\n      <DropdownMenu.Item {...radixItemProps} key={item.key} asChild>\n        <a\n          aria-label={`ActionMenu-Item-${item.key}`}\n          aria-disabled={disabledKeys.includes(item.key)}\n          aria-checked={selectedKeys.includes(item.key)}\n          href={item.to}\n          target={isExternal ? \"_blank\" : undefined}\n          rel={isExternal ? \"noopener noreferrer\" : undefined}\n          onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {\n            if (isExternal || !item.to) {\n              return;\n            }\n            handleInternalNavigation(e, item.to);\n          }}\n        >\n          {content}\n        </a>\n      </DropdownMenu.Item>\n    );\n  }\n\n  if (selectionMode === \"multiple\") {\n    return (\n      <DropdownMenu.CheckboxItem\n        {...radixItemProps}\n        key={item.key}\n        checked={selectedKeys.includes(item.key)}\n        onSelect={onSelect}\n        onCheckedChange={(checked: boolean) => {\n          if (!onSelectionChange) return;\n\n          const currentKeys = new Set(selectedKeys);\n          if (checked) {\n            currentKeys.add(item.key);\n          } else {\n            currentKeys.delete(item.key);\n          }\n          onSelectionChange(currentKeys);\n        }}\n      >\n        {content}\n      </DropdownMenu.CheckboxItem>\n    );\n  }\n\n  return (\n    <DropdownMenu.RadioItem\n      {...radixItemProps}\n      value={item.key}\n      key={item.key}\n      aria-checked={selectedKeys.includes(item.key)}\n      onSelect={onSelect}\n    >\n      {content}\n    </DropdownMenu.RadioItem>\n  );\n};\n"],"names":["ActionMenu","isOpen","actions","children","showCancel","cancelButtonText","selectionMode","selectedKeys","disabledKeys","onSelectionChange","onClose","title","testId","useLockBodyScroll","contentHeight","setContentHeight","useState","stackHistory","setStackHistory","currentActionStack","setCurrentActionStack","contentRef","useRef","menuRef","overlayRef","isClosing","handleClose","useIsClosing","currentActions","hasActions","hasContent","handleSubmenuOpen","key","action","prevStackHistory","prevStack","handleBack","previousStack","useEffect","jsx","ScreenOverlay","jsxs","DropdownMenu","open","Icon","Fragment","ActionMenuList","Button","ActionMenuItemMap","i","itemProps","ActionMenuItem","_a","value","item","isSubmenu","ref","isExternal","isUrlExternal","radixItemProps","onSelect","event","content","createElement","e","handleInternalNavigation","checked","currentKeys"],"mappings":"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"}

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

@@ -0,0 +1,262 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.es.js";
+import { useState as I, useRef as _, useEffect as C, createElement as N } from "react";
+import { useIsClosing as P } from "../../hooks/useIsClosing.es.js";
+import { useLockBodyScroll as z } from "../../hooks/useLockBodyScroll.es.js";
+import { Button as D } from "../Button/Button.es.js";
+import { ScreenOverlay as L } from "../ScreenOverlay/ScreenOverlay.es.js";
+/* empty css                  */
+import { Icon as H } from "../Icon/Icon.es.js";
+import { DropdownMenu as s } from "radix-ui";
+import { isUrlExternal as q, handleInternalNavigation as T } from "../../utils/navigation.es.js";
+const tn = ({
+  isOpen: n,
+  actions: d = [],
+  children: t,
+  showCancel: l = !0,
+  cancelButtonText: u = "Cancel",
+  selectionMode: f = "single",
+  selectedKeys: p,
+  disabledKeys: k = [],
+  onSelectionChange: r,
+  onClose: o,
+  title: a,
+  "data-testid": i
+}) => {
+  z(n);
+  const [h, c] = I(0), [x, S] = I([]), [j, R] = I({
+    title: a,
+    actions: d,
+    key: null,
+    previousKey: null
+  }), M = _(null), $ = _(null), w = _(null), { isClosing: y, handleClose: b } = P({
+    onClose: o,
+    overlayRef: w
+  }), g = j.actions || [], E = g && g.length > 0, F = t || E || l;
+  function B(m) {
+    const v = g.find((A) => A.key === m);
+    if (!v) {
+      console.error(`Action with key ${m} not found`);
+      return;
+    }
+    S((A) => [
+      ...A,
+      j
+    ]), R((A) => ({
+      title: v.label,
+      actions: v.children,
+      key: v.key,
+      previousKey: A.key
+    }));
+  }
+  function G() {
+    if (x.length > 0) {
+      const m = x[x.length - 1];
+      R(m), S(x.slice(0, -1));
+    }
+  }
+  return C(() => {
+    n && requestAnimationFrame(() => {
+      M.current && c(M.current.scrollHeight + 12);
+    });
+  }, [n, x, F]), C(() => {
+    n || c(0);
+  }, [n]), C(() => {
+    y && c(0);
+  }, [y]), !n && !y ? null : /* @__PURE__ */ e.jsx(L, { fadeIn: !0, ref: w, children: /* @__PURE__ */ e.jsxs(
+    s.Root,
+    {
+      modal: !0,
+      open: n,
+      onOpenChange: (m) => {
+        m || b();
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(s.Trigger, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { children: "" }) }),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "proton-ActionMenu__background-wrapper",
+            style: {
+              opacity: y ? 0 : 1
+            },
+            children: /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                "data-testid": i || "ActionMenu-wrapper",
+                className: "proton-ActionMenu__wrapper",
+                children: /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    className: "proton-ActionMenu__card",
+                    "data-testid": "ActionMenu-content",
+                    style: { height: `${h}px` },
+                    children: /* @__PURE__ */ e.jsx("div", { ref: $, className: "proton-ActionMenu__menu", children: /* @__PURE__ */ e.jsxs(s.Content, { loop: !0, sideOffset: 8, ref: M, children: [
+                      j.title && /* @__PURE__ */ e.jsxs("div", { className: "proton-ActionMenu__title", children: [
+                        x.length > 0 && /* @__PURE__ */ e.jsx(
+                          "button",
+                          {
+                            onClick: G,
+                            "aria-label": "Go back to previous menu",
+                            children: /* @__PURE__ */ e.jsx(H, { id: "chevron-left", size: 16 })
+                          }
+                        ),
+                        /* @__PURE__ */ e.jsx("span", { children: j.title })
+                      ] }),
+                      F && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                        t && /* @__PURE__ */ e.jsx("div", { className: "proton-ActionMenu__content", children: typeof t == "function" ? t({ close: b }) : t }),
+                        E && /* @__PURE__ */ e.jsx(
+                          U,
+                          {
+                            actions: g,
+                            selectionMode: f,
+                            selectedKeys: p,
+                            onSelectionChange: r,
+                            disabledKeys: k,
+                            handleSubmenuOpen: B,
+                            title: j.title
+                          }
+                        ),
+                        l && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                          /* @__PURE__ */ e.jsx(s.Separator, {}),
+                          /* @__PURE__ */ e.jsx(s.Item, { className: "proton-ActionMenu__cancel-button", children: /* @__PURE__ */ e.jsx(
+                            D,
+                            {
+                              "data-testid": "ActionMenuItem-cancel",
+                              onPress: b,
+                              fullWidth: !0,
+                              variant: "secondary",
+                              children: u
+                            }
+                          ) })
+                        ] })
+                      ] })
+                    ] }) })
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}, U = ({
+  actions: n,
+  selectionMode: d,
+  selectedKeys: t = [],
+  onSelectionChange: l,
+  disabledKeys: u = [],
+  handleSubmenuOpen: f,
+  title: p
+}) => {
+  const k = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((r, o) => {
+    var i;
+    const a = n[o];
+    return /* @__PURE__ */ e.jsx(
+      V,
+      {
+        item: r,
+        isSubmenu: !!((i = a.children) != null && i.length),
+        selectionMode: d,
+        onSelectionChange: l,
+        selectedKeys: t,
+        disabledKeys: u,
+        handleSubmenuOpen: f
+      },
+      r.key
+    );
+  }) });
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "aria-disabled": d === "none",
+      className: "proton-ActionMenu__list",
+      role: "menu",
+      "aria-label": p ? `Menu: ${p}` : "Action menu",
+      children: d === "single" ? /* @__PURE__ */ e.jsx(
+        s.RadioGroup,
+        {
+          value: (t == null ? void 0 : t[0]) || "",
+          onValueChange: (r) => {
+            var a;
+            const o = n.find((i) => i.key === r);
+            (a = o == null ? void 0 : o.children) != null && a.length || l && l(/* @__PURE__ */ new Set([r]));
+          },
+          children: /* @__PURE__ */ e.jsx(k, {})
+        }
+      ) : /* @__PURE__ */ e.jsx(s.Group, { children: /* @__PURE__ */ e.jsx(k, {}) })
+    }
+  );
+}, V = ({
+  item: n,
+  isSubmenu: d,
+  selectionMode: t,
+  onSelectionChange: l,
+  selectedKeys: u = [],
+  disabledKeys: f = [],
+  handleSubmenuOpen: p
+}) => {
+  const k = _(null), r = n.to && q(n.to), o = {
+    className: "proton-ActionMenu__item",
+    "aria-label": `ActionMenu-Item-${n.key}`,
+    role: "menuitem",
+    disabled: f.includes(n.key),
+    ref: k
+  }, a = (h) => {
+    var c;
+    if ((c = n == null ? void 0 : n.children) != null && c.length) {
+      h.preventDefault(), p(n.key);
+      return;
+    }
+    n.onAction && n.onAction(n.key);
+  }, i = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "proton-ActionMenu__item-content", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "proton-ActionMenu__item-label", children: n.label }),
+      n.description && /* @__PURE__ */ e.jsx("div", { className: "proton-ActionMenu__description", children: n.description })
+    ] }),
+    d && /* @__PURE__ */ e.jsx(H, { id: "chevron-right", size: 16 })
+  ] });
+  return n.to ? /* @__PURE__ */ N(s.Item, { ...o, key: n.key, asChild: !0 }, /* @__PURE__ */ e.jsx(
+    "a",
+    {
+      "aria-label": `ActionMenu-Item-${n.key}`,
+      "aria-disabled": f.includes(n.key),
+      "aria-checked": u.includes(n.key),
+      href: n.to,
+      target: r ? "_blank" : void 0,
+      rel: r ? "noopener noreferrer" : void 0,
+      onClick: (h) => {
+        r || !n.to || T(h, n.to);
+      },
+      children: i
+    }
+  )) : t === "multiple" ? /* @__PURE__ */ N(
+    s.CheckboxItem,
+    {
+      ...o,
+      key: n.key,
+      checked: u.includes(n.key),
+      onSelect: a,
+      onCheckedChange: (h) => {
+        if (!l) return;
+        const c = new Set(u);
+        h ? c.add(n.key) : c.delete(n.key), l(c);
+      }
+    },
+    i
+  ) : /* @__PURE__ */ N(
+    s.RadioItem,
+    {
+      ...o,
+      value: n.key,
+      key: n.key,
+      "aria-checked": u.includes(n.key),
+      onSelect: a
+    },
+    i
+  );
+};
+export {
+  tn 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\";\n\nimport { ReactNode, useEffect, useRef, useState } from \"react\";\nimport type { Selection } from \"@react-types/shared\";\n\nimport { useIsClosing } from \"../../hooks/useIsClosing\";\nimport { useLockBodyScroll } from \"../../hooks/useLockBodyScroll\";\nimport { handleInternalNavigation, isUrlExternal } from \"../../utils\";\nimport { Button } from \"../Button/Button\";\nimport { ScreenOverlay } from \"../ScreenOverlay/ScreenOverlay\";\n\nimport \"./ActionMenu.css\";\nimport { Icon } from \"../Icon/Icon\";\n\nimport { DropdownMenu } from \"radix-ui\";\n\nexport interface ActionMenuAction {\n  key: string;\n  label?: ReactNode;\n  description?: ReactNode;\n  to?: string;\n  onAction?: (key: string) => void;\n  children?: ActionMenuAction[];\n}\n\nexport type ActionMenuSelectionMode = \"single\" | \"multiple\" | \"none\";\n\nexport interface ActionMenuProps {\n  /** The actions of the menu\n   * - type {@link ActionMenuAction}[]\n   */\n  actions?: ActionMenuAction[];\n\n  /** The text of the cancel button */\n  cancelButtonText?: string;\n\n  /** The children of the menu */\n  children?: ReactNode | ((props: { close: () => void }) => ReactNode);\n\n  /** The test id of the menu */\n  \"data-testid\"?: string;\n\n  /** The keys of the disabled items\n   * @default []\n   */\n  disabledKeys?: string[];\n\n  /** Whether the menu is open\n   * @default false\n   */\n  isOpen: boolean;\n\n  /** The callback function to close the menu */\n  onClose?: () => void;\n\n  /** The callback function to change the selection\n   * - type {@link Selection}\n   */\n  onSelectionChange?: (keys: Selection) => void;\n\n  /** The selection mode of the menu\n   * @default \"single\"\n   */\n  selectionMode?: ActionMenuSelectionMode;\n\n  /** The keys of the selected items */\n  selectedKeys?: string[];\n\n  /** Whether to show the cancel button */\n  showCancel?: boolean;\n\n  /** The title of the menu */\n  title?: string;\n}\n\ntype ActionStack = {\n  title: ReactNode | null;\n  actions: ActionMenuAction[];\n  key: string | null;\n  previousKey: string | null;\n};\n\n/**\n * ActionMenu to display a menu of actions.\n * Renders a list of actions as a focusable menu, or non-focusable children.\n *\n * API:\n *  - {@link ActionMenuProps}\n */\nexport const ActionMenu = ({\n  isOpen,\n  actions = [],\n  children,\n  showCancel = true,\n  cancelButtonText = \"Cancel\",\n  selectionMode = \"single\",\n  selectedKeys,\n  disabledKeys = [],\n  onSelectionChange,\n  onClose,\n  title,\n  \"data-testid\": testId,\n}: ActionMenuProps) => {\n  useLockBodyScroll(isOpen);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n  const [stackHistory, setStackHistory] = useState<ActionStack[]>([]);\n  const [currentActionStack, setCurrentActionStack] = useState<ActionStack>({\n    title,\n    actions,\n    key: null,\n    previousKey: null,\n  });\n  const contentRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const { isClosing, handleClose } = useIsClosing({\n    onClose,\n    overlayRef,\n  });\n\n  const currentActions = currentActionStack.actions || [];\n  const hasActions = currentActions && currentActions.length > 0;\n  const hasContent = children || hasActions || showCancel;\n\n  function handleSubmenuOpen(key: string) {\n    const action = currentActions.find((action) => action.key === key);\n    if (!action) {\n      console.error(`Action with key ${key} not found`);\n      return;\n    }\n\n    setStackHistory((prevStackHistory) => [\n      ...prevStackHistory,\n      currentActionStack,\n    ]);\n    setCurrentActionStack((prevStack) => ({\n      title: action.label,\n      actions: action.children,\n      key: action.key,\n      previousKey: prevStack.key,\n    }));\n  }\n\n  function handleBack() {\n    if (stackHistory.length > 0) {\n      const previousStack = stackHistory[stackHistory.length - 1];\n      setCurrentActionStack(previousStack);\n      setStackHistory(stackHistory.slice(0, -1));\n    }\n  }\n\n  // Re-measure the open menu's content height when stack history changes\n  useEffect(() => {\n    if (!isOpen) return;\n\n    requestAnimationFrame(() => {\n      if (contentRef.current) {\n        setContentHeight(contentRef.current.scrollHeight + 12);\n      }\n    });\n  }, [isOpen, stackHistory, hasContent]);\n\n  // Reset content height when menu closes\n  useEffect(() => {\n    if (!isOpen) {\n      setContentHeight(0);\n    }\n  }, [isOpen]);\n\n  // Animate content height to 0 when closing\n  useEffect(() => {\n    if (isClosing) {\n      setContentHeight(0);\n    }\n  }, [isClosing]);\n\n  if (!isOpen && !isClosing) return null;\n\n  return (\n    <ScreenOverlay fadeIn ref={overlayRef}>\n      <DropdownMenu.Root\n        modal\n        open={isOpen}\n        onOpenChange={(open) => {\n          if (!open) handleClose();\n        }}\n      >\n        <DropdownMenu.Trigger asChild>\n          {/* No visible trigger, since menu is controlled by isOpen */}\n          <div>{\"\"}</div>\n        </DropdownMenu.Trigger>\n\n        <div\n          className=\"proton-ActionMenu__background-wrapper\"\n          style={{\n            opacity: isClosing ? 0 : 1,\n          }}\n        >\n          <div\n            data-testid={testId || \"ActionMenu-wrapper\"}\n            className=\"proton-ActionMenu__wrapper\"\n          >\n            <div\n              className=\"proton-ActionMenu__card\"\n              data-testid=\"ActionMenu-content\"\n              style={{ height: `${contentHeight}px` }}\n            >\n              <div ref={menuRef} className=\"proton-ActionMenu__menu\">\n                <DropdownMenu.Content loop sideOffset={8} ref={contentRef}>\n                  {currentActionStack.title && (\n                    <div className=\"proton-ActionMenu__title\">\n                      {stackHistory.length > 0 && (\n                        <button\n                          onClick={handleBack}\n                          aria-label=\"Go back to previous menu\"\n                        >\n                          <Icon id=\"chevron-left\" size={16} />\n                        </button>\n                      )}\n                      <span>{currentActionStack.title}</span>\n                    </div>\n                  )}\n\n                  {hasContent && (\n                    <>\n                      {children && (\n                        <div className=\"proton-ActionMenu__content\">\n                          {typeof children === \"function\"\n                            ? children({ close: handleClose })\n                            : children}\n                        </div>\n                      )}\n\n                      {hasActions && (\n                        <ActionMenuList\n                          actions={currentActions}\n                          selectionMode={selectionMode}\n                          selectedKeys={selectedKeys}\n                          onSelectionChange={onSelectionChange}\n                          disabledKeys={disabledKeys}\n                          handleSubmenuOpen={handleSubmenuOpen}\n                          title={currentActionStack.title}\n                        />\n                      )}\n\n                      {showCancel && (\n                        <>\n                          <DropdownMenu.Separator />\n                          <DropdownMenu.Item className=\"proton-ActionMenu__cancel-button\">\n                            <Button\n                              data-testid=\"ActionMenuItem-cancel\"\n                              onPress={handleClose}\n                              fullWidth\n                              variant=\"secondary\"\n                            >\n                              {cancelButtonText}\n                            </Button>\n                          </DropdownMenu.Item>\n                        </>\n                      )}\n                    </>\n                  )}\n                </DropdownMenu.Content>\n              </div>\n            </div>\n          </div>\n        </div>\n      </DropdownMenu.Root>\n    </ScreenOverlay>\n  );\n};\n\ninterface ActionMenuListProps {\n  actions: ActionMenuAction[];\n  selectionMode: ActionMenuSelectionMode;\n  selectedKeys?: string[];\n  onSelectionChange?: (keys: Selection) => void;\n  disabledKeys?: string[];\n  handleSubmenuOpen: (key: string) => void;\n  title?: ReactNode;\n}\n\nconst ActionMenuList = ({\n  actions,\n  selectionMode,\n  selectedKeys = [],\n  onSelectionChange,\n  disabledKeys = [],\n  handleSubmenuOpen,\n  title,\n}: ActionMenuListProps) => {\n  const ActionMenuItemMap = () => (\n    <>\n      {actions.map((action, i) => {\n        const itemProps = actions[i];\n        return (\n          <ActionMenuItem\n            key={action.key}\n            item={action}\n            isSubmenu={Boolean(itemProps.children?.length)}\n            selectionMode={selectionMode}\n            onSelectionChange={onSelectionChange}\n            selectedKeys={selectedKeys}\n            disabledKeys={disabledKeys}\n            handleSubmenuOpen={handleSubmenuOpen}\n          />\n        );\n      })}\n    </>\n  );\n\n  return (\n    <div\n      aria-disabled={selectionMode === \"none\"}\n      className=\"proton-ActionMenu__list\"\n      role=\"menu\"\n      aria-label={title ? `Menu: ${title}` : \"Action menu\"}\n    >\n      {selectionMode === \"single\" ? (\n        <DropdownMenu.RadioGroup\n          value={selectedKeys?.[0] || \"\"}\n          onValueChange={(value) => {\n            // Check if this is a submenu item - if so, don't trigger selection change\n            const action = actions.find((action) => action.key === value);\n            if (action?.children?.length) {\n              return;\n            }\n\n            if (onSelectionChange) {\n              onSelectionChange(new Set([value]));\n            }\n          }}\n        >\n          <ActionMenuItemMap />\n        </DropdownMenu.RadioGroup>\n      ) : (\n        <DropdownMenu.Group>\n          <ActionMenuItemMap />\n        </DropdownMenu.Group>\n      )}\n    </div>\n  );\n};\n\ninterface ActionMenuItemProps {\n  to?: string;\n  item: ActionMenuAction;\n  isSubmenu?: boolean;\n  selectionMode: ActionMenuSelectionMode;\n  onSelectionChange?: (keys: Selection) => void;\n  selectedKeys?: string[];\n  disabledKeys?: string[];\n  handleSubmenuOpen: (key: string) => void;\n}\n\nconst ActionMenuItem = ({\n  item,\n  isSubmenu,\n  selectionMode,\n  onSelectionChange,\n  selectedKeys = [],\n  disabledKeys = [],\n  handleSubmenuOpen,\n}: ActionMenuItemProps) => {\n  const ref = useRef(null);\n  const isExternal = item.to && isUrlExternal(item.to);\n  const radixItemProps = {\n    className: \"proton-ActionMenu__item\",\n    \"aria-label\": `ActionMenu-Item-${item.key}`,\n    role: \"menuitem\",\n    disabled: disabledKeys.includes(item.key),\n    ref,\n  };\n\n  const onSelect = (event: Event) => {\n    if (item?.children?.length) {\n      event.preventDefault();\n      handleSubmenuOpen(item.key);\n      return;\n    }\n    if (item.onAction) {\n      item.onAction(item.key);\n    }\n  };\n\n  const content = (\n    <>\n      <div className=\"proton-ActionMenu__item-content\">\n        <div className=\"proton-ActionMenu__item-label\">{item.label}</div>\n        {item.description && (\n          <div className=\"proton-ActionMenu__description\">\n            {item.description}\n          </div>\n        )}\n      </div>\n      {isSubmenu && <Icon id=\"chevron-right\" size={16} />}\n    </>\n  );\n\n  if (item.to) {\n    return (\n      <DropdownMenu.Item {...radixItemProps} key={item.key} asChild>\n        <a\n          aria-label={`ActionMenu-Item-${item.key}`}\n          aria-disabled={disabledKeys.includes(item.key)}\n          aria-checked={selectedKeys.includes(item.key)}\n          href={item.to}\n          target={isExternal ? \"_blank\" : undefined}\n          rel={isExternal ? \"noopener noreferrer\" : undefined}\n          onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {\n            if (isExternal || !item.to) {\n              return;\n            }\n            handleInternalNavigation(e, item.to);\n          }}\n        >\n          {content}\n        </a>\n      </DropdownMenu.Item>\n    );\n  }\n\n  if (selectionMode === \"multiple\") {\n    return (\n      <DropdownMenu.CheckboxItem\n        {...radixItemProps}\n        key={item.key}\n        checked={selectedKeys.includes(item.key)}\n        onSelect={onSelect}\n        onCheckedChange={(checked: boolean) => {\n          if (!onSelectionChange) return;\n\n          const currentKeys = new Set(selectedKeys);\n          if (checked) {\n            currentKeys.add(item.key);\n          } else {\n            currentKeys.delete(item.key);\n          }\n          onSelectionChange(currentKeys);\n        }}\n      >\n        {content}\n      </DropdownMenu.CheckboxItem>\n    );\n  }\n\n  return (\n    <DropdownMenu.RadioItem\n      {...radixItemProps}\n      value={item.key}\n      key={item.key}\n      aria-checked={selectedKeys.includes(item.key)}\n      onSelect={onSelect}\n    >\n      {content}\n    </DropdownMenu.RadioItem>\n  );\n};\n"],"names":["ActionMenu","isOpen","actions","children","showCancel","cancelButtonText","selectionMode","selectedKeys","disabledKeys","onSelectionChange","onClose","title","testId","useLockBodyScroll","contentHeight","setContentHeight","useState","stackHistory","setStackHistory","currentActionStack","setCurrentActionStack","contentRef","useRef","menuRef","overlayRef","isClosing","handleClose","useIsClosing","currentActions","hasActions","hasContent","handleSubmenuOpen","key","action","prevStackHistory","prevStack","handleBack","previousStack","useEffect","jsx","ScreenOverlay","jsxs","DropdownMenu","open","Icon","Fragment","ActionMenuList","Button","ActionMenuItemMap","i","itemProps","ActionMenuItem","_a","value","item","isSubmenu","ref","isExternal","isUrlExternal","radixItemProps","onSelect","event","content","createElement","e","handleInternalNavigation","checked","currentKeys"],"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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"}