@zonos/amino 5.1.12 → 5.1.14

package/all.d.ts

@@ -30,6 +30,16 @@ import './components/dialog/Dialog';
 import './components/divider/Divider';
 import './components/drop-zone/DropZone';
 import './components/file-upload/FileUpload';
+import './components/filter/filter-amount/FilterAmount';
+import './components/filter/filter-amount/filterAmountReducer';
+import './components/filter/filter-date/DateControls';
+import './components/filter/filter-date/dateUtils';
+import './components/filter/filter-date/FilterDate';
+import './components/filter/filter-date/filterDateReducer';
+import './components/filter/filter-multi-select/FilterMultiSelect';
+import './components/filter/filter-select/FilterSelect';
+import './components/filter/filter-text/FilterText';
+import './components/filter/useFilterWrapper';
 import './components/glow/GlowWrapper';
 import './components/graph-matrix/GraphMatrix';
 import './components/help-text/HelpText';
@@ -61,6 +71,7 @@ import './components/select/CountryPhoneSelect';
 import './components/select/CountrySelect';
 import './components/select/MultiSelect';
 import './components/select/Select';
+import './components/simple-table/SimpleTable';
 import './components/skeleton/Skeleton';
 import './components/slide-over/SlideOver';
 import './components/slider/Slider';
@@ -679,6 +690,8 @@ import './icons/WarningIcon';
 import './styles/constants/theme';
 import './styles/devices';
 import './utils/addIndex';
+import './utils/changeDeepProperty';
+import './utils/changeDeepPropertyAtIndex';
 import './utils/countryPhoneCodes';
 import './utils/flattenRow';
 import './utils/getCountryCodeByName';

package/components/alert-dialog/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:d,children:[u,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:d,children:[u,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};

package/components/alert-dialog/AlertDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../button/LegacyButton.js"),r=require("../dialog/BaseDialog.js"),s=require("../rounded-icon/RoundedIcon.js"),a=require("../stack/VStack.js"),c=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),l=require("../../icons/WarningIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("../../Theme-61f4342c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var p,m,x,q=j(t),g=q.default.div(p||(p=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),d.theme.space24),f=q.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),h=q.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),b=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(l.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.AlertDialog=function(e){var t=e.dismissAction,o=e.dismissText,u=e.intent,l=e.label,d=e.open,j=e.subtitle,p=e.themeOverride;return n.jsx(r.BaseDialog,{"data-theme":p,onClose:t,open:d,width:350,children:n.jsx(g,{children:n.jsxs(a.VStack,{spacing:16,children:[n.jsx(s.RoundedIcon,{intent:u,children:b(u)}),n.jsxs("div",{children:[n.jsx(c.Text,{type:"title",children:l}),n.jsx(h,{children:j})]}),n.jsx(f,{children:n.jsx(i.LegacyButton,{intent:u,onClick:t,children:o})})]})})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../Theme-61f4342c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var j,p,g,x=m(t),h=x.default.div(j||(j=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),d.theme.space24),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),q=x.default.span(g||(g=e.__makeTemplateObject(["\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n"],["\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n"])),d.theme.textColorSecondary,d.theme.lineHeightBase,d.theme.fontSizeBase),b=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},y=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.AlertDialog=function(e){var t=e.dismissAction,c=e.dismissText,u=e.intent,l=e.label,d=e.open,m=e.subtitle,j=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":j,onClose:t,open:d,width:350,children:n.jsx(h,{children:n.jsxs(s.VStack,{spacing:24,children:[n.jsx(o.RoundedIcon,{intent:u,children:b(u)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(a.Text,{type:"subheader",children:l}),n.jsx(q,{children:m})]}),n.jsx(f,{children:n.jsx(r.Button,{onClick:t,size:"lg",variant:y(u),children:c})})]})})})};

