@zonos/amino 5.1.70 → 5.1.71

package/NavigationGroup.module-0238baae.js

@@ -0,0 +1 @@
+"use strict";require("./style-inject.es-d4ddeae4.js").styleInject(".Amino_NavigationGroup-module__wrapper--7xWZ9{display:flex;flex-direction:column}.Amino_NavigationGroup-module__styledNavigationItem--CFkop{align-items:center;border-radius:var(--amino-radius-6);color:var(--amino-gray-800);display:flex;flex-direction:row;font-size:var(--amino-font-size-base);font-weight:500;height:32px;padding:var(--amino-space-4) var(--amino-space-8) var(--amino-space-4) 6px}.Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover{background-color:var(--amino-hover-color);color:var(--amino-gray-1200)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover svg{color:var(--amino-gray-800)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop svg{color:var(--amino-gray-600);height:var(--amino-space-24);width:var(--amino-space-24)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationContent--33616{flex-grow:1}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationContent--33616>*{height:100%}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationItemIcon--d7lUf{flex-basis:var(--amino-space-32);flex-grow:0;flex-shrink:0}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__active--Rj4xu{background-color:var(--amino-gray-100);color:var(--amino-gray-1200);font-weight:600}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__active--Rj4xu svg{color:var(--amino-gray-1200)}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover{background-color:initial}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop svg{color:var(--amino-gray-1200)}.Amino_NavigationGroup-module__styledGroupItemWrapper--Lre77{border-left:1px solid var(--amino-gray-200);margin-left:17px;padding-left:var(--amino-space-20)}"),exports.styles={wrapper:"Amino_NavigationGroup-module__wrapper--7xWZ9",styledNavigationItem:"Amino_NavigationGroup-module__styledNavigationItem--CFkop",styledNavigationContent:"Amino_NavigationGroup-module__styledNavigationContent--33616",styledNavigationItemIcon:"Amino_NavigationGroup-module__styledNavigationItemIcon--d7lUf",active:"Amino_NavigationGroup-module__active--Rj4xu",styledItemWrapper:"Amino_NavigationGroup-module__styledItemWrapper--16hAJ",collapsed:"Amino_NavigationGroup-module__collapsed--l1PZq",styledGroupItemWrapper:"Amino_NavigationGroup-module__styledGroupItemWrapper--Lre77"};

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("styled-components"),require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__aminoCheckbox--s-hZQ",_="Amino_Checkbox-module__infoWrapper--0j0cc",h="Amino_Checkbox-module__styledLabelDescription--m4mFs",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__labelWrapper--opXpk",k="Amino_Checkbox-module__checkboxContainer--T3dHf",p="Amino_Checkbox-module__disabled--5BFJi",C="Amino_Checkbox-module__styledSubtitle--F4Zg5";t.styleInject(".Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}.Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:.6}");var g=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,y=void 0!==d&&d,A=n.className,f=n.disabled,v=n.icon,j=n.label,w=n.labelComponent,N=n.labelDescription,q=n.onChange,T=n.style,F=n.subtitle,B=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),H=null==j?void 0:j.replace(/\s/g,"-").toLowerCase(),L=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:j})}),[j]),S=function(e){t||e.stopPropagation(),f||q(!y,e)};return o.jsxs("label",e.__assign({className:m.default(A,k,"amino-input-wrapper",{disabled:f},f?p:""),"data-testid":L,htmlFor:H,onClick:function(e){S(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||S(e)},style:e.__assign(e.__assign({},T),{"--amino-checkbox-background":y?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":y?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":y?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":y?l.theme.blue200:"","--amino-checkbox-disabled-border":y?"none":"1.5px solid ".concat(l.theme.gray300)})},B,{children:[o.jsx("div",{className:b,id:H,children:o.jsx(a.AnimatePresence,{children:y&&o.jsx(g,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),w||j&&o.jsxs("div",{className:_,children:[o.jsxs("div",{className:u,children:[v,o.jsxs(c.Text,{className:x,type:"input-label",children:[j,N&&o.jsx("span",{className:h,children:N})]})]}),F&&o.jsx(c.Text,{className:C,type:"subtitle",children:F})]})]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("styled-components"),require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__aminoCheckbox--s-hZQ",_="Amino_Checkbox-module__infoWrapper--0j0cc",h="Amino_Checkbox-module__styledLabelDescription--m4mFs",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__labelWrapper--opXpk",k="Amino_Checkbox-module__checkboxContainer--T3dHf",p="Amino_Checkbox-module__disabled--5BFJi",C="Amino_Checkbox-module__styledSubtitle--F4Zg5";t.styleInject(".Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}.Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:.6}");var g=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,y=void 0!==d&&d,A=n.className,v=n.disabled,f=n.icon,j=n.label,w=n.labelComponent,N=n.labelDescription,q=n.onChange,T=n.style,F=n.subtitle,B=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),H=null==j?void 0:j.replace(/\s/g,"-").toLowerCase(),I=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:j})}),[j]),L=function(e){t||e.stopPropagation(),v||q(!y,e)};return o.jsx("label",e.__assign({className:A,htmlFor:H,style:e.__assign(e.__assign({},T),{"--amino-checkbox-background":y?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":y?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":y?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":y?l.theme.blue200:"","--amino-checkbox-disabled-border":y?"none":"1.5px solid ".concat(l.theme.gray300)})},B,{children:o.jsxs("div",{className:m.default(k,"amino-input-wrapper",v?p:""),"data-testid":I,onClick:function(e){L(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||L(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:b,id:H,children:o.jsx(a.AnimatePresence,{children:y&&o.jsx(g,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),w||j&&o.jsxs("div",{className:_,children:[o.jsxs("div",{className:u,children:[f,o.jsxs(c.Text,{className:x,type:"input-label",children:[j,N&&o.jsx("span",{className:h,children:N})]})]}),F&&o.jsx(c.Text,{className:C,type:"subtitle",children:F})]})]})}))};

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("../input/SearchInput.js");require("./NavigationGroup.js");var a=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-ccfac372.js"),require("react"),require("clsx"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("styled-components"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var i={aminoLayout:"Amino_Layout-module__aminoLayout--k-8EW",contentGrid:"Amino_Layout-module__contentGrid--6ltoS",styledSidebar:"Amino_Layout-module__styledSidebar--dnwoo",sidebarContent:"Amino_Layout-module__sidebarContent--NXMVV",searchInputWrapper:"Amino_Layout-module__searchInputWrapper--JldDc",styledLogoSidebar:"Amino_Layout-module__styledLogoSidebar--MTiPe",styledSearchInput:"Amino_Layout-module__styledSearchInput--uJCBW",content:"Amino_Layout-module__content--LYUwT",header:"Amino_Layout-module__header--lID5Y",footer:"Amino_Layout-module__footer--5enlV"};r.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border);box-sizing:border-box;display:grid;grid-template-rows:1fr calc(39px + var(--amino-space-24)*2);height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input ::-webkit-input-placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input ::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(r){var t=r.className,n=r.content,d=r.footer,s=r.headerContent,l=r.logoSidebar,u=r.searchInput,m=r.sidebar;return e.jsxs("main",{className:[t,i.aminoLayout].join(" "),style:{"--height":s?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"},children:[!!s&&e.jsx("header",{className:i.header,children:s}),e.jsxs("div",{className:i.contentGrid,children:[e.jsxs("nav",{className:i.styledSidebar,children:[e.jsxs("div",{className:i.sidebarContent,children:[!!l&&e.jsx("div",{className:i.styledLogoSidebar,children:l}),!!u&&e.jsx("div",{className:i.searchInputWrapper,children:e.jsx(o.SearchInput,{className:i.styledSearchInput,onChange:u.onChange,value:u.value})}),m]}),e.jsx("div",{className:i.footer,children:d})]}),e.jsx("div",{className:i.content,children:n})]})]})};
+"use strict";var e=require("react/jsx-runtime"),o=require("../input/SearchInput.js");require("clsx"),require("react"),require("@mui/material/Collapse"),require("../../NavigationGroup.module-0238baae.js");var a=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-ccfac372.js"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js");var i={aminoLayout:"Amino_Layout-module__aminoLayout--k-8EW",contentGrid:"Amino_Layout-module__contentGrid--6ltoS",styledSidebar:"Amino_Layout-module__styledSidebar--dnwoo",sidebarContent:"Amino_Layout-module__sidebarContent--NXMVV",searchInputWrapper:"Amino_Layout-module__searchInputWrapper--JldDc",styledLogoSidebar:"Amino_Layout-module__styledLogoSidebar--MTiPe",styledSearchInput:"Amino_Layout-module__styledSearchInput--uJCBW",content:"Amino_Layout-module__content--LYUwT",header:"Amino_Layout-module__header--lID5Y",footer:"Amino_Layout-module__footer--5enlV"};r.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border);box-sizing:border-box;display:grid;grid-template-rows:1fr calc(39px + var(--amino-space-24)*2);height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input ::-webkit-input-placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input ::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(r){var t=r.className,n=r.content,d=r.footer,s=r.headerContent,l=r.logoSidebar,u=r.searchInput,m=r.sidebar;return e.jsxs("main",{className:[t,i.aminoLayout].join(" "),style:{"--height":s?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"},children:[!!s&&e.jsx("header",{className:i.header,children:s}),e.jsxs("div",{className:i.contentGrid,children:[e.jsxs("nav",{className:i.styledSidebar,children:[e.jsxs("div",{className:i.sidebarContent,children:[!!l&&e.jsx("div",{className:i.styledLogoSidebar,children:l}),!!u&&e.jsx("div",{className:i.searchInputWrapper,children:e.jsx(o.SearchInput,{className:i.styledSearchInput,onChange:u.onChange,value:u.value})}),m]}),e.jsx("div",{className:i.footer,children:d})]}),e.jsx("div",{className:i.content,children:n})]})]})};

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../collapse/Collapse.js"),o=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("@mui/material/Collapse");var a,i,c,s,d,m,p,g,h,f=l(r),u=f.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),x=f.default.div(i||(i=n.__makeTemplateObject([""],[""]))),v=f.default.div(c||(c=n.__makeTemplateObject([""],[""]))),b=f.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 32px;\n  padding: "," "," "," 6px;\n  color: ",";\n  font-size: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    height: 24px;\n    width: 24px;\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 32px;\n  padding: "," "," "," 6px;\n  color: ",";\n  font-size: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    height: 24px;\n    width: 24px;\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"])),o.theme.space4,o.theme.space8,o.theme.space4,o.theme.gray800,o.theme.fontSizeBase,o.theme.radius6,o.theme.hoverColor,o.theme.gray1200,o.theme.gray800,o.theme.gray600,v,(function(e){return e.$icon&&r.css(s||(s=n.__makeTemplateObject(["\n      "," {\n        flex-basis: 32px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "],["\n      "," {\n        flex-basis: 32px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "])),x)}),(function(e){return e.$isActive&&r.css(d||(d=n.__makeTemplateObject(["\n      && {\n        background-color: ",";\n        color: ",";\n        font-weight: 600;\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      && {\n        background-color: ",";\n        color: ",";\n        font-weight: 600;\n        svg {\n          color: ",";\n        }\n      }\n    "])),o.theme.gray100,o.theme.gray1200,o.theme.gray1200)})),_=f.default.div(g||(g=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&r.css(p||(p=n.__makeTemplateObject(["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "])),b,o.theme.gray1200,o.theme.gray1200)})),j=f.default(t.Collapse)(h||(h=n.__makeTemplateObject(["\n  padding-left: 20px;\n  margin-left: 17px;\n  border-left: 1px solid ",";\n"],["\n  padding-left: 20px;\n  margin-left: 17px;\n  border-left: 1px solid ",";\n"])),o.theme.gray200);exports.NavigationGroup=function(n){var r=n.children,t=n.className,o=n.collapsed,l=void 0!==o&&o,a=n.content;return e.jsxs(u,{className:t,children:[e.jsx(_,{$collapsed:l,children:a}),e.jsx(j,{collapsed:l,children:r})]})},exports.NavigationItem=function(n){var r=n.className,t=n.content,o=n.icon,l=n.isActive,a=void 0!==l&&l;return e.jsxs(b,{$icon:!!o,$isActive:a,className:r,children:[o&&e.jsx(x,{children:o}),t]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("clsx"),a=require("../collapse/Collapse.js"),l=require("../../NavigationGroup.module-0238baae.js");function t(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@mui/material/Collapse"),require("../../style-inject.es-d4ddeae4.js");var r=t(s);exports.NavigationGroup=function(s){var t=s.children,i=s.className,c=s.collapsed,n=void 0!==c&&c,o=s.content;return e.jsxs("div",{className:r.default(i,l.styles.wrapper),children:[e.jsx("div",{className:r.default(l.styles.styledItemWrapper,!n&&l.styles.collapsed),children:o}),e.jsx(a.Collapse,{className:l.styles.styledGroupItemWrapper,collapsed:n,children:t})]})},exports.NavigationItem=function(s){var a=s.className,t=s.content,i=s.icon,c=s.isActive,n=void 0!==c&&c;return e.jsxs("div",{className:r.default(a,l.styles.styledNavigationItem,n&&l.styles.active),children:[i&&e.jsx("div",{className:l.styles.styledNavigationItemIcon,children:i}),t]})};

package/components/list/CollapsibleList.d.ts

@@ -9,4 +9,4 @@ export type CollapsibleListProps = ListProps & {
     startExpanded?: boolean;
     title: ReactNode;
 };
-export declare const CollapsibleList: ({ children, className, icon, startExpanded, title, withBorder, withNegativeMargin, }: CollapsibleListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CollapsibleList: ({ children, className, icon, startExpanded, style, title, withBorder, withNegativeMargin, }: CollapsibleListProps) => import("react/jsx-runtime").JSX.Element;

package/components/list/CollapsibleList.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),a=require("../collapse/Collapse.js"),i=require("./List.js"),s=require("../list-item/ListItem.js"),o=require("../../icons/ChevronUpIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("@mui/material/Collapse"),require("../text/Text.js"),require("../../icons/icon-base/_IconBase.js");var p,d,u,m,_,h,j,g=c(t),x=g.default(a.Collapse)(d||(d=e.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$hasIcon&&t.css(p||(p=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "],["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "])))})),b=g.default(s.ListItem)(m||(m=e.__makeTemplateObject(["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"])),(function(n){return!n.$hasIcon&&t.css(u||(u=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        display: none;\n      }\n    "],["\n      .___icon-wrapper {\n        display: none;\n      }\n    "])))}),l.theme.transition),f=g.default(i.List)(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&t.css(_||(_=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),l.theme.space8,l.theme.gray200,l.theme.radius12)}),(function(n){return n.withNegativeMargin&&t.css(h||(h=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),l.theme.spaceNegative24)}));exports.CollapsibleList=function(t){var a=t.children,i=t.className,s=t.icon,l=t.startExpanded,c=t.title,p=t.withBorder,d=t.withNegativeMargin,u=e.__read(r.useState(!l),2),m=u[0],_=u[1];return n.jsxs(f,{className:i,withBorder:p,withNegativeMargin:d,children:[n.jsx(b,{$hasIcon:!!s,decorator:s,label:c,onClick:function(){return _(!m)},rightDecorator:n.jsx(o.ChevronUpIcon,{className:m?"collapsed":""})}),n.jsx(x,{$hasIcon:!!s,collapsed:m,children:a})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),i=require("react/jsx-runtime"),l=require("react"),s=require("clsx"),a=require("../collapse/Collapse.js"),o=require("./List.js"),t=require("../list-item/ListItem.js"),r=require("../../icons/ChevronUpIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("@mui/material/Collapse"),require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var d=m(s),_="Amino_CollapsibleList-module__styledCollapse--eE1-I",p="Amino_CollapsibleList-module__styledPrimaryListItem--6qySQ",c="Amino_CollapsibleList-module__collapsed--rpRnN",u="Amino_CollapsibleList-module__styledList--r4g2Z",y="Amino_CollapsibleList-module__withBorder--DvXKH",L="Amino_CollapsibleList-module__withNegativeMargin--G5hX0";n.styleInject(".Amino_CollapsibleList-module__styledCollapse--eE1-I .__icon-wrapper{display:var(--amino-collapsible-list-collapse-icon-display);width:var(--amino-space-32)}.Amino_CollapsibleList-module__styledPrimaryListItem--6qySQ .__icon-wrapper{display:var(--amino-collapsible-list-primary-icon-display)}.Amino_CollapsibleList-module__styledPrimaryListItem--6qySQ svg{transition:var(--amino-transition)}.Amino_CollapsibleList-module__styledPrimaryListItem--6qySQ svg.Amino_CollapsibleList-module__collapsed--rpRnN{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Amino_CollapsibleList-module__styledList--r4g2Z{display:flex;flex-direction:column;gap:2px}.Amino_CollapsibleList-module__styledList--r4g2Z.Amino_CollapsibleList-module__withBorder--DvXKH{border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-12);padding:var(--amino-space-8)}.Amino_CollapsibleList-module__styledList--r4g2Z.Amino_CollapsibleList-module__withNegativeMargin--G5hX0{margin:var(--amino-space-negative-24)}");exports.CollapsibleList=function(s){var n=s.children,m=s.className,b=s.icon,C=s.startExpanded,g=s.style,v=s.title,h=s.withBorder,q=s.withNegativeMargin,j=e.__read(l.useState(!C),2),A=j[0],x=j[1];return i.jsxs(o.List,{className:d.default(m,u,h&&y,q&&L),style:e.__assign(e.__assign({},g),{"--amino-collapsible-list-collapse-icon-display":b?"inline-block":"","--amino-collapsible-list-primary-icon-display":b?"":"none"}),withBorder:h,withNegativeMargin:q,children:[i.jsx(t.ListItem,{className:d.default(p),decorator:b,label:v,onClick:function(){return x(!A)},rightDecorator:i.jsx(r.ChevronUpIcon,{className:A?c:""})}),i.jsx(a.Collapse,{className:_,collapsed:A,children:n})]})};

package/components/list/List.d.ts

@@ -5,4 +5,4 @@ export type ListProps = BaseProps & {
     withBorder?: boolean;
     withNegativeMargin?: boolean;
 };
-export declare const List: ({ children, className, withBorder, withNegativeMargin, }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ children, className, style, withBorder, withNegativeMargin, }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/components/list/List.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,s,d,c=i(r).default.section(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&r.css(a||(a=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),t.theme.space8,t.theme.gray200,t.theme.radius12)}),(function(n){return n.withNegativeMargin&&r.css(s||(s=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),t.theme.spaceNegative24)}));exports.List=function(e){var r=e.children,t=e.className,i=e.withBorder,a=e.withNegativeMargin;return n.jsx(c,{className:t,withBorder:i,withNegativeMargin:a,children:r})};
+"use strict";var e=require("react/jsx-runtime"),i=require("clsx"),t=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(i),a="Amino_List-module__styledList--VWPqT",o="Amino_List-module__withBorder--qMjj4",n="Amino_List-module__withNegativeMargin--OCmTD";t.styleInject(".Amino_List-module__styledList--VWPqT{display:flex;flex-direction:column;gap:2px}.Amino_List-module__styledList--VWPqT.Amino_List-module__withBorder--qMjj4{border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-12);padding:var(--amino-space-8)}.Amino_List-module__styledList--VWPqT.Amino_List-module__withNegativeMargin--OCmTD{margin:var(--amino-space-negative-24)}");exports.List=function(i){var t=i.children,r=i.className,d=i.style,l=i.withBorder,m=i.withNegativeMargin;return e.jsx("section",{className:s.default(r,a,l&&o,m&&n),style:d,children:t})};

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,s,c,d,p,u,h=a(t),m=h.default.div(d||(d=e.__makeTemplateObject(["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"],["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"])),l.theme.space8,l.theme.space16,l.theme.space16,l.theme.sizeXl,l.theme.radius8,(function(n){var r=n.disabled,i=n.selected;return!r&&i&&t.css(o||(o=e.__makeTemplateObject(["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "],["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "])),l.theme.blue100,l.theme.blue800)}),(function(n){return n.disabled&&t.css(s||(s=e.__makeTemplateObject(["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "],["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "])),l.theme.gray600)}),(function(n){var r=n.disabled,i=n.selected,a=n.withClick;return!r&&a&&!i&&t.css(c||(c=e.__makeTemplateObject(["\n        background-color: ",";\n        cursor: pointer;\n      "],["\n        background-color: ",";\n        cursor: pointer;\n      "])),l.theme.hoverColor)})),x=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"]))),g=h.default.img(u||(u=e.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"])),l.theme.space16,l.theme.radius6),b=function(e){var r=e.icon,t=e.iconComponent,i=e.label;return r?n.jsx(g,{alt:i,src:r}):t?n.jsx(n.Fragment,{children:t}):null},f=r.forwardRef((function(e,r){var t=e.className,l=e.decorator,a=e.disabled,o=e.label,s=e.onClick,c=e.rightDecorator,d=e.selected,p=e.subtitle;return n.jsxs(m,{ref:r,className:t,disabled:a,onClick:function(e){return!a&&s&&s(e)},selected:d,withClick:!!s,children:[n.jsxs("div",{className:["___icon-wrapper",l?"has-icon":""].join(" "),children:[l,n.jsx(b,{label:"string"==typeof o?o:""})]}),n.jsxs(x,{children:[n.jsx(i.Text,{type:"label",children:o}),p&&n.jsx(i.Text,{type:"caption",children:p})]}),c]})}));exports.ListItem=f;
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("clsx"),o=require("../text/Text.js"),m=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var s=n(t),a="Amino_ListItem-module__aminoListItem--1LE7t",r="Amino_ListItem-module__hasIcon--2Imem",l="Amino_ListItem-module__disabled--bb--n",_="Amino_ListItem-module__selected--Ih4MV",d="Amino_ListItem-module__withClick--4KRpm",c="Amino_ListItem-module__textContainer--n4vsF",u="Amino_ListItem-module__icon--zwqup";m.styleInject(".Amino_ListItem-module__aminoListItem--1LE7t{align-items:center;border-radius:var(--amino-radius-8);display:flex;flex-direction:row;gap:var(--amino-space-16);line-height:16px;min-height:var(--amino-size-xl);padding:var(--amino-space-8) var(--amino-space-16)}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper{display:none}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper.Amino_ListItem-module__hasIcon--2Imem{display:inline-block}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV{background-color:var(--amino-blue-100)}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV *{color:var(--amino-blue-800)}.Amino_ListItem-module__aminoListItem--1LE7t.Amino_ListItem-module__disabled--bb--n{color:var(--amino-gray-600);cursor:not-allowed}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n):not(.Amino_ListItem-module__selected--Ih4MV).Amino_ListItem-module__withClick--4KRpm:hover{background-color:var(--amino-hover-color);cursor:pointer}.Amino_ListItem-module__textContainer--n4vsF{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:2px}.Amino_ListItem-module__icon--zwqup{border-radius:var(--amino-radius-6);height:var(--amino-space-32);margin-right:var(--amino-space-16);width:var(--amino-space-32)}");var I=function(i){var t=i.icon,o=i.iconComponent,m=i.label;return t?e.jsx("img",{alt:m,className:u,src:t}):o?e.jsx(e.Fragment,{children:o}):null},L=i.forwardRef((function(i,t){var m=i.className,n=i.decorator,u=i.disabled,L=i.label,p=i.onClick,b=i.rightDecorator,x=i.selected,h=i.subtitle;return e.jsxs("div",{ref:t,className:s.default(m,a,u&&l,x&&_,!!p&&d),onClick:function(e){return!u&&p&&p(e)},role:"button",tabIndex:0,children:[e.jsxs("div",{className:s.default("__icon-wrapper",n&&r),children:[n,e.jsx(I,{label:"string"==typeof L?L:""})]}),e.jsxs("div",{className:c,children:[e.jsx(o.Text,{type:"label",children:L}),h&&e.jsx(o.Text,{type:"caption",children:h})]}),b]})}));exports.ListItem=L;

