@zonos/amino 5.1.87 → 5.1.89

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("../input/SearchInput.js");require("clsx"),require("react"),require("@mui/material/Collapse"),require("../../NavigationGroup.module-3957cb7d.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::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("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),a=require("clsx"),i=require("../input/SearchInput.js");require("react"),require("@mui/material/Collapse"),require("../../NavigationGroup.module-3957cb7d.js");var r=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js");var d=n(a),s="Amino_Layout-module__aminoLayout--k-8EW",l="Amino_Layout-module__contentGrid--6ltoS",u="Amino_Layout-module__styledSidebar--dnwoo",m="Amino_Layout-module__sidebarContent--NXMVV",c="Amino_Layout-module__searchInputWrapper--JldDc",_="Amino_Layout-module__styledLogoSidebar--MTiPe",h="Amino_Layout-module__styledSearchInput--uJCBW",y="Amino_Layout-module__content--LYUwT",b="Amino_Layout-module__header--lID5Y",p="Amino_Layout-module__footer--5enlV";t.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(--amino-layout-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::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(a){var t=a.className,n=a.content,v=a.footer,g=a.headerContent,L=a.logoSidebar,x=a.searchInput,A=a.sidebar,j=a.style;return o.jsxs("main",{className:d.default(t,s),style:e.__assign(e.__assign({},j),{"--amino-layout-height":g?"calc(100vh - ".concat(r.theme.appbarHeight,")"):"100vh"}),children:[!!g&&o.jsx("header",{className:b,children:g}),o.jsxs("div",{className:l,children:[o.jsxs("nav",{className:u,children:[o.jsxs("div",{className:m,children:[!!L&&o.jsx("div",{className:_,children:L}),!!x&&o.jsx("div",{className:c,children:o.jsx(i.SearchInput,{className:h,onChange:x.onChange,value:x.value})}),A]}),o.jsx("div",{className:p,children:v})]}),o.jsx("div",{className:y,children:n})]})]})};