package/components/alert-dialog/useAlert.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};
+"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,h,g,b,p,m,f,x,k=u(o),v=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition: ",";\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n  width: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition: ",";\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n  width: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space16,c.theme.radius6,c.theme.transition,c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return n.fitContentWidth&&"fit-content"}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space8,c.theme.space8,(function(n){return n.outline?.6:1})),j=k.default(_)(l||(l=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?"transparent":c.theme.primary})),R=k.default(_)(h||(h=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":v(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),z=k.default(_)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return v(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?"transparent":c.theme.danger})),C=k.default(_)(p||(p=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return v(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?"transparent":c.theme.warning})),O=k.default(_)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return v(n.background)||"none"}),(function(n){return v(n.color)||c.theme.textColorSecondary}),(function(n){return v(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),T=k.default(_)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return v(n.color)||c.theme.primary}),(function(n){return v(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),q=k.default(_)(x||(x=n.__makeTemplateObject(["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray700}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),S=_;exports.Button=function(o){var c=o.children,u=o.className,s=o.disabled,d=void 0!==s&&s,l=o.icon,h=o.iconRight,g=o.loading,b=void 0!==g&&g,p=o.loadingText,m=o.noRipple,f=void 0!==m&&m,x=o.size,k=void 0===x?"sm":x,v=o.spinnerColor,_=o.tag,I=o.themeOverride,G=o.type,F=void 0===G?"button":G,H=o.variant,N=void 0===H?"standard":H,W=n.__rest(o,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),D=_||"button",E=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!h&&l}),e.jsx("div",{className:"content",children:c}),e.jsx("span",{className:"content",children:h&&l}),"plain"!==N&&"text"!==N&&b&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(k)}),p]})]})},P=[u||"",l&&!c?"only-icon":"",h?"icon-right":"",l?"has-icon":"",b?"loading":"",I].filter(Boolean).join(" "),M=t.useRef(null),A=a.useRipple({disabled:d||b,rippleEnabled:!f&&!["plain","text"].includes(N),rippleRef:M}),J=A.getRippleHandlers,K=A.rippleEnabled,L={className:P,disabled:d||b,size:k},Q=n.__assign(n.__assign(n.__assign({type:F},L),W),J(W));switch(N){case"primary":return e.jsxs(j,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"success":return e.jsxs(R,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"warning":return e.jsxs(C,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"danger":return e.jsxs(z,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"subtle":return e.jsxs(O,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"link":return e.jsxs(T,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"info"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"plain":return e.jsx(S,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));case"text":return e.jsx(q,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));default:return e.jsxs(B,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}))}};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,h,g,b,p,m,f,x,k=u(o),v=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition:\n    ",",\n    visibility 0;\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n  width: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 0 ",";\n  border-radius: ",";\n  transition:\n    ",",\n    visibility 0;\n  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n  width: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space16,c.theme.radius6,c.theme.transition,c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return n.fitContentWidth&&"fit-content"}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space8,c.theme.space8,(function(n){return n.outline?.6:1})),j=k.default(_)(l||(l=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?"transparent":c.theme.primary})),R=k.default(_)(h||(h=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":v(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),z=k.default(_)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return v(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?"transparent":c.theme.danger})),C=k.default(_)(p||(p=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return v(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?"transparent":c.theme.warning})),O=k.default(_)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return v(n.background)||"none"}),(function(n){return v(n.color)||c.theme.textColorSecondary}),(function(n){return v(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),T=k.default(_)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return v(n.color)||c.theme.primary}),(function(n){return v(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),q=k.default(_)(x||(x=n.__makeTemplateObject(["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray700}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),S=_;exports.Button=function(o){var c=o.children,u=o.className,s=o.disabled,d=void 0!==s&&s,l=o.icon,h=o.iconRight,g=o.loading,b=void 0!==g&&g,p=o.loadingText,m=o.noRipple,f=void 0!==m&&m,x=o.size,k=void 0===x?"sm":x,v=o.spinnerColor,_=o.tag,I=o.themeOverride,G=o.type,F=void 0===G?"button":G,H=o.variant,N=void 0===H?"standard":H,W=n.__rest(o,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),D=_||"button",E=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!h&&l}),e.jsx("div",{className:"content",children:c}),e.jsx("span",{className:"content",children:h&&l}),"plain"!==N&&"text"!==N&&b&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(k)}),p]})]})},P=[u||"",l&&!c?"only-icon":"",h?"icon-right":"",l?"has-icon":"",b?"loading":"",I].filter(Boolean).join(" "),M=t.useRef(null),A=a.useRipple({disabled:d||b,rippleEnabled:!f&&!["plain","text"].includes(N),rippleRef:M}),J=A.getRippleHandlers,K=A.rippleEnabled,L={className:P,disabled:d||b,size:k},Q=n.__assign(n.__assign(n.__assign({type:F},L),W),J(W));switch(N){case"primary":return e.jsxs(j,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"success":return e.jsxs(R,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"warning":return e.jsxs(C,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"danger":return e.jsxs(z,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"subtle":return e.jsxs(O,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"link":return e.jsxs(T,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"info"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"plain":return e.jsx(S,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));case"text":return e.jsx(q,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));default:return e.jsxs(B,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}))}};

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),o=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"])),c.theme.radius4,(function(n){return n.checked?c.theme.primary:c.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray400)}),c.theme.glowBlue,c.theme.gray0,c.theme.v3ShadowBase),k=g.default(o.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),c.theme.gray600),y=g.default(o.Text)(m||(m=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),w=g.default.div(p||(p=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"]))),v=g.default.label(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"])),f,(function(n){return n.checked?c.theme.blue200:""}),(function(n){return n.checked?"2px solid ".concat(c.theme.blue200):"1.5px solid ".concat(c.theme.gray300)}),y,c.theme.gray600,k,c.theme.gray400,w);exports.Checkbox=function(n){var r=n.checked,o=void 0!==r&&r,a=n.disabled,c=n.icon,l=n.label,d=n.labelComponent,h=n.labelDescription,u=n.onChange,m=n.subtitle,p=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:l})}),[l]);return e.jsxs(v,{checked:o,className:["amino-input-wrapper",a?"disabled":""].join(" "),"data-testid":p,htmlFor:l,onClick:function(n){return!a&&u(!o,n)},children:[e.jsx(f,{checked:o,id:l,children:e.jsx(i.AnimatePresence,{children:o&&e.jsx(b,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),d||e.jsxs("div",{children:[e.jsxs(w,{children:[c,e.jsxs(y,{type:"input-label",children:[l,h&&e.jsx(j,{children:h})]})]}),m&&e.jsx(k,{type:"subtitle",children:m})]})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),o=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n  box-shadow: ",";\n\n  svg {\n    color: ",";\n    width: 16px;\n    height: 16px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: ",";\n  background: ",";\n  border: ",";\n  transition: all 150ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  margin-right: 8px;\n  box-shadow: ",";\n\n  svg {\n    color: ",";\n    width: 16px;\n    height: 16px;\n  }\n"])),c.theme.radius4,(function(n){return n.checked?c.theme.primary:c.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray400)}),(function(n){return n.checked?c.theme.shadowButtonPrimary:"none"}),c.theme.gray0),k=g.default(o.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),c.theme.gray600),y=g.default(o.Text)(m||(m=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),w=g.default.div(p||(p=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"]))),v=g.default.label(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  user-select: none;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n      border: ",";\n      &:active {\n        box-shadow: none;\n      }\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      svg {\n        opacity: 0.6;\n      }\n    }\n\n    cursor: not-allowed;\n  }\n"])),f,(function(n){return n.checked?c.theme.blue200:""}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray300)}),y,c.theme.gray600,k,c.theme.gray400,w);exports.Checkbox=function(n){var r=n.checked,o=void 0!==r&&r,a=n.disabled,c=n.icon,l=n.label,d=n.labelComponent,h=n.labelDescription,u=n.onChange,m=n.subtitle,p=null==l?void 0:l.replace(/\s/g,"-").toLowerCase(),x=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:l})}),[l]);return e.jsxs(v,{checked:o,className:["amino-input-wrapper",a?"disabled":""].join(" "),"data-testid":x,htmlFor:p,onClick:function(n){return!a&&u(!o,n)},children:[e.jsx(f,{checked:o,id:p,children:e.jsx(i.AnimatePresence,{children:o&&e.jsx(b,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),d||e.jsxs("div",{children:[e.jsxs(w,{children:[c,e.jsxs(y,{type:"input-label",children:[l,h&&e.jsx(j,{children:h})]})]}),m&&e.jsx(k,{type:"subtitle",children:m})]})]})};

package/components/confirm-dialog/ConfirmContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(o){var s=o.children,u=e.__read(i.useState(),2),c=u[0],a=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],m=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,{value:m,children:[s,c&&r.jsx(n.ConfirmDialog,{confirmAction:function(){j(!1),c.onConfirm(!0)},confirmText:c.confirmText,dismissAction:function(){j(!1),c.onConfirm(!1)},dismissText:c.dismissText,intent:c.intent,label:c.label,open:q,subtitle:c.subtitle})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(o){var s=o.children,u=e.__read(i.useState(),2),c=u[0],a=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],m=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,{value:m,children:[s,c&&r.jsx(n.ConfirmDialog,{confirmAction:function(){j(!1),c.onConfirm(!0)},confirmText:c.confirmText,dismissAction:function(){j(!1),c.onConfirm(!1)},dismissText:c.dismissText,intent:c.intent,label:c.label,open:q,subtitle:c.subtitle})]})};

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),c=require("../text/Text.js"),a=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,x,p=j(t),g=p.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),d.theme.space24),f=p.default.div(x||(x=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),h=function(e){switch(e){case"danger":return n.jsx(a.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}};exports.ConfirmDialog=function(e){var t=e.confirmAction,a=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,x=e.subtitle,p=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":p,open:m,width:350,children:n.jsx(g,{children:n.jsxs(s.VStack,{spacing:16,children:[n.jsx(o.RoundedIcon,{intent:d,children:h(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(c.Text,{type:"subheader",children:j}),x&&n.jsx(c.Text,{color:"gray800",lineHeight:"base",type:"body",children:x})]}),n.jsxs(f,{children:[n.jsx(r.LegacyButton,{intent:"outline",onClick:u,size:"md",children:l}),n.jsx(r.LegacyButton,{intent:d,onClick:t,size:"md",children:a})]})]})})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x=j(t),g=x.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),d.theme.space24),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},q=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.ConfirmDialog=function(e){var t=e.confirmAction,c=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,p=e.subtitle,x=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":x,open:m,width:350,children:n.jsx(g,{children:n.jsxs(s.VStack,{spacing:24,children:[n.jsx(o.RoundedIcon,{intent:d,children:h(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(a.Text,{type:"subheader",children:j}),p&&n.jsx(a.Text,{color:"gray800",lineHeight:"base",type:"body",children:p})]}),n.jsxs(f,{children:[n.jsx(r.Button,{onClick:u,size:"lg",variant:"standard",children:l}),n.jsx(r.Button,{onClick:t,size:"lg",variant:q(d),children:c})]})]})})})};

package/components/confirm-dialog/useConfirm.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
+"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};