package/components/menu/Menu.d.ts

@@ -1 +1,5 @@
-export declare const Menu: import("styled-components").StyledComponent<"ul", any, {}, never>;
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export declare const Menu: ({ children, className, style, }: BaseProps & {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/components/menu/Menu.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("styled-components"),t=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var o,s=r(e).default.ul(o||(o=n.__makeTemplateObject(["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  hr {\n    border: 0;\n    border-bottom: ",";\n    margin-top: ",";\n    margin-bottom: ",";\n  }\n"],["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  hr {\n    border: 0;\n    border-bottom: ",";\n    margin-top: ",";\n    margin-bottom: ",";\n  }\n"])),t.theme.border,t.theme.radius6,t.theme.radius6);exports.Menu=s;
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),n=require("../../style-inject.es-d4ddeae4.js");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(r),u="Amino_Menu-module__menu--zFWFk";n.styleInject(".Amino_Menu-module__menu--zFWFk{list-style-type:none;margin:0;padding:0}.Amino_Menu-module__menu--zFWFk hr{border:0;border-bottom:var(--amino-border);margin-bottom:var(--amino-radius-6);margin-top:var(--amino-radius-6)}");exports.Menu=function(r){var n=r.children,t=r.className,a=r.style;return e.jsx("div",{className:i.default(t,u),style:a,children:n})};

package/components/menu/MenuItem.d.ts

@@ -1,10 +1,9 @@
 import type { MouseEventHandler, ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
-export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 type MenuItemProps = BaseProps & {
     children: ReactNode;
     icon?: ReactNode;
     onClick?: MouseEventHandler;
 };
-export declare const MenuItem: ({ children, className, icon, onClick, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ children, className, icon, onClick, style, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/menu/MenuItem.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var s,a=i(r).default.li(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n  line-height: 24px;\n  user-select: none;\n  cursor: pointer;\n  border-radius: ",";\n  font-size: ",";\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: ",";\n  }\n\n  [data-theme='night'] & {\n    &:hover {\n      background: ",";\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n  line-height: 24px;\n  user-select: none;\n  cursor: pointer;\n  border-radius: ",";\n  font-size: ",";\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: ",";\n  }\n\n  [data-theme='night'] & {\n    &:hover {\n      background: ",";\n    }\n  }\n"])),t.theme.space8,t.theme.radius6,t.theme.fontSizeBase,t.theme.hoverColor,t.theme.space8,t.theme.gray100);exports.MenuItem=function(n){var r=n.children,t=n.className,i=n.icon,s=n.onClick;return e.jsxs(a,{className:t,onClick:s,children:[i,r]})},exports.StyledListItem=a;
+"use strict";var e=require("react/jsx-runtime"),t=require("../../style-inject.es-d4ddeae4.js"),i="Amino_MenuItem-module__styledListItem--Yw0-a";t.styleInject(".Amino_MenuItem-module__styledListItem--Yw0-a{align-items:center;border-radius:var(--amino-radius-6);cursor:pointer;display:flex;font-size:var(--amino-font-size-base);line-height:24px;padding:var(--amino-space-8);-webkit-user-select:none;user-select:none}.Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-hover-color)}.Amino_MenuItem-module__styledListItem--Yw0-a a{display:block;width:100%}.Amino_MenuItem-module__styledListItem--Yw0-a svg{margin-right:var(--amino-space-8)}[data-theme=night] .Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-gray-100)}");exports.MenuItem=function(t){var n=t.children,s=t.className,a=t.icon,r=t.onClick,o=t.style;return e.jsx("li",{className:s,style:o,children:e.jsxs("div",{className:i,onClick:r,role:"button",tabIndex:0,children:[a,n]})})};

package/components/nested-data-table/NestedDataTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),s=require("../button/Button.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),m=d.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),h=d.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,C=t.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),k=!!c&&!!i&&b.length;return r.jsxs(m,{children:[r.jsxs(h,{children:[!!f&&r.jsx(a.Text,{type:"header",children:f}),!!k&&r.jsxs(p,{children:[r.jsx(s.Button,{disabled:1===i||!q,onClick:function(){q&&c(i-1)},outline:!0,children:"Previous page"}),i,r.jsx(s.Button,{disabled:!j,onClick:function(){j&&c(i+1)},outline:!0,children:"Next page"})]})]}),d?x?r.jsx(r.Fragment,{children:x}):r.jsx(u.RestState,{label:"Loading..."}):0===C.length?g?r.jsx(r.Fragment,{children:g}):r.jsx(u.RestState,{label:"No data available."}):r.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:C})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../button/Button.js"),i=require("./_TableData.js"),s=require("../rest-state/RestState.js"),a=require("../text/Text.js");require("../../_tslib-ccfac372.js");var l=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var o="Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W",n="Amino_NestedDataTable-module__styledTableHeader--tdfr8",u="Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt";l.styleInject(".Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W{height:100%}.Amino_NestedDataTable-module__styledTableHeader--tdfr8{align-items:center;display:flex;padding:var(--amino-space-8)}.Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt{align-items:center;display:flex;flex:1;gap:var(--amino-space-8);justify-content:flex-end}");exports.NestedDataTable=function(l){var c=l.currentPage,d=l.customColumnCells,j=l.customFlattenRow,q=l.handlePagination,m=l.hasNextPage,p=l.hasPreviousPage,b=l.isFetching,h=l.loadingComponent,x=l.restState,T=l.tableData,g=l.title,_=r.useMemo((function(){return Array.isArray(T)?T:[T]}),[T]),v=!!q&&!!c&&T.length;return e.jsxs("div",{className:o,children:[e.jsxs("div",{className:n,children:[!!g&&e.jsx(a.Text,{type:"header",children:g}),!!v&&e.jsxs("div",{className:u,children:[e.jsx(t.Button,{disabled:1===c||!p,onClick:function(){p&&q(c-1)},outline:!0,children:"Previous page"}),c,e.jsx(t.Button,{disabled:!m,onClick:function(){m&&q(c+1)},outline:!0,children:"Next page"})]})]}),b?h?e.jsx(e.Fragment,{children:h}):e.jsx(s.RestState,{label:"Loading..."}):0===_.length?x?e.jsx(e.Fragment,{children:x}):e.jsx(s.RestState,{label:"No data available."}):e.jsx(i.TableData,{customColumnCells:d,customFlattenRow:j,tableDataArr:_})]})};

package/components/nested-data-table/NestedDataTableHasura.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/Button.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,l=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(l)?l:[l]}),[l]),h=i.useHasuraGqlPagination({actionName:q,query:o,setCachingKey:n,setQuery:c}),m=h.currentPage,p=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:m,customFlattenRow:u,handlePagination:p,isFetching:a,tableData:j,title:q})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("../button/Button.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,l=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(l)?l:[l]}),[l]),h=i.useHasuraGqlPagination({actionName:q,query:o,setCachingKey:n,setQuery:c}),m=h.currentPage,p=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:m,customFlattenRow:u,handlePagination:p,isFetching:a,tableData:j,title:q})};

package/components/nested-data-table/_Filter.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),r=require("../select/MultiSelect.js"),s=require("../../icons/FilterIcon.js"),l=require("../../styles/constants/theme.js"),o=require("../../utils/hooks/useDropdown.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react");var a,c,d,p=u(t),m=p.default.button(a||(a=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"])),l.theme.sizeSm,l.theme.space12,l.theme.borderColor,l.theme.radius6),f=p.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),h=p.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"],["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"])),l.theme.space16,l.theme.gray0,l.theme.gray200,l.theme.gray400,l.theme.radius8);exports.Filter=function(t){var l=t.columns,u=t.hiddenColumns,a=t.setHiddenColumns,c=o.useDropdown(),d=c.floatingStyles,p=c.refs,x=c.setVisible,b=c.visibility,j=c.visible,g=c.wrapperRef,y=i.useMemo((function(){return l.map((function(e){return{label:e.key,value:e.key}}))}),[l]);return n.jsxs(f,{ref:g,children:[n.jsxs(m,{ref:p.setReference,onClick:function(){return x(!j)},children:[n.jsx(s.FilterIcon,{size:16})," Filter"]}),n.jsx(h,{ref:p.setFloating,style:e.__assign(e.__assign({},d),{opacity:"visible"===b?1:0,zIndex:"visible"===b?1:-1}),children:n.jsx(r.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){a(e.flatMap((function(e){return[e.value]})))},options:y,value:y.filter((function(e){return u.includes(e.value)}))})})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),i=require("react/jsx-runtime"),r=require("react"),t=require("../select/MultiSelect.js"),l=require("../../icons/FilterIcon.js"),s=require("../../utils/hooks/useDropdown.js"),n=require("../../style-inject.es-d4ddeae4.js");require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react");var o="Amino__Filter-module__styledTriggerButton--3NvFi",u="Amino__Filter-module__styledFilterWrapper--ntgt5",a="Amino__Filter-module__styledFilter--OO54y";n.styleInject(".Amino__Filter-module__styledTriggerButton--3NvFi{align-items:center;border:1px solid var(--amino-border-color);border-radius:var(--amino-radius-6);display:flex;height:var(--amino-size-sm);justify-content:center;padding:0 var(--amino-space-12)}.Amino__Filter-module__styledFilterWrapper--ntgt5{position:relative}.Amino__Filter-module__styledFilter--OO54y{background-color:var(--amino-gray-0);border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-8);box-shadow:0 0 1px var(--amino-gray-400);display:flex;padding:var(--amino-space-16);width:300px}.Amino__Filter-module__styledFilter--OO54y>div{width:100%}.Amino__Filter-module__styledFilter--OO54y .value-container{overflow-x:auto}.Amino__Filter-module__styledFilter--OO54y .multi-value{align-items:center;display:flex;height:22px}.Amino__Filter-module__styledFilter--OO54y .multi-value [role=button]{align-items:center;display:flex;justify-content:center}");exports.Filter=function(n){var c=n.columns,d=n.hiddenColumns,m=n.setHiddenColumns,_=s.useDropdown(),y=_.floatingStyles,v=_.refs,p=_.setVisible,j=_.visibility,x=_.visible,f=_.wrapperRef,F=r.useMemo((function(){return c.map((function(e){return{label:e.key,value:e.key}}))}),[c]);return i.jsxs("div",{ref:f,className:u,children:[i.jsxs("button",{ref:v.setReference,className:o,onClick:function(){return p(!x)},type:"button",children:[i.jsx(l.FilterIcon,{size:16})," Filter"]}),i.jsx("div",{ref:v.setFloating,className:a,style:e.__assign(e.__assign({},y),{opacity:"visible"===j?1:0,zIndex:"visible"===j?1:-1}),children:i.jsx(t.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){m(e.flatMap((function(e){return[e.value]})))},options:F,value:F.filter((function(e){return d.includes(e.value)}))})})]})};

