@zonos/amino 5.1.52 → 5.1.54

package/components/banner/Banner.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/Button.js"),t=require("../text/Text.js"),a=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(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("../../icons/icon-base/_IconBase.js");var m,p,g,j,x,b,f,h,_,y,k,I,v,C,q,T=u(r),O=T.default.div(m||(m=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n\n  .amino-button {\n    &:hover,\n    &:focus {\n      filter: brightness(1.1);\n    }\n  }\n"],["\n  border-radius: ",";\n  padding: ",";\n\n  .amino-button {\n    &:hover,\n    &:focus {\n      filter: brightness(1.1);\n    }\n  }\n"])),d.theme.radius12,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"],["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"])),(function(e){return e.$onlyContent?"start":"center"}),(function(e){return e.$withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(j||(j=e.__makeTemplateObject(["\n  grid-area: close;\n  justify-self: end;\n"],["\n  grid-area: close;\n  justify-self: end;\n"]))),R=T.default(o.Button)(x||(x=e.__makeTemplateObject(["\n  && {\n    width: 24px;\n  }\n"],["\n  && {\n    width: 24px;\n  }\n"]))),z=T.default.div(b||(b=e.__makeTemplateObject(["\n  grid-area: header;\n  color: ",";\n"],["\n  grid-area: header;\n  color: ",";\n"])),(function(e){return d.theme[e.$color]})),N=T.default.div(f||(f=e.__makeTemplateObject(["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),$=T.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"])),d.theme.space8),A=T.default.header(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ",";\n"])),d.theme.space12),W=T.default.footer(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"])),d.theme.space12),G=T.default(O)(k||(k=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.gray50,d.theme.gray700,d.theme.gray100),M=T.default(O)(I||(I=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.blue100,d.theme.blue700,d.theme.blue200),S=T.default(O)(v||(v=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.green100,d.theme.green700,d.theme.green200),E=T.default(O)(C||(C=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.orange100,d.theme.orange700,d.theme.orange200),F=T.default(O)(q||(q=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.red100,d.theme.red700,d.theme.red200);exports.Banner=function(r){var o=r.children,d=r.className,u=void 0===d?"":d,m=r.footerActions,p=r.headerActions,g=r.intent,j=r.onClose,x=r.title,b=function(r){var a=r.intentIcon,i=r.removeIconColor,l=!!o&&!x&&!m,s=e.__read([x&&n.jsxs(A,{children:[n.jsx(t.Text,{color:i,type:"label",children:x}),p&&n.jsx($,{children:p})]}),o,m&&n.jsx(W,{children:n.jsx($,{children:m})})].filter(Boolean),3),d=s[0],u=s[1],g=s[2];return n.jsxs(D,{$onlyContent:l,$withoutCloseButton:!j,children:[n.jsx(w,{children:a}),j&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(c.RemoveIcon,{color:i,size:20}),onClick:j,variant:"text"})}),n.jsx(z,{$color:i,children:d}),u&&n.jsxs(N,{children:[u,g]})]})};switch(g){case"info":return n.jsx(M,{className:u,children:b({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"})});case"success":return n.jsx(S,{className:u,children:b({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"})});case"warning":return n.jsx(E,{className:u,children:b({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"})});case"error":return n.jsx(F,{className:u,children:b({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"})});default:return n.jsx(G,{className:u,children:b({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"})})}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/Button.js"),t=require("../text/Text.js"),a=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(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("../../icons/icon-base/_IconBase.js");var m,p,g,j,x,b,f,h,_,y,k,I,v,C,q,T=u(r),O=T.default.div(m||(m=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n\n  .amino-button {\n    &:hover,\n    &:focus {\n      filter: brightness(1.1);\n    }\n  }\n"],["\n  border-radius: ",";\n  padding: ",";\n\n  .amino-button {\n    &:hover,\n    &:focus {\n      filter: brightness(1.1);\n    }\n  }\n"])),d.theme.radius12,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"],["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"])),(function(e){return e.$onlyContent?"start":"center"}),(function(e){return e.$withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(j||(j=e.__makeTemplateObject(["\n  grid-area: close;\n  justify-self: end;\n"],["\n  grid-area: close;\n  justify-self: end;\n"]))),R=T.default(o.Button)(x||(x=e.__makeTemplateObject(["\n  && {\n    width: 24px;\n  }\n"],["\n  && {\n    width: 24px;\n  }\n"]))),z=T.default.div(b||(b=e.__makeTemplateObject(["\n  grid-area: header;\n  color: ",";\n"],["\n  grid-area: header;\n  color: ",";\n"])),(function(e){return d.theme[e.$color]})),N=T.default.div(f||(f=e.__makeTemplateObject(["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),$=T.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"])),d.theme.space8),A=T.default.header(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ",";\n"])),d.theme.space12),W=T.default.footer(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n"])),d.theme.space12),G=T.default(O)(k||(k=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.gray50,d.theme.gray700,d.theme.gray100),M=T.default(O)(I||(I=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.blue100,d.theme.blue700,d.theme.blue200),S=T.default(O)(v||(v=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.green100,d.theme.green700,d.theme.green200),E=T.default(O)(C||(C=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.orange100,d.theme.orange700,d.theme.orange200),F=T.default(O)(q||(q=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n"])),d.theme.red100,d.theme.red700,d.theme.red200);exports.Banner=function(r){var o=r.children,d=r.className,u=r.footerActions,m=r.headerActions,p=r.intent,g=r.onClose,j=r.title,x=function(r){var a=r.intentIcon,i=r.removeIconColor,l=!!o&&!j&&!u,s=e.__read([j&&n.jsxs(A,{children:[n.jsx(t.Text,{color:i,type:"label",children:j}),m&&n.jsx($,{children:m})]}),o,u&&n.jsx(W,{children:n.jsx($,{children:u})})].filter(Boolean),3),d=s[0],p=s[1],x=s[2];return n.jsxs(D,{$onlyContent:l,$withoutCloseButton:!g,children:[n.jsx(w,{children:a}),g&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(c.RemoveIcon,{color:i,size:20}),onClick:g,variant:"text"})}),n.jsx(z,{$color:i,children:d}),p&&n.jsxs(N,{children:[p,x]})]})};switch(p){case"info":return n.jsx(M,{className:d,children:x({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"})});case"success":return n.jsx(S,{className:d,children:x({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"})});case"warning":return n.jsx(E,{className:d,children:x({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"})});case"error":return n.jsx(F,{className:d,children:x({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"})});default:return n.jsx(G,{className:d,children:x({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"})})}};

package/components/button/MenuButton.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
+import { type UseDropdownParams } from "../../utils/hooks/useDropdown";
 export type MenuButtonProps = BaseProps & {
     action: ReactNode;
     children: ReactNode;
@@ -13,5 +14,6 @@ export type MenuButtonProps = BaseProps & {
      * @default true
      */
     closeOnSelect?: boolean;
+    dropdownOptions?: UseDropdownParams;
 };
-export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, dropdownOptions, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/button/MenuButton.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var i=require("styled-components"),t=require("../../animations/DropdownAnimation.js"),o=require("../../styles/constants/theme.js"),a=require("../../utils/hooks/useDropdown.js");function s(e){return e&&e.__esModule?e:{default:e}}require("@floating-ui/react");var r,d,l,u=s(i),c=u.default.div(r||(r=e.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n"],["\n  position: relative;\n  display: inline-flex;\n"]))),m=u.default.div(d||(d=e.__makeTemplateObject(["\n  z-index: 10;\n  min-width: 100%;\n"],["\n  z-index: 10;\n  min-width: 100%;\n"]))),f=u.default.div(l||(l=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: ",";\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  background: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: ",";\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.theme.surfaceColor,o.theme.radius12,o.theme.v3ShadowLarge,t.DropdownAnimation,o.theme.space8,o.theme.space4);exports.MenuButton=function(i){var t=i.action,o=i.children,s=i.className,r=i.closeOnMouseLeave,d=void 0===r||r,l=i.closeOnSelect,u=void 0===l||l,h=a.useDropdown({offsetCrossAxis:0,offsetMainAxis:0}),p=h.floatingStyles,b=h.refs,v=h.setVisible,x=h.visibility,w=h.visible,g=h.wrapperRef,_=function(){u&&v(!1)};return n.jsxs(c,{ref:g,className:s,onMouseLeave:function(){d&&v(!1)},children:[n.jsx("div",{ref:b.setReference,onClick:function(e){e.stopPropagation(),v(!0)},onKeyDown:function(e){"Enter"===e.key&&v(!0)},role:"button",tabIndex:0,children:t}),n.jsx(m,{ref:b.setFloating,style:e.__assign(e.__assign({},p),{visibility:x}),children:w&&n.jsx(f,{onClick:_,onKeyDown:function(e){"Enter"===e.key&&_()},role:"button",tabIndex:-1,children:o})})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime");require("react");var i=require("styled-components"),t=require("../../animations/DropdownAnimation.js"),o=require("../../styles/constants/theme.js"),s=require("../../utils/hooks/useDropdown.js");function a(n){return n&&n.__esModule?n:{default:n}}require("@floating-ui/react");var r,d,l,u=a(i),c=u.default.div(r||(r=n.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n"],["\n  position: relative;\n  display: inline-flex;\n"]))),m=u.default.div(d||(d=n.__makeTemplateObject(["\n  z-index: 10;\n  min-width: 100%;\n"],["\n  z-index: 10;\n  min-width: 100%;\n"]))),f=u.default.div(l||(l=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: ",";\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  background: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: ",";\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.theme.surfaceColor,o.theme.radius12,o.theme.v3ShadowLarge,t.DropdownAnimation,o.theme.space8,o.theme.space4);exports.MenuButton=function(i){var t=i.action,o=i.children,a=i.className,r=i.closeOnMouseLeave,d=void 0===r||r,l=i.closeOnSelect,u=void 0===l||l,h=i.dropdownOptions,p=s.useDropdown(n.__assign({offsetCrossAxis:0,offsetMainAxis:0},h)),b=p.floatingStyles,v=p.refs,x=p.setVisible,w=p.visibility,g=p.visible,_=p.wrapperRef,j=function(){u&&x(!1)};return e.jsxs(c,{ref:_,className:a,onMouseLeave:function(){d&&x(!1)},children:[e.jsx("div",{ref:v.setReference,onClick:function(n){n.stopPropagation(),x(!0)},onKeyDown:function(n){"Enter"===n.key&&x(!0)},role:"button",tabIndex:0,children:t}),e.jsx(m,{ref:v.setFloating,style:n.__assign(n.__assign({},b),{visibility:w}),children:g&&e.jsx(f,{onClick:j,onKeyDown:function(n){"Enter"===n.key&&j()},role:"button",tabIndex:-1,children:o})})]})};

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var s,o,c,d,p,u,m=a(t),h=m.default.div(d||(d=e.__makeTemplateObject(["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"],["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"])),l.theme.space8,l.theme.space16,l.theme.space16,l.theme.sizeXl,l.theme.radius8,(function(n){var r=n.disabled,i=n.selected;return!r&&i&&t.css(s||(s=e.__makeTemplateObject(["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "],["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "])),l.theme.blue100,l.theme.blue800)}),(function(n){return n.disabled&&t.css(o||(o=e.__makeTemplateObject(["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "],["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "])),l.theme.gray600)}),(function(n){var r=n.disabled,i=n.selected,a=n.withClick;return!r&&a&&!i&&t.css(c||(c=e.__makeTemplateObject(["\n        background-color: ",";\n        cursor: pointer;\n      "],["\n        background-color: ",";\n        cursor: pointer;\n      "])),l.theme.gray100)})),x=m.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"]))),g=m.default.img(u||(u=e.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"])),l.theme.space16,l.theme.radius6),b=function(e){var r=e.icon,t=e.iconComponent,i=e.label;return r?n.jsx(g,{alt:i,src:r}):t?n.jsx(n.Fragment,{children:t}):null},f=r.forwardRef((function(e,r){var t=e.className,l=e.decorator,a=e.disabled,s=e.label,o=e.onClick,c=e.rightDecorator,d=e.selected,p=e.subtitle;return n.jsxs(h,{ref:r,className:t,disabled:a,onClick:function(e){return!a&&o&&o(e)},selected:d,withClick:!!o,children:[n.jsxs("div",{className:["___icon-wrapper",l?"has-icon":""].join(" "),children:[l,n.jsx(b,{label:"string"==typeof s?s:""})]}),n.jsxs(x,{children:[n.jsx(i.Text,{type:"label",children:s}),p&&n.jsx(i.Text,{type:"caption",children:p})]}),c]})}));exports.ListItem=f;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,s,c,d,p,u,h=a(t),m=h.default.div(d||(d=e.__makeTemplateObject(["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"],["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"])),l.theme.space8,l.theme.space16,l.theme.space16,l.theme.sizeXl,l.theme.radius8,(function(n){var r=n.disabled,i=n.selected;return!r&&i&&t.css(o||(o=e.__makeTemplateObject(["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "],["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "])),l.theme.blue100,l.theme.blue800)}),(function(n){return n.disabled&&t.css(s||(s=e.__makeTemplateObject(["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "],["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "])),l.theme.gray600)}),(function(n){var r=n.disabled,i=n.selected,a=n.withClick;return!r&&a&&!i&&t.css(c||(c=e.__makeTemplateObject(["\n        background-color: ",";\n        cursor: pointer;\n      "],["\n        background-color: ",";\n        cursor: pointer;\n      "])),l.theme.hoverColor)})),x=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"]))),g=h.default.img(u||(u=e.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"])),l.theme.space16,l.theme.radius6),b=function(e){var r=e.icon,t=e.iconComponent,i=e.label;return r?n.jsx(g,{alt:i,src:r}):t?n.jsx(n.Fragment,{children:t}):null},f=r.forwardRef((function(e,r){var t=e.className,l=e.decorator,a=e.disabled,o=e.label,s=e.onClick,c=e.rightDecorator,d=e.selected,p=e.subtitle;return n.jsxs(m,{ref:r,className:t,disabled:a,onClick:function(e){return!a&&s&&s(e)},selected:d,withClick:!!s,children:[n.jsxs("div",{className:["___icon-wrapper",l?"has-icon":""].join(" "),children:[l,n.jsx(b,{label:"string"==typeof o?o:""})]}),n.jsxs(x,{children:[n.jsx(i.Text,{type:"label",children:o}),p&&n.jsx(i.Text,{type:"caption",children:p})]}),c]})}));exports.ListItem=f;

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,(function(n){return n.$checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.$checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),(function(n){return n.$checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),r.theme.space16,(function(n){return n.$checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  background: ",";\n"],["\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  background: ",";\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),$=f.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),O=f.default.label(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),q=f.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"],["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"])),(function(n){return n.$left?"4px":"auto"}),(function(n){return n.$left?"auto":"4px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(O,{className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{$checked:t,children:[e.jsx(w,{$checked:t,id:c}),e.jsx(q,{$left:!0,children:h}),e.jsx(q,{children:d})]}):e.jsx(j,{$checked:t,children:e.jsx(k,{$checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs($,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,(function(n){return n.$checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.$checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),(function(n){return n.$checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),r.theme.space16,(function(n){return n.$checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n  && {\n    width: 62px;\n    height: 32px;\n    min-width: 24px;\n    background: ",";\n  }\n"],["\n  && {\n    width: 62px;\n    height: 32px;\n    min-width: 24px;\n    background: ",";\n  }\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),$=f.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),O=f.default.label(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),q=f.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"],["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"])),(function(n){return n.$left?"4px":"auto"}),(function(n){return n.$left?"auto":"4px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(O,{className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{$checked:t,children:[e.jsx(w,{$checked:t,id:c}),e.jsx(q,{$left:!0,children:h}),e.jsx(q,{children:d})]}):e.jsx(j,{$checked:t,children:e.jsx(k,{$checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs($,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};

package/package.json

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

package/utils/hooks/useDropdown.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type ExtendedRefs, type Placement, type UseFloatingOptions } from '@floating-ui/react';
-type Params = {
+export type UseDropdownParams = {
     /**
      * Passed to `useFloating`.
      * @link https://floating-ui.com/docs/useFloating
@@ -27,5 +27,5 @@ type Return<WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends
     visible: boolean;
     wrapperRef: React.RefObject<WrapperRef>;
 };
-export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>(params?: Params) => Return<WrapperRef, TriggerRef>;
+export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>(params?: UseDropdownParams) => Return<WrapperRef, TriggerRef>;
 export {};