package/components/cover-sheet/CoverSheet.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("styled-components"),a=require("../button/LegacyButton.js"),s=require("./CoverSheetActions.js"),c=require("../text/Text.js"),u=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var m,p,g,b,j,f=h(r),v=f.default(o.motion.div)(m||(m=e.__makeTemplateObject(["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  color: ",";\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"],["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  color: ",";\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"])),d.theme.pageBackground,d.theme.textColor),x=f.default(a.LegacyButton)(p||(p=e.__makeTemplateObject(["\n  margin-right: ",";\n"],["\n  margin-right: ",";\n"])),d.theme.space24),q=f.default(c.Text)(g||(g=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),y=f.default.header(b||(b=e.__makeTemplateObject(["\n  border-bottom: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n  background-color: ",";\n\n  @media print {\n    display: none;\n  }\n"],["\n  border-bottom: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n  background-color: ",";\n\n  @media print {\n    display: none;\n  }\n"])),d.theme.border,d.theme.space16,d.theme.space24,d.theme.pageBackground),k=f.default.div(j||(j=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),d.theme.space24);exports.CoverSheet=function(e){var r=e.actions,a=e.actionWrapperId,c=void 0===a?"__cover-sheet-actions":a,d=e.children,h=e.className,m=e.label,p=e.onClose,g=e.open,b=e.themeOverride,j=l.useAminoTheme().aminoTheme;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(c,"']")).length>1&&console.error('Duplicate id "'.concat(c,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[c]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]),"undefined"!=typeof document){var f=document.querySelector("body");if(f)return i.createPortal(n.jsx(o.AnimatePresence,{children:g&&n.jsxs(v,{animate:{opacity:1,translateY:0},className:h,"data-theme":b||j,exit:{opacity:0,translateY:5},initial:{opacity:0,translateY:10},transition:{duration:.35,ease:[.4,0,.2,1]},children:[n.jsxs(y,{children:[n.jsx(x,{icon:n.jsx(u.RemoveIcon,{size:20}),onClick:p}),n.jsx(q,{type:"header",children:m}),n.jsx("div",{id:c,children:r&&n.jsx(s.CoverSheetActions,{coverSheetActionId:c,children:r})})]}),n.jsx(k,{children:d})]})}),f)}return null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("styled-components"),s=require("../button/Button.js"),a=require("./CoverSheetActions.js"),u=require("../text/Text.js"),c=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var m,p,b,g,j,f=h(r),v=f.default(o.motion.div)(m||(m=e.__makeTemplateObject(["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  color: ",";\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"],["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  color: ",";\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"])),d.theme.pageBackground,d.theme.textColor),x=f.default(s.Button)(p||(p=e.__makeTemplateObject(["\n  margin-right: ",";\n"],["\n  margin-right: ",";\n"])),d.theme.space16),q=f.default(u.Text)(b||(b=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),y=f.default.header(g||(g=e.__makeTemplateObject(["\n  border-bottom: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n  background-color: ",";\n\n  @media print {\n    display: none;\n  }\n"],["\n  border-bottom: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n  background-color: ",";\n\n  @media print {\n    display: none;\n  }\n"])),d.theme.border,d.theme.space16,d.theme.space24,d.theme.pageBackground),k=f.default.div(j||(j=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),d.theme.space24);exports.CoverSheet=function(e){var r=e.actions,s=e.actionWrapperId,u=void 0===s?"__cover-sheet-actions":s,d=e.children,h=e.className,m=e.label,p=e.onClose,b=e.open,g=e.themeOverride,j=l.useAminoTheme().aminoTheme;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(u,"']")).length>1&&console.error('Duplicate id "'.concat(u,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[u]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=b?"hidden":"auto")}),[b]),"undefined"!=typeof document){var f=document.querySelector("body");if(f)return i.createPortal(n.jsx(o.AnimatePresence,{children:b&&n.jsxs(v,{animate:{opacity:1,translateY:0},className:h,"data-theme":g||j,exit:{opacity:0,translateY:5},initial:{opacity:0,translateY:10},transition:{duration:.35,ease:[.4,0,.2,1]},children:[n.jsxs(y,{children:[n.jsx(x,{icon:n.jsx(c.RemoveIcon,{size:20}),onClick:p}),n.jsx(q,{type:"subheader",children:m}),n.jsx("div",{id:u,children:r&&n.jsx(a.CoverSheetActions,{coverSheetActionId:u,children:r})})]}),n.jsx(k,{children:d})]})}),f)}return null};

package/components/cover-sheet/CoverSheetActions.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),c=require("styled-components"),i=require("../stack/HStack.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js");var a,o=s(c).default.div(a||(a=e.__makeTemplateObject(["\n  z-index: 990;\n"],["\n  z-index: 990;\n"])));exports.CoverSheetActions=function(c){var s=c.children,a=c.className,u=c.coverSheetActionId,d=e.__read(t.useState(!1),2),l=d[0],f=d[1];if(t.useEffect((function(){l||f(!0)}),[l]),"undefined"!=typeof document&&l){var h=document.querySelector("#".concat(u));if(h)return n.createPortal(r.jsx(o,{className:a,children:r.jsx(i.HStack,{children:s})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(u,'"'))}return null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),c=require("styled-components"),i=require("../stack/HStack.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js");var a,o=s(c).default.div(a||(a=e.__makeTemplateObject(["\n  z-index: 990;\n"],["\n  z-index: 990;\n"])));exports.CoverSheetActions=function(c){var s=c.children,a=c.className,u=c.coverSheetActionId,d=e.__read(t.useState(!1),2),l=d[0],f=d[1];if(t.useEffect((function(){l||f(!0)}),[l]),"undefined"!=typeof document&&l){var h=document.querySelector("#".concat(u));if(h)return n.createPortal(r.jsx(o,{className:a,children:r.jsx(i.HStack,{spacing:8,children:s})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(u,'"'))}return null};

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var d=c(a),h=d.default.div(k||(k=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"]))),p=d.default(r.LegacyButton)(x||(x=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.theme.gray400),g=d.default.div(w||(w=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.radius12,l.theme.radius12,l.theme.space8);a.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,x,w,y,j,_,T,q,z=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),l.theme.space8,l.theme.space24),O=t.forwardRef((function(t,a){var r=t.actions,l=t.children,c=t.label,d=t.leftActions,g=t.onClose,k=t.subtitle,v=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(i.BaseDialog,e.__assign({},v,{onClose:g,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(o.Text,{type:"title",children:c}),n.jsx(p,{icon:n.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:g})]}),k&&n.jsx(o.Text,{type:"subtitle",children:k})]}),n.jsx(z,{ref:a,children:l}),(r||d)&&n.jsxs(b,{children:[d&&n.jsx(u,{children:d}),r&&n.jsx(f,{children:r})]})]}))}));exports.Dialog=O;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var d=c(a),h=d.default.div(k||(k=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n  }\n"]))),p=d.default(r.LegacyButton)(x||(x=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.theme.gray400),g=d.default.div(w||(w=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.radius12,l.theme.radius12,l.theme.space8);a.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,x,w,y,j,_,T,q,z=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),l.theme.space8,l.theme.space24),O=t.forwardRef((function(t,a){var r=t.actions,l=t.children,c=t.label,d=t.leftActions,g=t.onClose,k=t.subtitle,v=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(i.BaseDialog,e.__assign({},v,{onClose:g,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(o.Text,{type:"title",children:c}),n.jsx(p,{icon:n.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:g})]}),k&&n.jsx(o.Text,{type:"subtitle",children:k})]}),n.jsx(z,{ref:a,children:l}),(r||d)&&n.jsxs(b,{children:[d&&n.jsx(u,{children:d}),r&&n.jsx(f,{children:r})]})]}))}));exports.Dialog=O;

package/components/filter/filter-amount/FilterAmount.d.ts

@@ -0,0 +1,10 @@
+import { type Dispatch } from 'react';
+import { type FilterAmountAction, type FilterAmountState } from "./filterAmountReducer";
+import { type BaseFilterProps } from "../useFilterWrapper";
+export type FilterAmountType = 'equal' | 'between' | 'greater' | 'less';
+type FilterAmountProps = BaseFilterProps & {
+    dispatch: Dispatch<FilterAmountAction>;
+    filter: FilterAmountState;
+};
+export declare const FilterAmount: ({ dispatch, dropdownTitle, filter, label, }: FilterAmountProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/filter/filter-amount/FilterAmount.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),u=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),s=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.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("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n"])),l.theme.space8);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],f=e.__read(t.useState(null),2),b=f[0],g=f[1],v=e.__read(t.useState(null),2),x=v[0],I=v[1],y=e.__read(t.useState(""),2),_=y[0],C=y[1],T=function(e){l({name:"amountFilterType",type:"change",value:e})},w=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})},F=i.useFilterWrapper({dropdownTitle:c,filterExists:!!p.amountTotalMin||!!p.amountTotalMax,label:q,onApply:function(){T(d);var e="".concat((null==b?void 0:b.toFixed(2))||0)||"",n="".concat((null==x?void 0:x.toFixed(2))||0)||"";switch(d){case"between":w({amount1:b,amount2:x}),C("Between ".concat(e," and ").concat(n));break;case"equal":w({amount1:b,amount2:b}),C("Equal to ".concat(e));break;case"greater":w({amount1:b,amount2:null}),C("Greater than ".concat(e));break;case"less":w({amount1:null,amount2:b}),C("Less than ".concat(e))}},onToggle:function(e){e?(T(null),w({amount1:null,amount2:null}),h(null),g(null),I(null)):(T(d),w({amount1:b,amount2:x}))}}),S=F.renderWrapper,k=F.setFilterText;return t.useEffect((function(){k(_)}),[k,_]),S(n.jsxs(n.Fragment,{children:[n.jsx(s.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||null)},options:u.filterAmonutOptions,size:"md",value:u.filterAmonutOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(a.ArrowRightIcon,{color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return g(e.target.valueAsNumber)},type:"number",value:null===b?"":String(b)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return I(e.target.valueAsNumber)},type:"number",value:null===x?"":String(x)})]})]})]}))};

package/components/filter/filter-amount/filterAmountReducer.d.ts

