@zonos/amino 5.1.3 → 5.1.4

package/components/collapse/Collapse.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { type CollapseProps as MuiCollapseProps } from '@mui/material';
 export type CollapseProps = {
     children: ReactNode;
     className?: string;
@@ -12,5 +13,5 @@ export type CollapseProps = {
      * @default false
      */
     collapsed?: boolean;
-};
-export declare const Collapse: ({ children, className, collapsed, collapseSize, }: CollapseProps) => import("react/jsx-runtime").JSX.Element;
+} & Pick<MuiCollapseProps, 'orientation'>;
+export declare const Collapse: ({ children, className, collapsed, collapseSize, orientation, }: CollapseProps) => import("react/jsx-runtime").JSX.Element;

package/components/collapse/Collapse.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var i,o=r(require("styled-components")).default.div(i||(i=e.__makeTemplateObject(["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"],["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"])),(function(e){return e.hideOverflow?"hidden":void 0}),(function(e){return e.completelyCollapsed?"hidden":void 0}),(function(e){return e.currentlyCollapsed?"".concat(e.collapseSize,"px"):"".concat(e.$height,"px")}));exports.Collapse=function(r){var i=r.children,l=r.className,s=r.collapsed,a=void 0!==s&&s,u=r.collapseSize,c=void 0===u?0:u,d=e.__read(n.useState(a),2),p=d[0],f=d[1],h=e.__read(n.useState(a),2),v=h[0],m=h[1],b=e.__read(n.useState(),2),_=b[0],g=b[1],y=n.useRef(null),w=function(){if(null!==y.current){var e=window.getComputedStyle(y.current);return parseFloat(e.height)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+parseFloat(e.marginTop)+parseFloat(e.marginBottom)}};n.useEffect((function(){g(w());var e=null;return y.current&&(e=new ResizeObserver((function(){g(w())}))).observe(y.current),function(){null==e||e.disconnect()}}),[]),n.useEffect((function(){m(!0),a||f(!1)}),[a]);return t.jsx(o,{$height:_,className:l,collapseSize:c,completelyCollapsed:p,currentlyCollapsed:a,hideOverflow:v,onTransitionEnd:function(){a?(m(!0),f(!0)):(m(!1),f(!1),g(w()))},children:t.jsx("div",{ref:y,style:{overflow:"auto",position:"relative"},children:i})})};
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material");exports.Collapse=function(i){var a=i.children,l=i.className,s=i.collapsed,o=void 0!==s&&s,t=i.collapseSize,c=void 0===t?0:t,n=i.orientation;return e.jsx(r.Collapse,{className:l,collapsedSize:c,in:!o,orientation:n,children:a})};

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var o=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js");var a,d,h,l,s,b,c,m,g,p,u=i(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),o.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),o.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),o.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),o.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"])),o.theme.gray1200,o.theme.gray100,o.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),o.theme.border,o.theme.sidebarWidth,o.theme.space24,o.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(o.theme.appbarHeight,")"):"100vh"}),o.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"])),o.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),o.theme.headerColor,o.theme.v3ShadowBase,o.theme.border,o.theme.appbarHeight,o.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,o=e.headerContent,i=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!o&&n.jsx(q,{children:o}),n.jsxs(k,{hasHeader:!!o,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!i&&n.jsx(v,{children:i}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,i=e.headerContent,o=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!i&&n.jsx(q,{children:i}),n.jsxs(k,{hasHeader:!!i,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!o&&n.jsx(v,{children:o}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};

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");var a,c,i,s,d,m,g,p,u,h=l(r),f=h.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),x=h.default.div(c||(c=n.__makeTemplateObject([""],[""]))),v=h.default.div(i||(i=n.__makeTemplateObject([""],[""]))),b=h.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-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\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-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\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.radius6,o.theme.gray50,o.theme.gray1200,o.theme.gray700,o.theme.gray600,v,(function(e){return!!e.$icon&&r.css(s||(s=n.__makeTemplateObject(["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "],["\n      "," {\n        flex-basis: 31px;\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        svg {\n          color: ",";\n        }\n      }\n    "],["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "])),o.theme.gray100,o.theme.gray1200,o.theme.gray1200)})),_=h.default.div(p||(p=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&r.css(g||(g=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=h.default(t.Collapse)(u||(u=n.__makeTemplateObject(["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"],["\n  padding-left: 18px;\n  margin-left: 15px;\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(f,{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;return e.jsxs(b,{$content:t,$icon:o,$isActive:l,className:r,children:[o&&e.jsx(x,{children:o}),t]})};
+"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");var a,c,i,s,d,m,g,p,u,h=l(r),f=h.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),x=h.default.div(c||(c=n.__makeTemplateObject([""],[""]))),v=h.default.div(i||(i=n.__makeTemplateObject([""],[""]))),b=h.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-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\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-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\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.radius6,o.theme.gray50,o.theme.gray1200,o.theme.gray700,o.theme.gray600,v,(function(e){return!!e.$icon&&r.css(s||(s=n.__makeTemplateObject(["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "],["\n      "," {\n        flex-basis: 31px;\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        svg {\n          color: ",";\n        }\n      }\n    "],["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "])),o.theme.gray100,o.theme.gray1200,o.theme.gray1200)})),_=h.default.div(p||(p=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&r.css(g||(g=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=h.default(t.Collapse)(u||(u=n.__makeTemplateObject(["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"],["\n  padding-left: 18px;\n  margin-left: 15px;\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(f,{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;return e.jsxs(b,{$content:t,$icon:o,$isActive:l,className:r,children:[o&&e.jsx(x,{children:o}),t]})};

package/components/list/CollapsibleList.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../collapse/Collapse.js"),i=require("./List.js"),s=require("../list-item/ListItem.js"),o=require("../../icons/ChevronUpIcon.js"),c=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/icon-base/_IconBase.js");var p,d,u,m,_,h,j,g=l(r),x=g.default(a.Collapse)(d||(d=e.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$hasIcon&&r.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&&r.css(u||(u=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        display: none;\n      }\n    "],["\n      .___icon-wrapper {\n        display: none;\n      }\n    "])))}),c.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&&r.css(_||(_=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),c.theme.space8,c.theme.gray200,c.theme.radius12)}),(function(n){return n.withNegativeMargin&&r.css(h||(h=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),c.theme.spaceNegative24)}));exports.CollapsibleList=function(r){var a=r.children,i=r.className,s=r.icon,c=r.startExpanded,l=r.title,p=r.withBorder,d=r.withNegativeMargin,u=e.__read(t.useState(!c),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:l,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"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../collapse/Collapse.js"),a=require("./List.js"),s=require("../list-item/ListItem.js"),o=require("../../icons/ChevronUpIcon.js"),c=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("@mui/material"),require("../text/Text.js"),require("../../icons/icon-base/_IconBase.js");var p,d,u,m,_,h,j,g=l(t),x=g.default(i.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    "])))}),c.theme.transition),f=g.default(a.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    "])),c.theme.space8,c.theme.gray200,c.theme.radius12)}),(function(n){return n.withNegativeMargin&&t.css(h||(h=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),c.theme.spaceNegative24)}));exports.CollapsibleList=function(t){var i=t.children,a=t.className,s=t.icon,c=t.startExpanded,l=t.title,p=t.withBorder,d=t.withNegativeMargin,u=e.__read(r.useState(!c),2),m=u[0],_=u[1];return n.jsxs(f,{className:a,withBorder:p,withNegativeMargin:d,children:[n.jsx(b,{$hasIcon:!!s,decorator:s,label:l,onClick:function(){return _(!m)},rightDecorator:n.jsx(o.ChevronUpIcon,{className:m?"collapsed":""})}),n.jsx(x,{$hasIcon:!!s,collapsed:m,children:i})]})};

package/components/section/HSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),g=b.default(a.LegacyButton)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),v=b.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),y=b.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,q=e.__read(t.useState(p),2),_=q[0],k=q[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(v,{children:[f?n.jsxs(y,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(g,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),g=b.default(a.LegacyButton)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),v=b.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(v,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(g,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};

package/components/table/TableRowCollapse.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),s=require("./TableRow.js"),i=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var u,d,p,b,m,j,h=c(t),q=h.default(s.TableRow)(p||(p=e.__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),(function(n){return!n.collapsed&&t.css(u||(u=e.__makeTemplateObject(["\n      td {\n        border-bottom: 0;\n      }\n    "],["\n      td {\n        border-bottom: 0;\n      }\n    "])))}),(function(n){return n.collapsible&&t.css(d||(d=e.__makeTemplateObject(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),_=h.default(o.Collapse)(b||(b=e.__makeTemplateObject(["\n  > div {\n    padding-bottom: ",";\n  }\n"],["\n  > div {\n    padding-bottom: ",";\n  }\n"])),a.theme.space16),f=h.default(l.TableCell)(m||(m=e.__makeTemplateObject(["\n  border-bottom: ",";\n  && {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  border-bottom: ",";\n  && {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(r.LegacyButton)(j||(j=e.__makeTemplateObject(["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var t=e.children,r=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!t;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:r,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(i.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(s.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:t})})})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n      td {\n        border-bottom: 0;\n      }\n    "],["\n      td {\n        border-bottom: 0;\n      }\n    "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n  > div {\n    padding-bottom: ",";\n  }\n"],["\n  > div {\n    padding-bottom: ",";\n  }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n  border-bottom: ",";\n  && {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  border-bottom: ",";\n  && {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(t.LegacyButton)(j||(j=e.__makeTemplateObject(["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};

package/package.json

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