@zonos/amino 5.1.85 → 5.1.86

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).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})};

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,(function(n){return n.$checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.$checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),(function(n){return n.$checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),r.theme.space16,(function(n){return n.$checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n  && {\n    width: 62px;\n    height: 32px;\n    min-width: 24px;\n    background: ",";\n  }\n"],["\n  && {\n    width: 62px;\n    height: 32px;\n    min-width: 24px;\n    background: ",";\n  }\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),$=f.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),O=f.default.label(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),q=f.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"],["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"])),(function(n){return n.$left?"4px":"auto"}),(function(n){return n.$left?"auto":"4px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(O,{className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{$checked:t,children:[e.jsx(w,{$checked:t,id:c}),e.jsx(q,{$left:!0,children:h}),e.jsx(q,{children:d})]}):e.jsx(j,{$checked:t,children:e.jsx(k,{$checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs($,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
+"use strict";var i=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var l=n(e),c="Amino_Switch-module__aminoSwitch--V20lQ",m="Amino_Switch-module__checked--cgbVH",a="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",_="Amino_Switch-module__aminoSwitchWrapper--OrqKy",h="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",d="Amino_Switch-module__styledLabel--mmtjI",r="Amino_Switch-module__styledLabelDescription--5xNoS",s="Amino_Switch-module__labelWrapper--l4iEG",w="Amino_Switch-module__switchContainer--ZM-Jo",u="Amino_Switch-module__disabled--drg1V",p="Amino_Switch-module__styledSubtitle--Zgig5",S="Amino_Switch-module__switchIcon--mIgO1",x="Amino_Switch-module__left--Q--oT";t.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1200)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;margin-right:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:.6}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(e){var t=e.checked,n=e.className,g=e.disabled,b=e.label,A=e.labelDescription,y=e.labelIcon,v=e.onChange,f=e.subtitle,j=e.switchIconLeft,I=e.switchIconRight,W=null==b?void 0:b.replace(/\s/g,"-").toLowerCase(),N=Boolean(j||I);return i.jsxs("label",{className:l.default(n,w,g&&u),htmlFor:W,onClick:function(){return!g&&v(!t)},children:[N?i.jsxs("div",{className:l.default(_,h,t&&m),children:[i.jsx("div",{className:l.default(c,a,t&&m),id:W}),i.jsx("div",{className:l.default(S,x),children:j}),i.jsx("div",{className:S,children:I})]}):i.jsx("div",{className:l.default(_,t&&m),children:i.jsx("div",{className:l.default(c,t&&m),id:W})}),i.jsxs("div",{children:[i.jsxs("div",{className:s,children:[y,i.jsxs(o.Text,{className:d,type:"input-label",children:[b,A&&i.jsx("span",{className:r,children:A})]})]}),f&&i.jsx(o.Text,{className:p,type:"subtitle",children:f})]})]})};

package/components/text/Text.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import { type Color } from "../../types";
+import type { BaseProps } from "../../types/BaseProps";
 export declare const textOthers: readonly ["code", "subtitle", "small-header", "input-label"];
 type OtherText = (typeof textOthers)[number];
 export declare const textOptions: readonly [{
@@ -92,7 +93,7 @@ type TypographyOverrides = {
     lineHeight?: Size;
 };
 type TextStyle = Type | OtherText;
-export type TextProps = {
+export type TextProps = BaseProps & {
     children: ReactNode;
     className?: string;
     isUppercase?: boolean;
@@ -100,5 +101,5 @@ export type TextProps = {
     title?: string;
     type?: TextStyle;
 } & TypographyOverrides;
-export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, tag, title, type, }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, style, tag, title, type, }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/text/Text.js

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

package/components/tooltip/Tooltip.js

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

package/package.json

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