@@ -0,0 +1,16 @@
+import type { DeepReducerActions } from "../../../types/deep/DeepReducerActions";
+export type FilterAmountType = 'equal' | 'between' | 'greater' | 'less';
+export declare const filterAmonutOptions: {
+    label: string;
+    value: FilterAmountType;
+}[];
+export type FilterAmountState = {
+    amountFilterType: FilterAmountType | null;
+    amountTotalMax: number | null;
+    amountTotalMin: number | null;
+};
+export declare const initialFilterAmountState: FilterAmountState;
+export type FilterAmountAction = DeepReducerActions<FilterAmountState> | {
+    type: 'reset';
+};
+export declare const filterAmountReducer: (state: FilterAmountState, action: FilterAmountAction) => FilterAmountState;

package/components/filter/filter-amount/filterAmountReducer.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/cloneDeep"),t=require("../../../utils/changeDeepProperty.js");function a(e){return e&&e.__esModule?e:{default:e}}require("lodash/set");var l=a(e),r={amountFilterType:null,amountTotalMax:null,amountTotalMin:null};exports.filterAmonutOptions=[{label:"is equal to",value:"equal"},{label:"is between",value:"between"},{label:"is greater than",value:"greater"},{label:"is less than",value:"less"}],exports.filterAmountReducer=function(e,a){var u=l.default(e);switch(a.type){case"reset":return r;case"change":var n=a.name,s=a.value;return t.changeDeepProperty({obj:u,propertyPath:n,value:s});default:return a}},exports.initialFilterAmountState=r;

package/components/filter/filter-date/DateControls.d.ts

