@zonos/amino 4.4.34 → 5.0.1

package/components/table/Table.d.ts

@@ -4,4 +4,4 @@ export type TableProps = {
     className?: string;
     size?: 'medium' | 'small';
 };
-export declare const Table: ({ children, className, size }: TableProps) => JSX.Element;
+export declare const Table: ({ children, className, size }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/Table.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime");function i(e){return e&&e.__esModule?e:{default:e}}var n,r=i(require("styled-components")).default.table(n||(n=e.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));exports.Table=function(i){var n=i.children,a=i.className,s=i.size,l=void 0===s?"medium":s;return t.jsx(r,e.__assign({className:[a,"Amino-table-size-".concat(l)].filter(Boolean).join(" ")},{children:n}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}var i,n=r(require("styled-components")).default.table(i||(i=e.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));exports.Table=function(e){var r=e.children,i=e.className,a=e.size,s=void 0===a?"medium":a;return t.jsx(n,{className:[i,"Amino-table-size-".concat(s)].filter(Boolean).join(" "),children:r})};

package/components/table/TableBody.d.ts

@@ -3,4 +3,4 @@ export type TableBodyProps = {
     children: ReactNode;
     className?: string;
 };
-export declare const TableBody: ({ children, className }: TableBodyProps) => JSX.Element;
+export declare const TableBody: ({ children, className }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/TableBody.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime");exports.TableBody=function(s){var a=s.children,i=s.className;return r.jsx("tbody",e.__assign({className:i},{children:a}))};
+"use strict";var e=require("react/jsx-runtime");exports.TableBody=function(r){var s=r.children,a=r.className;return e.jsx("tbody",{className:a,children:s})};

package/components/table/TableCell.d.ts

@@ -10,5 +10,5 @@ export type TableCellProps = {
     colSpan?: number;
     tag?: 'td' | 'th';
 } & StyledProps;
-export declare const TableCell: ({ align, borderBottom, children, className, colSpan, padding, tag, }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ align, borderBottom, children, className, colSpan, padding, tag, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/table/TableCell.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var s,l,o,r,d,m=a(t),p=t.css(s||(s=n.__makeTemplateObject(["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"],["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"])),i.theme.space16,i.theme.space16),c=t.css(o||(o=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return e.padding?t.css(l||(l=n.__makeTemplateObject(["\n          padding: ",";\n        "],["\n          padding: ",";\n        "])),e.padding):p})),u=m.default.td(r||(r=n.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"],["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"])),(function(n){return n.align}),(function(n){return n.borderBottom||"1px solid ".concat(i.theme.gray200)}),i.theme.fontSizeBase,c),f=m.default.div(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"])));exports.TableCell=function(t){var i=t.align,a=void 0===i?"left":i,s=t.borderBottom,l=t.children,o=t.className,r=t.colSpan,d=t.padding,m=t.tag;return e.jsx(u,n.__assign({align:a,as:m,borderBottom:s,className:o,colSpan:r,padding:d},{children:e.jsx(f,{children:l})}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var l,s,o,r,d,m=a(t),p=t.css(l||(l=n.__makeTemplateObject(["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"],["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"])),i.theme.space16,i.theme.space16),c=t.css(o||(o=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return e.padding?t.css(s||(s=n.__makeTemplateObject(["\n          padding: ",";\n        "],["\n          padding: ",";\n        "])),e.padding):p})),u=m.default.td(r||(r=n.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"],["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"])),(function(n){return n.align}),(function(n){return n.borderBottom||"1px solid ".concat(i.theme.gray200)}),i.theme.fontSizeBase,c),f=m.default.div(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"])));exports.TableCell=function(n){var t=n.align,i=void 0===t?"left":t,a=n.borderBottom,l=n.children,s=n.className,o=n.colSpan,r=n.padding,d=n.tag;return e.jsx(u,{align:i,as:d,borderBottom:a,className:s,colSpan:o,padding:r,children:e.jsx(f,{children:l})})};

package/components/table/TableFooter.d.ts

@@ -3,4 +3,4 @@ export type TableFooterProps = {
     children: ReactNode;
     className?: string;
 };
