@zonos/amino 5.1.84 → 5.1.86

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("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),s="Amino_RichCheckbox-module__styledRichCheckbox--UBAoE",l="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-gray-100);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:s,"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:l,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-ccfac372.js"),require("../stack/Stack.js"),require("styled-components"),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)}))})};

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("styled-components"),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-",y="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-gray-100);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,v=a.itemHeight,g=void 0===v?64:v,k=a.items,A=a.onChange,j=a.renderCustomText,I=a.value,f=e.__read(i.useState(I),2),w=f[0],q=f[1];i.useEffect((function(){q(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,q(e),A(e)},type:"button",children:[i.tooltip&&o.jsx(c.default,e.__assign({arrowColor:"transparent",className:y,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-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("styled-components"),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],q=f[1];i.useEffect((function(){q(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,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(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)}))})};

package/components/section/HSection.js

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

package/components/section/VSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),s=require("./_SectionHeader.js"),n=require("./_SectionInnerWrapper.js"),i=require("./_SectionSubheader.js"),a=require("../stack/HStack.js"),c=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../stack/Stack.js");var l,o=u(t).default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),c.theme.space40);exports.VSection=function(e){var t=e.actions,c=e.children,u=e.className,l=e.label,d=e.sublabel,j=void 0===d?"":d;return r.jsxs(o,{className:u||"",children:[l&&r.jsxs(n.SectionInnerWrapper,{children:[r.jsxs(s.SectionHeader,{children:[l,r.jsx(i.SectionSubheader,{children:j})]}),r.jsx(a.HStack,{spacing:8,children:t})]}),r.jsx("div",{children:c})]})};
+"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-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var l=a(r),o="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,u=r.className,d=r.label,j=r.sublabel,S=void 0===j?"":j;return e.jsxs("div",{className:l.default(u,o),children:[d&&e.jsxs(s.SectionInnerWrapper,{children:[e.jsxs(t.SectionHeader,{children:[d,e.jsx(i.SectionSubheader,{children:S})]}),e.jsx(n.HStack,{spacing:8,children:c})]}),e.jsx("div",{children:a})]})};

package/components/section/_SectionHeader.d.ts

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

package/components/section/_SectionHeader.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var s,i=l(n).default(r.Text)(s||(s=e.__makeTemplateObject(["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"],["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"])));exports.SectionHeader=function(e){var n=e.children,r=e.className;return t.jsx(i,{className:r||"",type:"title",children:n})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),r=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var l=i(t),n="Amino__SectionHeader-module__styledSectionHeader--no0Wh";s.styleInject(".Amino__SectionHeader-module__styledSectionHeader--no0Wh{display:flex;flex:1;flex:auto;flex-direction:column}");exports.SectionHeader=function(t){var s=t.children,i=t.className,o=t.style;return e.jsx(r.Text,{className:l.default(i,n),style:o,type:"title",children:s})};

package/components/section/_SectionInnerWrapper.d.ts

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

package/components/section/_SectionInnerWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a,i=s(n).default.header(a||(a=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"],["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"])),r.theme.space24);exports.SectionInnerWrapper=function(e){var n=e.children,r=e.className;return t.jsx(i,{className:r||"",children:n})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),n=require("../../style-inject.es-d4ddeae4.js");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(r),s="Amino__SectionInnerWrapper-module__styledSectionInnerWrapper--J-UCy";n.styleInject(".Amino__SectionInnerWrapper-module__styledSectionInnerWrapper--J-UCy{align-items:center;align-items:flex-start;display:flex;margin-bottom:24px}");exports.SectionInnerWrapper=function(r){var n=r.children,t=r.className,a=r.style;return e.jsx("header",{className:i.default(t,s),style:a,children:n})};

package/components/section/_SectionSubheader.d.ts

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

package/components/section/_SectionSubheader.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("styled-components"),s=require("../text/Text.js"),n=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,u=a(r).default(s.Text)(i||(i=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),n.theme.space8);exports.SectionSubheader=function(e){var r=e.children,s=e.className;return t.jsx(u,{className:s||"",color:"gray800",type:"body",children:r})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),r=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var n=i(t),u="Amino__SectionSubheader-module__styledSectionSubheader--EHA4c";s.styleInject(".Amino__SectionSubheader-module__styledSectionSubheader--EHA4c.Amino__SectionSubheader-module__styledSectionSubheader--EHA4c{margin-top:8px}");exports.SectionSubheader=function(t){var s=t.children,i=t.className,c=t.style;return e.jsx(r.Text,{className:n.default(i,u),color:"gray800",style:c,type:"body",children:s})};

package/components/select/CountryPhoneSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("styled-components"),o=require("../input/Input.js"),s=require("./Select.js"),u=require("../../icons/ChevronDownIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../style-inject.es-d4ddeae4.js"),require("../input/input-type/_DateInput.js"),require("../input/input-type/_FloatLabelInput.js"),require("../../utils/getTestId.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var a,p,d,j,m,f=c(i),h=f.default.div(a||(a=e.__makeTemplateObject(["\n  display: flex;\n  order: 2;\n  align-items: flex-end;\n  padding-left: ",";\n  padding-right: ",";\n  padding-bottom: ",";\n  color: ",";\n  white-space: nowrap;\n"],["\n  display: flex;\n  order: 2;\n  align-items: flex-end;\n  padding-left: ",";\n  padding-right: ",";\n  padding-bottom: ",";\n  color: ",";\n  white-space: nowrap;\n"])),l.theme.space16,l.theme.space4,l.theme.space8,l.theme.gray800),x=f.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),q=f.default.div(d||(d=e.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),l.theme.gray700),v=f.default.div(j||(j=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"]))),_=f.default.div(m||(m=e.__makeTemplateObject(["\n  "," {\n    padding-left: 14px;\n  }\n"],["\n  "," {\n    padding-left: 14px;\n  }\n"])),h),g=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},y=function(e){return n.jsxs(x,{children:[e.displayName,n.jsx(q,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var i=r.countryOptions,l=r.icon,c=r.label,a=void 0===c?"Phone number":c,p=r.phone,d=r.phoneCountry,j=r.setPhone,m=r.setPhoneCountry,f=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),h=e.__read(t.useState(!1),2),x=h[0],q=h[1],C={setMenuIsOpen:q},I=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(_,{children:n.jsx(o.Input,{label:a,onChange:function(e){return j(e.target.value)},prefix:n.jsxs(v,{onClick:function(){return q(!x)},children:[l,n.jsx(u.ChevronDownIcon,{size:19})]}),value:p,valuePrefix:I})}),n.jsx(s.Select,e.__assign({},f,{components:{Control:function(){return null},MenuList:g},formatOptionLabel:y,menuIsOpen:x,onBlur:function(){return q(!1)},onChange:function(e){m(e),q(!1)},options:i,value:d},C))]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),o=require("react"),t=require("react-select"),r=require("../input/Input.js"),i=require("./Select.js"),u=require("../../icons/ChevronDownIcon.js"),s=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("../input/input-type/_DateInput.js"),require("../input/input-type/_FloatLabelInput.js"),require("../../utils/getTestId.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var l="Amino_CountryPhoneSelect-module__optionLabel--l4S6-",c="Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL",a="Amino_CountryPhoneSelect-module__styledPrefix--lAgqy",p="Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN";s.styleInject(".Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:8px;padding-left:16px;padding-right:4px;white-space:nowrap}.Amino_CountryPhoneSelect-module__optionLabel--l4S6-{display:flex}.Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL{color:var(--amino-gray-700);margin-left:4px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy{align-items:center;display:flex;position:relative}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg{border-radius:2px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg:last-child{left:20px;position:absolute;top:-2px;z-index:1}.Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN .Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{padding-left:14px}");var d=function(r){var i=r.selectProps.setMenuIsOpen,u=o.useCallback((function(){i(!1)}),[i]);return o.useEffect((function(){return document.addEventListener("mousedown",u),function(){document.removeEventListener("mousedown",u)}}),[u]),n.jsx(t.components.MenuList,e.__assign({},r))},m=function(e){return n.jsxs("div",{className:l,children:[e.displayName,n.jsx("div",{className:c,children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(t){var s=t.countryOptions,l=t.icon,c=t.label,_=void 0===c?"Phone number":c,y=t.phone,h=t.phoneCountry,j=t.setPhone,x=t.setPhoneCountry,C=e.__rest(t,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),q=e.__read(o.useState(!1),2),f=q[0],v=q[1],I={setMenuIsOpen:v},P=(null==h?void 0:h.phoneCode)?"+".concat(null==h?void 0:h.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:p,children:n.jsx(r.Input,{label:_,onChange:function(e){return j(e.target.value)},prefix:n.jsxs("div",{className:a,onClick:function(){return v(!f)},role:"button",tabIndex:0,children:[l,n.jsx(u.ChevronDownIcon,{size:19})]}),value:y,valuePrefix:P})}),n.jsx(i.Select,e.__assign({},C,{components:{Control:function(){return null},MenuList:d},formatOptionLabel:m,menuIsOpen:f,onBlur:function(){return v(!1)},onChange:function(e){x(e),v(!1)},options:s,value:h},I))]})};

package/components/select/_StyledReactSelect.d.ts

@@ -18,5 +18,5 @@ export type StyledReactSelectProps<Option extends SelectOption, IsMulti extends
     size?: Size;
     styles?: StylesConfig<Option, IsMulti, Group>;
 } & Props<Option, IsMulti, Group> & HelpTextProps & AdditionalProps<Option['value']> & BaseProps;
-export declare const StyledReactSelect: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>({ closeOnOutsideScroll, components, customOption, error, hasGroups, helpText, icon, label, menuPosition, placeholder, size, styles, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledReactSelect: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>({ closeOnOutsideScroll, components, customOption, error, hasGroups, helpText, icon, label, menuPosition, placeholder, size, style, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/select/_StyledReactSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-select"),i=require("styled-components"),s=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),a=require("../../icons/CheckCircleIcon.js"),c=require("../../icons/DoubleChevronIcon.js"),l=require("../../icons/RemoveCircleIcon.js"),u=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),p=require("../../utils/getTestId.js");function h(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../style-inject.es-d4ddeae4.js");var m,g,f,_,x,b,v,j,y,k,T,z=h(o),C=h(i),O=function(e){switch(e){case"sm":return"".concat(d.theme.radius6);case"lg":return"".concat(d.theme.radius10);case"xl":return"".concat(d.theme.radius12);default:return"".concat(d.theme.radius8)}},w=function(t){return n.jsx(o.components.ClearIndicator,e.__assign({},t,{children:n.jsx(l.RemoveCircleIcon,{size:24})}))},q=function(t){return n.jsx(o.components.DropdownIndicator,e.__assign({},t,{children:n.jsx(c.DoubleChevronIcon,{size:24})}))},I=C.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"])),d.theme.gray700),R=C.default.label(b||(b=e.__makeTemplateObject(["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"],["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"])),d.theme.transition,d.theme.fontSizeBase,d.theme.fontSizeBase,d.theme.space16,d.theme.space40,d.theme.fontSizeBase,d.theme.space8,(function(n){var t=n.$size;return"sm"===t&&i.css(g||(g=e.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "])),t,t,t)}),(function(n){var t=n.$size;return"md"===t&&i.css(f||(f=e.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "])),t,t,t)}),(function(n){var t=n.$size;return"lg"===t&&i.css(_||(_=e.__makeTemplateObject(["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "],["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "])),t,t)}),(function(n){var t=n.$size;return"xl"===t&&i.css(x||(x=e.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "])),t,t,t)})),S=C.default.div(v||(v=e.__makeTemplateObject(["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"],["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"])),d.theme.glowError),L=C.default.strong(j||(j=e.__makeTemplateObject(["\n  font-weight: 600;\n"],["\n  font-weight: 600;\n"]))),P=function(t){var o=t.children,i=t.className,s=t.cx,r=t.getStyles,a=t.hasValue,c=t.innerProps,l=t.innerRef,u=t.isDisabled,d=t.isFocused,p=t.menuIsOpen,h=t.selectProps,m=h.icon,g=h.label,f=h.size,_=h.value;return n.jsxs("div",e.__assign({ref:l,className:s({control:!0,"control--is-disabled":u,"control--is-focused":d,"control--menu-is-open":p},[i,a?"has-value":"",m?"has-icon":"",d?"is-focused":"",g||Array.isArray(_)&&_.length>1?"has-label":"",f,"react-select-control"].join(" ")),style:r("control",t)},c,{children:[m&&n.jsx(I,{children:m}),n.jsxs(R,{$size:f,children:[g," ",Array.isArray(_)&&_.length>1&&n.jsxs(L,{children:["(",_.length," selected)"]})]}),o]}))},M=C.default.div(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: ",";\n  }\n"])),(function(e){return e.$color||"inherit"}),d.theme.gray1200),B=C.default.div(k||(k=e.__makeTemplateObject(["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"],["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"])),d.theme.gray100),D=C.default.div(T||(T=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),N=function(e){var t=e.children,o=e.color,i=e.icon;return n.jsxs(M,{$color:o,children:[i,t]})},V=function(t){var i=t.children,s=e.__rest(t,["children"]);return n.jsx(o.components.MultiValueLabel,e.__assign({},s,{children:n.jsx(N,{icon:s.data.icon,children:i})}))},$=function(t){var o=t.innerProps;return n.jsx("div",e.__assign({},o,{role:"button",children:n.jsx(u.RemoveIcon,{size:14})}))},W=function(t){var o=t.children,i=t.className,r=t.data,c=t.getStyles,l=t.innerProps,u=t.innerRef,d=t.isDisabled,p=t.isFocused,h=t.isSelected,m=t.selectProps,g=m,f=g.customOption,_=g.hasGroups,x=c("option",t),b=x.color,v=e.__rest(x,["color"]);_&&(v.paddingLeft=48);return n.jsx("div",e.__assign({ref:u},l,{children:n.jsx(B,{className:[i,p?"is-focused":"",d?"is-disabled":""].join(" "),style:v,children:m.isMulti?n.jsx(s.Checkbox,{allowPropagation:!0,checked:h,disabled:d,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):f?f(r.value):n.jsxs(D,{children:[n.jsx(N,{color:b,icon:r.icon,children:o}),h&&n.jsx(a.CheckCircleIcon,{color:"blue600",size:24})]})})}))},H={clearIndicator:function(n){return e.__assign(e.__assign({},n),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(n,t){var o=t.selectProps.size;return e.__assign(e.__assign({},n),{background:d.theme.inputBackground,borderColor:"".concat(d.theme.gray200),borderRadius:O(o),boxShadow:t.isFocused?"".concat(d.theme.glowBlue):"",color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(n){return e.__assign(e.__assign({},n),{color:d.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(n){return e.__assign(e.__assign({},n),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(n){return e.__assign(e.__assign({},n),{width:0})},input:function(n){return e.__assign(e.__assign({},n),{color:d.theme.textColor,opacity:.8})},menu:function(n){return e.__assign(e.__assign({},n),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(n){return e.__assign(e.__assign({},n),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(n){return e.__assign(e.__assign({},n),{alignItems:"center",background:d.theme.gray100,borderRadius:d.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(n){return e.__assign(e.__assign({},n),{color:d.theme.textColor})},option:function(n,t){return e.__assign(e.__assign({},n),{backgroundColor:"inherit",borderRadius:"8px",color:t.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:t.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(n){return e.__assign(e.__assign({},n),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(n){return e.__assign(e.__assign({},n),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(n){return e.__assign(e.__assign({},n),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=W,exports.StyledReactSelect=function(o){var i=o.closeOnOutsideScroll,s=void 0!==i&&i,a=o.components,c=o.customOption,l=o.error,u=o.hasGroups,d=o.helpText,h=o.icon,m=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,_=o.placeholder,x=o.size,b=void 0===x?"xl":x,v=o.styles,j=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","styles"]),y={customOption:c,hasGroups:u,icon:h,label:m,size:b},k=t.useMemo((function(){return p.getTestId({componentName:"select",name:m})}),[m]),T=t.useRef(null),C=t.useMemo((function(){return!!s&&function(e){var n,t,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(t=null===(n=T.current)||void 0===n?void 0:n.menuListRef)||void 0===t?void 0:t.isEqualNode(e.target)))||void 0===o||o)}}),[s]);return n.jsxs(S,{className:[l?"has-error":""].join(" "),"data-testid":k,children:[n.jsx(z.default,e.__assign({ref:T,closeMenuOnScroll:C,components:e.__assign({ClearIndicator:w,Control:P,DropdownIndicator:q,MultiValueLabel:V,MultiValueRemove:$,Option:W},a),menuPosition:f,placeholder:_||"",styles:e.__assign(e.__assign({},v),H)},j,y)),n.jsx(r.HelpText,{error:l,helpText:d})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),l=require("react"),o=require("react-select"),n=require("clsx"),a=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),c=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("styled-components"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var p=S(o),y=S(n),g={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",styledFloatedLabel:"Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x"};m.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;justify-content:space-between;padding:10px}.Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{font-size:var(--amino-font-size-base);left:14px;line-height:var(--amino-font-size-base);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition)}.Amino__StyledReactSelect-module__hasIcon--ua8Qm .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{left:42px}.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{align-self:flex-end}.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px;transform:scale(.8)}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-6px}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:6px}.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:10px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:3px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-glow-error)}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1200);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}");var h=function(e){switch(e){case"sm":return"".concat(d.theme.radius6);case"lg":return"".concat(d.theme.radius10);case"xl":return"".concat(d.theme.radius12);default:return"".concat(d.theme.radius8)}},R=function(l){return t.jsx(o.components.ClearIndicator,e.__assign({},l,{children:t.jsx(r.RemoveCircleIcon,{size:24})}))},b=function(l){return t.jsx(o.components.DropdownIndicator,e.__assign({},l,{children:t.jsx(s.DoubleChevronIcon,{size:24})}))},x=function(l){var o=l.children,n=l.className,a=l.cx,i=l.getStyles,c=l.hasValue,s=l.innerProps,r=l.innerRef,_=l.isDisabled,d=l.isFocused,u=l.menuIsOpen,m=l.selectProps,S=m.icon,p=m.label,y=m.size,h=m.value;return t.jsxs("div",e.__assign({ref:r,className:a({control:!0,"control--is-disabled":_,"control--is-focused":d,"control--menu-is-open":u},[n,c&&g.hasValue,S&&g.hasIcon,d&&g.isFocused,p||Array.isArray(h)&&h.length>1?g.hasLabel:"",y&&g[y],g.reactSelectControl,"react-select-control"].join(" ")),style:i("control",l)},s,{children:[S&&t.jsx("div",{className:g.iconWrapper,children:S}),t.jsxs("label",{className:g.styledFloatedLabel,children:[p," ",Array.isArray(h)&&h.length>1&&t.jsxs("strong",{className:g.strongLabel,children:["(",h.length," selected)"]})]}),o]}))},f=function(e){var l=e.children,o=e.color,n=e.icon;return t.jsxs("div",{className:g.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[n,l]})},A=function(l){var n=l.children,a=e.__rest(l,["children"]);return t.jsx(o.components.MultiValueLabel,e.__assign({},a,{children:t.jsx(f,{icon:a.data.icon,children:n})}))},v=function(l){var o=l.innerProps;return t.jsx("div",e.__assign({},o,{role:"button",children:t.jsx(_.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,n=l.className,i=l.data,s=l.getStyles,r=l.innerProps,_=l.innerRef,d=l.isDisabled,u=l.isFocused,m=l.isSelected,S=l.selectProps,p=S,y=p.customOption,h=p.hasGroups,R=s("option",l),b=R.color,x=e.__rest(R,["color"]);h&&(x.paddingLeft=48);return t.jsx("div",e.__assign({ref:_},r,{children:t.jsx("div",{className:[n,g.styledSelectOptionWrapper,u&&g.isFocused,d&&g.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(a.Checkbox,{allowPropagation:!0,checked:m,disabled:d,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):y?y(i.value):t.jsxs("div",{className:g.selectedSingleOptionWrapper,children:[t.jsx(f,{color:b,icon:i.icon,children:o}),m&&t.jsx(c.CheckCircleIcon,{color:"blue600",size:24})]})})}))},L={clearIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(t,l){var o=l.selectProps.size;return e.__assign(e.__assign({},t),{background:d.theme.inputBackground,borderColor:"".concat(d.theme.gray200),borderRadius:h(o),boxShadow:l.isFocused?"".concat(d.theme.glowBlue):"",color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(t){return e.__assign(e.__assign({},t),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(t){return e.__assign(e.__assign({},t),{width:0})},input:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,opacity:.8})},menu:function(t){return e.__assign(e.__assign({},t),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(t){return e.__assign(e.__assign({},t),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(t){return e.__assign(e.__assign({},t),{alignItems:"center",background:d.theme.gray100,borderRadius:d.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor})},option:function(t,l){return e.__assign(e.__assign({},t),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(t){return e.__assign(e.__assign({},t),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(t){return e.__assign(e.__assign({},t),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=j,exports.StyledReactSelect=function(o){var n=o.closeOnOutsideScroll,a=void 0!==n&&n,c=o.components,s=o.customOption,r=o.error,_=o.hasGroups,d=o.helpText,m=o.icon,S=o.label,h=o.menuPosition,f=void 0===h?"fixed":h,z=o.placeholder,F=o.size,C=void 0===F?"xl":F,D=o.style,W=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),w={customOption:s,hasGroups:_,icon:m,label:S,size:C},I=l.useMemo((function(){return u.getTestId({componentName:"select",name:S})}),[S]),U=l.useRef(null),O=l.useMemo((function(){return!!a&&function(e){var t,l,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target)))||void 0===o||o)}}),[a]);return t.jsxs("div",{className:y.default(g.styledSelectWrapper,r&&g.hasError),"data-testid":I,children:[t.jsx(p.default,e.__assign({ref:U,closeMenuOnScroll:O,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:v,Option:j},c),menuPosition:f,placeholder:z||"",styles:e.__assign(e.__assign({},D),L)},W,w)),t.jsx(i.HelpText,{error:r,helpText:d})]})};

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("react"),o=require("clsx"),r=require("styled-components"),t=require("../checkbox/Checkbox.js"),d=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js");var c,h,u=s(o),g=s(r),x=g.default.table(c||(c=n.__makeTemplateObject(["\n  width: 100%;\n\n  > thead {\n    text-transform: uppercase;\n\n    > tr {\n      border-bottom: ",";\n      height: 56px;\n\n      > th {\n        padding: ",";\n        white-space: nowrap;\n\n        &.noPadding {\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  > tbody {\n    > tr {\n      height: 48px;\n\n      & {\n        border-bottom: ",";\n      }\n\n      &.withHover:hover {\n        background-color: ",";\n      }\n\n      &.clickable {\n        cursor: pointer;\n      }\n\n      &:not(:hover) {\n        .row-hover-show {\n          visibility: collapse;\n        }\n      }\n\n      > td {\n        padding: ",";\n\n        &.noPadding {\n          padding: 0;\n        }\n\n        &.loading {\n          text-align: center;\n        }\n\n        &:not(:hover) {\n          .cell-hover-show {\n            visibility: collapse;\n          }\n        }\n\n        &.cellLink {\n          padding: 0;\n\n          > a {\n            display: block;\n            width: 100%;\n            height: 100%;\n            padding: ",";\n\n            &.noPadding {\n              padding: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  width: 100%;\n\n  > thead {\n    text-transform: uppercase;\n\n    > tr {\n      border-bottom: ",";\n      height: 56px;\n\n      > th {\n        padding: ",";\n        white-space: nowrap;\n\n        &.noPadding {\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  > tbody {\n    > tr {\n      height: 48px;\n\n      & {\n        border-bottom: ",";\n      }\n\n      &.withHover:hover {\n        background-color: ",";\n      }\n\n      &.clickable {\n        cursor: pointer;\n      }\n\n      &:not(:hover) {\n        .row-hover-show {\n          visibility: collapse;\n        }\n      }\n\n      > td {\n        padding: ",";\n\n        &.noPadding {\n          padding: 0;\n        }\n\n        &.loading {\n          text-align: center;\n        }\n\n        &:not(:hover) {\n          .cell-hover-show {\n            visibility: collapse;\n          }\n        }\n\n        &.cellLink {\n          padding: 0;\n\n          > a {\n            display: block;\n            width: 100%;\n            height: 100%;\n            padding: ",";\n\n            &.noPadding {\n              padding: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n"])),l.theme.border,l.theme.space16,l.theme.border,l.theme.gray50,l.theme.space12,l.theme.space12),p=g.default(t.Checkbox)(h||(h=n.__makeTemplateObject(["\n  padding: ",";\n  display: inline-flex;\n"],["\n  padding: ",";\n  display: inline-flex;\n"])),l.theme.space12);exports.SimpleTable=function(o){var r=o.className,t=o.getRowLink,l=o.headers,s=o.items,c=o.keyExtractor,h=o.loading,g=void 0!==h&&h,b=o.loadingItems,m=void 0===b?10:b,k=o.noHoverBackground,v=void 0!==k&&k,j=o.onRowClick,w=o.onRowHover,y=o.renderFooter,C=o.selectable,f=void 0===C?{enabled:!1}:C,q=function(n,i){var o=i[n.key],r=function(o){return t&&!f.anySelected?e.jsx("td",{className:"cellLink",children:e.jsx("a",{className:u.default({noPadding:n.noPadding}),href:t(i),style:{textAlign:n.align||"start"},children:o})}):e.jsx("td",{className:u.default({noPadding:n.noPadding}),style:{textAlign:n.align||"start"},children:o})};return n.renderCustom?e.jsx(e.Fragment,{children:r(n.renderCustom(o,i))}):e.jsx(e.Fragment,{children:r(String(o))})};return e.jsxs(x,{className:r,children:[e.jsxs("colgroup",{children:[!!f.onHeaderCheckboxChange&&e.jsx("col",{width:0}),l.map((function(n){return e.jsx("col",{width:void 0!==n.width?"".concat(n.width,"%"):void 0},n.key)}))]}),e.jsx("thead",{children:e.jsxs("tr",{children:[!!f.onHeaderCheckboxChange&&e.jsx("th",{className:"noPadding",children:f.renderCustomHeaderCheckbox||e.jsx(p,{checked:!g&&f.headerCheckboxValue||!1,disabled:g,onChange:f.onHeaderCheckboxChange})}),l.map((function(n){return e.jsx("th",{style:{textAlign:n.align||"start"},children:e.jsx(a.Text,{color:"gray800",type:"small-header",children:n.name})},n.key)}))]})}),e.jsx("tbody",{children:g?n.__spreadArray([],n.__read(Array(m+1).keys()),!1).map((function(n){return e.jsxs("tr",{children:[f.enabled&&e.jsx("td",{children:e.jsx(d.Skeleton,{height:30},n)}),l.map((function(i){return e.jsx("td",{className:u.default({loading:!0,noPadding:i.noPadding}),children:e.jsx(d.Skeleton,{height:30},n)},i.key)}))]},n)})):s.map((function(n,o){var r,t,d,a=!!j||!!f.anySelected&&!!f.onRowCheckboxChange;return e.jsxs("tr",{className:u.default({clickable:a,withHover:!v}),onClick:function(){var e,i,r;f.anySelected?(null===(e=f.isRowCheckboxDisabled)||void 0===e?void 0:e.call(f,n,o))||null===(i=f.onRowCheckboxChange)||void 0===i||i.call(f,!(null===(r=f.isRowChecked)||void 0===r?void 0:r.call(f,n,o)),n,o):null==j||j(n)},onMouseEnter:function(){return null==w?void 0:w(n)},children:[f.enabled&&e.jsx("td",{className:"noPadding",children:(null===(r=f.renderCustomRowCheckbox)||void 0===r?void 0:r.call(f,n,o))||e.jsx(p,{checked:(null===(t=f.isRowChecked)||void 0===t?void 0:t.call(f,n,o))||!1,disabled:(null===(d=f.isRowCheckboxDisabled)||void 0===d?void 0:d.call(f,n,o))||!1,onChange:function(e){var i;return null===(i=f.onRowCheckboxChange)||void 0===i?void 0:i.call(f,e,n,o)}})}),l.map((function(o){return e.jsx(i.Fragment,{children:q(o,n)},o.key)}))]},c(n))}))}),y]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),l=require("react/jsx-runtime"),o=require("react"),i=require("clsx"),t=require("../checkbox/Checkbox.js"),n=require("../skeleton/Skeleton.js"),d=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("styled-components");var m=r(i),c="Amino_SimpleTable-module__tableStyled--Q3YSy",s="Amino_SimpleTable-module__noPadding--b5Y-c",_="Amino_SimpleTable-module__withHover--eL3XX",b="Amino_SimpleTable-module__clickable--XnaaE",u="Amino_SimpleTable-module__loading--bvjof",h="Amino_SimpleTable-module__cellLink--jySVK",S="Amino_SimpleTable-module__styledCheckbox---753a";a.styleInject(".Amino_SimpleTable-module__tableStyled--Q3YSy{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:uppercase}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border);height:56px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{padding:16px;white-space:nowrap}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{border-bottom:var(--amino-border);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-gray-50)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .Amino_SimpleTable-module__row-hover-show--wkowE{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td:not(:hover) .Amino_SimpleTable-module__cell-hover-show--fenGT{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a{display:block;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");exports.SimpleTable=function(i){var a=i.className,r=i.getRowLink,y=i.headers,p=i.items,x=i.keyExtractor,g=i.loading,k=void 0!==g&&g,j=i.loadingItems,v=void 0===j?10:j,A=i.noHoverBackground,T=void 0!==A&&A,C=i.onRowClick,f=i.onRowHover,w=i.renderFooter,Y=i.selectable,Q=void 0===Y?{enabled:!1}:Y,q=function(e,o){var i=o[e.key],t=function(i){return r&&!Q.anySelected?l.jsx("td",{className:h,children:l.jsx("a",{className:m.default(e.noPadding&&s),href:r(o),style:{textAlign:e.align||"start"},children:i})}):l.jsx("td",{className:m.default(e.noPadding&&s),style:{textAlign:e.align||"start"},children:i})};return e.renderCustom?l.jsx(l.Fragment,{children:t(e.renderCustom(i,o))}):l.jsx(l.Fragment,{children:t(String(i))})};return l.jsxs("table",{className:m.default(a,c),children:[l.jsxs("colgroup",{children:[!!Q.onHeaderCheckboxChange&&l.jsx("col",{width:0}),y.map((function(e){return l.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!Q.onHeaderCheckboxChange&&l.jsx("th",{className:s,children:Q.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!k&&Q.headerCheckboxValue||!1,className:S,disabled:k,onChange:Q.onHeaderCheckboxChange})}),y.map((function(e){return l.jsx("th",{style:{textAlign:e.align||"start"},children:l.jsx(d.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),l.jsx("tbody",{children:k?e.__spreadArray([],e.__read(Array(v).keys()),!1).map((function(e){return l.jsxs("tr",{children:[Q.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:30},e)}),y.map((function(o){return l.jsx("td",{className:m.default(u,o.noPadding&&s),children:l.jsx(n.Skeleton,{height:30},e)},o.key)}))]},e)})):p.map((function(e,i){var n,d,a,r=!!C||!!Q.anySelected&&!!Q.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&b,!T&&_),onClick:function(){var l,o,t;Q.anySelected?(null===(l=Q.isRowCheckboxDisabled)||void 0===l?void 0:l.call(Q,e,i))||null===(o=Q.onRowCheckboxChange)||void 0===o||o.call(Q,!(null===(t=Q.isRowChecked)||void 0===t?void 0:t.call(Q,e,i)),e,i):null==C||C(e)},onMouseEnter:function(){return null==f?void 0:f(e)},children:[Q.enabled&&l.jsx("td",{className:s,children:(null===(n=Q.renderCustomRowCheckbox)||void 0===n?void 0:n.call(Q,e,i))||l.jsx(t.Checkbox,{checked:(null===(d=Q.isRowChecked)||void 0===d?void 0:d.call(Q,e,i))||!1,className:S,disabled:(null===(a=Q.isRowCheckboxDisabled)||void 0===a?void 0:a.call(Q,e,i))||!1,onChange:function(l){var o;return null===(o=Q.onRowCheckboxChange)||void 0===o?void 0:o.call(Q,l,e,i)}})}),y.map((function(i){return l.jsx(o.Fragment,{children:q(i,e)},i.key)}))]},x(e))}))}),w]})};

package/components/skeleton/Skeleton.d.ts

@@ -12,4 +12,4 @@ export type SkeletonProps = BaseProps & {
  * @param width - Optional width in pixels
  * @param height - Optional height in em
  */
-export declare const Skeleton: ({ animation, children, className, height, width, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Skeleton: ({ animation, children, className, height, style, width, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/components/skeleton/Skeleton.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),e=require("styled-components"),r=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var i,s,o,d=a(e),l=e.keyframes(i||(i=n.__makeTemplateObject(["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"]))),u=e.css(s||(s=n.__makeTemplateObject(["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"],["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"])),l),c=d.default.div(o||(o=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"])),(function(n){return n.height?"".concat(n.height,"px"):"1em"}),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),r.theme.radius6,r.theme.gray200,(function(n){return n.animation&&u}));exports.Skeleton=function(n){var e=n.animation,r=void 0===e||e,a=n.children,i=n.className,s=n.height,o=n.width;return t.jsx(c,{animation:r,className:i,height:s,width:o,children:a})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("clsx"),o=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}var r=i(n),a="Amino_Skeleton-module__skeletonWrapper--5p9qr",s="Amino_Skeleton-module__animation--V7bRQ";o.styleInject('@keyframes Amino_Skeleton-module__shimmerAction--dSaE6{0%{transform:translateX(-100%)}75%,to{transform:translateX(100%)}}.Amino_Skeleton-module__skeletonWrapper--5p9qr{background:var(--amino-gray-200);border-radius:var(--amino-radius-6);height:var(--amino-skeleton-height);overflow:hidden;position:relative;width:var(--amino-skeleton-width)}.Amino_Skeleton-module__skeletonWrapper--5p9qr.Amino_Skeleton-module__animation--V7bRQ:after{animation:Amino_Skeleton-module__shimmerAction--dSaE6 1.4s linear .5s infinite;background:linear-gradient(90deg,#0000,#00000014,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}');exports.Skeleton=function(n){var o=n.animation,i=void 0===o||o,l=n.children,m=n.className,d=n.height,_=n.style,u=n.width;return t.jsx("div",{className:r.default(m,a,i&&s),style:e.__assign(e.__assign({},_),{"--amino-skeleton-height":d?"".concat(d,"px"):"1em","--amino-skeleton-width":u?"".concat(u,"px"):"100%"}),children:l})};

package/components/slide-over/SlideOver.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),a=require("../stack/HStack.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var u,h,p,m,b,x=c(r),g=x.default(i.BaseDialog)(u||(u=e.__makeTemplateObject(["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n  background: transparent;\n  box-shadow: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n"],["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n  background: transparent;\n  box-shadow: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n"]))),j=x.default.div(h||(h=e.__makeTemplateObject(["\n  height: 100%;\n  margin: ",";\n  border-radius: ",";\n  background: ",";\n\n  display: flex;\n  flex-direction: column;\n\n  box-shadow: ",";\n"],["\n  height: 100%;\n  margin: ",";\n  border-radius: ",";\n  background: ",";\n\n  display: flex;\n  flex-direction: column;\n\n  box-shadow: ",";\n"])),l.theme.space8,l.theme.space12,l.theme.surfaceColor,l.theme.v3ShadowXxl),f=x.default.header(p||(p=e.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n\n  display: flex;\n  gap: ",";\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n\n  display: flex;\n  gap: ",";\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),l.theme.space16,l.theme.border,l.theme.space16),v=x.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  flex: 1;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  flex: 1;\n"])),l.theme.space24),q=x.default.div(b||(b=e.__makeTemplateObject(["\n  padding: ",";\n  border-radius: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-radius: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.space12,l.theme.border,l.theme.surfaceColorSecondary,l.theme.space8);exports.SlideOver=function(r){var i=r.actions,l=r.children,c=r.label,u=r.onClose,h=r.subtitle,p=r.width,m=void 0===p?444:p,b=e.__rest(r,["actions","children","label","onClose","subtitle","width"]);return n.jsx(g,e.__assign({onClose:u,popupMotionProps:{animate:{x:0},exit:{x:m},initial:{x:m},transition:{duration:.45,ease:[.4,0,.2,1]}},width:m},b,{children:n.jsxs(j,{children:[n.jsxs(f,{children:[n.jsx(t.Button,{icon:n.jsx(d.RemoveIcon,{}),onClick:u}),h?n.jsxs(o.VStack,{className:"header-content",spacing:0,children:[n.jsx(s.Text,{type:"subheader",children:c}),h]}):n.jsx(s.Text,{className:"header-content",type:"subheader",children:c})]}),n.jsx(v,{children:l}),i&&n.jsx(q,{children:n.jsx(a.HStack,{spacing:8,children:i})})]})}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime");require("react");var i=require("clsx"),o=require("../button/Button.js"),n=require("../dialog/BaseDialog.js"),s=require("../stack/HStack.js"),t=require("../stack/VStack.js"),a=require("../text/Text.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function u(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("react-dom"),require("../stack/Stack.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var c=u(i),m={styledBaseDialog:"Amino_SlideOver-module__styledBaseDialog--kdoHN",wrapper:"Amino_SlideOver-module__wrapper--h4h0-",slideOverHeader:"Amino_SlideOver-module__slideOverHeader--QseSi","header-content":"Amino_SlideOver-module__header-content--QF5NY",slideOverContent:"Amino_SlideOver-module__slideOverContent--vCKvH",footer:"Amino_SlideOver-module__footer--mwPVV"};d.styleInject(".Amino_SlideOver-module__styledBaseDialog--kdoHN{background:#0000;border:none;border-radius:0;box-shadow:none;height:100vh;max-height:none;overflow:visible;overflow:initial;position:absolute;right:0;top:0}.Amino_SlideOver-module__wrapper--h4h0-{background:var(--amino-surface-color);border-radius:12px;box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;height:100%;margin:8px}.Amino_SlideOver-module__slideOverHeader--QseSi{align-items:center;border-bottom:var(--amino-border);display:flex;gap:16px;padding:16px}.Amino_SlideOver-module__slideOverHeader--QseSi .Amino_SlideOver-module__header-content--QF5NY{flex:1;margin:0}.Amino_SlideOver-module__slideOverContent--vCKvH{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px}.Amino_SlideOver-module__footer--mwPVV{align-items:center;background:var(--amino-surface-color-secondary);border-radius:12px;border-top:var(--amino-border);display:flex;justify-content:flex-end;padding:24px}.Amino_SlideOver-module__footer--mwPVV>div+div{margin-left:8px}");exports.SlideOver=function(i){var d=i.actions,u=i.children,v=i.label,_=i.onClose,p=i.subtitle,x=i.width,h=void 0===x?444:x,j=e.__rest(i,["actions","children","label","onClose","subtitle","width"]);return r.jsx(n.BaseDialog,e.__assign({className:m.styledBaseDialog,onClose:_,popupMotionProps:{animate:{x:0},exit:{x:h},initial:{x:h},transition:{duration:.45,ease:[.4,0,.2,1]}},width:h},j,{children:r.jsxs("div",{className:m.wrapper,children:[r.jsxs("header",{className:m.slideOverHeader,children:[r.jsx(o.Button,{icon:r.jsx(l.RemoveIcon,{}),onClick:_}),p?r.jsxs(t.VStack,{className:c.default(m.headerContent,"header-content"),spacing:0,children:[r.jsx(a.Text,{type:"subheader",children:v}),p]}):r.jsx(a.Text,{className:c.default(m.headerContent,"header-content"),type:"subheader",children:v})]}),r.jsx("div",{className:m.slideOverContent,children:u}),d&&r.jsx("div",{className:m.footer,children:r.jsx(s.HStack,{spacing:8,children:d})})]})}))};

package/components/slider/Slider.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("@radix-ui/react-slider"),r=require("styled-components"),i=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var a,s,d,l,c,h,u,p,b=o(r),m=b.default(t.Root)(a||(a=n.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"],["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"]))),x=b.default(t.Track)(s||(s=n.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"],["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"])),i.theme.gray200,i.theme.v3ShadowInset,(function(n){return n.$size&&"".concat(n.$size,"px")})),g=b.default(t.Range)(d||(d=n.__makeTemplateObject(["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"],["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"])),i.theme.primary),f=b.default(t.Thumb)(l||(l=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  [data-theme='night'] & {\n    background: ",";\n  }\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  [data-theme='night'] & {\n    background: ",";\n  }\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"])),i.theme.gray0,i.theme.border,i.theme.v3ShadowBase,(function(n){return n.$size&&"".concat(2*n.$size,"px")}),(function(n){return n.$size&&"".concat(2*n.$size,"px")}),i.theme.gray1200,i.theme.gray100,i.theme.primary,i.theme.glowBlue),v=b.default.div(c||(c=n.__makeTemplateObject(["\n  position: relative;\n  height: ",";\n"],["\n  position: relative;\n  height: ",";\n"])),(function(n){return!n.$hideIndicator&&"calc(56px + ".concat(i.theme.space24," + 10px)")})),k=b.default.div(h||(h=n.__makeTemplateObject(["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"],["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"])),i.theme.blue100,i.theme.radius6,i.theme.radius6,i.theme.blue800),j=b.default.div(u||(u=n.__makeTemplateObject(["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"],["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"])),i.theme.blue100,i.theme.radius6,i.theme.radius6),w=b.default.div(p||(p=n.__makeTemplateObject(["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"],["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"])),i.theme.space24);exports.Slider=function(t){var r=t.className,i=t.hideIndicator,o=void 0!==i&&i,a=t.max,s=t.min,d=t.onChange,l=t.size,c=void 0===l?12:l,h=t.step,u=t.suffix,p=void 0===u?"%":u,b=t.value;return e.jsx(v,{$hideIndicator:o,className:r,children:e.jsxs(m,{max:a,min:s,onValueChange:function(e){var t=n.__read(e,1)[0];return void 0!==t&&d(t)},step:h,value:[b],children:[e.jsx(x,{$size:c,children:e.jsx(g,{})}),e.jsx(f,{$size:c,children:!o&&e.jsxs(w,{children:[e.jsx(j,{}),e.jsx(k,{children:e.jsxs("span",{children:[b,p]})})]})})]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),i=require("react/jsx-runtime"),r=require("@radix-ui/react-slider"),o=require("clsx"),a=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}var l=d(o),n="Amino_Slider-module__styledSlider--DgldC",t="Amino_Slider-module__styledTrack--LJSr2",s="Amino_Slider-module__styledRange--H8Kqc",m="Amino_Slider-module__styledThumb--ZJzHZ",u="Amino_Slider-module__sliderWrapper--NJhMD",c="Amino_Slider-module__indicator---fWLA",_="Amino_Slider-module__upTriangle--obmpR",h="Amino_Slider-module__indicatorWrapper---so7l";a.styleInject(".Amino_Slider-module__styledSlider--DgldC{align-items:center;display:flex;height:12px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.Amino_Slider-module__styledTrack--LJSr2{background-color:var(--amino-gray-200);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);flex-grow:1;height:var(--amino-slider-styled-track-height);position:relative}.Amino_Slider-module__styledTrack--LJSr2+span{transition:all .3s ease}.Amino_Slider-module__styledRange--H8Kqc{background-color:var(--amino-primary);border-radius:9999px;height:100%;position:absolute;transition:all .3s ease}.Amino_Slider-module__styledThumb--ZJzHZ{background:var(--amino-gray-0);border:var(--amino-border);border-radius:20px;box-shadow:var(--amino-v3-shadow-base);cursor:pointer;display:block;height:var(--amino-slider-styled-thumb-height);width:var(--amino-slider-styled-thumb-width)}[data-theme=night] .Amino_Slider-module__styledThumb--ZJzHZ{background:var(--amino-gray-1200)}.Amino_Slider-module__styledThumb--ZJzHZ:active,.Amino_Slider-module__styledThumb--ZJzHZ:focus{background:var(--amino-gray-100);border-color:var(--amino-primary);box-shadow:var(--amino-glow-blue);outline:none}.Amino_Slider-module__sliderWrapper--NJhMD{height:var(--amino-slider-wrapper-height);position:relative}.Amino_Slider-module__indicator---fWLA{align-items:center;background:var(--amino-blue-100);border-bottom-left-radius:var(--amino-radius-6);border-bottom-right-radius:var(--amino-radius-6);color:var(--amino-blue-800);display:flex;font-weight:500;height:32px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:48px}.Amino_Slider-module__indicator---fWLA span{margin-top:-8px}.Amino_Slider-module__upTriangle--obmpR{border-bottom:24px solid var(--amino-blue-100);border-left:24px solid #0000;border-right:24px solid #0000;border-top-left-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);height:0;width:0;width:48px}.Amino_Slider-module__indicatorWrapper---so7l{margin-left:-12px;margin-top:34px}");exports.Slider=function(o){var a=o.className,d=o.hideIndicator,p=void 0!==d&&d,b=o.max,g=o.min,v=o.onChange,x=o.size,y=void 0===x?12:x,S=o.step,A=o.suffix,f=void 0===A?"%":A,w=o.value;return i.jsx("div",{className:l.default(a,u),style:{"--amino-slider-styled-thumb-height":"".concat(2*y,"px"),"--amino-slider-styled-thumb-width":"".concat(2*y,"px"),"--amino-slider-styled-track-height":"".concat(y,"px"),"--amino-slider-wrapper-height":p?"":"90px"},children:i.jsxs(r.Root,{className:n,max:b,min:g,onValueChange:function(i){var r=e.__read(i,1)[0];return void 0!==r&&v(r)},step:S,value:[w],children:[i.jsx(r.Track,{className:t,children:i.jsx(r.Range,{className:s})}),i.jsx(r.Thumb,{className:m,children:!p&&i.jsxs("div",{className:h,children:[i.jsx("div",{className:_}),i.jsx("div",{className:c,children:i.jsxs("span",{children:[w,f]})})]})})]})})};

package/components/sortable-list/SortableList.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("@dnd-kit/core"),i=require("@dnd-kit/modifiers"),n=require("@dnd-kit/sortable");function s(e){return e&&e.__esModule?e:{default:e}}var l,o=s(require("styled-components")).default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"])));exports.SortableList=function(e){var s=e.children,l=e.handleDragEnd,d=e.itemIds,a=e.sortingStrategy,c=void 0===a?n.verticalListSortingStrategy:a;return t.jsx(r.DndContext,{collisionDetection:r.closestCenter,modifiers:[i.restrictToParentElement,i.restrictToVerticalAxis],onDragEnd:l,children:t.jsx(n.SortableContext,{items:d,strategy:c,children:t.jsx(o,{children:s})})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@dnd-kit/core"),r=require("@dnd-kit/modifiers"),i=require("@dnd-kit/sortable"),s=require("../../style-inject.es-d4ddeae4.js"),l="Amino_SortableList-module__styledSortableList--lwAuY";s.styleInject(".Amino_SortableList-module__styledSortableList--lwAuY{display:flex;flex-direction:column;gap:5px}");exports.SortableList=function(s){var n=s.children,o=s.handleDragEnd,d=s.itemIds,a=s.sortingStrategy,c=void 0===a?i.verticalListSortingStrategy:a;return e.jsx(t.DndContext,{collisionDetection:t.closestCenter,modifiers:[r.restrictToParentElement,r.restrictToVerticalAxis],onDragEnd:o,children:e.jsx(i.SortableContext,{items:d,strategy:c,children:e.jsx("div",{className:l,children:n})})})};

package/components/sortable-list/SortableListItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("@dnd-kit/sortable"),r=require("@dnd-kit/utilities"),i=require("styled-components"),s=require("../../icons/DragIcon.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var d,o,c=l(i),u=c.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),a.theme.space24),f=c.default.div(o||(o=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"])));exports.SortableListItem=function(i){var a=i.children,l=i.handleIconSize,d=void 0===l?20:l,o=i.id,c=i.useHandle,j=t.useSortable({id:o}),x=j.attributes,m=j.listeners,_=j.setNodeRef,g=j.transform,h=j.transition,p={transform:r.CSS.Transform.toString(g),transition:h};return n.jsx("div",{ref:_,children:c?n.jsxs(u,{style:p,children:[n.jsx(f,{children:a}),n.jsx("div",e.__assign({},m,x,{children:n.jsx(s.DragIcon,{size:d})}))]}):n.jsx(u,e.__assign({style:p},m,x,{children:n.jsx(f,{children:a})}))})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),s=require("@dnd-kit/sortable"),i=require("@dnd-kit/utilities"),r=require("../../icons/DragIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var l="Amino_SortableListItem-module__styledSortableListItem--N-vqT",a="Amino_SortableListItem-module__styledSortableSection--fMakn";n.styleInject(".Amino_SortableListItem-module__styledSortableListItem--N-vqT{align-items:center;display:flex;gap:24px;justify-content:flex-end}.Amino_SortableListItem-module__styledSortableSection--fMakn{flex-grow:1}");exports.SortableListItem=function(n){var o=n.children,d=n.handleIconSize,c=void 0===d?20:d,m=n.id,u=n.useHandle,_=s.useSortable({id:m}),j=_.attributes,S=_.listeners,b=_.setNodeRef,x=_.transform,f=_.transition,v={transform:i.CSS.Transform.toString(x),transition:f};return t.jsx("div",{ref:b,children:u?t.jsxs("div",{className:l,style:v,children:[t.jsx("div",{className:a,children:o}),t.jsx("div",e.__assign({},S,j,{children:t.jsx(r.DragIcon,{size:c})}))]}):t.jsx("div",e.__assign({className:l,style:v},S,j,{children:t.jsx("div",{className:a,children:o})}))})};

package/components/spinner/Spinner.d.ts

@@ -10,4 +10,4 @@ export type SpinnerProps = BaseProps & {
      */
     size?: number;
 };
-export declare const Spinner: ({ className, color, size, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spinner: ({ className, color, size, style, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/components/spinner/Spinner.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var i,a,o=s(r),c=o.default.div(i||(i=n.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n"],["\n  position: relative;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n"])),(function(n){return n.$size}),(function(n){return n.$size})),k=o.default.svg(a||(a=n.__makeTemplateObject(["\n  position: absolute;\n  width: ","px;\n  height: ","px;\n\n  stroke: ",";\n\n  circle.track {\n    stroke: ",";\n  }\n\n  &.black {\n    stroke: ",";\n\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.white {\n    stroke: ",";\n\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.info {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.success {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.danger {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.warning {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n\n  @keyframes rotate {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes dash {\n    0% {\n      stroke-dasharray: 1, 150;\n      stroke-dashoffset: 0;\n    }\n    50% {\n      stroke-dasharray: 90, 150;\n      stroke-dashoffset: -35;\n    }\n    100% {\n      stroke-dasharray: 90, 150;\n      stroke-dashoffset: -124;\n    }\n  }\n\n  animation: rotate 2s linear infinite;\n\n  circle:not(.track) {\n    stroke-linecap: round;\n    animation: dash 1.5s ease-in-out infinite;\n  }\n"],["\n  position: absolute;\n  width: ","px;\n  height: ","px;\n\n  stroke: ",";\n\n  circle.track {\n    stroke: ",";\n  }\n\n  &.black {\n    stroke: ",";\n\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.white {\n    stroke: ",";\n\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.info {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.success {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.danger {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n  &.warning {\n    stroke: ",";\n    circle.track {\n      stroke: ",";\n    }\n  }\n\n  @keyframes rotate {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes dash {\n    0% {\n      stroke-dasharray: 1, 150;\n      stroke-dashoffset: 0;\n    }\n    50% {\n      stroke-dasharray: 90, 150;\n      stroke-dashoffset: -35;\n    }\n    100% {\n      stroke-dasharray: 90, 150;\n      stroke-dashoffset: -124;\n    }\n  }\n\n  animation: rotate 2s linear infinite;\n\n  circle:not(.track) {\n    stroke-linecap: round;\n    animation: dash 1.5s ease-in-out infinite;\n  }\n"])),(function(n){return n.$size}),(function(n){return n.$size}),t.theme.blue600,t.theme.gray200,t.theme.spinnerStrokeBlack,t.theme.spinnerTrackBlack,t.theme.spinnerStrokeWhite,t.theme.spinnerTrackWhite,t.theme.blue600,t.theme.blue100,t.theme.green600,t.theme.green100,t.theme.red600,t.theme.red100,t.theme.orange600,t.theme.orange100);exports.Spinner=function(n){var r=n.className,t=n.color,s=void 0===t?"primary":t,i=n.size,a=void 0===i?32:i;return e.jsx(c,{$size:a,children:e.jsxs(k,{$size:a,className:[r,s,"amino-spinner"].join(" "),viewBox:"0 0 50 50",children:[e.jsx("circle",{className:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),e.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}var _=o(i),m={wrapper:"Amino_Spinner-module__wrapper--HsFcH",styledSvg:"Amino_Spinner-module__styledSvg--b-3GA",rotate:"Amino_Spinner-module__rotate--1zs3G",track:"Amino_Spinner-module__track--8g3IO",black:"Amino_Spinner-module__black--fWAPm",white:"Amino_Spinner-module__white---tttI",info:"Amino_Spinner-module__info--vNEZ8",success:"Amino_Spinner-module__success--wtOak",danger:"Amino_Spinner-module__danger--XUgrZ",warning:"Amino_Spinner-module__warning--skHle",dash:"Amino_Spinner-module__dash--74jKn"};r.styleInject(".Amino_Spinner-module__wrapper--HsFcH{height:var(--amino-spinner-height);overflow:hidden;position:relative;width:var(--amino-spinner-width)}.Amino_Spinner-module__styledSvg--b-3GA{stroke:var(--amino-blue-600);animation:Amino_Spinner-module__rotate--1zs3G 2s linear infinite;height:var(--amino-spinner-height);position:absolute;width:var(--amino-spinner-width)}.Amino_Spinner-module__styledSvg--b-3GA circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-gray-200)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__black--fWAPm{stroke:var(--amino-spinner-stroke-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__black--fWAPm circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__white---tttI{stroke:var(--amino-spinner-stroke-white)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__white---tttI circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-white)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__info--vNEZ8{stroke:var(--amino-blue-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__info--vNEZ8 circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-blue-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__success--wtOak{stroke:var(--amino-green-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__success--wtOak circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-green-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__danger--XUgrZ{stroke:var(--amino-red-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__danger--XUgrZ circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-red-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__warning--skHle{stroke:var(--amino-orange-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__warning--skHle circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-orange-100)}@keyframes Amino_Spinner-module__rotate--1zs3G{to{transform:rotate(1turn)}}@keyframes Amino_Spinner-module__dash--74jKn{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.Amino_Spinner-module__styledSvg--b-3GA circle:not(.Amino_Spinner-module__track--8g3IO){stroke-linecap:round;animation:Amino_Spinner-module__dash--74jKn 1.5s ease-in-out infinite}");exports.Spinner=function(i){var r=i.className,o=i.color,t=void 0===o?"primary":o,a=i.size,s=void 0===a?32:a,l=i.style;return n.jsx("div",{className:m.wrapper,style:e.__assign(e.__assign({},l),{"--amino-spinner-height":"".concat(s,"px"),"--amino-spinner-width":"".concat(s,"px")}),children:n.jsxs("svg",{className:_.default(r,m.styledSvg,"primary"!==t&&m[t],"amino-spinner"),viewBox:"0 0 50 50",children:[n.jsx("circle",{className:_.default(m.track,"track"),cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),n.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};

package/components/split-panel/SplitPanel.d.ts

@@ -1,7 +1,7 @@
 import { type Dispatch, type SetStateAction } from 'react';
-type SplitPanelProps = {
+import type { BaseProps } from "../../types/BaseProps";
+type SplitPanelProps = BaseProps & {
     children: any;
-    className?: string;
     collapseAll?: boolean;
     direction?: 'horizontal' | 'vertical';
     /**
@@ -26,5 +26,5 @@ type SplitPanelProps = {
  * Split panel component
  * @ref https://greggman.github.io/react-split-it/
  */
-export declare const SplitPanel: ({ children, className, collapseAll, direction, gutterSize, onSetSizes, sizes, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitPanel: ({ children, className, collapseAll, direction, gutterSize, onSetSizes, sizes, style, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/split-panel/SplitPanel.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("react-split-it"),t=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}var s,a=l(n),u=function(r){var i=r.childrenCount,n=r.sizes;if(0===n.length)return e.__spreadArray([1],e.__read(new Array(i-1).fill(0)),!1);if(n.length!==i){var t=Math.abs(i-n.length);return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),e.__read(new Array(t).fill(1)),!1)}var l=n.reduce((function(e,r){return e+r}),0);return n.map((function(e){return e/l}))},d=l(t).default.div(s||(s=e.__makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n"],["\n  display: block;\n  width: 100%;\n  height: 100%;\n"])));exports.SplitPanel=function(n){var t=n.children,l=n.className,s=n.collapseAll,c=n.direction,o=n.gutterSize,_=void 0===o?3:o,h=n.onSetSizes,f=n.sizes,p=void 0===f?[1]:f,z=e.__rest(n,["children","className","collapseAll","direction","gutterSize","onSetSizes","sizes"]),y=i.Children.count(t),S=e.__read(i.useState(u({childrenCount:y,sizes:p})),1)[0];return i.useEffect((function(){if(1!==S[0]||s)s?null==h||h(e.__spreadArray([1],e.__read(new Array(y-1).fill(0)),!1)):null==h||h(u({childrenCount:y,sizes:S}));else{var r=1/y;null==h||h(new Array(y).fill(r))}}),[y,s,S,h]),r.jsx(d,{className:l,children:r.jsx(a.default,e.__assign({direction:c,gutterSize:s?0:_,onSetSizes:h,sizes:u({childrenCount:y,sizes:p})},z,{children:t}))})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("react-split-it"),l=require("clsx"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(t),u=s(l),c="Amino_SplitPanel-module__styledWrapper--cj4W-";n.styleInject(".Amino_SplitPanel-module__styledWrapper--cj4W-{display:block;height:100%;width:100%}");var d=function(r){var i=r.childrenCount,t=r.sizes;if(0===t.length)return e.__spreadArray([1],e.__read(new Array(i-1).fill(0)),!1);if(t.length!==i){var l=Math.abs(i-t.length);return e.__spreadArray(e.__spreadArray([],e.__read(t),!1),e.__read(new Array(l).fill(1)),!1)}var n=t.reduce((function(e,r){return e+r}),0);return t.map((function(e){return e/n}))};exports.SplitPanel=function(t){var l=t.children,n=t.className,s=t.collapseAll,_=t.direction,o=t.gutterSize,f=void 0===o?3:o,p=t.onSetSizes,h=t.sizes,y=void 0===h?[1]:h,z=t.style,S=e.__rest(t,["children","className","collapseAll","direction","gutterSize","onSetSizes","sizes","style"]),A=i.Children.count(l),v=e.__read(i.useState(d({childrenCount:A,sizes:y})),1)[0];return i.useEffect((function(){if(1!==v[0]||s)s?null==p||p(e.__spreadArray([1],e.__read(new Array(A-1).fill(0)),!1)):null==p||p(d({childrenCount:A,sizes:v}));else{var r=1/A;null==p||p(new Array(A).fill(r))}}),[A,s,v,p]),r.jsx("div",{className:u.default(n,c),style:z,children:r.jsx(a.default,e.__assign({direction:_,gutterSize:s?0:f,onSetSizes:p,sizes:d({childrenCount:A,sizes:y})},S,{children:l}))})};

package/components/stack/HStack.d.ts

@@ -5,4 +5,4 @@ import { type StackProps } from "./Stack";
  * @param alignment - Optional alignment
  * @param spacing - Optional spacing between elements
  */
-export declare const HStack: ({ children, spacing, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HStack: ({ children, className, spacing, style, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;

package/components/stack/HStack.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("./Stack.js"),c=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var s,a=i(r).default(t.Stack)(s||(s=e.__makeTemplateObject(["\n  grid-column-gap: ",";\n  grid-auto-flow: column;\n"],["\n  grid-column-gap: ",";\n  grid-auto-flow: column;\n"])),(function(e){return c.theme["space".concat(e.$spacing)]}));exports.HStack=function(r){var t=r.children,c=r.spacing,i=void 0===c?24:c,s=e.__rest(r,["children","spacing"]);return n.jsx(a,e.__assign({$spacing:i},s,{children:t}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),s=require("react/jsx-runtime"),a=require("clsx"),t=require("./Stack.js"),c=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(a),n="Amino_HStack-module__styledHStack--sbuQ3";c.styleInject(".Amino_HStack-module__styledHStack--sbuQ3{grid-column-gap:var(--amino-h-stack-gap);grid-auto-flow:column}");exports.HStack=function(a){var c=a.children,r=a.className,l=a.spacing,u=void 0===l?24:l,_=a.style,o=e.__rest(a,["children","className","spacing","style"]);return s.jsx(t.Stack,e.__assign({className:i.default(r,n),style:e.__assign(e.__assign({},_),{"--amino-h-stack-gap":"".concat(u,"px")})},o,{children:c}))};

package/components/stack/Stack.d.ts

@@ -9,5 +9,10 @@ export type StackProps = {
     /** @default 24 */
     spacing?: GridSpacing;
 } & DivProps & BaseProps;
-export declare const Stack: ({ alignment, children, ...otherProps }: StackProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A stack
+ *
+ * @param alignment - Optional alignment
+ */
+export declare const Stack: ({ alignment, children, className, style, ...otherProps }: StackProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/stack/Stack.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime");function r(n){return n&&n.__esModule?n:{default:n}}var t,i=r(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"],["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"])),(function(n){return n.$alignment||"unset"}));exports.Stack=function(r){var t=r.alignment,s=r.children,u=n.__rest(r,["alignment","children"]);return e.jsx(i,n.__assign({$alignment:t},u,{children:s}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),s=require("clsx"),a=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(s),l="Amino_Stack-module__styledStack--L5tSA";a.styleInject(".Amino_Stack-module__styledStack--L5tSA{display:grid;grid-auto-columns:minmax(0,1fr)}.Amino_Stack-module__styledStack--L5tSA>*{justify-self:var(--amino-stack-alignment)}");exports.Stack=function(s){var a=s.alignment,i=s.children,r=s.className,c=s.style,u=e.__rest(s,["alignment","children","className","style"]);return t.jsx("div",e.__assign({className:n.default(r,l),style:e.__assign(e.__assign({},c),{"--amino-stack-alignment":a||"unset"})},u,{children:i}))};

package/components/stack/VStack.d.ts

@@ -5,4 +5,4 @@ import { type StackProps } from "./Stack";
  * @param alignment - Optional alignment
  * @param spacing - Optional spacing between elements
  */
-export declare const VStack: ({ children, spacing, style, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VStack: ({ children, className, spacing, style, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;

package/components/stack/VStack.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("./Stack.js"),s=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,c=i(t).default(n.Stack)(a||(a=e.__makeTemplateObject(["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"],["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"])),(function(e){return s.theme["space".concat(e.$spacing)]}));exports.VStack=function(t){var n=t.children,s=t.spacing,i=void 0===s?24:s,a=t.style,o=e.__rest(t,["children","spacing","style"]);return r.jsx(c,e.__assign({$spacing:i,style:a},o,{children:n}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),s=require("react/jsx-runtime"),a=require("clsx"),t=require("./Stack.js"),r=require("../../style-inject.es-d4ddeae4.js");function c(e){return e&&e.__esModule?e:{default:e}}var i=c(a),n="Amino_VStack-module__styledVStack--GCZhv";r.styleInject(".Amino_VStack-module__styledVStack--GCZhv{grid-row-gap:var(--amino-v-stack-gap);grid-auto-flow:row}");exports.VStack=function(a){var r=a.children,c=a.className,l=a.spacing,u=void 0===l?24:l,_=a.style,o=e.__rest(a,["children","className","spacing","style"]);return s.jsx(t.Stack,e.__assign({className:i.default(c,n),style:e.__assign(e.__assign({},_),{"--amino-v-stack-gap":"".concat(u,"px")})},o,{children:r}))};

package/components/surface/Surface.d.ts

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 import type { Depth } from "../../types/Depth";
-type Props = {
+type Props = BaseProps & {
     children: ReactNode;
-    className?: string;
     /**
      * @default false
      */
     dense?: boolean;
     depth?: Depth;
 };
-export declare const Surface: ({ children, className, dense, depth, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Surface: ({ children, className, dense, depth, style, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/surface/Surface.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),n=require("styled-components"),t=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var r,s,o,c,h,l=d(n),u=l.default.div(r||(r=e.__makeTemplateObject(["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"],["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"])),t.theme.surfaceColor,t.theme.space24,t.theme.textColor,(function(e){return e.$dense?t.theme.radius6:t.theme.radius8})),m=l.default(u)(s||(s=e.__makeTemplateObject(["\n  box-shadow: ",";\n  border: ",";\n"],["\n  box-shadow: ",";\n  border: ",";\n"])),t.theme.v3ShadowBase,t.theme.border),i=l.default(u)(o||(o=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),t.theme.v3ShadowMedium),b=l.default(u)(c||(c=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),t.theme.v3ShadowLarge),x=l.default(u)(h||(h=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),t.theme.v3ShadowXl);exports.Surface=function(e){var n=e.children,t=e.className,d=e.dense,r=void 0!==d&&d,s=e.depth,o=[t||"","elevated"].join(" ");switch(s){case"depth64":return a.jsx(x,{$dense:r,className:o,children:n});case"depth16":return a.jsx(b,{$dense:r,className:o,children:n});case"depth8":return a.jsx(i,{$dense:r,className:o,children:n});default:return a.jsx(m,{$dense:r,className:o,children:n})}};
+"use strict";var e=require("react/jsx-runtime"),a=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(a),u={surfaceBase:"Amino_Surface-module__surfaceBase--kTy01",dense:"Amino_Surface-module__dense--kLwc3",depth4:"Amino_Surface-module__depth4--B3yw8",depth8:"Amino_Surface-module__depth8--NDOvt",depth16:"Amino_Surface-module__depth16--vDCOy",depth64:"Amino_Surface-module__depth64--pyxEJ"};r.styleInject(".Amino_Surface-module__surfaceBase--kTy01{background:var(--amino-surface-color);border-radius:var(--amino-radius-8);color:var(--amino-text-color);padding:24px}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__dense--kLwc3{border-radius:var(--amino-radius-6)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth4--B3yw8{border:var(--amino-border);box-shadow:var(--amino-v3-shadow-base)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth8--NDOvt{box-shadow:var(--amino-v3-shadow-medium)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth16--vDCOy{box-shadow:var(--amino-v3-shadow-large)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth64--pyxEJ{box-shadow:var(--amino-v3-shadow-xl)}");exports.Surface=function(a){var r=a.children,o=a.className,s=a.dense,_=void 0!==s&&s,m=a.depth,c=void 0===m?"depth4":m,i=a.style,n=d.default(o,u.surfaceBase,"elevated",_&&u.dense,c&&u[c]);return e.jsx("div",{className:n,style:i,children:r})};