@@ -0,0 +1,10 @@
+import { type FilterDateData, type FilterDateRangeType } from "./filterDateReducer";
+type DateControlProps = {
+    rangeType: FilterDateRangeType;
+    value: FilterDateData;
+    onChange: (value: FilterDateData) => void;
+    onChangeFilterText: (text: string) => void;
+    setRangeType: (range: FilterDateRangeType) => void;
+};
+export declare const DateControl: ({ onChange, onChangeFilterText, rangeType, setRangeType, value, }: DateControlProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/filter/filter-date/DateControls.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBeforeOrOn.js"),i=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),u=require("./_DateControls/_IsInTheLast.js"),a=require("./_DateControls/_IsOnOrAfter.js"),l=require("./filterDateReducer.js"),c=require("../../select/Select.js"),j=require("../../../icons/ArrowRightIcon.js"),q=require("../../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("dayjs"),require("./dateUtils.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.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/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.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("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),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 h,I=p(n).default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  > svg {\n    flex-shrink: 0;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  > svg {\n    flex-shrink: 0;\n  }\n"])),q.theme.space16),C=l.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControl=function(e){var n=e.onChange,l=e.onChangeFilterText,q=e.rangeType,p=e.setRangeType,h=e.value;return r.jsxs(r.Fragment,{children:[r.jsx(c.Select,{isClearable:!1,onChange:function(e){p((null==e?void 0:e.value)||"is in the last")},options:C,size:"sm",value:C.filter((function(e){return e.value===q}))}),r.jsxs(I,{children:[r.jsx(j.ArrowRightIcon,{color:"blue600"}),function(){switch(q){case"is in the last":return r.jsx(u.IsInTheLast,{onChange:n,onChangeFilterText:l,value:h});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:n,onChangeFilterText:l,value:h});case"is after":return r.jsx(t.IsAfter,{onChange:n,onChangeFilterText:l,value:h});case"is before":case"is before or on":return r.jsx(s.IsBeforeOrOn,{onChange:n,onChangeFilterText:l,value:h});case"is between":return r.jsx(i.IsBetween,{onChange:n,onChangeFilterText:l,value:h});case"is on or after":return r.jsx(a.IsOnOrAfter,{onChange:n,onChangeFilterText:l,value:h})}}()]})]})};

package/components/filter/filter-date/FilterDate.d.ts

@@ -0,0 +1,9 @@
+import { type Dispatch } from 'react';
+import { type FilterDateAction, type FilterDateState } from "./filterDateReducer";
+import { type BaseFilterProps } from "../useFilterWrapper";
+type IBadgeFilterDateProps = BaseFilterProps & {
+    dispatch: Dispatch<FilterDateAction>;
+    filter: FilterDateState;
+};
+export declare const FilterDate: ({ dispatch, dropdownTitle, filter, label, }: IBadgeFilterDateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/filter/filter-date/FilterDate.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("./DateControls.js"),n=require("./filterDateReducer.js"),s=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.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/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.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("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),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"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(a){var u=a.dispatch,o=a.dropdownTitle,l=a.filter,c=a.label,p=e.__read(t.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(t.useState("is in the last"),2),D=d[0],I=d[1],_=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},C=s.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){_(q)},onToggle:function(e){e?(_(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData)):(_(q),j(l.dateData))}}),h=C.renderWrapper,y=C.setFilterText;return t.useEffect((function(){j(q)}),[q,D]),h(r.jsx(i.DateControl,{onChange:j,onChangeFilterText:y,rangeType:D,setRangeType:I,value:q}))};

package/components/filter/filter-date/_DateControls/_IsAfter.d.ts

@@ -0,0 +1,2 @@
+import { type _DateControlProps } from "../dateUtils";
+export declare const IsAfter: ({ onChange, onChangeFilterText, value, }: _DateControlProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-date/_DateControls/_IsAfter.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.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/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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");var s=i(r);exports.IsAfter=function(r){var i=r.onChange,o=r.onChangeFilterText,a=r.value,c=t.useMemo((function(){return a.dateBegin||s.default().format(n.defaultDateFormat)}),[a]),p=t.useCallback((function(e){i({dateBegin:e,dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){o("After ".concat(n.formatDate(c)))}),[c,o]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:c})})};

package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.d.ts

@@ -0,0 +1,2 @@
+import { type _DateControlProps } from "../dateUtils";
+export declare const IsBeforeOrOn: ({ onChange, onChangeFilterText, value, }: _DateControlProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.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/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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");var i=s(r);exports.IsBeforeOrOn=function(r){var s=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||i.default().format(n.defaultDateFormat)}),[o]),l=i.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){s({dateBegin:null,dateEnd:i.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[s]);return t.useEffect((function(){var e="Ending on ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};

package/components/filter/filter-date/_DateControls/_IsBetween.d.ts

@@ -0,0 +1,3 @@
+import { type _DateControlProps } from "../dateUtils";
+/** Inclusive */
+export declare const IsBetween: ({ onChange, onChangeFilterText, value, }: _DateControlProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-date/_DateControls/_IsBetween.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("dayjs"),r=require("../dateUtils.js"),n=require("../../../input/Input.js"),u=require("../../../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.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/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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");var i=s(a);exports.IsBetween=function(a){var s=a.onChange,o=a.onChangeFilterText,d=a.value,l=t.useMemo((function(){return{dateBegin:d.dateBegin||i.default().subtract(1,"days").format(r.defaultDateFormat),dateEnd:d.dateEnd||i.default().add(1,"days").format(r.defaultDateFormat)}}),[d]),c=l.dateBegin,f=l.dateEnd,p=i.default(f).subtract(1,"days").format(r.defaultDateFormat),j=i.default(c).add(1,"days").format(r.defaultDateFormat);return t.useEffect((function(){var e="".concat(r.formatDate(j)," - ").concat(r.formatDate(p));o(e)}),[o,p,j]),t.useEffect((function(){s({dateBegin:c,dateEnd:f,lastCount:5,lastUnit:"days"})}),[f,c,s]),e.jsxs(r.DateControlsWrapper,{children:[e.jsx(n.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:i.default(t).subtract(1,"days").format(r.defaultDateFormat),dateEnd:f,lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:j}),e.jsx(u.Text,{type:"label",children:"and"}),e.jsx(n.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:c,dateEnd:i.default(t).add(1,"days").format(r.defaultDateFormat),lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:p})]})};

package/components/filter/filter-date/_DateControls/_IsEqualTo.d.ts

@@ -0,0 +1,2 @@
+import { type _DateControlProps } from "../dateUtils";
+export declare const IsEqualTo: ({ onChange, onChangeFilterText, value, }: _DateControlProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-date/_DateControls/_IsEqualTo.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../dateUtils.js"),n=require("../../../input/Input.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.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/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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");var s=a(r);exports.IsEqualTo=function(r){var a=r.onChange,i=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(u.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(u.defaultDateFormat),p=t.useCallback((function(e){a({dateBegin:s.default(e).subtract(1,"days").format(u.defaultDateFormat),dateEnd:s.default(e).add(1,"days").format(u.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[a]);return t.useEffect((function(){i("On ".concat(u.formatDate(l)))}),[l,i]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};

package/components/filter/filter-date/_DateControls/_IsInTheLast.d.ts

@@ -0,0 +1,2 @@
+import { type _DateControlProps } from "../dateUtils";
+export declare const IsInTheLast: ({ onChange, onChangeFilterText, value, }: _DateControlProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-date/_DateControls/_IsInTheLast.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../filterDateReducer.js"),s=require("../../../input/Input.js"),i=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../help-text/HelpText.js"),require("../../../text/Text.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/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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("../../../select/_StyledReactSelect.js"),require("react-select"),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 o=a(r),c=u.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(r){var u=r.onChange,a=r.onChangeFilterText,l=r.value,p=o.default().format(n.defaultDateFormat),q=t.useMemo((function(){return{count:l.lastCount,unit:l.lastUnit}}),[l]),f=q.count,d=q.unit,j=t.useCallback((function(e){if("days"===e){var t=o.default().subtract(l.lastCount,l.lastUnit).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:p,lastCount:f,lastUnit:e})}else{t=o.default().subtract(1,"months").format(n.defaultDateFormat);u({dateBegin:t,dateEnd:p,lastCount:f,lastUnit:e})}}),[f,p,u,l.lastCount,l.lastUnit]),m=t.useCallback((function(e){var t=o.default().subtract(e,"days").format(n.defaultDateFormat);u({dateBegin:t,dateEnd:p,lastCount:e,lastUnit:d})}),[p,u,d]);return t.useEffect((function(){m(5)}),[m]),t.useEffect((function(){var e="Last ".concat(f," ").concat(d);a(e)}),[d,f,a]),e.jsxs(n.DateControlsWrapper,{children:[e.jsx(s.Input,{min:1,onChange:function(e){return m(parseFloat(e.target.value))},size:"sm",suffix:e.jsx(e.Fragment,{}),type:"number",value:String(f)}),e.jsx(i.Select,{isClearable:!1,onChange:function(e){j((null==e?void 0:e.value)||"days")},options:c,size:"sm",value:c.filter((function(e){return e.value===d}))})]})};

package/components/filter/filter-date/_DateControls/_IsOnOrAfter.d.ts

@@ -0,0 +1,2 @@
+import { type _DateControlProps } from "../dateUtils";
+export declare const IsOnOrAfter: ({ onChange, onChangeFilterText, value, }: _DateControlProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.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/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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");var s=i(r);exports.IsOnOrAfter=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(n.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:s.default(e).subtract(1,"days").format(n.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};

package/components/filter/filter-date/dateUtils.d.ts

@@ -0,0 +1,9 @@
+import type { FilterDateData } from "./filterDateReducer";
+export declare const DateControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export type _DateControlProps = {
+    value: FilterDateData;
+    onChange: (value: FilterDateData) => void;
+    onChangeFilterText: (text: string) => void;
+};
+export declare const formatDate: (date: string) => string;
+export declare const defaultDateFormat = "YYYY-MM-DD";

package/components/filter/filter-date/dateUtils.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("dayjs"),r=require("styled-components"),n=require("../../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var s,i=a(t),o=a(r).default.div(s||(s=e.__makeTemplateObject(["\n  width: 100%;\n  display: grid;\n  grid-auto-flow: column;\n  gap: ",";\n  align-items: center;\n"],["\n  width: 100%;\n  display: grid;\n  grid-auto-flow: column;\n  gap: ",";\n  align-items: center;\n"])),n.theme.space8);exports.DateControlsWrapper=o,exports.defaultDateFormat="YYYY-MM-DD",exports.formatDate=function(e){return i.default(e).format("MM/DD/YYYY")};

package/components/filter/filter-date/filterDateReducer.d.ts

@@ -0,0 +1,21 @@
+import type { DeepReducerActions } from "../../../types/deep/DeepReducerActions";
+export type FilterDateType = 'equal' | 'between' | 'greater' | 'less';
+export declare const filterDateRanges: readonly ["is in the last", "is equal to", "is after", "is before", "is between", "is on or after", "is before or on"];
+export type FilterDateRangeType = (typeof filterDateRanges)[number];
+export declare const dateUnits: readonly ["days", "months"];
+export type FilterDateLastRangeUnit = (typeof dateUnits)[number];
+export type FilterDateData = {
+    dateBegin: string | null;
+    dateEnd: string | null;
+    lastCount: number;
+    lastUnit: FilterDateLastRangeUnit;
+};
+export type FilterDateState = {
+    dateData: FilterDateData;
+    dateRangeType: FilterDateRangeType;
+};
+export declare const initialFilterDateState: FilterDateState;
+export type FilterDateAction = DeepReducerActions<FilterDateState> | {
+    type: 'reset';
+};
+export declare const filterDateReducer: (state: FilterDateState, action: FilterDateAction) => FilterDateState;

package/components/filter/filter-date/filterDateReducer.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/cloneDeep"),t=require("../../../utils/changeDeepProperty.js");function a(e){return e&&e.__esModule?e:{default:e}}require("lodash/set");var r=a(e),s={dateData:{dateBegin:null,dateEnd:null,lastCount:5,lastUnit:"days"},dateRangeType:"is in the last"};exports.dateUnits=["days","months"],exports.filterDateRanges=["is in the last","is equal to","is after","is before","is between","is on or after","is before or on"],exports.filterDateReducer=function(e,a){var n=r.default(e);switch(a.type){case"reset":return s;case"change":var i=a.name,l=a.value;return t.changeDeepProperty({obj:n,propertyPath:i,value:l});default:return a}},exports.initialFilterDateState=s;

package/components/filter/filter-multi-select/FilterMultiSelect.d.ts

@@ -0,0 +1,9 @@
+import { type BaseFilterProps } from "../useFilterWrapper";
+import type { IOption } from "../../../types/IOption";
+type FilterMultiSelectProps<T extends string = string> = BaseFilterProps & {
+    options: IOption<T>[];
+    value: IOption<T>[];
+    onChange: (value: IOption<T>[]) => void;
+};
+export declare const FilterMultiSelect: <T extends string = string>({ dropdownTitle, label, onChange, options, value, }: FilterMultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/filter/filter-multi-select/FilterMultiSelect.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../checkbox/Checkbox.js"),u=require("../useFilterWrapper.js");require("framer-motion"),require("styled-components"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterMultiSelect=function(i){var o=i.dropdownTitle,s=i.label,l=i.onChange,c=i.options,a=i.value,p=e.__read(n.useState(a),2),q=p[0],j=p[1],d=u.useFilterWrapper({dropdownTitle:o,filterExists:!!q.length,label:s,onApply:function(){l(q)},onToggle:function(e){e?(l([]),j([])):(l(q),j(a))}}),b=d.renderWrapper,f=d.setFilterText;return n.useEffect((function(){var e,r=q.length>1?"".concat(q.length," selected"):null===(e=q[0])||void 0===e?void 0:e.label;f(r||"")}),[f,q]),b(c.map((function(n){return r.jsx(t.Checkbox,{checked:q.some((function(e){return e.value===n.value}))||!1,label:n.label,onChange:function(){q.some((function(e){return e.value===n.value}))?j(q.filter((function(e){return e.value!==n.value}))):j(e.__spreadArray(e.__spreadArray([],e.__read(q),!1),[n],!1))}},n.value)})))};

package/components/filter/filter-select/FilterSelect.d.ts

@@ -0,0 +1,9 @@
+import { type BaseFilterProps } from "../useFilterWrapper";
+import type { IOption } from "../../../types/IOption";
+type FilterSelectProps<T extends string = string, O extends IOption<string> = IOption<T>> = BaseFilterProps & {
+    options: O[];
+    value: O | null;
+    onChange: (value: O | null) => void;
+};
+export declare const FilterSelect: <T extends string = string, O extends IOption<T> = IOption<T>>({ onChange, options, value, ...props }: FilterSelectProps<T, O>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/filter/filter-select/FilterSelect.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("../useFilterWrapper.js"),s=require("../../select/Select.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(t){var u=t.onChange,o=t.options,l=t.value,c=e.__rest(t,["onChange","options","value"]),a=e.__read(i.useState(l),2),q=a[0],j=a[1],p=n.useFilterWrapper(e.__assign(e.__assign({},c),{filterExists:null!==q,onApply:function(){u(q)},onToggle:function(e){e?(u(null),j(null)):(u(q),j(l||null))}})),v=p.renderWrapper,C=p.setFilterText;return i.useEffect((function(){C("is ".concat((null==q?void 0:q.label)||""))}),[C,null==q?void 0:q.label]),v(r.jsx(s.Select,{isClearable:!1,onChange:j,options:o,size:"sm",value:o.filter((function(e){return e.value===(null==q?void 0:q.value)}))}))};

package/components/filter/filter-text/FilterText.d.ts

@@ -0,0 +1,6 @@
+import { type BaseFilterProps } from "../useFilterWrapper";
+export type FilterTextProps = BaseFilterProps & {
+    value: string | null;
+    onChange: (value: string | null) => void;
+};
+export declare const FilterText: ({ dropdownTitle, label, onChange, value, }: FilterTextProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-text/FilterText.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../input/Input.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.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");exports.FilterText=function(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,l=u.value,c=e.__read(t.useState(l||""),2),q=c[0],j=c[1],a=i.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(){p(q)},onToggle:function(e){e?(p(null),j("")):(p(q),j(l||""))}}),I=a.renderWrapper,d=a.setFilterText;return t.useEffect((function(){d(q)}),[d,q]),I(r.jsx(n.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};

package/components/filter/useFilterWrapper.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+export type BaseFilterProps = {
+    className?: string;
+    dropdownTitle: string;
+    label: string;
+};
+type UseFilterProps = {
+    filterExists: boolean;
+    onApply: () => void;
+    onToggle: (active: boolean) => void;
+};
+export type FilterProps = BaseFilterProps & UseFilterProps;
+export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onToggle, }: FilterProps) => {
+    renderWrapper: (control: ReactNode) => import("react/jsx-runtime").JSX.Element;
+    setFilterText: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export {};

package/components/filter/useFilterWrapper.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),u=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,x,m,b,f,h=d(t),g=h.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"])),u.theme.gray200,u.theme.gray700,u.theme.border),j=h.default.div(x||(x=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"])),u.theme.space8,u.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?u.theme.borderColor:u.theme.gray200}),u.theme.gray100),y=h.default.div(m||(m=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),u.theme.space8,u.theme.space8,u.theme.gray100),_=h.default.div(b||(b=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"],["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),u.theme.border,u.theme.gray0,u.theme.space24,u.theme.space16),q=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),u.theme.space12);exports.useFilterWrapper=function(t){var u=t.className,d=t.dropdownTitle,c=t.filterExists,p=t.label,x=t.onApply,m=t.onToggle,b=e.__read(r.useState(!1),2),f=b[0],h=b[1],k=e.__read(r.useState(!1),2),T=k[0],C=k[1],w=e.__read(r.useState("Filter"),2),E=w[0],I=w[1],D=r.useRef(null),S=r.useRef(null),F=function(e){"Escape"===e.key&&C(!1)},O=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&C(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",O),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",O)}}),[T,O]),r.useEffect((function(){var e;if(T){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[T]);var z=function(e){e.stopPropagation(),C(!0)},R=function(){h(!0),x(),C(!1)},W=function(){c?(h(!f),m(f)):C(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{renderWrapper:function(e){return n.jsxs(g,{ref:S,children:[n.jsxs(v,{className:[u,f&&"active"].join(" "),onClick:W,children:[n.jsxs(j,{active:f,hasFilter:c,children:[f?n.jsx(s.MinusCircleDuotoneIcon,{size:16}):n.jsx(l.PlusCircleDuotoneIcon,{size:16}),n.jsx(i.Text,{fontWeight:600,children:p})]}),c&&n.jsxs(y,{onClick:z,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:16})]})]}),T&&n.jsxs(_,{ref:D,onKeyDown:F,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:d}),n.jsx(q,{children:e}),n.jsx(o.Button,{onClick:R,variant:"primary",children:"Apply"})]})]})},setFilterText:I}};