-export declare const TableFooter: ({ children, className }: TableFooterProps) => JSX.Element;
+export declare const TableFooter: ({ children, className }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/TableFooter.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime");exports.TableFooter=function(s){var t=s.children,a=s.className;return r.jsx("tfoot",e.__assign({className:a},{children:t}))};
+"use strict";var e=require("react/jsx-runtime");exports.TableFooter=function(r){var t=r.children,s=r.className;return e.jsx("tfoot",{className:s,children:t})};

package/components/table/TableHead.d.ts

@@ -3,4 +3,4 @@ export type TableHeadProps = {
     children: ReactNode;
     className?: string;
 };
-export declare const TableHead: ({ children, className }: TableHeadProps) => JSX.Element;
+export declare const TableHead: ({ children, className }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/TableHead.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime");exports.TableHead=function(s){var a=s.children,i=s.className;return r.jsx("thead",e.__assign({className:i},{children:a}))};
+"use strict";var e=require("react/jsx-runtime");exports.TableHead=function(r){var a=r.children,s=r.className;return e.jsx("thead",{className:s,children:a})};

package/components/table/TableRow.d.ts

@@ -6,4 +6,4 @@ export type TableRowProps = {
     onClick?: MouseEventHandler<HTMLTableRowElement>;
     withHover?: boolean;
 };
-export declare function TableRow({ active, children, className, onClick, withHover, }: TableRowProps): JSX.Element;
+export declare function TableRow({ active, children, className, onClick, withHover, }: TableRowProps): import("react/jsx-runtime").JSX.Element;

package/components/table/TableRow.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var a,i=o(t).default.tr(a||(a=e.__makeTemplateObject(["\n  &.with-hover:hover {\n    background-color: ",";\n  }\n  th {\n    color: ",";\n    text-transform: uppercase;\n    & > * {\n      font-size: ",";\n    }\n  }\n  /** Only affect on tr inside tbody */\n  tbody &.active {\n    background: ",";\n  }\n"],["\n  &.with-hover:hover {\n    background-color: ",";\n  }\n  th {\n    color: ",";\n    text-transform: uppercase;\n    & > * {\n      font-size: ",";\n    }\n  }\n  /** Only affect on tr inside tbody */\n  tbody &.active {\n    background: ",";\n  }\n"])),r.theme.gray50,r.theme.gray800,r.theme.fontSizeS,r.theme.gray50);exports.TableRow=function(t){var r=t.active,o=t.children,a=t.className,c=t.onClick,s=t.withHover;return n.jsx(i,e.__assign({className:[a||"",r?"active":"",s?"with-hover":""].join(" "),onClick:c},{children:o}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var a,c=o(t).default.tr(a||(a=e.__makeTemplateObject(["\n  &.with-hover:hover {\n    background-color: ",";\n  }\n  th {\n    color: ",";\n    text-transform: uppercase;\n    & > * {\n      font-size: ",";\n    }\n  }\n  /** Only affect on tr inside tbody */\n  tbody &.active {\n    background: ",";\n  }\n"],["\n  &.with-hover:hover {\n    background-color: ",";\n  }\n  th {\n    color: ",";\n    text-transform: uppercase;\n    & > * {\n      font-size: ",";\n    }\n  }\n  /** Only affect on tr inside tbody */\n  tbody &.active {\n    background: ",";\n  }\n"])),r.theme.gray50,r.theme.gray800,r.theme.fontSizeS,r.theme.gray50);exports.TableRow=function(e){var t=e.active,r=e.children,o=e.className,a=e.onClick,i=e.withHover;return n.jsx(c,{className:[o||"",t?"active":"",i?"with-hover":""].join(" "),onClick:a,children:r})};

package/components/table/TableRowCollapse.d.ts

@@ -10,4 +10,4 @@ export type TableRowCollapseProps = {
     onToggleCollapse: MouseEventHandler<HTMLTableRowElement>;
     rowContent: ReactNode;
 };
-export declare const TableRowCollapse: ({ children, className, collapsed, onToggleCollapse, rowContent, }: TableRowCollapseProps) => JSX.Element;
+export declare const TableRowCollapse: ({ children, className, collapsed, onToggleCollapse, rowContent, }: TableRowCollapseProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/TableRowCollapse.js

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

package/components/tabs/Tabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TabsProps = {
     /**
      * Only applies to subtle design
@@ -16,4 +15,4 @@ export type TabsProps = {
     subtle?: boolean;
     onChange: (selectedTab: number) => void;
 };
-export declare const Tabs: ({ align, className, items, onChange, selected, subtle, }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ align, className, items, onChange, selected, subtle, }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js"),o=require("../text/Text.js");function a(n){return n&&n.__esModule?n:{default:n}}var s,i,l,c,d,f=a(t),m=f.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),u=f.default.div(i||(i=n.__makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  text-align: center;\n  padding: "," 0;\n  transition: ",";\n  color: ",";\n\n  &::after {\n    position: absolute;\n    bottom: 0px;\n    left: 0;\n    content: '';\n    background-color: ",";\n    transition: ",";\n    height: 2px;\n    width: 100%;\n    transform: scaleX(0);\n  }\n\n  &.is-selected {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):hover {\n    color: ",";\n\n    &::after {\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):active {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  text-align: center;\n  padding: "," 0;\n  transition: ",";\n  color: ",";\n\n  &::after {\n    position: absolute;\n    bottom: 0px;\n    left: 0;\n    content: '';\n    background-color: ",";\n    transition: ",";\n    height: 2px;\n    width: 100%;\n    transform: scaleX(0);\n  }\n\n  &.is-selected {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):hover {\n    color: ",";\n\n    &::after {\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):active {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n"])),r.theme.space12,r.theme.transition,r.theme.gray800,r.theme.gray200,r.theme.transition,r.theme.primary,r.theme.primary,r.theme.gray1000,r.theme.gray1000,r.theme.gray300),b=f.default(m)(l||(l=n.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n"],["\n  border: ",";\n  border-radius: ",";\n"])),r.theme.border,r.theme.radius8),g=f.default(u)(c||(c=n.__makeTemplateObject(["\n  flex: 1;\n  font-weight: 500;\n\n  &::after {\n    height: 4px;\n  }\n\n  &:first-of-type::after {\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-of-type::after {\n    border-bottom-right-radius: ",";\n  }\n\n  & + & {\n    border-left: ",";\n  }\n\n  &:not(.is-selected):hover {\n    background: rgba(0, 0, 0, 0.03);\n  }\n\n  &:not(.is-selected):active {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"],["\n  flex: 1;\n  font-weight: 500;\n\n  &::after {\n    height: 4px;\n  }\n\n  &:first-of-type::after {\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-of-type::after {\n    border-bottom-right-radius: ",";\n  }\n\n  & + & {\n    border-left: ",";\n  }\n\n  &:not(.is-selected):hover {\n    background: rgba(0, 0, 0, 0.03);\n  }\n\n  &:not(.is-selected):active {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"])),r.theme.radius8,r.theme.radius8,r.theme.border),h=f.default(m)(d||(d=n.__makeTemplateObject(["\n  justify-content: ",";\n  gap: ",";\n  border-bottom: 1px solid ",";\n"],["\n  justify-content: ",";\n  gap: ",";\n  border-bottom: 1px solid ",";\n"])),(function(n){return n.align}),r.theme.space24,r.theme.gray200),p=u;exports.Tabs=function(t){var r=t.align,a=void 0===r?"start":r,s=t.className,i=t.items,l=t.onChange,c=t.selected,d=t.subtle;return void 0!==d&&d?e.jsx(h,n.__assign({align:a,className:s},{children:i.map((function(t){return e.jsx(p,n.__assign({className:c===i.indexOf(t)?"is-selected":"",onClick:function(){return l(i.indexOf(t))}},{children:e.jsx(o.Text,n.__assign({type:"label"},{children:t}))}),t)}))})):e.jsx(b,n.__assign({className:s},{children:i.map((function(t){return e.jsx(g,n.__assign({className:c===i.indexOf(t)?"is-selected":"",onClick:function(){return l(i.indexOf(t))}},{children:t}),t)}))}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js"),o=require("../text/Text.js");function a(n){return n&&n.__esModule?n:{default:n}}var s,i,l,c,d,f=a(t),m=f.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),u=f.default.div(i||(i=n.__makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  text-align: center;\n  padding: "," 0;\n  transition: ",";\n  color: ",";\n\n  &::after {\n    position: absolute;\n    bottom: 0px;\n    left: 0;\n    content: '';\n    background-color: ",";\n    transition: ",";\n    height: 2px;\n    width: 100%;\n    transform: scaleX(0);\n  }\n\n  &.is-selected {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):hover {\n    color: ",";\n\n    &::after {\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):active {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  text-align: center;\n  padding: "," 0;\n  transition: ",";\n  color: ",";\n\n  &::after {\n    position: absolute;\n    bottom: 0px;\n    left: 0;\n    content: '';\n    background-color: ",";\n    transition: ",";\n    height: 2px;\n    width: 100%;\n    transform: scaleX(0);\n  }\n\n  &.is-selected {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):hover {\n    color: ",";\n\n    &::after {\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):active {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n"])),r.theme.space12,r.theme.transition,r.theme.gray800,r.theme.gray200,r.theme.transition,r.theme.primary,r.theme.primary,r.theme.gray1000,r.theme.gray1000,r.theme.gray300),b=f.default(m)(l||(l=n.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n"],["\n  border: ",";\n  border-radius: ",";\n"])),r.theme.border,r.theme.radius8),h=f.default(u)(c||(c=n.__makeTemplateObject(["\n  flex: 1;\n  font-weight: 500;\n\n  &::after {\n    height: 4px;\n  }\n\n  &:first-of-type::after {\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-of-type::after {\n    border-bottom-right-radius: ",";\n  }\n\n  & + & {\n    border-left: ",";\n  }\n\n  &:not(.is-selected):hover {\n    background: rgba(0, 0, 0, 0.03);\n  }\n\n  &:not(.is-selected):active {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"],["\n  flex: 1;\n  font-weight: 500;\n\n  &::after {\n    height: 4px;\n  }\n\n  &:first-of-type::after {\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-of-type::after {\n    border-bottom-right-radius: ",";\n  }\n\n  & + & {\n    border-left: ",";\n  }\n\n  &:not(.is-selected):hover {\n    background: rgba(0, 0, 0, 0.03);\n  }\n\n  &:not(.is-selected):active {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"])),r.theme.radius8,r.theme.radius8,r.theme.border),g=f.default(m)(d||(d=n.__makeTemplateObject(["\n  justify-content: ",";\n  gap: ",";\n  border-bottom: 1px solid ",";\n"],["\n  justify-content: ",";\n  gap: ",";\n  border-bottom: 1px solid ",";\n"])),(function(n){return n.align}),r.theme.space24,r.theme.gray200),p=u;exports.Tabs=function(n){var t=n.align,r=void 0===t?"start":t,a=n.className,s=n.items,i=n.onChange,l=n.selected,c=n.subtle;return void 0!==c&&c?e.jsx(g,{align:r,className:a,children:s.map((function(n){return e.jsx(p,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:e.jsx(o.Text,{type:"label",children:n})},n)}))}):e.jsx(b,{className:a,children:s.map((function(n){return e.jsx(h,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:n},n)}))})};

package/components/tag/Tag.d.ts

@@ -9,5 +9,5 @@ export interface TagProps {
     onClick?: () => void;
     onClose: () => void;
 }
-export declare const Tag: ({ children, className, icon, iconRight, onClick, onClose, size, }: TagProps) => JSX.Element;
+export declare const Tag: ({ children, className, icon, iconRight, onClick, onClose, size, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../../icons/RemoveIcon.js"),t=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var o,s,l,c,d=a(i),u=d.default.div(o||(o=n.__makeTemplateObject(["\n  display: inline-flex;\n  // default background color (gray)\n  background-color: ",";\n  border-radius: ",";\n\n  height: ",";\n"],["\n  display: inline-flex;\n  // default background color (gray)\n  background-color: ",";\n  border-radius: ",";\n\n  height: ",";\n"])),t.theme.gray200,t.theme.radius6,(function(n){return"base"===n.$size?t.theme.space20:t.theme.space24})),g=d.default.button(s||(s=n.__makeTemplateObject(["\n  display: inline-flex;\n  font-size: ",";\n  background-color: ",";\n  border-radius: "," 0 0 ",";\n  gap: ",";\n  font-weight: normal;\n  padding: 0 ",";\n\n  color: ",";\n  align-items: center;\n  text-align: center;\n  font-weight: 500;\n  &:focus {\n    outline: none;\n  }\n  p {\n    margin: 0;\n    font-weight: 600;\n  }\n\n  svg {\n    order: ",";\n  }\n"],["\n  display: inline-flex;\n  font-size: ",";\n  background-color: ",";\n  border-radius: "," 0 0 ",";\n  gap: ",";\n  font-weight: normal;\n  padding: 0 ",";\n\n  color: ",";\n  align-items: center;\n  text-align: center;\n  font-weight: 500;\n  &:focus {\n    outline: none;\n  }\n  p {\n    margin: 0;\n    font-weight: 600;\n  }\n\n  svg {\n    order: ",";\n  }\n"])),(function(n){return"base"===n.size?t.theme.fontSizeS:t.theme.fontSizeBase}),t.theme.gray200,t.theme.radius6,t.theme.radius6,t.theme.space8,t.theme.space8,t.theme.gray800,(function(n){return n.iconRight?"2":""})),m=d.default.button(l||(l=n.__makeTemplateObject(["\n  border-radius: 0 "," "," 0;\n  display: inline-flex;\n  align-items: center;\n  padding: ",";\n"],["\n  border-radius: 0 "," "," 0;\n  display: inline-flex;\n  align-items: center;\n  padding: ",";\n"])),t.theme.radius6,t.theme.radius6,t.theme.space4),h=d.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n\n  ",":hover & {\n    background-color: ",";\n    border-radius: 50%;\n  }\n"],["\n  display: flex;\n\n  ",":hover & {\n    background-color: ",";\n    border-radius: 50%;\n  }\n"])),m,t.theme.gray300);exports.Tag=function(i){var t=i.children,a=i.className,o=i.icon,s=i.iconRight,l=i.onClick,c=i.onClose,d=i.size,f=void 0===d?"base":d;return e.jsxs(u,n.__assign({$size:f,className:a},{children:[e.jsxs(g,n.__assign({iconRight:s,onClick:l,size:f,type:"button"},{children:[o,e.jsx("p",{children:t})]})),e.jsx(m,n.__assign({onClick:c,type:"button"},{children:e.jsx(h,{children:e.jsx(r.RemoveIcon,{size:14})})}))]}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../../icons/RemoveIcon.js"),t=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,s,l,c,d=o(r),u=d.default.div(a||(a=n.__makeTemplateObject(["\n  display: inline-flex;\n  // default background color (gray)\n  background-color: ",";\n  border-radius: ",";\n\n  height: ",";\n"],["\n  display: inline-flex;\n  // default background color (gray)\n  background-color: ",";\n  border-radius: ",";\n\n  height: ",";\n"])),t.theme.gray200,t.theme.radius6,(function(n){return"base"===n.$size?t.theme.space20:t.theme.space24})),g=d.default.button(s||(s=n.__makeTemplateObject(["\n  display: inline-flex;\n  font-size: ",";\n  background-color: ",";\n  border-radius: "," 0 0 ",";\n  gap: ",";\n  font-weight: normal;\n  padding: 0 ",";\n\n  color: ",";\n  align-items: center;\n  text-align: center;\n  font-weight: 500;\n  &:focus {\n    outline: none;\n  }\n  p {\n    margin: 0;\n    font-weight: 600;\n  }\n\n  svg {\n    order: ",";\n  }\n"],["\n  display: inline-flex;\n  font-size: ",";\n  background-color: ",";\n  border-radius: "," 0 0 ",";\n  gap: ",";\n  font-weight: normal;\n  padding: 0 ",";\n\n  color: ",";\n  align-items: center;\n  text-align: center;\n  font-weight: 500;\n  &:focus {\n    outline: none;\n  }\n  p {\n    margin: 0;\n    font-weight: 600;\n  }\n\n  svg {\n    order: ",";\n  }\n"])),(function(n){return"base"===n.size?t.theme.fontSizeS:t.theme.fontSizeBase}),t.theme.gray200,t.theme.radius6,t.theme.radius6,t.theme.space8,t.theme.space8,t.theme.gray800,(function(n){return n.iconRight?"2":""})),m=d.default.button(l||(l=n.__makeTemplateObject(["\n  border-radius: 0 "," "," 0;\n  display: inline-flex;\n  align-items: center;\n  padding: ",";\n"],["\n  border-radius: 0 "," "," 0;\n  display: inline-flex;\n  align-items: center;\n  padding: ",";\n"])),t.theme.radius6,t.theme.radius6,t.theme.space4),h=d.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n\n  ",":hover & {\n    background-color: ",";\n    border-radius: 50%;\n  }\n"],["\n  display: flex;\n\n  ",":hover & {\n    background-color: ",";\n    border-radius: 50%;\n  }\n"])),m,t.theme.gray300);exports.Tag=function(n){var r=n.children,t=n.className,o=n.icon,a=n.iconRight,s=n.onClick,l=n.onClose,c=n.size,d=void 0===c?"base":c;return e.jsxs(u,{$size:d,className:t,children:[e.jsxs(g,{iconRight:a,onClick:s,size:d,type:"button",children:[o,e.jsx("p",{children:r})]}),e.jsx(m,{onClick:l,type:"button",children:e.jsx(h,{children:e.jsx(i.RemoveIcon,{size:14})})})]})};

package/components/text/LegacyText.d.ts

@@ -6,5 +6,5 @@ export type LegacyTextProps = {
     title?: string;
     type?: LegacyTextStyle;
 };
-export declare const LegacyText: ({ children, className, title, type, }: LegacyTextProps) => JSX.Element;
+export declare const LegacyText: ({ children, className, title, type, }: LegacyTextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/text/LegacyText.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),s=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,l,r,c=a(n),h=c.default.span(i||(i=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),s.theme.fontSizeS,s.theme.gray900),o=c.default.span(l||(l=e.__makeTemplateObject(["\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  opacity: 0.5;\n  text-transform: uppercase;\n"],["\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  opacity: 0.5;\n  text-transform: uppercase;\n"]))),m=c.default.span(r||(r=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),s.theme.gray1200,s.theme.fontSans,s.theme.space8);exports.LegacyText=function(n){var s=n.children,a=n.className,i=n.title;switch(n.type){case"h1":return t.jsx("h1",e.__assign({className:a,title:i},{children:s}));case"h2":return t.jsx("h2",e.__assign({className:a,title:i},{children:s}));case"h3":return t.jsx("h3",e.__assign({className:a,title:i},{children:s}));case"h4":return t.jsx("h4",e.__assign({className:a,title:i},{children:s}));case"h5":return t.jsx("h5",e.__assign({className:a,title:i},{children:s}));case"h6":return t.jsx("h6",e.__assign({className:a,title:i},{children:s}));case"subtitle":return t.jsx(h,e.__assign({className:a,title:i},{children:s}));case"small-header":return t.jsx(o,e.__assign({className:a,title:i},{children:s}));case"input-label":return t.jsx(m,e.__assign({className:a,title:i},{children:s}));default:return t.jsx("p",e.__assign({className:a,title:i},{children:s}))}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),s=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var l,r,i,c=a(n),h=c.default.span(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),s.theme.fontSizeS,s.theme.gray900),o=c.default.span(r||(r=e.__makeTemplateObject(["\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  opacity: 0.5;\n  text-transform: uppercase;\n"],["\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  opacity: 0.5;\n  text-transform: uppercase;\n"]))),m=c.default.span(i||(i=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),s.theme.gray1200,s.theme.fontSans,s.theme.space8);exports.LegacyText=function(e){var n=e.children,s=e.className,a=e.title;switch(e.type){case"h1":return t.jsx("h1",{className:s,title:a,children:n});case"h2":return t.jsx("h2",{className:s,title:a,children:n});case"h3":return t.jsx("h3",{className:s,title:a,children:n});case"h4":return t.jsx("h4",{className:s,title:a,children:n});case"h5":return t.jsx("h5",{className:s,title:a,children:n});case"h6":return t.jsx("h6",{className:s,title:a,children:n});case"subtitle":return t.jsx(h,{className:s,title:a,children:n});case"small-header":return t.jsx(o,{className:s,title:a,children:n});case"input-label":return t.jsx(m,{className:s,title:a,children:n});default:return t.jsx("p",{className:s,title:a,children:n})}};

package/components/text/Text.d.ts

@@ -100,5 +100,5 @@ export type TextProps = {
     title?: string;
     type?: TextStyle;
 } & TypographyOverrides;
-export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, tag, title, type, }: TextProps) => JSX.Element;
+export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, tag, title, type, }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/text/Text.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:900},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:700},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],_=c[11],S=c[12],v=h.default.h1(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"],["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])),(function(e){return"var(--amino-font-size-".concat(e.fontSize||e.size,")")}),(function(e){return e.fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.lineHeight||e.size,")")}),(function(e){return e.color&&a.theme[e.color]}),(function(e){return e.isUppercase&&"uppercase"}));exports.Text=function(i){var a=i.children,s=i.className,n=i.color,r=i.fontSize,l=i.fontWeight,h=i.isUppercase,g=i.lineHeight,c=i.tag,j=i.title,L=function(i){var l=i.as,h=i.fontWeight,o=i.isUppercase,p=i.size;return t.jsx(v,e.__assign({as:l,className:s,color:n,fontSize:r,fontWeight:h,isUppercase:!!o,lineHeight:g,size:p,title:j},{children:a}))};switch(i.type){case"page-header":return L({as:c||d.tag,fontWeight:l||d.weight,isUppercase:h,size:d.size});case"header":return L({as:c||u.tag,fontWeight:l||u.weight,isUppercase:h,size:u.size});case"description-header":return L({as:c||z.tag,fontWeight:l||z.weight,isUppercase:h,size:z.size});case"title":return L({as:c||b.tag,fontWeight:l||b.weight,isUppercase:h,size:b.size});case"bold-subheader":return L({as:c||f.tag,fontWeight:l||f.weight,isUppercase:h,size:f.size});case"semi-bold-subheader":return L({as:c||m.tag,fontWeight:l||m.weight,isUppercase:h,size:m.size});case"subheader":return L({as:c||x.tag,fontWeight:l||x.weight,isUppercase:h,size:x.size});case"bold-label":return L({as:c||w.tag,fontWeight:l||w.weight,isUppercase:h,size:w.size});case"label":return L({as:c||y.tag,fontWeight:l||y.weight,isUppercase:h,size:y.size});case"small-header":return L({as:c||W.tag,fontWeight:l||W.weight,isUppercase:"boolean"!=typeof h||h,size:W.size});case"caption":return L({as:c||_.tag,fontWeight:l||_.weight,isUppercase:h,size:_.size});case"hint-text":return L({as:c||S.tag,fontWeight:l||S.weight,isUppercase:h,size:S.size});case"subtitle":return t.jsx(o,e.__assign({className:s,title:j},{children:a}));case"input-label":return t.jsx(p,e.__assign({className:s,title:j},{children:a}));default:return L({as:c||U.tag,fontWeight:l||U.weight,isUppercase:h,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:900},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:700},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],_=c[12],v=h.default.h1(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"],["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])),(function(e){return"var(--amino-font-size-".concat(e.fontSize||e.size,")")}),(function(e){return e.fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.lineHeight||e.size,")")}),(function(e){return e.color&&a.theme[e.color]}),(function(e){return e.isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.tag,c=e.title,j=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(v,{as:r,className:a,color:s,fontSize:n,fontWeight:l,isUppercase:!!o,lineHeight:h,size:p,title:c,children:i})};switch(e.type){case"page-header":return j({as:g||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return j({as:g||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return j({as:g||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return j({as:g||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return j({as:g||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return j({as:g||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return j({as:g||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return j({as:g||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return j({as:g||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return j({as:g||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return j({as:g||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return j({as:g||_.tag,fontWeight:r||_.weight,isUppercase:l,size:_.size});case"subtitle":return t.jsx(o,{className:a,title:c,children:i});case"input-label":return t.jsx(p,{className:a,title:c,children:i});default:return j({as:g||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];

package/components/text-avatar/TextAvatar.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export type TextAvatarProps = {
     label: string;
 };
-export declare const TextAvatar: ({ label }: TextAvatarProps) => JSX.Element;
+export declare const TextAvatar: ({ label }: TextAvatarProps) => import("react/jsx-runtime").JSX.Element;

package/components/text-avatar/TextAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,o=i(t).default.div.attrs((function(e){return{style:{background:"linear-gradient(\n      137deg,\n      ".concat(e.gradientStart,",\n      ").concat(e.gradientEnd,"\n    )")}}}))(a||(a=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  color: ",";\n  font-weight: 500;\n"],["\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  color: ",";\n  font-weight: 500;\n"])),r.theme.radius6,r.theme.gray1000),s=function(e,n){var t=Array.from(e).reduce((function(e,n){return n.charCodeAt(0)+((e<<5)-e)}),0);return"hsl(".concat(t%360,", 95%, ").concat(n,"%)")};exports.TextAvatar=function(t){var r,i=t.label;return n.jsx(o,e.__assign({gradientEnd:s(i&&i.split("").reverse().join("")||"default label",30),gradientStart:s(i||"default label",75)},{children:i&&(null===(r=i[0])||void 0===r?void 0:r.toUpperCase())||"D"}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,o=i(n).default.div.attrs((function(e){return{style:{background:"linear-gradient(\n      137deg,\n      ".concat(e.gradientStart,",\n      ").concat(e.gradientEnd,"\n    )")}}}))(a||(a=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  color: ",";\n  font-weight: 500;\n"],["\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  color: ",";\n  font-weight: 500;\n"])),r.theme.radius6,r.theme.gray1000),c=function(e,t){var n=Array.from(e).reduce((function(e,t){return t.charCodeAt(0)+((e<<5)-e)}),0);return"hsl(".concat(n%360,", 95%, ").concat(t,"%)")};exports.TextAvatar=function(e){var n,r=e.label;return t.jsx(o,{gradientEnd:c(r&&r.split("").reverse().join("")||"default label",30),gradientStart:c(r||"default label",75),children:r&&(null===(n=r[0])||void 0===n?void 0:n.toUpperCase())||"D"})};

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../../styles/constants/theme.js"),a=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("../help-text/HelpText.js");function s(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var l,d,u,c,p,h=s(o),b=h.default.div(l||(l=n.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),r.theme.radius6,r.theme.border,r.theme.gray300),f=h.default.div(d||(d=n.__makeTemplateObject(["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"],["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"])),r.theme.radius6),m=h.default.label(u||(u=n.__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"],["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"])),r.theme.gray800,r.theme.fontSizeBase,r.theme.fontSizeBase,r.theme.fontSizeBase,r.theme.transition,r.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"])),r.theme.space16,r.theme.space8,r.theme.radius6,r.theme.inputBackground,r.theme.fontSizeBase,r.theme.radius6,r.theme.radius6,r.theme.space24,r.theme.space8,r.theme.space16,m,f,r.theme.inputBackground,r.theme.radius6,r.theme.transition,r.theme.gray400,f,r.theme.glowBlue,f,r.theme.glowError),g=h.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"])),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),b,x),w=t.forwardRef((function(o,r){var s=o.className,l=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,_=o.width,j=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),k=!!v,z=t.useRef(null);return a.useHeightAdjustTextarea({maxRows:h,ref:z,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,n.__assign({className:"amino-input-wrapper ".concat(s||""," ").concat(l?"disabled":""),width:_},{children:[e.jsxs(b,n.__assign({onClick:function(){var n;return null===(n=null==z?void 0:z.current)||void 0===n?void 0:n.focus()}},{children:[e.jsx(x,n.__assign({ref:function(n){r&&"function"==typeof r?r(n):r&&(r.current=n),z.current=n},className:[d?"has-error":"",p?"has-label":"",k?"has-content":""].join(" "),disabled:l,label:p,rows:w,value:v},j)),e.jsx(m,n.__assign({"data-label":p,onClick:function(){var n;return null===(n=null==z?void 0:z.current)||void 0===n?void 0:n.focus()}},{children:p})),e.jsx(f,{})]})),e.jsx(i.HelpText,{error:d,helpText:c})]}))}));exports.Textarea=w;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../../styles/constants/theme.js"),a=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("../help-text/HelpText.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,d,u,c,p,h=l(o),b=h.default.div(s||(s=n.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),r.theme.radius6,r.theme.border,r.theme.gray300),f=h.default.div(d||(d=n.__makeTemplateObject(["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"],["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"])),r.theme.radius6),m=h.default.label(u||(u=n.__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"],["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"])),r.theme.gray800,r.theme.fontSizeBase,r.theme.fontSizeBase,r.theme.fontSizeBase,r.theme.transition,r.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n  display: block;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    margin-top: ",";\n    padding: 0 4px "," ",";\n\n    ::placeholder {\n      opacity: 0;\n    }\n\n    &.has-content,\n    &:focus {\n      &::placeholder {\n        opacity: 0.6;\n      }\n      & + "," {\n        top: 11px;\n        transform: scale(0.8);\n        & + "," {\n          &::before {\n            content: '';\n            position: absolute;\n            z-index: 2;\n            left: 0;\n            top: 0;\n            height: 25px;\n            right: 0;\n            background: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"])),r.theme.space16,r.theme.space8,r.theme.radius6,r.theme.inputBackground,r.theme.fontSizeBase,r.theme.radius6,r.theme.radius6,r.theme.space24,r.theme.space8,r.theme.space16,m,f,r.theme.inputBackground,r.theme.radius6,r.theme.transition,r.theme.gray400,f,r.theme.glowBlue,f,r.theme.glowError),g=h.default.div(p||(p=n.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"])),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),b,x),w=t.forwardRef((function(o,r){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,_=t.useRef(null);return a.useHeightAdjustTextarea({maxRows:h,ref:_,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),width:j,children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){r&&"function"==typeof r?r(n):r&&(r.current=n),_.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(i.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;

package/components/theme-select/ThemeSelect.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export type Props = {
     className?: string;
     disabled?: boolean;
     type?: 'cards' | 'select' | 'toggle';
 };
-export declare const ThemeSelect: ({ className, disabled, type, }: Props) => JSX.Element;
+export declare const ThemeSelect: ({ className, disabled, type, }: Props) => import("react/jsx-runtime").JSX.Element;

package/components/theme-select/ThemeSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../icons/custom/theme/ThemeDarkIcon.js"),r=require("../../icons/custom/theme/ThemeLightIcon.js"),s=require("../../icons/NightIcon.js"),o=require("../../icons/SunnyIcon.js"),a=require("../../styles/constants/theme.js"),c=require("../../utils/hooks/useAminoTheme.js"),l=require("../card/Card.js"),u=require("../select/Select.js"),d=require("../stack/HStack.js"),h=require("../text/Text.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../icons/icon-base/_IconBase.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,x,g,b,j,k,f,q=m(t),y=q.default.button(p||(p=e.__makeTemplateObject(["\n  border: ",";\n  color: ",";\n  border-radius: ",";\n\n  &:not([disabled]) {\n    &:active,\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  border: ",";\n  color: ",";\n  border-radius: ",";\n\n  &:not([disabled]) {\n    &:active,\n    &:focus {\n      outline: none;\n    }\n  }\n"])),(function(e){return"2px solid ".concat(e.isActive?a.theme.blue400:"transparent")}),(function(e){return e.isActive?a.theme.primary:a.theme.textColor}),a.theme.radius8),_=q.default(l.Card)(x||(x=e.__makeTemplateObject(["\n  background: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: ",";\n\n  svg {\n    height: 64px;\n    width: 110px;\n    box-shadow: ",";\n    margin-bottom: ",";\n  }\n"],["\n  background: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: ",";\n\n  svg {\n    height: 64px;\n    width: 110px;\n    box-shadow: ",";\n    margin-bottom: ",";\n  }\n"])),a.theme.gray0,a.theme.space16,a.theme.v3ShadowLarge,a.theme.space16),v=q.default.div(g||(g=e.__makeTemplateObject(["\n  background: ",";\n  height: 28px;\n  width: 28px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n"],["\n  background: ",";\n  height: 28px;\n  width: 28px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n"])),a.theme.primary,a.theme.transition,(function(e){return e.checked?"calc(100% - 30px)":"2px"})),w=q.default(o.SunnyIcon)(b||(b=e.__makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  right: 5.8px;\n  color: ",";\n"],["\n  position: absolute;\n  top: 6px;\n  right: 5.8px;\n  color: ",";\n"])),(function(e){return e.isActive?a.theme.gray0:a.theme.gray1200})),T=q.default(s.NightIcon)(j||(j=e.__makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  color: ",";\n"],["\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  color: ",";\n"])),(function(e){return e.isActive?a.theme.gray0:a.theme.gray1200})),I=q.default.div(k||(k=e.__makeTemplateObject(["\n  margin-right: ",";\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),a.theme.space16,a.theme.gray50,a.theme.v3ShadowInset),S=q.default.label(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    cursor: not-allowed;\n  }\n"])),I,(function(e){return e.checked?a.theme.gray300:""})),C=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(t){var a=t.className,l=t.disabled,m=void 0!==l&&l,p=t.type,x=void 0===p?"select":p,g=c.useAminoTheme(),b=g.aminoTheme,j=g.setAminoTheme,k="day"===b;return n.jsxs(n.Fragment,{children:["cards"===x&&n.jsxs(d.HStack,e.__assign({className:a},{children:[n.jsx(y,e.__assign({"data-theme":"day",isActive:"day"===b,onClick:function(){return j("day")},type:"button"},{children:n.jsxs(_,{children:[n.jsx(r.ThemeLightIcon,{}),n.jsx(h.Text,e.__assign({type:"bold-label"},{children:"Light"}))]})})),n.jsx(y,e.__assign({"data-theme":"night",isActive:"night"===b,onClick:function(){return j("night")},type:"button"},{children:n.jsxs(_,{children:[n.jsx(i.ThemeDarkIcon,{}),n.jsx(h.Text,e.__assign({type:"bold-label"},{children:"Dark"}))]})}))]})),"select"===x&&n.jsx(u.Select,{className:a,icon:function(){switch(b){case"day":default:return n.jsx(o.SunnyIcon,{});case"night":return n.jsx(s.NightIcon,{})}}(),isClearable:!1,isDisabled:m,onChange:function(e){return j((null==e?void 0:e.value)||"day")},options:C,value:C.filter((function(e){return e.value===b}))}),"toggle"===x&&n.jsx(S,e.__assign({checked:k,className:"".concat(a," ").concat(m?"disabled":""),onClick:function(){return!m&&j("day"===b?"night":"day")}},{children:n.jsxs(I,e.__assign({checked:k},{children:[n.jsx(v,{checked:k,id:"amino-theme-switch"}),n.jsx(w,{isActive:"day"===b,size:20}),n.jsx(T,{isActive:"night"===b,size:20})]}))}))]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../icons/custom/theme/ThemeDarkIcon.js"),r=require("../../icons/custom/theme/ThemeLightIcon.js"),o=require("../../icons/NightIcon.js"),s=require("../../icons/SunnyIcon.js"),a=require("../../styles/constants/theme.js"),c=require("../../utils/hooks/useAminoTheme.js"),l=require("../card/Card.js"),u=require("../select/Select.js"),d=require("../stack/HStack.js"),h=require("../text/Text.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../icons/icon-base/_IconBase.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js");var p,x,b,g,j,k,f,q=m(t),y=q.default.button(p||(p=e.__makeTemplateObject(["\n  border: ",";\n  color: ",";\n  border-radius: ",";\n\n  &:not([disabled]) {\n    &:active,\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  border: ",";\n  color: ",";\n  border-radius: ",";\n\n  &:not([disabled]) {\n    &:active,\n    &:focus {\n      outline: none;\n    }\n  }\n"])),(function(e){return"2px solid ".concat(e.isActive?a.theme.blue400:"transparent")}),(function(e){return e.isActive?a.theme.primary:a.theme.textColor}),a.theme.radius8),v=q.default(l.Card)(x||(x=e.__makeTemplateObject(["\n  background: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: ",";\n\n  svg {\n    height: 64px;\n    width: 110px;\n    box-shadow: ",";\n    margin-bottom: ",";\n  }\n"],["\n  background: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: ",";\n\n  svg {\n    height: 64px;\n    width: 110px;\n    box-shadow: ",";\n    margin-bottom: ",";\n  }\n"])),a.theme.gray0,a.theme.space16,a.theme.v3ShadowLarge,a.theme.space16),w=q.default.div(b||(b=e.__makeTemplateObject(["\n  background: ",";\n  height: 28px;\n  width: 28px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n"],["\n  background: ",";\n  height: 28px;\n  width: 28px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n"])),a.theme.primary,a.theme.transition,(function(e){return e.checked?"calc(100% - 30px)":"2px"})),T=q.default(s.SunnyIcon)(g||(g=e.__makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  right: 5.8px;\n  color: ",";\n"],["\n  position: absolute;\n  top: 6px;\n  right: 5.8px;\n  color: ",";\n"])),(function(e){return e.isActive?a.theme.gray0:a.theme.gray1200})),I=q.default(o.NightIcon)(j||(j=e.__makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  color: ",";\n"],["\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  color: ",";\n"])),(function(e){return e.isActive?a.theme.gray0:a.theme.gray1200})),_=q.default.div(k||(k=e.__makeTemplateObject(["\n  margin-right: ",";\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),a.theme.space16,a.theme.gray50,a.theme.v3ShadowInset),S=q.default.label(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    cursor: not-allowed;\n  }\n"])),_,(function(e){return e.checked?a.theme.gray300:""})),C=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(e){var t=e.className,a=e.disabled,l=void 0!==a&&a,m=e.type,p=void 0===m?"select":m,x=c.useAminoTheme(),b=x.aminoTheme,g=x.setAminoTheme,j="day"===b;return n.jsxs(n.Fragment,{children:["cards"===p&&n.jsxs(d.HStack,{className:t,children:[n.jsx(y,{"data-theme":"day",isActive:"day"===b,onClick:function(){return g("day")},type:"button",children:n.jsxs(v,{children:[n.jsx(r.ThemeLightIcon,{}),n.jsx(h.Text,{type:"bold-label",children:"Light"})]})}),n.jsx(y,{"data-theme":"night",isActive:"night"===b,onClick:function(){return g("night")},type:"button",children:n.jsxs(v,{children:[n.jsx(i.ThemeDarkIcon,{}),n.jsx(h.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===p&&n.jsx(u.Select,{className:t,icon:function(){switch(b){case"day":default:return n.jsx(s.SunnyIcon,{});case"night":return n.jsx(o.NightIcon,{})}}(),isClearable:!1,isDisabled:l,onChange:function(e){return g((null==e?void 0:e.value)||"day")},options:C,value:C.filter((function(e){return e.value===b}))}),"toggle"===p&&n.jsx(S,{checked:j,className:"".concat(t," ").concat(l?"disabled":""),onClick:function(){return!l&&g("day"===b?"night":"day")},children:n.jsxs(_,{checked:j,children:[n.jsx(w,{checked:j,id:"amino-theme-switch"}),n.jsx(T,{isActive:"day"===b,size:20}),n.jsx(I,{isActive:"night"===b,size:20})]})})]})};

package/components/thumbnail/Thumbnail.d.ts

@@ -17,5 +17,5 @@ export type ThumbnailProps = {
     /** @default 32 */
     size?: ImageSize;
 };
-export declare const Thumbnail: ({ color, icon, intent, shape, size, }: ThumbnailProps) => JSX.Element;
+export declare const Thumbnail: ({ color, icon, intent, shape, size, }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/thumbnail/Thumbnail.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var i,c={round:"50%",rounded:"20%",square:"0px"},s=o(t).default.div(i||(i=n.__makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 50%;\n    height: 50%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 50%;\n    height: 50%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"])),(function(n){return"".concat(n.size,"px")}),(function(n){return"".concat(n.size,"px")}),(function(n){return c[n.shape]}),(function(n){return"bordered"===n.intent&&"".concat(n.size/16,"px solid ").concat(r.theme.gray0)}),(function(n){return"outline"===n.intent&&"1px solid ".concat(r.theme.gray200)}),(function(n){return"outline"===n.intent?"transparent":r.theme["".concat(n.color,"100")]}),(function(n){return r.theme["".concat(n.color,"800")]}),(function(n){return r.theme["".concat(n.color,"300")]}));exports.Thumbnail=function(t){var r=t.color,o=void 0===r?"gray":r,i=t.icon,c=t.intent,a=void 0===c?"full":c,u=t.shape,d=void 0===u?"round":u,l=t.size,h=void 0===l?32:l;return e.jsx(s,n.__assign({color:o,intent:a,shape:d,size:h},{children:i}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var i,c={round:"50%",rounded:"20%",square:"0px"},a=o(t).default.div(i||(i=n.__makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 50%;\n    height: 50%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 50%;\n    height: 50%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"])),(function(n){return"".concat(n.size,"px")}),(function(n){return"".concat(n.size,"px")}),(function(n){return c[n.shape]}),(function(n){return"bordered"===n.intent&&"".concat(n.size/16,"px solid ").concat(r.theme.gray0)}),(function(n){return"outline"===n.intent&&"1px solid ".concat(r.theme.gray200)}),(function(n){return"outline"===n.intent?"transparent":r.theme["".concat(n.color,"100")]}),(function(n){return r.theme["".concat(n.color,"800")]}),(function(n){return r.theme["".concat(n.color,"300")]}));exports.Thumbnail=function(n){var t=n.color,r=void 0===t?"gray":t,o=n.icon,i=n.intent,c=void 0===i?"full":i,s=n.shape,u=void 0===s?"round":s,d=n.size,l=void 0===d?32:d;return e.jsx(a,{color:r,intent:c,shape:u,size:l,children:o})};

package/components/toast/Toast.d.ts

@@ -7,4 +7,4 @@ export type ToastProps = {
     intent?: Extract<Intent, 'success' | 'warning' | 'error' | 'info'>;
     toastKey: string;
 };
-export declare const Toast: ({ children, intent, toastKey }: ToastProps) => JSX.Element;
+export declare const Toast: ({ children, intent, toastKey }: ToastProps) => import("react/jsx-runtime").JSX.Element;

package/components/toast/ToastContext.d.ts

@@ -6,5 +6,5 @@ export declare const ToastContext: import("react").Context<ToastContextFunctionT
 type Props = {
     children: ReactNode;
 };
-export declare const ToastContextProvider: ({ children }: Props) => JSX.Element;
+export declare const ToastContextProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/toast/ToastContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("framer-motion"),s=require("uuid"),i=require("./Toast.js");require("styled-components"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var o=n.createContext((function(e,r){}));exports.ToastContext=o,exports.ToastContextProvider=function(a){var c=a.children,u=e.__read(n.useState([]),2),d=u[0],l=u[1],_=n.useCallback((function(r,n){l((function(t){return e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[{props:n,toast:r,uuid:s.v4()}],!1)})),setTimeout((function(){return l((function(e){return e.slice(1)}))}),(null==n?void 0:n.duration)||6e3)}),[l]);return r.jsx(t.AnimatePresence,{children:r.jsxs(o.Provider,e.__assign({value:_},{children:[c,r.jsx("div",e.__assign({className:"toast-container"},{children:r.jsx("div",e.__assign({className:"toasts-wrapper"},{children:r.jsx(t.AnimatePresence,{children:d.map((function(n){var t=n.props,s=n.toast,o=n.uuid,a="toast-".concat(s,"-").concat(o);return r.jsx(i.Toast,e.__assign({intent:null==t?void 0:t.intent,toastKey:a},{children:s}),a)}))})}))}))]}))})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("framer-motion"),o=require("uuid"),s=require("./Toast.js");require("styled-components"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var i=n.createContext((function(e,r){}));exports.ToastContext=i,exports.ToastContextProvider=function(c){var a=c.children,u=e.__read(n.useState([]),2),d=u[0],l=u[1],j=n.useCallback((function(r,n){l((function(t){return e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[{props:n,toast:r,uuid:o.v4()}],!1)})),setTimeout((function(){return l((function(e){return e.slice(1)}))}),(null==n?void 0:n.duration)||6e3)}),[l]);return r.jsx(t.AnimatePresence,{children:r.jsxs(i.Provider,{value:j,children:[a,r.jsx("div",{className:"toast-container",children:r.jsx("div",{className:"toasts-wrapper",children:r.jsx(t.AnimatePresence,{children:d.map((function(e){var n=e.props,t=e.toast,o=e.uuid,i="toast-".concat(t,"-").concat(o);return r.jsx(s.Toast,{intent:null==n?void 0:n.intent,toastKey:i,children:t},i)}))})})})]})})};

package/components/tooltip/Tooltip.d.ts

@@ -12,4 +12,4 @@ export type TooltipProps = {
     themeOverride?: Theme;
     title?: string;
 } & Partial<Omit<MuiTooltipProps, 'children'>>;
-export declare const Tooltip: ({ background, children, className, open, showTooltip, subtitle, tag, themeOverride, title, ...rest }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ background, children, className, open, showTooltip, subtitle, tag, themeOverride, title, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/components/tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),s=require("@mui/material/styles"),o=require("@mui/material/Tooltip"),a=require("styled-components"),n=require("../stack/VStack.js"),i=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var u,p,c,m,h=d(o),g=d(a),_=g.default(n.VStack)(u||(u=e.__makeTemplateObject(["\n  padding-top: 3px;\n"],["\n  padding-top: 3px;\n"]))),b=g.default.div(p||(p=e.__makeTemplateObject([""],[""]))),j=g.default.span(c||(c=e.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),k=g.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"],["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"])),j),x=s.styled((function(s){var o=s.className,a=s.dataTheme,n=e.__rest(s,["className","dataTheme"]);return t.jsx(h.default,e.__assign({},n,{classes:{popper:o},PopperProps:e.__assign(e.__assign({},n.PopperProps),{"data-theme":a})}))}))((function(e){var t,s,a=e.background;return(t={})["& .".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?r.theme[a]:r.theme.gray1200,boxShadow:r.theme.v3ShadowLarge},t["&[data-theme='night']"]=((s={})[".".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?r.theme[a]:r.theme.gray50},s),t}));exports.Tooltip=function(s){var o=s.background,a=s.children,n=s.className,r=s.open,d=s.showTooltip,u=s.subtitle,p=s.tag,c=s.themeOverride,m=s.title,h=e.__rest(s,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),g=l.useAminoTheme().aminoTheme;return d?t.jsx(x,e.__assign({},h,{background:o,className:n,dataTheme:c||g,open:r,title:t.jsxs(_,e.__assign({spacing:8},{children:[m&&t.jsx(i.Text,e.__assign({isUppercase:!1,type:"small-header"},{children:m})),"string"==typeof u?t.jsx(i.Text,e.__assign({type:"caption"},{children:u})):u]}))},{children:t.jsxs(k,e.__assign({as:p},{children:[a,t.jsx(j,{})]}))})):t.jsx(b,e.__assign({as:p},{children:a}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),o=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),a=require("styled-components"),n=require("../stack/VStack.js"),r=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var u,p,c,m,h=d(s),g=d(a),_=g.default(n.VStack)(u||(u=e.__makeTemplateObject(["\n  padding-top: 3px;\n"],["\n  padding-top: 3px;\n"]))),b=g.default.div(p||(p=e.__makeTemplateObject([""],[""]))),j=g.default.span(c||(c=e.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),k=g.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"],["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"])),j),x=o.styled((function(o){var s=o.className,a=o.dataTheme,n=e.__rest(o,["className","dataTheme"]);return t.jsx(h.default,e.__assign({},n,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},n.PopperProps),{"data-theme":a})}))}))((function(e){var t,o,a=e.background;return(t={})["& .".concat(s.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray1200,boxShadow:i.theme.v3ShadowLarge},t["&[data-theme='night']"]=((o={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray50},o),t}));exports.Tooltip=function(o){var s=o.background,a=o.children,n=o.className,i=o.open,d=o.showTooltip,u=o.subtitle,p=o.tag,c=o.themeOverride,m=o.title,h=e.__rest(o,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),g=l.useAminoTheme().aminoTheme;return d?t.jsx(x,e.__assign({},h,{background:s,className:n,dataTheme:c||g,open:i,title:t.jsxs(_,{spacing:8,children:[m&&t.jsx(r.Text,{isUppercase:!1,type:"small-header",children:m}),"string"==typeof u?t.jsx(r.Text,{type:"caption",children:u}):u]}),children:t.jsxs(k,{as:p,children:[a,t.jsx(j,{})]})})):t.jsx(b,{as:p,children:a})};