package/components/nested-data-table/_TableData.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/Button.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j,q,f,g=m(r),h=g.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"]))),x=g.default.div(q||(q=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"]))),_=g.default.div(f||(f=e.__makeTemplateObject(["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"],["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,q=r.tableDataArr,f=m||c.flattenRow,g=e.__read(t.useState([]),2),b=g[0],y=g[1],k=t.useCallback((function(){return q.map((function(e){var n=Object.entries(e).reduce((function(e,n){return f({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[f,q]),C=e.__read(t.useState(k()),2),T=C[0],D=C[1];t.useEffect((function(){q&&D(k())}),[k,q]);var R=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.Button,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))},variant:"subtle"})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),w=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||R}]}))}),[l,R,T]),I=t.useMemo((function(){var n=w.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,b]);return n.jsxs(_,{children:[n.jsx(h,{children:!j&&n.jsx(s.Filter,{columns:w,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../button/Button.js"),n=require("./_Filter.js"),i=require("../pivot-table/PivotTable.js"),s=require("../tooltip/Tooltip.js"),o=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../utils/flattenRow.js"),u=require("../../utils/setupNestedData.js"),c=require("../../utils/truncateText.js"),d=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var p="Amino__TableData-module__styledFilterWrapper--qUc8W",_="Amino__TableData-module__styledExpandWrapper--8S5l-",m="Amino__TableData-module__styledTableWrapper--E6ZkK";d.styleInject(".Amino__TableData-module__styledFilterWrapper--qUc8W{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--amino-space-12)}.Amino__TableData-module__styledExpandWrapper--8S5l-{align-items:center;display:flex;height:100%}.Amino__TableData-module__styledExpandWrapper--8S5l- svg{transition:all .3s ease}.Amino__TableData-module__styledExpandWrapper--8S5l- .expanding-button svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Amino__TableData-module__styledTableWrapper--E6ZkK .expanding{background-color:var(--amino-gray-50)}.Amino__TableData-module__styledTableWrapper--E6ZkK .Amino__TableData-module__styledTableWrapper--E6ZkK{padding:var(--amino-space-4) var(--amino-space-12) var(--amino-space-24)}");var j=function(d){var q=d.customColumnCells,x=d.customFlattenRow,v=d.noFilter,b=d.tableDataArr,h=x||l.flattenRow,f=e.__read(t.useState([]),2),g=f[0],y=f[1],k=t.useCallback((function(){return b.map((function(e){var r=Object.entries(e).reduce((function(e,r){return h({currentVal:r,prev:e})}),{});return u.setupNestedData(r)}))}),[h,b]),T=e.__read(t.useState(k()),2),C=T[0],D=T[1];t.useEffect((function(){b&&D(k())}),[k,b]);var A=t.useCallback((function(t){var n=t.column,i=t.onRowChange,l=t.row,u=l[n.key];if(Array.isArray(u)){var d=0===u.length,p=l._expandedKey===n.key;return r.jsx("div",{className:_,children:r.jsx(s.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:r.jsx(a.Button,{className:p?"expanding-button":"",disabled:d,icon:r.jsx(o.ChevronRightCircleIcon,{}),onClick:function(){return i(e.__assign(e.__assign({},l),{_expandedKey:p?"":n.key}))},variant:"subtle"})})})}return l._expandedData&&l._expandedData.length>0?r.jsx(j,{customColumnCells:q,customFlattenRow:x,noFilter:!0,tableDataArr:l._expandedData}):"string"==typeof u?c.truncateText({addEllipsis:!0,length:40,text:u}):u}),[q,x]),w=t.useMemo((function(){return Object.entries(C.find(Boolean)||{}).filter((function(r){var t=e.__read(r,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(r){var t=e.__read(r,1)[0];return[{key:t,name:t,renderCell:(null==q?void 0:q[t])||A}]}))}),[q,A,C]),R=t.useMemo((function(){var r=w.filter((function(e){return!g.includes(e.key)}));return r.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?r.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,g]);return r.jsxs("div",{className:m,children:[r.jsx("div",{className:p,children:!v&&r.jsx(n.Filter,{columns:w,hiddenColumns:g,setHiddenColumns:y})}),r.jsx(i.PivotTable,{columns:R,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,r){var t=r.indexes[0],a=void 0!==t?e[t]:null;if(a&&void 0!==t){var n=a[a._expandedKey];if(n&&Array.isArray(n)){var i=e[t+1],s=(null==i?void 0:i._expandedData)&&i._expandedData.length>0,o=n[0],l="object"==typeof o&&o?n:n.map((function(e){return{item:e}}));e.splice(t+1,s?1:0,{_expandedData:l,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var r,t;return"ROW"===e.type&&(null===(t=null===(r=e.row)||void 0===r?void 0:r._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:C,tableHeight:"100%"})]})};exports.TableData=j;

package/components/pivot-table/PivotTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-data-grid"),o=require("styled-components"),a=require("../../icons/ChevronDownIcon.js"),i=require("../../icons/ChevronUpIcon.js"),s=require("../../styles/constants/theme.js"),l=require("../../utils/addIndex.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var u,d,g=c(t),h=c(o),m=h.default.span(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n"],["\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n"]))),b=h.default.div(d||(d=e.__makeTemplateObject(["\n  height: ",";\n  min-height: ",";\n  position: relative;\n  .data-grid {\n    block-size: 100%;\n    border-radius: 8px;\n    background-color: inherit;\n    .rdg-row {\n      background-color: ",";\n      color: ",";\n    }\n    .rdg-header-row,\n    .rdg-summary-row {\n      background-color: ",";\n      color: ",";\n      font-weight: 700;\n    }\n    .rdg-cell {\n      border: 1px solid ",";\n    }\n  }\n"],["\n  height: ",";\n  min-height: ",";\n  position: relative;\n  .data-grid {\n    block-size: 100%;\n    border-radius: 8px;\n    background-color: inherit;\n    .rdg-row {\n      background-color: ",";\n      color: ",";\n    }\n    .rdg-header-row,\n    .rdg-summary-row {\n      background-color: ",";\n      color: ",";\n      font-weight: 700;\n    }\n    .rdg-cell {\n      border: 1px solid ",";\n    }\n  }\n"])),(function(e){return e.$tableHeight?e.$tableHeight:"calc(100vh - 145px)"}),(function(e){return e.$tableHeight}),s.theme.gray0,s.theme.textColor,s.theme.gray100,s.theme.textColor,s.theme.gray200);exports.PivotTable=function(t){var o=t.columns,s=t.onSortColumnsChange,c=t.renderers,u=t.rows,d=t.sortColumns,h=void 0===d?[]:d,f=t.tableHeight,p=e.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","tableHeight"]),_=n.useRef(null),x=e.__read(n.useState(h||[]),2),y=x[0],C=x[1],j=n.useCallback((function(e){var n=e.priority,t=e.sortDirection;return t?r.jsxs(m,{children:["ASC"===t?r.jsx(i.ChevronUpIcon,{color:"gray900"}):r.jsx(a.ChevronDownIcon,{color:"gray900"}),r.jsx("span",{children:n})]}):null}),[]),v=e.__assign({renderSortStatus:j},c),w=e.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],e.__read(o),!1),k=n.useMemo((function(){if(0===y.length)return u.map(l.addIndex);return e.__spreadArray([],e.__read(u),!1).sort((function(e,r){var n=0;return y.some((function(t){var o,a=(o=t.columnKey,function(e,r){var n=e[o],t=r[o];switch(typeof n){case"boolean":return n===t?0:n?1:-1;case"string":return"string"==typeof t?n.localeCompare(t):0;case"number":return"number"==typeof t?n-t:0;default:return 0}}),i=a(e,r);return 0!==i?(n="ASC"===t.direction?i:-i,1):0})),n})).map(l.addIndex)}),[u,y]);return r.jsx(b,{$tableHeight:f,children:r.jsx(g.default,e.__assign({ref:_,className:"data-grid",columns:w,onSortColumnsChange:s||C,renderers:v,rows:k,sortColumns:y},p))})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),o=require("react"),t=require("react-data-grid"),n=require("../../icons/ChevronDownIcon.js"),a=require("../../icons/ChevronUpIcon.js"),i=require("../../utils/addIndex.js"),s=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var u=l(t),d="Amino_PivotTable-module__sortStatus--9y3li",m="Amino_PivotTable-module__styledWrapper--mCEoO";s.styleInject(".Amino_PivotTable-module__sortStatus--9y3li{align-items:center;display:flex;height:100%;justify-content:center}.Amino_PivotTable-module__styledWrapper--mCEoO{height:var(--amino-pivot-table-height);min-height:var(--amino-pivot-table-min-height);position:relative}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid{background-color:inherit;border-radius:var(--amino-radius-8);height:100%}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid .rdg-row{background-color:var(--amino-gray-0);color:var(--amino-text-color)}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-header-row,.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-summary-row{background-color:var(--amino-gray-100);color:var(--amino-text-color);font-weight:700}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-cell{border:1px solid var(--amino-gray-200)}");exports.PivotTable=function(t){var s=t.columns,l=t.onSortColumnsChange,c=t.renderers,_=t.rows,v=t.sortColumns,g=void 0===v?[]:v,h=t.tableHeight,p=e.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","tableHeight"]),y=o.useRef(null),b=e.__read(o.useState(g||[]),2),C=b[0],f=b[1],j=o.useCallback((function(e){var o=e.priority,t=e.sortDirection;return t?r.jsxs("span",{className:d,children:["ASC"===t?r.jsx(a.ChevronUpIcon,{color:"gray900"}):r.jsx(n.ChevronDownIcon,{color:"gray900"}),r.jsx("span",{children:o})]}):null}),[]),x=e.__assign({renderSortStatus:j},c),A=e.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],e.__read(s),!1),w=o.useMemo((function(){if(0===C.length)return _.map(i.addIndex);return e.__spreadArray([],e.__read(_),!1).sort((function(e,r){var o=0;return C.some((function(t){var n,a=(n=t.columnKey,function(e,r){var o=e[n],t=r[n];switch(typeof o){case"boolean":return o===t?0:o?1:-1;case"string":return"string"==typeof t?o.localeCompare(t):0;case"number":return"number"==typeof t?o-t:0;default:return 0}}),i=a(e,r);return 0!==i?(o="ASC"===t.direction?i:-i,1):0})),o})).map(i.addIndex)}),[_,C]);return r.jsx("div",{className:m,style:{"--amino-pivot-table-height":h||"calc(100vh - 145px)","--amino-pivot-table-min-height":h||""},children:r.jsx(u.default,e.__assign({ref:y,className:"data-grid",columns:A,onSortColumnsChange:l||f,renderers:x,rows:w,sortColumns:C},p))})};

package/components/profile-icon/ProfileIcon.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react-awesome-gravatar"),a=require("styled-components"),i=require("../avatar/UserAvatar.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("clsx"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js");var n,u=s(a).default.img(n||(n=e.__makeTemplateObject(["\n  width: 100%;\n  border-radius: 50%;\n  cursor: pointer;\n  overflow: hidden;\n  height: auto;\n  max-width: ","px;\n"],["\n  width: 100%;\n  border-radius: 50%;\n  cursor: pointer;\n  overflow: hidden;\n  height: auto;\n  max-width: ","px;\n"])),(function(e){return e.$size}));exports.ProfileIcon=function(e){var a=e.email,s=e.size,n=void 0===s?32:s,o={default:"mp",size:n},d=a&&t.getGravatarUrl(a,o);return d?r.jsx(u,{$size:n,alt:"Profile",src:d}):r.jsx(i.UserAvatar,{size:n})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react-awesome-gravatar"),a=require("../avatar/UserAvatar.js"),i=require("../../style-inject.es-d4ddeae4.js");require("../avatar/AvatarBase.js"),require("../../_tslib-ccfac372.js"),require("clsx"),require("../../styles/constants/theme.js");var t="Amino_ProfileIcon-module__avatar--4N7uA";i.styleInject(".Amino_ProfileIcon-module__avatar--4N7uA{border-radius:50%;cursor:pointer;height:auto;max-width:var(--amino-profile-icon-max-width);overflow:hidden;width:100%}");exports.ProfileIcon=function(i){var s=i.email,o=i.size,l=void 0===o?32:o,n={default:"mp",size:l},u=s&&r.getGravatarUrl(s,n);return u?e.jsx("img",{alt:"Profile",className:t,src:u,style:{"--amino-profile-icon-max-width":"".concat(l,"px")}}):e.jsx(a.UserAvatar,{size:l})};

package/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("../../styles/constants/theme.js"),o=require("../../utils/getAminoColor.js");function s(e){return e&&e.__esModule?e:{default:e}}var i,d,a=s(n),u=a.default.div(i||(i=e.__makeTemplateObject(["\n  width: ",";\n  height: ",";\n  background-color: ",";\n  border-radius: ",";\n  z-index: 0;\n"],["\n  width: ",";\n  height: ",";\n  background-color: ",";\n  border-radius: ",";\n  z-index: 0;\n"])),t.theme.space56,t.theme.space8,t.theme.gray100,t.theme.radius8),c=a.default.div(d||(d=e.__makeTemplateObject(["\n  width: ","%;\n  height: ",";\n  background-color: ",";\n  z-index: 1;\n  border-radius: ",";\n"],["\n  width: ","%;\n  height: ",";\n  background-color: ",";\n  z-index: 1;\n  border-radius: ",";\n"])),(function(e){return e.progress}),t.theme.space8,(function(e){switch(e.colorStyle){case"greenToRed":return e.progress<=20?t.theme.green600:e.progress>=80?t.theme.red600:t.theme.orange600;case"redToGreen":return e.progress<=20?t.theme.red600:e.progress>=80?t.theme.green600:t.theme.orange600;default:return o.getAminoColor(e.colorStyle)}}),t.theme.radius8);exports.ProgressBar=function(e){var n=e.className,t=e.colorStyle,o=void 0===t?"blue600":t,s=e.progress,i=void 0===s?0:s,d=i<0?0:i>100?100:i;return r.jsx(u,{className:n,children:r.jsx(c,{colorStyle:o,progress:d})})};
+"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),o=require("../../styles/constants/theme.js"),a=require("../../utils/getAminoColor.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(r){return r&&r.__esModule?r:{default:r}}var n=i(e),t="Amino_ProgressBar-module__base--wmmpl",m="Amino_ProgressBar-module__bar--oA293";s.styleInject(".Amino_ProgressBar-module__base--wmmpl{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-space-56);z-index:0}.Amino_ProgressBar-module__bar--oA293{background-color:var(--amino-progress-bar-background-color);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-progress-bar-width);z-index:1}");exports.ProgressBar=function(e){var s=e.className,i=e.colorStyle,d=void 0===i?"blue600":i,u=e.progress,c=void 0===u?0:u,l=c<0?0:c>100?100:c;return r.jsx("div",{className:n.default(s,t),style:{"--amino-progress-bar-background-color":function(){switch(d){case"greenToRed":return l<=20?o.theme.green600:l>=80?o.theme.red600:o.theme.orange600;case"redToGreen":return l<=20?o.theme.red600:l>=80?o.theme.green600:o.theme.orange600;default:return a.getAminoColor(d)}}()||"","--amino-progress-bar-width":"".concat(l,"%")},children:r.jsx("div",{className:m})})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.70",
+  "version": "5.1.71",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",