package/components/input/SearchInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../../icons/SearchIcon.js"),a=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var l,u,s,d=i(o),c=d.default.div(l||(l=e.__makeTemplateObject(["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"],["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"])),a.theme.border,a.theme.radius6),h=d.default.label(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"])),a.theme.space40),p=d.default.input(s||(s=e.__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"])),a.theme.space40,a.theme.space16,a.theme.radius6,a.theme.inputBackground,a.theme.glowBlue,a.theme.inputBackground,a.theme.textColor),b=t.forwardRef((function(t,o){var a=t.autoFocus,i=t.className,l=t.disabled,u=t.inputMode,s=t.onChange,d=t.onKeyDown,b=t.pattern,m=t.placeholder,g=t.readOnly,f=t.required,w=t.tabIndex,x=t.value,y=e.__rest(t,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]);return n.jsxs(c,{className:i,children:[n.jsx(h,{htmlFor:p,children:n.jsx(r.SearchIcon,{color:"gray600",size:20})}),n.jsx(p,e.__assign({ref:o,autoFocus:a,disabled:l,inputMode:u,onChange:s,onKeyDown:d,pattern:b,placeholder:m||"Search...",readOnly:g,required:f,tabIndex:w,type:"search",value:x||""},y))]})}));exports.SearchInput=b;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../../icons/SearchIcon.js"),a=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var l,u,s,d=i(o),c=d.default.div(l||(l=e.__makeTemplateObject(["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"],["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"])),a.theme.border,a.theme.radius6),h=d.default.label(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"])),a.theme.space40),p=d.default.input(s||(s=e.__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"])),a.theme.space40,a.theme.space16,a.theme.radius6,a.theme.inputBackground,a.theme.glowBlue,a.theme.inputBackground,a.theme.textColor),b=t.forwardRef((function(o,a){var i=o.autoFocus,l=o.className,u=o.disabled,s=o.inputMode,d=o.onChange,b=o.onKeyDown,m=o.pattern,g=o.placeholder,f=o.readOnly,w=o.required,x=o.tabIndex,y=o.value,j=e.__rest(o,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]),_=t.useId();return n.jsxs(c,{className:l,children:[n.jsx(h,{htmlFor:_,children:n.jsx(r.SearchIcon,{color:"gray600",size:20})}),n.jsx(p,e.__assign({ref:a,autoFocus:i,disabled:u,id:_,inputMode:s,onChange:d,onKeyDown:b,pattern:m,placeholder:g||"Search...",readOnly:f,required:w,tabIndex:x,type:"search",value:y||""},j))]})}));exports.SearchInput=b;

package/components/menu/MenuItem.d.ts