package/components/layout/NavigationGroup.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from 'react';
-export type NavigationItemProps = {
-    className?: string;
+import type { BaseProps } from "../../types/BaseProps";
+export type NavigationItemProps = BaseProps & {
     content: ReactNode;
     icon?: ReactNode;
     /**
@@ -8,9 +8,8 @@ export type NavigationItemProps = {
      */
     isActive?: boolean;
 };
-export type NavigationGroupProps = {
+export type NavigationGroupProps = BaseProps & {
     children: ReactNode;
-    className?: string;
     /**
      * @default false
      */
@@ -18,5 +17,5 @@ export type NavigationGroupProps = {
     /** **NOTE**: Should be `NavigationItem` component in order to have proper styling. If you want to use `href`, WRAP the `anchor` tag outside of the `NavigationItem` component. */
     content: ReactElement<NavigationItemProps> | ReactElement<HTMLAnchorElement>;
 };
-export declare const NavigationItem: ({ className, content, icon, isActive, }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NavigationGroup: ({ children, className, collapsed, content, }: NavigationGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationItem: ({ className, content, icon, isActive, style, }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationGroup: ({ children, className, collapsed, content, style, }: NavigationGroupProps) => import("react/jsx-runtime").JSX.Element;

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("clsx"),a=require("../collapse/Collapse.js"),l=require("../../NavigationGroup.module-3957cb7d.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]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("clsx"),l=require("../collapse/Collapse.js"),t=require("../../NavigationGroup.module-3957cb7d.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@mui/material/Collapse"),require("../../style-inject.es-d4ddeae4.js");var r=a(s);exports.NavigationGroup=function(s){var a=s.children,i=s.className,c=s.collapsed,n=void 0!==c&&c,o=s.content,d=s.style;return e.jsxs("div",{className:r.default(i,t.styles.wrapper),style:d,children:[e.jsx("div",{className:r.default(t.styles.styledItemWrapper,!n&&t.styles.collapsed),children:o}),e.jsx(l.Collapse,{className:t.styles.styledGroupItemWrapper,collapsed:n,children:a})]})},exports.NavigationItem=function(s){var l=s.className,a=s.content,i=s.icon,c=s.isActive,n=void 0!==c&&c,o=s.style;return e.jsxs("div",{className:r.default(l,t.styles.styledNavigationItem,n&&t.styles.active),style:o,children:[i&&e.jsx("div",{className:t.styles.styledNavigationItemIcon,children:i}),a]})};

package/components/lightbox/LightBox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("../dialog/BaseDialog.js");require("react"),require("react-dom"),require("clsx"),require("framer-motion"),require("../../style-inject.es-d4ddeae4.js");exports.LightBox=function(s){var t=s.children,a=e.__rest(s,["children"]);return r.jsx(i.BaseDialog,e.__assign({},a,{children:t}))};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("../dialog/BaseDialog.js");require("react"),require("react-dom"),require("clsx"),require("framer-motion"),require("../../style-inject.es-d4ddeae4.js");exports.LightBox=function(s){var t=s.children,a=e.__rest(s,["children"]);return r.jsx(i.BaseDialog,e.__assign({},a,{children:t}))};

package/components/list/CollapsibleList.js

@@ -1 +1 @@
-"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("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var _=m(s),d="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;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:_.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:_.default(p),decorator:b,label:v,onClick:function(){return x(!A)},rightDecorator:i.jsx(r.ChevronUpIcon,{className:A?c:""})}),i.jsx(a.Collapse,{className:d,collapsed:A,children:n})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.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("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var _=m(s),d="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;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:_.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:_.default(p),decorator:b,label:v,onClick:function(){return x(!A)},rightDecorator:i.jsx(r.ChevronUpIcon,{className:A?c:""})}),i.jsx(a.Collapse,{className:d,collapsed:A,children:n})]})};

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"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("../../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;
+"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-bd4862e8.js"),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.style,v=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",style:h,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}),v&&e.jsx(o.Text,{type:"caption",children:v})]}),b]})}));exports.ListItem=L;

package/components/nested-data-table/NestedDataTable.d.ts

@@ -1,12 +1,13 @@
 import { type ReactNode } from 'react';
 import type { Column } from 'react-data-grid';
+import type { BaseProps } from "../../types/BaseProps";
 import { type flattenRow } from "../../utils/flattenRow";
 type ColumnType<TRow> = Column<TRow, Record<string, unknown>>;
 export type ColumnCell<TRow extends Record<string, unknown>> = NonNullable<ColumnType<TRow>['renderCell']>;
 export type CustomColumnCells<TRow extends Record<string, unknown>> = {
     [key in keyof TRow]?: ColumnCell<TRow>;
 };
-type Props<TRow extends Record<string, unknown>> = {
+type Props<TRow extends Record<string, unknown>> = BaseProps & {
     currentPage?: number;
     customColumnCells?: CustomColumnCells<TRow>;
     /**
@@ -23,5 +24,5 @@ type Props<TRow extends Record<string, unknown>> = {
     title?: string;
     handlePagination?: (page: number) => void;
 };
-export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customColumnCells, customFlattenRow, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, tableData, title, }: Props<TRow>) => import("react/jsx-runtime").JSX.Element;
+export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customColumnCells, customFlattenRow, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, style, tableData, title, }: Props<TRow>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-"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("./_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:_})]})};
+"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-bd4862e8.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("./_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.style,g=l.tableData,_=l.title,v=r.useMemo((function(){return Array.isArray(g)?g:[g]}),[g]),C=!!q&&!!c&&g.length;return e.jsxs("div",{className:o,style:T,children:[e.jsxs("div",{className:n,children:[!!_&&e.jsx(a.Text,{type:"header",children:_}),!!C&&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===v.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:v})]})};

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("../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-bd4862e8.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("./_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"),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("../../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)}))})})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.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("../../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"),r=require("react/jsx-runtime"),t=require("react"),a=require("../button/Button.js"),i=require("./_Filter.js"),n=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("../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{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],T=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]),k=e.__read(t.useState(T()),2),C=k[0],D=k[1];t.useEffect((function(){b&&D(T())}),[T,b]);var A=t.useCallback((function(t){var i=t.column,n=t.onRowChange,l=t.row,u=l[i.key];if(Array.isArray(u)){var d=0===u.length,p=l._expandedKey===i.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 n(e.__assign(e.__assign({},l),{_expandedKey:p?"":i.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]),R=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]),w=t.useMemo((function(){var r=R.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}})}))}),[R,g]);return r.jsxs("div",{className:m,children:[r.jsx("div",{className:p,children:!v&&r.jsx(i.Filter,{columns:R,hiddenColumns:g,setHiddenColumns:y})}),r.jsx(n.PivotTable,{columns:w,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 i=a[a._expandedKey];if(i&&Array.isArray(i)){var n=e[t+1],s=(null==n?void 0:n._expandedData)&&n._expandedData.length>0,o=i[0],l="object"==typeof o&&o?i:i.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;
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../button/Button.js"),i=require("./_Filter.js"),n=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("../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{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],T=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]),k=e.__read(t.useState(T()),2),C=k[0],D=k[1];t.useEffect((function(){b&&D(T())}),[T,b]);var A=t.useCallback((function(t){var i=t.column,n=t.onRowChange,l=t.row,u=l[i.key];if(Array.isArray(u)){var d=0===u.length,p=l._expandedKey===i.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 n(e.__assign(e.__assign({},l),{_expandedKey:p?"":i.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]),R=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]),w=t.useMemo((function(){var r=R.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}})}))}),[R,g]);return r.jsxs("div",{className:m,children:[r.jsx("div",{className:p,children:!v&&r.jsx(i.Filter,{columns:R,hiddenColumns:g,setHiddenColumns:y})}),r.jsx(n.PivotTable,{columns:w,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 i=a[a._expandedKey];if(i&&Array.isArray(i)){var n=e[t+1],s=(null==n?void 0:n._expandedData)&&n._expandedData.length>0,o=i[0],l="object"==typeof o&&o?i:i.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.d.ts

@@ -1,4 +1,5 @@
 import { type Column, type DataGridProps } from 'react-data-grid';
+import type { BaseProps } from "../../types/BaseProps";
 export type KeyValue = string | number;
 type RowData = Record<string, unknown>;
 type OverrideColumn<TRow extends RowData> = {
@@ -22,12 +23,12 @@ export type NestedRowData = {
 export type RowWithIndex<Row extends RowData = RowData> = Row & {
     _itemIndex?: number;
 } & NestedRowData;
-type Props<TRow extends RowWithIndex, TSummaryRow extends unknown, TRowKey extends KeyValue> = Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
+type Props<TRow extends RowWithIndex, TSummaryRow extends unknown, TRowKey extends KeyValue> = BaseProps & Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
 /**
  * Awesome data grid
  * @repo https://github.com/adazzle/react-data-grid
  * @documentation https://adazzle.github.io/react-data-grid/#/grouping
  * @example https://github.com/adazzle/react-data-grid/tree/main/website
  */
-export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => import("react/jsx-runtime").JSX.Element;
+export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, style, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/pivot-table/PivotTable.js

@@ -1 +1 @@
-"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))})};
+"use strict";var e=require("../../_tslib-bd4862e8.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,g=t.sortColumns,v=void 0===g?[]:g,h=t.style,p=t.tableHeight,y=e.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","style","tableHeight"]),b=o.useRef(null),C=e.__read(o.useState(v||[]),2),f=C[0],j=C[1],x=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}),[]),A=e.__assign({renderSortStatus:x},c),w=e.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],e.__read(s),!1),q=o.useMemo((function(){if(0===f.length)return _.map(i.addIndex);return e.__spreadArray([],e.__read(_),!1).sort((function(e,r){var o=0;return f.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)}),[_,f]);return r.jsx("div",{className:m,style:e.__assign(e.__assign({},h),{"--amino-pivot-table-height":p||"calc(100vh - 145px)","--amino-pivot-table-min-height":p||""}),children:r.jsx(u.default,e.__assign({ref:b,className:"data-grid",columns:w,onSortColumnsChange:l||j,renderers:A,rows:q,sortColumns:f},y))})};

package/components/profile-icon/ProfileIcon.js

@@ -1 +1 @@
-"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})};
+"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-bd4862e8.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.d.ts

@@ -4,4 +4,4 @@ export type ProgressBarProps = BaseProps & {
     colorStyle?: 'greenToRed' | 'redToGreen' | Color;
     progress?: number;
 };
-export declare const ProgressBar: ({ className, colorStyle, progress, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ className, colorStyle, progress, style, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-"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})})};
+"use strict";var r=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),s=require("../../styles/constants/theme.js"),a=require("../../utils/getAminoColor.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(r){return r&&r.__esModule?r:{default:r}}var t=n(o),m="Amino_ProgressBar-module__base--wmmpl",u="Amino_ProgressBar-module__bar--oA293";i.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(o){var i=o.className,n=o.colorStyle,d=void 0===n?"blue600":n,l=o.progress,c=void 0===l?0:l,g=o.style,_=c<0?0:c>100?100:c;return e.jsx("div",{className:t.default(i,m),style:r.__assign(r.__assign({},g),{"--amino-progress-bar-background-color":function(){switch(d){case"greenToRed":return _<=20?s.theme.green600:_>=80?s.theme.red600:s.theme.orange600;case"redToGreen":return _<=20?s.theme.red600:_>=80?s.theme.green600:s.theme.orange600;default:return a.getAminoColor(d)}}()||"","--amino-progress-bar-width":"".concat(_,"%")}),children:e.jsx("div",{className:u})})};

package/components/radio/Radio.d.ts

@@ -1,7 +1,8 @@
-export type RadioProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type RadioProps = BaseProps & {
     checked: boolean;
     disabled?: boolean;
     label?: string;
     onChange: (checked: boolean) => void;
 };
-export declare const Radio: ({ checked, disabled, label, onChange }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Radio: ({ checked, className, disabled, label, onChange, style, }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("framer-motion"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function t(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js");var d=t(o),s="Amino_Radio-module__styledRadio--BiJwE",l="Amino_Radio-module__styledText--uref9",c="Amino_Radio-module__radioContainer--uZ3TN";n.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(o){var n=o.checked,t=o.disabled,u=o.label,m=o.onChange;return e.jsxs("div",{className:d.default(c,t&&"disabled"),onClick:function(){return!t&&m(!n)},style:{"--amino-radio-background":n?r.theme.primary:r.theme.inputBackground,"--amino-radio-border":n?"none":"1.5px solid ".concat(r.theme.gray400),"--amino-radio-box-shadow":n?r.theme.shadowButtonPrimary:"none","--amino-radio-container-background":n?r.theme.blue300:""},children:[e.jsx("div",{className:s,children:e.jsx(i.AnimatePresence,{children:n&&e.jsx(i.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),u&&e.jsx(a.Text,{className:l,type:"input-label",children:u})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),o=require("clsx"),a=require("framer-motion"),r=require("../text/Text.js"),n=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(o),l="Amino_Radio-module__styledRadio--BiJwE",c="Amino_Radio-module__styledText--uref9",u="Amino_Radio-module__radioContainer--uZ3TN";t.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(o){var t=o.checked,d=o.className,m=o.disabled,_=o.label,b=o.onChange,x=o.style;return i.jsxs("div",{className:s.default(d,u,m&&"disabled"),onClick:function(){return!m&&b(!t)},style:e.__assign(e.__assign({},x),{"--amino-radio-background":t?n.theme.primary:n.theme.inputBackground,"--amino-radio-border":t?"none":"1.5px solid ".concat(n.theme.gray400),"--amino-radio-box-shadow":t?n.theme.shadowButtonPrimary:"none","--amino-radio-container-background":t?n.theme.blue300:""}),children:[i.jsx("div",{className:l,children:i.jsx(a.AnimatePresence,{children:t&&i.jsx(a.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:i.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),_&&i.jsx(r.Text,{className:c,type:"input-label",children:_})]})};

package/components/radio/RadioGroup.d.ts

@@ -1,12 +1,12 @@
+import type { BaseProps } from "../../types/BaseProps";
 export type RadioGroupItem<T extends string = string> = {
     label: string;
     value: T;
 };
-export type RadioGroupProps<T extends string = string> = {
-    className?: string;
+export type RadioGroupProps<T extends string = string> = BaseProps & {
     disabled?: boolean;
     initialValue?: string;
     items: RadioGroupItem<T>[];
     onChange: (newValue: T) => void;
 };
-export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, }: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, style, }: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/radio/RadioGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),t=require("./Radio.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js");var s=u(a),o="Amino_RadioGroup-module__radioContainer--gii0d";n.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(a){var n=a.className,u=a.disabled,l=a.initialValue,d=a.items,c=a.onChange,f=e.__read(i.useState(-1),2),m=f[0],_=f[1],j=d.findIndex((function(e){return e.value===l}));i.useEffect((function(){j>-1&&_(j)}),[j]);var q=d.map((function(e,i){return r.jsx(t.Radio,{checked:i===m,disabled:u,label:e.label,onChange:function(){u||(_(i),c&&e.value&&c(e.value))}},e.label)}));return r.jsx("div",{className:s.default(n,o),children:q})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),t=require("./Radio.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js");var s=u(a),l="Amino_RadioGroup-module__radioContainer--gii0d";n.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(a){var n=a.className,u=a.disabled,o=a.initialValue,d=a.items,c=a.onChange,f=a.style,m=e.__read(i.useState(-1),2),_=m[0],j=m[1],q=d.findIndex((function(e){return e.value===o}));i.useEffect((function(){q>-1&&j(q)}),[q]);var v=d.map((function(e,i){return r.jsx(t.Radio,{checked:i===_,disabled:u,label:e.label,onChange:function(){u||(j(i),c&&e.value&&c(e.value))}},e.label)}));return r.jsx("div",{className:s.default(n,l),style:f,children:v})};

package/components/rest-state/RestState.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
-export type RestStateProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type RestStateProps = BaseProps & {
     action?: ReactNode;
-    className?: string;
     icon?: string;
     label: string;
     subtitle?: ReactNode;
 };
-export declare const RestState: ({ action, className, icon, label, subtitle, }: RestStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RestState: ({ action, className, icon, label, style, subtitle, }: RestStateProps) => import("react/jsx-runtime").JSX.Element;

package/components/rest-state/RestState.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("../../styles/constants/theme.js");var l=i(t),n="Amino_RestState-module__styledRestState--CkKGL",r="Amino_RestState-module__icon--ZlXu-",o="Amino_RestState-module__textWrapper--elWYa",m="Amino_RestState-module__action--Xw3I4";a.styleInject(".Amino_RestState-module__styledRestState--CkKGL{align-items:center;display:flex;flex-direction:column;justify-content:center}.Amino_RestState-module__styledRestState--CkKGL>*{max-width:500px;text-align:center}.Amino_RestState-module__icon--ZlXu-{height:auto;margin-bottom:var(--amino-space-16);width:100px}.Amino_RestState-module__textWrapper--elWYa{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-8)}.Amino_RestState-module__action--Xw3I4{margin-bottom:var(--amino-space-8);margin-top:var(--amino-space-24)}");exports.RestState=function(t){var a=t.action,i=t.className,c=t.icon,u=t.label,_=t.subtitle;return e.jsxs("div",{className:l.default(i,n),children:[c?e.jsx("img",{alt:u,className:r,src:c}):null,e.jsxs("div",{className:o,children:[e.jsx(s.Text,{type:"title",children:u}),_&&e.jsx(s.Text,{type:"subtitle",children:_}),a?e.jsx("div",{className:m,children:a}):null]})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=i(t),n="Amino_RestState-module__styledRestState--CkKGL",r="Amino_RestState-module__icon--ZlXu-",o="Amino_RestState-module__textWrapper--elWYa",m="Amino_RestState-module__action--Xw3I4";a.styleInject(".Amino_RestState-module__styledRestState--CkKGL{align-items:center;display:flex;flex-direction:column;justify-content:center}.Amino_RestState-module__styledRestState--CkKGL>*{max-width:500px;text-align:center}.Amino_RestState-module__icon--ZlXu-{height:auto;margin-bottom:var(--amino-space-16);width:100px}.Amino_RestState-module__textWrapper--elWYa{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-8)}.Amino_RestState-module__action--Xw3I4{margin-bottom:var(--amino-space-8);margin-top:var(--amino-space-24)}");exports.RestState=function(t){var a=t.action,i=t.className,c=t.icon,u=t.label,_=t.style,d=t.subtitle;return e.jsxs("div",{className:l.default(i,n),style:_,children:[c?e.jsx("img",{alt:u,className:r,src:c}):null,e.jsxs("div",{className:o,children:[e.jsx(s.Text,{type:"title",children:u}),d&&e.jsx(s.Text,{type:"subtitle",children:d}),a?e.jsx("div",{className:m,children:a}):null]})]})};

package/components/rich-card-select/RichCardStateSelect.d.ts

@@ -4,4 +4,4 @@ export type RichCardStateSelectProps<T extends UnitedState = UnitedState> = Base
     states: T[];
     onClick: (selectedState: T) => void;
 };
-export declare const RichCardStateSelect: <T extends UnitedState = UnitedState>({ className, onClick, states, }: RichCardStateSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RichCardStateSelect: <T extends UnitedState = UnitedState>({ className, onClick, states, style, }: RichCardStateSelectProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/rich-card-select/RichCardStateSelect.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../card/Card.js"),r=require("../stack/VStack.js"),a=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../styles/constants/theme.js");var o=n(t),c="Amino_RichCardStateSelect-module__regionLabel--SPGQW",l="Amino_RichCardStateSelect-module__regionWrapper---fUKw",s="Amino_RichCardStateSelect-module__stateCard--l39ey",d="Amino_RichCardStateSelect-module__highlighted--6mou3";a.styleInject(".Amino_RichCardStateSelect-module__regionLabel--SPGQW{font-weight:700}.Amino_RichCardStateSelect-module__regionWrapper---fUKw{display:flex;flex-wrap:wrap;gap:var(--amino-space-8)}.Amino_RichCardStateSelect-module__stateCard--l39ey{align-items:center;cursor:pointer;display:flex;flex:0 0 180px;font-size:var(--amino-font-size-s);font-weight:500;gap:var(--amino-space-24);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:180px}.Amino_RichCardStateSelect-module__stateCard--l39ey:not(.Amino_RichCardStateSelect-module__highlighted--6mou3):hover{background-color:var(--amino-gray-50)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3{background-color:var(--amino-blue-100);border:2px solid var(--amino-blue-400);color:var(--amino-blue-600)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3 svg>path{stroke:var(--amino-blue-600);fill:var(--amino-blue-200)}");exports.RichCardStateSelect=function(t){var a=t.className,n=t.onClick,u=t.states,m=Array.from(new Set(u.map((function(e){return e.region})))),h=["West","Midwest","South","Northeast"];return m.sort((function(e,t){return h.indexOf(e)-h.indexOf(t)})),e.jsx(r.VStack,{className:a,spacing:24,children:m.map((function(t){return e.jsx("div",{children:e.jsxs(r.VStack,{spacing:16,children:[e.jsx("div",{className:c,children:t}),e.jsx("div",{className:l,children:u.filter((function(e){return e.region===t})).map((function(t){return e.jsx("button",{onClick:function(){return n(t)},type:"button",children:e.jsxs(i.Card,{className:o.default(s,t.highlighted&&d),spacing:"10px",children:[t.icon,t.name]})},t.code)}))})]})},t)}))})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../card/Card.js"),r=require("../stack/VStack.js"),a=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../styles/constants/theme.js");var o=n(t),c="Amino_RichCardStateSelect-module__regionLabel--SPGQW",l="Amino_RichCardStateSelect-module__regionWrapper---fUKw",s="Amino_RichCardStateSelect-module__stateCard--l39ey",d="Amino_RichCardStateSelect-module__highlighted--6mou3";a.styleInject(".Amino_RichCardStateSelect-module__regionLabel--SPGQW{font-weight:700}.Amino_RichCardStateSelect-module__regionWrapper---fUKw{display:flex;flex-wrap:wrap;gap:var(--amino-space-8)}.Amino_RichCardStateSelect-module__stateCard--l39ey{align-items:center;cursor:pointer;display:flex;flex:0 0 180px;font-size:var(--amino-font-size-s);font-weight:500;gap:var(--amino-space-24);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:180px}.Amino_RichCardStateSelect-module__stateCard--l39ey:not(.Amino_RichCardStateSelect-module__highlighted--6mou3):hover{background-color:var(--amino-gray-50)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3{background-color:var(--amino-blue-100);border:2px solid var(--amino-blue-400);color:var(--amino-blue-600)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3 svg>path{stroke:var(--amino-blue-600);fill:var(--amino-blue-200)}");exports.RichCardStateSelect=function(t){var a=t.className,n=t.onClick,u=t.states,m=t.style,h=Array.from(new Set(u.map((function(e){return e.region})))),_=["West","Midwest","South","Northeast"];return h.sort((function(e,t){return _.indexOf(e)-_.indexOf(t)})),e.jsx(r.VStack,{className:a,spacing:24,style:m,children:h.map((function(t){return e.jsx("div",{children:e.jsxs(r.VStack,{spacing:16,children:[e.jsx("div",{className:c,children:t}),e.jsx("div",{className:l,children:u.filter((function(e){return e.region===t})).map((function(t){return e.jsx("button",{onClick:function(){return n(t)},type:"button",children:e.jsxs(i.Card,{className:o.default(s,t.highlighted&&d),spacing:"10px",children:[t.icon,t.name]})},t.code)}))})]})},t)}))})};

package/components/rich-checkbox/RichCheckbox.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 type RichCheckboxItemType = {
     checked: boolean;
     icon?: ReactNode;
@@ -6,9 +7,9 @@ type RichCheckboxItemType = {
     subtitle?: string;
     value: string;
 };
-export type RichCheckboxProps = {
+export type RichCheckboxProps = BaseProps & {
     items: RichCheckboxItemType[];
     onClick: (newVal: string) => void;
 };
-export declare const RichCheckbox: ({ items, onClick }: RichCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RichCheckbox: ({ className, items, onClick, style, }: RichCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/rich-checkbox/RichCheckbox.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckmarkIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),l="Amino_RichCheckbox-module__styledRichCheckbox--UBAoE",s="Amino_RichCheckbox-module__label--uogM3",d="Amino_RichCheckbox-module__subtitle--LJpUN",m="Amino_RichCheckbox-module__styledVStack--Ctftf",u="Amino_RichCheckbox-module__styledIcon--KfzLA",h="Amino_RichCheckbox-module__styledItemContentDiv--EiRCD",_="Amino_RichCheckbox-module__hasIcon--g6o2Y";t.styleInject('.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;padding:var(--amino-space-16);padding-right:var(--amino-space-40);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:focus{border:1px solid var(--amino-blue-300);outline:none}.Amino_RichCheckbox-module__label--uogM3{line-height:24px}[data-state=checked] .Amino_RichCheckbox-module__label--uogM3,[data-state=checked] .Amino_RichCheckbox-module__subtitle--LJpUN{color:var(--amino-primary)}button[data-state=checked] .Amino_RichCheckbox-module__styledVStack--Ctftf{background:var(--amino-blue-100);border:1px solid var(--amino-blue-300);color:var(--amino-blue-600)}.Amino_RichCheckbox-module__styledVStack--Ctftf svg{color:var(--amino-gray-0);height:var(--amino-space-12);width:var(--amino-space-12)}.Amino_RichCheckbox-module__styledIcon--KfzLA{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD{grid-column-gap:var(--amino-space-24);align-items:center;display:grid}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD.Amino_RichCheckbox-module__hasIcon--g6o2Y{grid-template-columns:30px 1fr}');exports.RichCheckbox=function(o){var t=o.items,n=o.onClick;return e.jsx(i.VStack,{className:m,spacing:16,children:t.map((function(o){var t=o.checked,m=o.icon,b=o.label,x=o.subtitle,k=o.value;return e.jsxs("button",{className:l,"data-state":t?"checked":"",onClick:function(e){return n(e.currentTarget.value)},type:"button",value:k,children:[e.jsxs("div",{className:r.default(h,!!m&&_),children:[m&&m,e.jsxs(i.VStack,{spacing:0,children:[e.jsx(a.Text,{className:s,color:"gray1200",type:"label",children:b}),x&&e.jsx(a.Text,{className:d,color:"gray700",children:x})]})]}),t&&e.jsx("div",{className:u,children:e.jsx(c.CheckmarkIcon,{})})]},k)}))})};
+"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckmarkIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),l="Amino_RichCheckbox-module__styledRichCheckbox--UBAoE",s="Amino_RichCheckbox-module__label--uogM3",d="Amino_RichCheckbox-module__subtitle--LJpUN",m="Amino_RichCheckbox-module__styledVStack--Ctftf",u="Amino_RichCheckbox-module__styledIcon--KfzLA",h="Amino_RichCheckbox-module__styledItemContentDiv--EiRCD",_="Amino_RichCheckbox-module__hasIcon--g6o2Y";t.styleInject('.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;padding:var(--amino-space-16);padding-right:var(--amino-space-40);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:focus{border:1px solid var(--amino-blue-300);outline:none}.Amino_RichCheckbox-module__label--uogM3{line-height:24px}[data-state=checked] .Amino_RichCheckbox-module__label--uogM3,[data-state=checked] .Amino_RichCheckbox-module__subtitle--LJpUN{color:var(--amino-primary)}button[data-state=checked] .Amino_RichCheckbox-module__styledVStack--Ctftf{background:var(--amino-blue-100);border:1px solid var(--amino-blue-300);color:var(--amino-blue-600)}.Amino_RichCheckbox-module__styledVStack--Ctftf svg{color:var(--amino-gray-0);height:var(--amino-space-12);width:var(--amino-space-12)}.Amino_RichCheckbox-module__styledIcon--KfzLA{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD{grid-column-gap:var(--amino-space-24);align-items:center;display:grid}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD.Amino_RichCheckbox-module__hasIcon--g6o2Y{grid-template-columns:30px 1fr}');exports.RichCheckbox=function(o){var t=o.className,n=o.items,b=o.onClick,x=o.style;return e.jsx(i.VStack,{className:r.default(t,m),spacing:16,style:x,children:n.map((function(o){var t=o.checked,n=o.icon,m=o.label,x=o.subtitle,k=o.value;return e.jsxs("button",{className:l,"data-state":t?"checked":"",onClick:function(e){return b(e.currentTarget.value)},type:"button",value:k,children:[e.jsxs("div",{className:r.default(h,!!n&&_),children:[n&&n,e.jsxs(i.VStack,{spacing:0,children:[e.jsx(a.Text,{className:s,color:"gray1200",type:"label",children:m}),x&&e.jsx(a.Text,{className:d,color:"gray700",children:x})]})]}),t&&e.jsx("div",{className:u,children:e.jsx(c.CheckmarkIcon,{})})]},k)}))})};

package/components/rich-radio/RichRadio.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import { type TooltipProps } from 'react-tooltip';
+import type { BaseProps } from "../../types/BaseProps";
 export type RichRadioItemType<T extends string> = {
     disabled?: boolean;
     label: ReactNode;
@@ -8,9 +9,8 @@ export type RichRadioItemType<T extends string> = {
     tooltipSetting?: Omit<TooltipProps, 'title' | 'children'>;
     value: T;
 };
-export type RichRadioProps<T extends string = string> = {
+export type RichRadioProps<T extends string = string> = BaseProps & {
     activeIcon?: ReactNode;
-    className?: string;
     icon?: ReactNode;
     /**
      * @param itemHeight
@@ -22,4 +22,4 @@ export type RichRadioProps<T extends string = string> = {
     onChange: (value: T) => void;
     renderCustomText?: (option: RichRadioItemType<T>) => ReactNode;
 };
-export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, value, }: RichRadioProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, style, value, }: RichRadioProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/rich-radio/RichRadio.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("react-tooltip"),t=require("clsx"),d=require("../stack/VStack.js"),r=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c=s(a),m=s(t),u="Amino_RichRadio-module__styledIcon--knIjA",_="Amino_RichRadio-module__styledActiveIcon--gEn-e",h="Amino_RichRadio-module__styledItem--kTw3r",R="Amino_RichRadio-module__smallItem--4wzbt",p="Amino_RichRadio-module__label--Lxhqy",x="Amino_RichRadio-module__styledRadioGroup--7nOze",b="Amino_RichRadio-module__subtitle--xjXR-",v="Amino_RichRadio-module__styledTooltip--ulJKt";n.styleInject('.Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-400);border-radius:50px;content:" ";padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledIcon--knIjA svg{color:var(--amino-gray-0)}.Amino_RichRadio-module__styledActiveIcon--gEn-e{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:2px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledItem--kTw3r{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;height:64px;padding:var(--amino-space-16);padding-right:calc(var(--amino-space-40) + 10px);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichRadio-module__styledItem--kTw3r:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichRadio-module__styledItem--kTw3r:hover .Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-600)}.Amino_RichRadio-module__styledItem--kTw3r:focus{border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);outline:none}.Amino_RichRadio-module__styledItem--kTw3r>div{display:flex;flex:1;flex-direction:column}.Amino_RichRadio-module__styledItem--kTw3r.Amino_RichRadio-module__smallItem--4wzbt{height:40px}.Amino_RichRadio-module__label--Lxhqy{color:var(--amino-text-color);line-height:24px}[data-state=checked] .Amino_RichRadio-module__label--Lxhqy{color:var(--amino-primary)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked]{background:var(--amino-blue-100);border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);color:var(--amino-blue-700)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked] .Amino_RichRadio-module__subtitle--xjXR-{color:var(--amino-blue-600)}.Amino_RichRadio-module__styledRadioGroup--7nOze svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_RichRadio-module__styledTooltip--ulJKt.Amino_RichRadio-module__styledTooltip--ulJKt{border-radius:10px;max-width:350px}');exports.RichRadio=function(a){var t=a.activeIcon,n=a.className,s=a.icon,y=a.itemHeight,g=void 0===y?64:y,k=a.items,A=a.onChange,j=a.renderCustomText,I=a.value,f=e.__read(i.useState(I),2),w=f[0],T=f[1];i.useEffect((function(){T(I)}),[I]);return o.jsx(d.VStack,{className:m.default(n,x),spacing:16,children:k.map((function(i){return o.jsxs("button",{className:m.default(h,40===g&&R),"data-disabled":i.disabled,"data-state":i.value===w?"checked":"","data-tip":i.tooltip,onClick:function(){var e;e=i.value,T(e),A(e)},type:"button",children:[i.tooltip&&o.jsx(c.default,e.__assign({arrowColor:"transparent",className:v,effect:"solid"},i.tooltipSetting)),j?j(i):o.jsxs("div",{children:[o.jsx(r.Text,{className:p,type:"label",children:i.label}),i.subtitle&&o.jsx(r.Text,{className:b,color:"gray900",type:"body",children:i.subtitle})]}),!!s&&o.jsx("div",{className:u,children:s||o.jsx(l.CheckmarkIcon,{})}),i.value===w&&o.jsx("div",{className:_,children:t||o.jsx(l.CheckmarkIcon,{})})]},i.value)}))})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("react-tooltip"),t=require("clsx"),d=require("../stack/VStack.js"),l=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c=s(a),m=s(t),u="Amino_RichRadio-module__styledIcon--knIjA",_="Amino_RichRadio-module__styledActiveIcon--gEn-e",h="Amino_RichRadio-module__styledItem--kTw3r",R="Amino_RichRadio-module__smallItem--4wzbt",p="Amino_RichRadio-module__label--Lxhqy",x="Amino_RichRadio-module__styledRadioGroup--7nOze",b="Amino_RichRadio-module__subtitle--xjXR-",v="Amino_RichRadio-module__styledTooltip--ulJKt";n.styleInject('.Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-400);border-radius:50px;content:" ";padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledIcon--knIjA svg{color:var(--amino-gray-0)}.Amino_RichRadio-module__styledActiveIcon--gEn-e{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:2px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledItem--kTw3r{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;height:64px;padding:var(--amino-space-16);padding-right:calc(var(--amino-space-40) + 10px);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichRadio-module__styledItem--kTw3r:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichRadio-module__styledItem--kTw3r:hover .Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-600)}.Amino_RichRadio-module__styledItem--kTw3r:focus{border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);outline:none}.Amino_RichRadio-module__styledItem--kTw3r>div{display:flex;flex:1;flex-direction:column}.Amino_RichRadio-module__styledItem--kTw3r.Amino_RichRadio-module__smallItem--4wzbt{height:40px}.Amino_RichRadio-module__label--Lxhqy{color:var(--amino-text-color);line-height:24px}[data-state=checked] .Amino_RichRadio-module__label--Lxhqy{color:var(--amino-primary)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked]{background:var(--amino-blue-100);border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);color:var(--amino-blue-700)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked] .Amino_RichRadio-module__subtitle--xjXR-{color:var(--amino-blue-600)}.Amino_RichRadio-module__styledRadioGroup--7nOze svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_RichRadio-module__styledTooltip--ulJKt.Amino_RichRadio-module__styledTooltip--ulJKt{border-radius:10px;max-width:350px}');exports.RichRadio=function(a){var t=a.activeIcon,n=a.className,s=a.icon,y=a.itemHeight,g=void 0===y?64:y,k=a.items,A=a.onChange,j=a.renderCustomText,I=a.style,f=a.value,w=e.__read(i.useState(f),2),T=w[0],q=w[1];i.useEffect((function(){q(f)}),[f]);return o.jsx(d.VStack,{className:m.default(n,x),spacing:16,style:I,children:k.map((function(i){return o.jsxs("button",{className:m.default(h,40===g&&R),"data-disabled":i.disabled,"data-state":i.value===T?"checked":"","data-tip":i.tooltip,onClick:function(){var e;e=i.value,q(e),A(e)},type:"button",children:[i.tooltip&&o.jsx(c.default,e.__assign({arrowColor:"transparent",className:v,effect:"solid"},i.tooltipSetting)),j?j(i):o.jsxs("div",{children:[o.jsx(l.Text,{className:p,type:"label",children:i.label}),i.subtitle&&o.jsx(l.Text,{className:b,color:"gray900",type:"body",children:i.subtitle})]}),!!s&&o.jsx("div",{className:u,children:s||o.jsx(r.CheckmarkIcon,{})}),i.value===T&&o.jsx("div",{className:_,children:t||o.jsx(r.CheckmarkIcon,{})})]},i.value)}))})};

package/components/rounded-icon/RoundedIcon.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 import type { Color } from "../../types/Color";
 import type { Intent } from "../../types/Intent";
-export type RoundedIconProps = {
+export type RoundedIconProps = BaseProps & {
     background?: Color;
     children: ReactNode;
-    className?: string;
     color?: Color;
     intent?: Intent;
 };
-export declare const RoundedIcon: ({ background, children, className, color, intent, }: RoundedIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RoundedIcon: ({ background, children, className, color, intent, style, }: RoundedIconProps) => import("react/jsx-runtime").JSX.Element;

package/components/rounded-icon/RoundedIcon.js

@@ -1 +1 @@
-"use strict";var n=require("react/jsx-runtime"),o=require("clsx"),e=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");function d(n){return n&&n.__esModule?n:{default:n}}var a=d(o),c={iconWrapper:"Amino_RoundedIcon-module__iconWrapper--dNOMI",primary:"Amino_RoundedIcon-module__primary--nmE2V",danger:"Amino_RoundedIcon-module__danger--48cqf",warning:"Amino_RoundedIcon-module__warning---41kg",success:"Amino_RoundedIcon-module__success--NLnm9"};r.styleInject(".Amino_RoundedIcon-module__iconWrapper--dNOMI{align-items:center;background:var(--amino-rounded-icon-background);border-radius:32px;color:var(--amino-rounded-icon-color);display:flex;height:var(--amino-space-32);justify-content:center;width:var(--amino-space-32)}.Amino_RoundedIcon-module__iconWrapper--dNOMI svg{height:var(--amino-space-20);width:var(--amino-space-20)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__primary--nmE2V{background:var(--amino-blue-100);color:var(--amino-blue-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__danger--48cqf{background:var(--amino-red-100);color:var(--amino-red-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__warning---41kg{background:var(--amino-orange-100);color:var(--amino-orange-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__success--NLnm9{background:var(--amino-green-100);color:var(--amino-green-600)}");exports.RoundedIcon=function(o){var r=o.background,d=o.children,i=o.className,u=o.color,m=o.intent;return n.jsx("div",{className:a.default(i,c.iconWrapper,function(){switch(m){case"danger":case"primary":case"warning":case"success":return c[m];default:return""}}()),style:{"--amino-rounded-icon-background":r?e.theme[r]:e.theme.gray200,"--amino-rounded-icon-color":u?e.theme[u]:e.theme.gray600},children:d})};
+"use strict";var n=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),e=require("clsx"),r=require("../../styles/constants/theme.js"),a=require("../../style-inject.es-d4ddeae4.js");function d(n){return n&&n.__esModule?n:{default:n}}var c=d(e),i={iconWrapper:"Amino_RoundedIcon-module__iconWrapper--dNOMI",primary:"Amino_RoundedIcon-module__primary--nmE2V",danger:"Amino_RoundedIcon-module__danger--48cqf",warning:"Amino_RoundedIcon-module__warning---41kg",success:"Amino_RoundedIcon-module__success--NLnm9"};a.styleInject(".Amino_RoundedIcon-module__iconWrapper--dNOMI{align-items:center;background:var(--amino-rounded-icon-background);border-radius:32px;color:var(--amino-rounded-icon-color);display:flex;height:var(--amino-space-32);justify-content:center;width:var(--amino-space-32)}.Amino_RoundedIcon-module__iconWrapper--dNOMI svg{height:var(--amino-space-20);width:var(--amino-space-20)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__primary--nmE2V{background:var(--amino-blue-100);color:var(--amino-blue-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__danger--48cqf{background:var(--amino-red-100);color:var(--amino-red-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__warning---41kg{background:var(--amino-orange-100);color:var(--amino-orange-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__success--NLnm9{background:var(--amino-green-100);color:var(--amino-green-600)}");exports.RoundedIcon=function(e){var a=e.background,d=e.children,u=e.className,m=e.color,s=e.intent,_=e.style;return o.jsx("div",{className:c.default(u,i.iconWrapper,function(){switch(s){case"danger":case"primary":case"warning":case"success":return i[s];default:return""}}()),style:n.__assign(n.__assign({},_),{"--amino-rounded-icon-background":a?r.theme[a]:r.theme.gray200,"--amino-rounded-icon-color":m?r.theme[m]:r.theme.gray600}),children:d})};

package/components/section/HSection.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-export type HSectionProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type HSectionProps = BaseProps & {
     children: ReactNode;
-    className?: string;
     /**
      * @info Initial collapse state. **Note**: only have effect when `collapsible` is specified
      * @default false
@@ -15,4 +15,4 @@ export type HSectionProps = {
     label?: ReactNode;
     sublabel?: ReactNode;
 };
-export declare const HSection: ({ children, className, collapseByDefault, collapsible, label, sublabel, }: HSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HSection: ({ children, className, collapseByDefault, collapsible, label, style, sublabel, }: HSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/HSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),i=require("react"),t=require("clsx"),l=require("../button/Button.js"),n=require("../collapse/Collapse.js"),r=require("./_SectionInnerWrapper.js"),s=require("./_SectionSubheader.js"),a=require("../stack/HStack.js"),c=require("../text/Text.js"),d=require("../../icons/ChevronUpIcon.js"),u=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}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("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m=_(t),p="Amino_HSection-module__styledSectionWrapper--zroOG",f="Amino_HSection-module__styledCollapseIndicator--fYDVo",S="Amino_HSection-module__collapsed--EiZ4e",y="Amino_HSection-module__styledDiv--iakQB",j="Amino_HSection-module__titleDiv--rklK6";u.styleInject(".Amino_HSection-module__styledSectionWrapper--zroOG{grid-template-columns:1fr 2fr;margin-bottom:40px;padding:8px}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo{background:#0000;margin-left:4px;position:relative;transition:all .2s ease}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover path[data-is-secondary-color]{fill:var(--amino-gray-300)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active path[data-is-secondary-color],.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus path[data-is-secondary-color]{fill:var(--amino-gray-400)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover{background:#0000;color:var(--amino-gray-800)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__collapsed--EiZ4e{transform:rotate(90deg)}.Amino_HSection-module__styledDiv--iakQB{display:flex;flex-direction:column}.Amino_HSection-module__titleDiv--rklK6{align-items:center;display:flex;justify-content:space-between}");exports.HSection=function(t){var u=t.children,_=t.className,H=t.collapseByDefault,A=void 0!==H&&H,x=t.collapsible,C=void 0!==x&&x,v=t.label,I=t.sublabel,q=void 0===I?"":I,D=e.__read(i.useState(A),2),h=D[0],b=D[1];return o.jsxs(a.HStack,{className:m.default(_,p),children:[v&&o.jsx(r.SectionInnerWrapper,{children:o.jsxs("div",{className:y,children:[C?o.jsxs("div",{className:j,onClick:function(){return b(!h)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[o.jsx(c.Text,{type:"title",children:v}),o.jsx(l.Button,{className:m.default(f,h&&S),icon:o.jsx(d.ChevronUpIcon,{}),onClick:function(){return b(!h)},size:"sm",variant:"plain"})]}):o.jsx(c.Text,{type:"title",children:v}),q&&o.jsx(s.SectionSubheader,{children:q})]})}),C?o.jsx(n.Collapse,{collapsed:h,children:u}):o.jsx("div",{children:u})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),t=require("clsx"),l=require("../button/Button.js"),n=require("../collapse/Collapse.js"),r=require("./_SectionInnerWrapper.js"),s=require("./_SectionSubheader.js"),a=require("../stack/HStack.js"),c=require("../text/Text.js"),d=require("../../icons/ChevronUpIcon.js"),u=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}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("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m=_(t),p="Amino_HSection-module__styledSectionWrapper--zroOG",f="Amino_HSection-module__styledCollapseIndicator--fYDVo",y="Amino_HSection-module__collapsed--EiZ4e",S="Amino_HSection-module__styledDiv--iakQB",j="Amino_HSection-module__titleDiv--rklK6";u.styleInject(".Amino_HSection-module__styledSectionWrapper--zroOG{grid-template-columns:1fr 2fr;margin-bottom:40px;padding:8px}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo{background:#0000;margin-left:4px;position:relative;transition:all .2s ease}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover path[data-is-secondary-color]{fill:var(--amino-gray-300)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active path[data-is-secondary-color],.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus path[data-is-secondary-color]{fill:var(--amino-gray-400)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover{background:#0000;color:var(--amino-gray-800)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__collapsed--EiZ4e{transform:rotate(90deg)}.Amino_HSection-module__styledDiv--iakQB{display:flex;flex-direction:column}.Amino_HSection-module__titleDiv--rklK6{align-items:center;display:flex;justify-content:space-between}");exports.HSection=function(t){var u=t.children,_=t.className,H=t.collapseByDefault,A=void 0!==H&&H,x=t.collapsible,C=void 0!==x&&x,v=t.label,I=t.style,q=t.sublabel,D=void 0===q?"":q,h=e.__read(i.useState(A),2),b=h[0],V=h[1];return o.jsxs(a.HStack,{className:m.default(_,p),style:I,children:[v&&o.jsx(r.SectionInnerWrapper,{children:o.jsxs("div",{className:S,children:[C?o.jsxs("div",{className:j,onClick:function(){return V(!b)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[o.jsx(c.Text,{type:"title",children:v}),o.jsx(l.Button,{className:m.default(f,b&&y),icon:o.jsx(d.ChevronUpIcon,{}),onClick:function(){return V(!b)},size:"sm",variant:"plain"})]}):o.jsx(c.Text,{type:"title",children:v}),D&&o.jsx(s.SectionSubheader,{children:D})]})}),C?o.jsx(n.Collapse,{collapsed:b,children:u}):o.jsx("div",{children:u})]})};

package/components/section/VSection.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
-export type VSectionProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type VSectionProps = BaseProps & {
     actions?: ReactNode;
     children: ReactNode;
-    className?: string;
     label?: ReactNode;
     sublabel?: ReactNode;
 };
-export declare const VSection: ({ actions, children, className, label, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VSection: ({ actions, children, className, label, style, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/VSection.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionHeader.js"),i=require("./_SectionInnerWrapper.js"),s=require("./_SectionSubheader.js"),n=require("../stack/HStack.js"),c=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-ccfac372.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var l=a(r),u="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,a=r.children,o=r.className,d=r.label,j=r.sublabel,S=void 0===j?"":j;return e.jsxs("div",{className:l.default(o,u),children:[d&&e.jsxs(i.SectionInnerWrapper,{children:[e.jsxs(t.SectionHeader,{children:[d,e.jsx(s.SectionSubheader,{children:S})]}),e.jsx(n.HStack,{spacing:8,children:c})]}),e.jsx("div",{children:a})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionHeader.js"),s=require("./_SectionInnerWrapper.js"),i=require("./_SectionSubheader.js"),n=require("../stack/HStack.js"),c=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var l=a(r),u="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,a=r.children,o=r.className,d=r.label,j=r.style,S=r.sublabel,x=void 0===S?"":S;return e.jsxs("div",{className:l.default(o,u),style:j,children:[d&&e.jsxs(s.SectionInnerWrapper,{children:[e.jsxs(t.SectionHeader,{children:[d,e.jsx(i.SectionSubheader,{children:x})]}),e.jsx(n.HStack,{spacing:8,children:c})]}),e.jsx("div",{children:a})]})};