@@ -1,9 +1,9 @@
-import type { ReactNode } from 'react';
+import type { MouseEventHandler, ReactNode } from 'react';
 export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 type MenuItemProps = {
     children: ReactNode;
     icon?: ReactNode;
-    onClick?: () => void;
+    onClick?: MouseEventHandler;
 };
 export declare const MenuItem: ({ children, icon, onClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("styled-components"),i=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}var c,a,s,d=l(t),u=d.default.div(c||(c=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  margin-right: ",";\n  transition: ",";\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  margin-right: ",";\n  transition: ",";\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"])),(function(n){return n.checked?o.theme.primary:o.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(o.theme.gray400)}),o.theme.space8,o.theme.transition,o.theme.glowBlue,o.theme.gray0),m=d.default(i.Text)(a||(a=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),h=d.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"])),(function(n){return n.checked&&o.theme.blue300}),(function(n){return n.disabled?o.theme.gray300:"black"}));exports.Radio=function(n){var t=n.checked,i=n.disabled,o=n.label,l=n.onChange;return e.jsxs(h,{checked:t,className:i?"disabled":"",disabled:i,onClick:function(){return!i&&l(!t)},children:[e.jsx(u,{checked:t,children:e.jsx(r.AnimatePresence,{children:t&&e.jsx(r.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),o&&e.jsx(m,{type:"input-label",children:o})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("styled-components"),i=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var a,l,s,d=c(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  box-shadow: ",";\n  margin-right: ",";\n  transition: ",";\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  box-shadow: ",";\n  margin-right: ",";\n  transition: ",";\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"])),(function(n){return n.checked?o.theme.primary:o.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(o.theme.gray400)}),(function(n){return n.checked?o.theme.shadowButtonPrimary:"none"}),o.theme.space8,o.theme.transition,o.theme.gray0),m=d.default(i.Text)(l||(l=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),h=d.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"])),(function(n){return n.checked&&o.theme.blue300}),(function(n){return n.disabled?o.theme.gray300:"black"}));exports.Radio=function(n){var t=n.checked,i=n.disabled,o=n.label,c=n.onChange;return e.jsxs(h,{checked:t,className:i?"disabled":"",disabled:i,onClick:function(){return!i&&c(!t)},children:[e.jsx(u,{checked:t,children:e.jsx(r.AnimatePresence,{children:t&&e.jsx(r.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),o&&e.jsx(m,{type:"input-label",children:o})]})};

package/components/simple-table/SimpleTable.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+type SimpleTableHeaderBaseProps = {
+    /**
+     * Text alignment for a column
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * @default false
+     * Disable padding on cells
+     */
+    noPadding?: boolean;
+    /**
+     * Minimum width of column in percent
+     * @default undefined
+     */
+    width?: number;
+};
+export type SimpleTableHeader<T extends object> = {
+    [Key in keyof T]: {
+        /** The key for each record that the header corresponds to */
+        key: Key;
+        /** null means don't show a header for this column */
+        name: string | null;
+        renderCustom?: (value: T[Key], item: T) => React.ReactNode;
+    } & SimpleTableHeaderBaseProps;
+}[keyof T extends React.Key ? keyof T : never];
+export type SimpleTableProps<T extends object> = {
+    className?: string;
+    headers: SimpleTableHeader<T>[];
+    items: T[];
+    /**
+     * Render loading skeleton
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Number of rows to render while loading
+     * @default 10
+     */
+    loadingItems?: number;
+    /**
+     * @default false,
+     * Disable hover background color effect on rows
+     */
+    noHoverBackground?: boolean;
+    /**
+     * @default false
+     * Show checkbox on each row, and checkbox for toggling all in header
+     */
+    selectable?: {
+        enabled: boolean;
+        headerCheckboxValue?: boolean;
+        selectedRowIndexes?: number[];
+        onHeaderCheckboxChange?: (checked: boolean) => void;
+        onRowCheckboxChange?: (checked: boolean, index: number) => void;
+    };
+    /** Adding unique list keys */
+    keyExtractor: (item: T) => string;
+    /**
+     * Callback for clicking anywhere on row.
+     *
+     * If having buttons in the table, remember to call e.stopPropagation() to prevent this from firing.
+     */
+    onRowClick?: (item: T) => void;
+    /** Callback for hovering anywhere on row */
+    onRowHover?: (item: T) => void;
+};
+/**
+ * A simple table that tries to cover all the use cases of a ... simple table.
+ *
+ * special CSS class names:
+ * - 'row-hover-show': Shows only when the row is hovered
+ * - 'cell-hover-show': Shows only when the cell is hovered
+ */
+export declare const SimpleTable: <T extends object>({ className, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, selectable, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/simple-table/SimpleTable.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../checkbox/Checkbox.js"),o=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var c,d,s,h,u,x,g=l(t),m=g.default.table(c||(c=e.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),b=g.default.thead(d||(d=e.__makeTemplateObject(["\n  text-transform: uppercase;\n"],["\n  text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n  border-bottom: ",";\n  height: 48px;\n"],["\n  border-bottom: ",";\n  height: 48px;\n"])),a.theme.border),k=g.default.th(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"],["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),v=g.default.tr(u||(u=e.__makeTemplateObject(["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),j=g.default.td(x||(x=e.__makeTemplateObject(["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign}));exports.SimpleTable=function(t){var a=t.className,l=t.headers,c=t.items,d=t.keyExtractor,s=t.loading,h=void 0!==s&&s,u=t.loadingItems,x=void 0===u?10:u,g=t.noHoverBackground,f=void 0!==g&&g,w=t.onRowClick,y=t.onRowHover,_=t.selectable,C=void 0===_?{enabled:!1}:_;return n.jsxs(m,{className:a,children:[n.jsxs("colgroup",{children:[!!C.onHeaderCheckboxChange&&n.jsx("col",{}),l.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(b,{children:n.jsxs(p,{children:[!!C.onHeaderCheckboxChange&&n.jsx(k,{$textAlign:"center",children:n.jsx(r.Checkbox,{checked:!h&&C.headerCheckboxValue||!1,disabled:h,onChange:C.onHeaderCheckboxChange})}),l.map((function(e){return n.jsx(k,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:h?e.__spreadArray([],e.__read(Array(x+1).keys()),!1).map((function(e){return n.jsx(v,{clickable:!1,children:l.map((function(t){return n.jsx(j,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(o.Skeleton,{height:30},e)},t.key)}))},e)})):c.map((function(e,t){var o;return n.jsxs(v,{className:f?"":"with-hover",clickable:!!w,onClick:function(){return null==w?void 0:w(e)},onMouseEnter:function(){return null==y?void 0:y(e)},children:[C.enabled&&n.jsx(j,{$noPadding:!1,$textAlign:"center",children:n.jsx(r.Checkbox,{checked:(null===(o=C.selectedRowIndexes)||void 0===o?void 0:o.includes(t))||!1,onChange:function(e){var n;return null===(n=C.onRowCheckboxChange)||void 0===n?void 0:n.call(C,e,t)}})}),l.map((function(t){return function(e,t){var r=t[e.key];return e.renderCustom?n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(r,t)},e.key):n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(r)},e.key)}(t,e)}))]},d(e))}))})]})};

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var l,o,c,d,s,h,p,m=a(t),u=m.default.div(l||(l=n.__makeTemplateObject(["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,r.theme.transition,(function(n){return n.checked?"calc(100% - 14px)":"2px"}),r.theme.gray1200),g=m.default.div(o||(o=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.primary:r.theme.gray400}),r.theme.space16),x=m.default(i.Text)(c||(c=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),b=m.default(i.Text)(d||(d=n.__makeTemplateObject([""],[""]))),k=m.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),f=m.default.div(h||(h=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"]))),j=m.default.label(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\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      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),g,(function(n){return n.checked?r.theme.gray300:""}),x,r.theme.gray600,b,r.theme.gray400);exports.Switch=function(n){var t=n.checked,i=n.disabled,r=n.icon,a=n.label,l=n.labelDescription,o=n.onChange,c=n.subtitle;return e.jsxs(j,{checked:t,className:i?"disabled":"",htmlFor:a,onClick:function(){return!i&&o(!t)},children:[e.jsx(g,{checked:t,children:e.jsx(u,{checked:t,id:a})}),e.jsxs("div",{children:[e.jsxs(f,{children:[r,e.jsxs(x,{type:"input-label",children:[a,l&&e.jsx(k,{children:l})]})]}),c&&e.jsx(b,{type:"subtitle",children:c})]})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var o,l,s,p,c,d,h,x=a(t),m=x.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),g=x.default.div(l||(l=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  margin-right: ",";\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  margin-right: ",";\n  position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset,r.theme.space16),u=x.default(i.Text)(s||(s=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),b=x.default(i.Text)(p||(p=n.__makeTemplateObject([""],[""]))),f=x.default.span(c||(c=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),k=x.default.div(d||(d=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"]))),y=x.default.label(h||(h=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"])),g,m,u,r.theme.gray600,b,r.theme.gray400);exports.Switch=function(n){var t=n.checked,i=n.disabled,r=n.icon,a=n.label,o=n.labelDescription,l=n.onChange,s=n.subtitle,p=null==a?void 0:a.replace(/\s/g,"-").toLowerCase();return e.jsxs(y,{checked:t,className:i?"disabled":"",htmlFor:p,onClick:function(){return!i&&l(!t)},children:[e.jsx(g,{checked:t,children:e.jsx(m,{checked:t,id:p})}),e.jsxs("div",{children:[e.jsxs(k,{children:[r,e.jsxs(u,{type:"input-label",children:[a,o&&e.jsx(f,{children:o})]})]}),s&&e.jsx(b,{type:"subtitle",children:s})]})]})};

package/components/text/Text.d.ts

@@ -25,7 +25,7 @@ export declare const textOptions: readonly [{
     readonly size: "xl";
     readonly tag: "h4";
     readonly type: "title";
-    readonly weight: 600;
+    readonly weight: 500;
 }, {
     readonly label: "Bold Subheader (L) • 18px (1.125rem)";
     readonly size: "l";

package/components/text/Text.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.12",
+  "version": "5.1.14",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -50,7 +50,8 @@
     "react-dom": "^17.x || ^18.x",
     "react-tooltip": "^4.x",
     "styled-components": "^5.x",
-    "swr": "2.x"
+    "swr": "2.x",
+    "dayjs": "*"
   },
   "types": "all.d.ts"
 }

package/types/deep/Deep.test-d.d.ts

@@ -0,0 +1 @@
+export {};

package/types/deep/DeepKeyof.d.ts

@@ -0,0 +1,18 @@
+import type { DeepPrev, DeepRecursionLimited, DeepRecursiveDepth } from "./deep";
+type Delimiter = '.';
+/**
+ * Constructs a union of all possible keys with primitive values, with nested properties separated with a delimiter.
+ *
+ * Default recursion depth limit is 4.
+ *
+ * @example 'person.age'
+ *
+ */
+export type DeepKeyof<T extends object, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, {
+    [K in Extract<keyof T, string>]: T[K] extends Array<unknown> ? K : T[K] extends object ? `${K}${Delimiter}${DeepKeyof<T[K], DeepPrev[Depth]>}` : K;
+}[Extract<keyof T, string>]>;
+/**
+ * Extracts a type for a field given a property path string.
+ */
+export type DeepPropertyType<T extends object, KeyPath extends DeepKeyof<T, Depth>, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, KeyPath extends `${infer Top}${Delimiter}${infer Rest}` ? Top extends keyof T ? T[Top] extends object ? Rest extends DeepKeyof<T[Top], DeepPrev[Depth]> ? DeepPropertyType<T[Top], Rest, DeepPrev[Depth]> : never : never : never : KeyPath extends keyof T ? T[KeyPath] : never>;
+export {};

package/types/deep/DeepKeyofAtIndex.d.ts

@@ -0,0 +1,12 @@
+import type { DeepPrev, DeepRecursionLimited, DeepRecursiveDepth } from "./deep";
+type DeepKeyofObjAndArray<T extends object, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, {
+    [K in Extract<keyof T, string>]: T[K] extends unknown[] ? T[K][number] extends object ? `${K}[number].${DeepKeyofObjAndArray<T[K][number], DeepPrev[Depth]>}` : `${K}[number]` : T[K] extends object ? `${K}.${DeepKeyofObjAndArray<T[K], DeepPrev[Depth]>}` : K;
+}[Extract<keyof T, string>]>;
+export type DeepKeyofAtIndex<T extends object, Depth extends DeepRecursiveDepth = 4> = {
+    [Path in DeepKeyofObjAndArray<T, Depth>]: Path extends `${string}[number]${string}` ? Path : Path extends `${string}[number]` ? Path : never;
+}[DeepKeyofObjAndArray<T, Depth>];
+/**
+ * Extracts a type for a field given a property path string.
+ */
+export type DeepPropertyTypeAtIndex<T extends object, KeyPath extends DeepKeyofObjAndArray<T, Depth>, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, KeyPath extends `${infer Top}.${infer Rest}` ? Top extends `${infer ArrayField}[number]` ? ArrayField extends keyof T ? T[ArrayField] extends unknown[] ? T[ArrayField][number] extends object ? Rest extends DeepKeyofObjAndArray<T[ArrayField][number], DeepPrev[Depth]> ? DeepPropertyTypeAtIndex<T[ArrayField][number], Rest, DeepPrev[Depth]> : never : never : never : never : Top extends keyof T ? T[Top] extends object ? Rest extends DeepKeyofObjAndArray<T[Top], DeepPrev[Depth]> ? DeepPropertyTypeAtIndex<T[Top], Rest, DeepPrev[Depth]> : never : never : never : KeyPath extends `${infer ArrayField}[number]` ? ArrayField extends keyof T ? T[ArrayField] extends unknown[] ? T[ArrayField][number] : never : never : KeyPath extends keyof T ? T[KeyPath] : never>;
+export {};

package/types/deep/DeepKeyofAtIndex.test-d.d.ts

@@ -0,0 +1 @@
+export {};

package/types/deep/DeepReducerActions.d.ts

@@ -0,0 +1,25 @@
+import type { DeepRecursiveDepth } from "./deep";
+import type { DeepKeyof, DeepPropertyType } from "./DeepKeyof";
+import type { DeepKeyofAtIndex, DeepPropertyTypeAtIndex } from "./DeepKeyofAtIndex";
+/**
+ * Default depth of 4
+ */
+export type DeepReducerActions<T extends object, Depth extends DeepRecursiveDepth = 4> = DeepReducerWithoutArrayActions<T, Depth> | DeepReducerWithArrayActions<T, Depth>;
+/**
+ * Default depth of 4
+ */
+export type DeepReducerWithArrayActions<T extends object, Depth extends DeepRecursiveDepth = 4> = {
+    [Name in DeepKeyofAtIndex<T, Depth>]: {
+        index: number;
+        name: Name;
+        type: 'changeAtIndex';
+        value: DeepPropertyTypeAtIndex<T, Name, Depth>;
+    };
+}[DeepKeyofAtIndex<T, Depth>];
+export type DeepReducerWithoutArrayActions<T extends object, Depth extends DeepRecursiveDepth = 4> = {
+    [Name in DeepKeyof<T, Depth>]: {
+        name: Name;
+        type: 'change';
+        value: DeepPropertyType<T, Name, Depth>;
+    };
+}[DeepKeyof<T, Depth>];

package/types/deep/deep.d.ts

@@ -0,0 +1,4 @@
+/** For depth limiting recursive types */
+export type DeepPrev = [never, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+export type DeepRecursiveDepth = DeepPrev[number];
+export type DeepRecursionLimited<Depth extends DeepRecursiveDepth, T> = Depth extends never ? never : T;

package/utils/changeDeepProperty.d.ts

@@ -0,0 +1,44 @@
+import type { DeepKeyof, DeepPropertyType } from "../types/deep/DeepKeyof";
+/**
+ * Will change a nested property on an object, and return a copy of the object with only that property changed.
+ *
+ * If a leaf field is optional, and not specified on the initial object, it will add it.
+ *
+ * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set
+ *
+ * @param propertyPath The path to the property, with nested keys separated by the delimiter.
+ * @param value The value to change it to.
+ *
+ * @example
+ * const t: T = {
+    my: {
+      friend: {
+        paul: {
+          age: 32,
+        },
+      },
+    },
+  };
+
+    const out = changeDeepProperty({
+      obj: t,
+      propertyPath: 'my.friend.paul.age',
+      value: 40
+    );
+
+    // Output:
+    out === {
+      my: {
+        friend: {
+          paul: {
+            age: 40,
+          },
+        },
+      },
+    };
+ */
+export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 8 | 4 | 1 | 3 | 2 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
+    obj: T;
+    propertyPath: P;
+    value: DeepPropertyType<T, P, Depth>;
+}) => T;

package/utils/changeDeepProperty.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/cloneDeep"),r=require("lodash/set");function t(e){return e&&e.__esModule?e:{default:e}}var u=t(e),a=t(r);exports.changeDeepProperty=function(e){var r=e.obj,t=e.propertyPath,o=e.value;return a.default(u.default(r),t,o)};

package/utils/changeDeepPropertyAtIndex.d.ts

@@ -0,0 +1,68 @@
+import type { DeepKeyofAtIndex, DeepPropertyTypeAtIndex } from "../types/deep/DeepKeyofAtIndex";
+/**
+ * Will change a nested property on an object (with array), and return a copy of the object with only that property changed.
+ *
+ * If a leaf field is optional, and not specified on the initial object, it will add it.
+ *
+ * **KeyPath only suggest on the field path that has array**
+ *
+ * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set
+ *
+ * @param propertyPath The path to the property, with nested keys separated by the delimiter.
+ * @param index Position of desired field want to set
+ * @param value The value to change it to.
+ *
+ * @example
+ * const t = {
+    my: {
+      friend: {
+        paul: {
+          age: 32,
+          childrens: [
+            {
+              name: "Janny",
+              sex: "MALE",
+            },
+            {
+              name: "Kicha",
+              sex: "FEMALE"
+            }
+          ]
+        },
+      },
+    },
+  };
+
+    const out = changeDeepPropertyAtIndex(
+      obj: t, propertyPath: 'my.friend.paul.childrens[number].name',
+      index: 1, value:
+      "Ketchup"
+    );
+
+    // Output:
+    out === {
+      my: {
+        friend: {
+          paul: {
+            age: 32,
+            childrenName: [
+              {
+                name: "Janny";
+                sex: "MALE",
+              },
+              {
+                name: "Ketchup" // <== Change here
+                sex: "FEMALE"
+              }
+            ]
+          },
+        },
+      },
+    };
+ */
+export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 8 | 4 | 1 | 3 | 2 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
+    index: number;
+    obj: T;
+    propertyPath: P;
+    value: DeepPropertyTypeAtIndex<T, P, Depth>;
+}) => T;

package/utils/changeDeepPropertyAtIndex.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/cloneDeep"),r=require("lodash/set");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e),n=t(r);exports.changeDeepPropertyAtIndex=function(e){var r=e.index,t=e.obj,u=e.propertyPath,o=e.value;return n.default(a.default(t),u.replace("[number]","[".concat(r,"]").toString()),o)};