@zonos/amino 5.4.36 → 5.5.0

package/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";var o=require("../../_tslib-bd4862e8.js"),a=require("react"),n=require("react/jsx-runtime"),e=require("clsx"),t=require("framer-motion"),i=require("../button/Button.js"),s=require("../flex/Flex.js"),r=require("../../icons/CheckCircleIcon.js"),m=require("../../icons/InfoIcon.js"),_=require("../../icons/RemoveCircleIcon.js"),l=require("../../icons/RemoveIcon.js"),u=require("../../icons/WarningIcon.js"),c=require("../../style-inject.es-d4ddeae4.js");function d(o){return o&&o.__esModule?o:{default:o}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js");var T=d(e),g="Amino_Toast-module__aminoToast--Q7M1O",A="Amino_Toast-module__toastContent--C37MQ",f="Amino_Toast-module__toastIcon--Zo6w6",v="Amino_Toast-module__persistentToast--A93HB",h="Amino_Toast-module__dismissButton--HfPB9",M="Amino_Toast-module__aminoSuccessToast--M03g9",Q="Amino_Toast-module__aminoErrorToast--8Xban",j="Amino_Toast-module__aminoWarningToast--rFQsd",p="Amino_Toast-module__aminoInfoToast--HSKJi";c.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1000);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);flex:1;font-weight:500;line-height:24px;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O .Amino_Toast-module__toastContent--C37MQ{align-self:center}.Amino_Toast-module__aminoToast--Q7M1O .Amino_Toast-module__toastContent--C37MQ .Amino_Toast-module__toastIcon--Zo6w6{align-self:flex-start}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__persistentToast--A93HB{cursor:pointer}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__persistentToast--A93HB:hover{transform:scale(.95)}.Amino_Toast-module__aminoToast--Q7M1O .Amino_Toast-module__dismissButton--HfPB9{height:24px}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1000)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(e){var c=e.actions,d=e.children,x=e.direction,b=e.intent,y=e.isPersistent,I=e.onDismiss,O=e.style,q=e.toastKey,k=function(){switch(x){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},C={animate:{opacity:1,translateX:0,translateY:0},exit:k(),initial:k()},S=function(){switch(b){case"success":return{class:M,icon:n.jsx(r.CheckCircleIcon,{})};case"error":return{class:Q,icon:n.jsx(_.RemoveCircleIcon,{})};case"warning":return{class:j,icon:n.jsx(u.WarningIcon,{})};case"info":return{class:p,icon:n.jsx(m.InfoIcon,{})};default:return{class:g,icon:n.jsx(m.InfoIcon,{})}}}();return a.createElement(t.motion.div,o.__assign({className:T.default(g,S.class,y&&v),layout:!0,style:o.__assign({},O)},C,{key:q}),n.jsxs(s.Flex,{alignItems:"flex-start",gap:12,justifyContent:"space-between",children:[n.jsxs(s.Flex,{alignItems:"center",className:A,gap:12,children:[n.jsx("div",{className:f,children:S.icon}),n.jsx("div",{children:d})]}),n.jsxs(s.Flex,{alignItems:"center",className:"toast-actions",gap:12,children:[c,y&&n.jsx(i.Button,{className:h,icon:n.jsx(l.RemoveIcon,{}),onClick:function(o){return null==I?void 0:I(o)},variant:"plain"})]})]}))};
+"use strict";var o=require("../../tslib.es6-5672428a.js"),a=require("react"),n=require("react/jsx-runtime"),e=require("clsx"),t=require("framer-motion"),i=require("../button/Button.js"),s=require("../flex/Flex.js"),r=require("../../icons/CheckCircleIcon.js"),m=require("../../icons/InfoIcon.js"),_=require("../../icons/RemoveCircleIcon.js"),l=require("../../icons/RemoveIcon.js"),u=require("../../icons/WarningIcon.js"),c=require("../../style-inject.es-d4ddeae4.js");function d(o){return o&&o.__esModule?o:{default:o}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js");var T=d(e),g="Amino_Toast-module__aminoToast--Q7M1O",A="Amino_Toast-module__toastContent--C37MQ",f="Amino_Toast-module__toastIcon--Zo6w6",v="Amino_Toast-module__persistentToast--A93HB",h="Amino_Toast-module__dismissButton--HfPB9",M="Amino_Toast-module__aminoSuccessToast--M03g9",Q="Amino_Toast-module__aminoErrorToast--8Xban",j="Amino_Toast-module__aminoWarningToast--rFQsd",p="Amino_Toast-module__aminoInfoToast--HSKJi";c.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1000);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);flex:1;font-weight:500;line-height:24px;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O .Amino_Toast-module__toastContent--C37MQ{align-self:center}.Amino_Toast-module__aminoToast--Q7M1O .Amino_Toast-module__toastContent--C37MQ .Amino_Toast-module__toastIcon--Zo6w6{align-self:flex-start}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__persistentToast--A93HB{cursor:pointer}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__persistentToast--A93HB:hover{transform:scale(.95)}.Amino_Toast-module__aminoToast--Q7M1O .Amino_Toast-module__dismissButton--HfPB9{height:24px}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1000)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(e){var c=e.actions,d=e.children,x=e.direction,b=e.intent,y=e.isPersistent,I=e.onDismiss,O=e.style,q=e.toastKey,k=function(){switch(x){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},C={animate:{opacity:1,translateX:0,translateY:0},exit:k(),initial:k()},S=function(){switch(b){case"success":return{class:M,icon:n.jsx(r.CheckCircleIcon,{})};case"error":return{class:Q,icon:n.jsx(_.RemoveCircleIcon,{})};case"warning":return{class:j,icon:n.jsx(u.WarningIcon,{})};case"info":return{class:p,icon:n.jsx(m.InfoIcon,{})};default:return{class:g,icon:n.jsx(m.InfoIcon,{})}}}();return a.createElement(t.motion.div,o.__assign({className:T.default(g,S.class,y&&v),layout:!0,style:o.__assign({},O)},C,{key:q}),n.jsxs(s.Flex,{alignItems:"flex-start",gap:12,justifyContent:"space-between",children:[n.jsxs(s.Flex,{alignItems:"center",className:A,gap:12,children:[n.jsx("div",{className:f,children:S.icon}),n.jsx("div",{children:d})]}),n.jsxs(s.Flex,{alignItems:"center",className:"toast-actions",gap:12,children:[c,y&&n.jsx(i.Button,{className:h,icon:n.jsx(l.RemoveIcon,{}),onClick:function(o){return null==I?void 0:I(o)},variant:"plain"})]})]}))};

package/components/toast/ToastContext.d.ts

@@ -6,9 +6,9 @@ export type ToastContextFunctionType = (toast: ReactNode, props?: BaseProps, loc
     left?: string;
 }) => void;
 export declare const ToastContext: import("react").Context<{
-    notify: ToastContextFunctionType;
     dismissAllToasts: () => void;
     dismissToast: (toastId: string) => void;
+    notify: ToastContextFunctionType;
 }>;
 type Props = {
     children: ReactNode;

package/components/toast/ToastContext.js

@@ -1 +1 @@
-"use strict";var t=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),s=require("framer-motion"),i=require("uuid"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),u=require("./Toast.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function _(t){return t&&t.__esModule?t:{default:t}}require("../button/RippleGroup.js"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var m=_(n),c="Amino_ToastContext-module__toastContainer--v8ymm",p="Amino_ToastContext-module__toastsWrapper--W5SKw",x="Amino_ToastContext-module__toastWrapperAdjust--j5R-v",f="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",T="Amino_ToastContext-module__clearAllButton--r43o-",h="Amino_ToastContext-module__expanded--mPeFN",C="Amino_ToastContext-module__persistentToast--yMpFG";d.styleInject(".Amino_ToastContext-module__toastContainer--v8ymm{bottom:var(--amino-toast-context-bottom);display:flex;flex-direction:column;justify-content:flex-end;left:var(--amino-toast-context-left);pointer-events:none;position:fixed;width:100%;z-index:9999999}.Amino_ToastContext-module__toastsWrapper--W5SKw{align-items:center;display:flex;flex-direction:column;gap:16px;pointer-events:auto}.Amino_ToastContext-module__toastWrapperAdjust--j5R-v{margin-bottom:16px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9{margin:0 auto;max-height:60vh;max-width:600px;min-height:var(--amino-toast-persistent-height);position:relative;width:100%;z-index:1000}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:hover{cursor:pointer}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__clearAllButton--r43o-{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000000f;border-radius:var(--amino-radius-4);margin-left:auto}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN{position:relative;width:100%}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN .Amino_ToastContext-module__clearAllButton--r43o-{margin-bottom:-8px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG{width:100%;z-index:8}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{z-index:10}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){z-index:9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG{filter:brightness(2);opacity:0;position:absolute;scale:.5;transform-origin:bottom center;transition:all .3s cubic-bezier(.4,0,.2,1)}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{bottom:0;filter:brightness(1);opacity:1;scale:1}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){bottom:-8px;filter:brightness(1.5);opacity:1;scale:.9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(3){bottom:-16px;filter:brightness(2);opacity:.8;scale:.8}");var A=o.createContext({dismissAllToasts:function(){},dismissToast:function(t){},notify:function(t,e){}});exports.ToastContext=A,exports.ToastContextProvider=function(n){var d=n.children,_=t.__read(o.useState([]),2),v=_[0],b=_[1],j=t.__read(o.useState([]),2),y=j[0],g=j[1],q=t.__read(o.useState(!1),2),W=q[0],F=q[1],P=t.__read(o.useState({bottom:"",left:""}),2),k=P[0],N=P[1],I=o.useCallback((function(e,o){if(!(null==o?void 0:o.id)||!t.__spreadArray(t.__spreadArray([],t.__read(v),!1),t.__read(y),!1).some((function(t){return t.uuid===o.id}))){var n={isPersistent:null==o?void 0:o.isPersistent,props:o,toast:e,uuid:(null==o?void 0:o.id)||i.v4()};(null==o?void 0:o.isPersistent)?g((function(e){return t.__spreadArray([n],t.__read(e),!1)})):(b((function(e){return t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[n],!1)})),setTimeout((function(){return b((function(t){return t.slice(1)}))}),(null==o?void 0:o.duration)||6e3))}}),[b,g,v,y]),M=o.useCallback((function(t,e,o){o&&N({bottom:o.bottom||"",left:o.left||""}),I(t,e)}),[I]),w=o.useCallback((function(t){b((function(e){return e.filter((function(e){return e.uuid!==t}))})),g((function(e){return e.filter((function(e){return e.uuid!==t}))}))}),[g]),G=o.useCallback((function(){g([]),b([]),F(!1)}),[g,b,F]),R=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&F((function(t){return!t}))},S=o.useRef(null),B=t.__read(o.useState(0),2),z=B[0],K=B[1],D=y.find(Boolean);o.useEffect((function(){S.current&&K(S.current.offsetHeight)}),[D]);var E=o.useMemo((function(){return{dismissAllToasts:G,dismissToast:w,notify:M}}),[G,w,M]),H=y.length>0;return e.jsxs(A.Provider,{value:E,children:[d,e.jsxs("div",{className:c,style:{"--amino-toast-context-bottom":k.bottom||"40px","--amino-toast-context-left":k.left||"auto","--amino-toast-persistent-height":H&&!W?"".concat(z+40,"px"):"unset"},children:[e.jsx("div",{className:m.default(p,H&&x),children:e.jsx(s.AnimatePresence,{children:v.map((function(t){var o=t.props,n=t.toast,s=t.uuid,i="toast-".concat(n,"-").concat(s);return e.jsx(a.Flex,{children:e.jsx(u.Toast,{direction:null==o?void 0:o.direction,intent:null==o?void 0:o.intent,toastKey:i,children:n})},i)}))})}),e.jsxs("div",{className:m.default(p,f,W&&h),children:[!!y.length&&e.jsx(r.Button,{className:T,icon:e.jsx(l.RemoveIcon,{}),onClick:G,variant:"text",children:"Clear all"}),e.jsx(s.AnimatePresence,{children:y.map((function(o,n){var s=o.props,i=o.toast,r=o.uuid,l="persistent-toast-".concat(i,"-").concat(r),d=0===n||W;return e.jsx("div",{ref:0===n?S:null,className:C,onClick:R,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||R(t)},role:"button",tabIndex:0,children:e.jsx(a.Flex,{fullWidth:!0,children:e.jsx(u.Toast,t.__assign({},s,{actions:d?null==s?void 0:s.actions:void 0,isPersistent:!0,onDismiss:function(t){var e;null===(e=null==s?void 0:s.onDismiss)||void 0===e||e.call(s,t),function(t,e){t.stopPropagation(),w(e)}(t,r)},toastKey:l,children:d?i:""}))})},l)}))})]})]})]})};
+"use strict";var t=require("../../tslib.es6-5672428a.js"),e=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),s=require("framer-motion"),i=require("uuid"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),u=require("./Toast.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function _(t){return t&&t.__esModule?t:{default:t}}require("../button/RippleGroup.js"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var m=_(n),c="Amino_ToastContext-module__toastContainer--v8ymm",p="Amino_ToastContext-module__toastsWrapper--W5SKw",x="Amino_ToastContext-module__toastWrapperAdjust--j5R-v",f="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",T="Amino_ToastContext-module__clearAllButton--r43o-",h="Amino_ToastContext-module__expanded--mPeFN",C="Amino_ToastContext-module__persistentToast--yMpFG";d.styleInject(".Amino_ToastContext-module__toastContainer--v8ymm{bottom:var(--amino-toast-context-bottom);display:flex;flex-direction:column;justify-content:flex-end;left:var(--amino-toast-context-left);pointer-events:none;position:fixed;width:100%;z-index:9999999}.Amino_ToastContext-module__toastsWrapper--W5SKw{align-items:center;display:flex;flex-direction:column;gap:16px;pointer-events:auto}.Amino_ToastContext-module__toastWrapperAdjust--j5R-v{margin-bottom:16px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9{margin:0 auto;max-height:60vh;max-width:600px;min-height:var(--amino-toast-persistent-height);position:relative;width:100%;z-index:1000}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:hover{cursor:pointer}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__clearAllButton--r43o-{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000000f;border-radius:var(--amino-radius-4);margin-left:auto}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN{position:relative;width:100%}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN .Amino_ToastContext-module__clearAllButton--r43o-{margin-bottom:-8px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG{width:100%;z-index:8}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{z-index:10}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){z-index:9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG{filter:brightness(2);opacity:0;position:absolute;scale:.5;transform-origin:bottom center;transition:all .3s cubic-bezier(.4,0,.2,1)}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{bottom:0;filter:brightness(1);opacity:1;scale:1}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){bottom:-8px;filter:brightness(1.5);opacity:1;scale:.9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(3){bottom:-16px;filter:brightness(2);opacity:.8;scale:.8}");var A=o.createContext({dismissAllToasts:function(){},dismissToast:function(t){},notify:function(t,e){}});exports.ToastContext=A,exports.ToastContextProvider=function(n){var d=n.children,_=t.__read(o.useState([]),2),v=_[0],b=_[1],j=t.__read(o.useState([]),2),y=j[0],g=j[1],q=t.__read(o.useState(!1),2),W=q[0],F=q[1],P=t.__read(o.useState({bottom:"",left:""}),2),k=P[0],N=P[1],I=o.useCallback((function(e,o){if(!(null==o?void 0:o.id)||!t.__spreadArray(t.__spreadArray([],t.__read(v),!1),t.__read(y),!1).some((function(t){return t.uuid===o.id}))){var n={isPersistent:null==o?void 0:o.isPersistent,props:o,toast:e,uuid:(null==o?void 0:o.id)||i.v4()};(null==o?void 0:o.isPersistent)?g((function(e){return t.__spreadArray([n],t.__read(e),!1)})):(b((function(e){return t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[n],!1)})),setTimeout((function(){return b((function(t){return t.slice(1)}))}),(null==o?void 0:o.duration)||6e3))}}),[b,g,v,y]),M=o.useCallback((function(t,e,o){o&&N({bottom:o.bottom||"",left:o.left||""}),I(t,e)}),[I]),w=o.useCallback((function(t){b((function(e){return e.filter((function(e){return e.uuid!==t}))})),g((function(e){return e.filter((function(e){return e.uuid!==t}))}))}),[g]),G=o.useCallback((function(){g([]),b([]),F(!1)}),[g,b,F]),R=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&F((function(t){return!t}))},S=o.useRef(null),B=t.__read(o.useState(0),2),z=B[0],K=B[1],D=y.find(Boolean);o.useEffect((function(){S.current&&K(S.current.offsetHeight)}),[D]);var E=o.useMemo((function(){return{dismissAllToasts:G,dismissToast:w,notify:M}}),[G,w,M]),H=y.length>0;return e.jsxs(A.Provider,{value:E,children:[d,e.jsxs("div",{className:c,style:{"--amino-toast-context-bottom":k.bottom||"40px","--amino-toast-context-left":k.left||"auto","--amino-toast-persistent-height":H&&!W?"".concat(z+40,"px"):"unset"},children:[e.jsx("div",{className:m.default(p,H&&x),children:e.jsx(s.AnimatePresence,{children:v.map((function(t){var o=t.props,n=t.toast,s=t.uuid,i="toast-".concat(n,"-").concat(s);return e.jsx(a.Flex,{children:e.jsx(u.Toast,{direction:null==o?void 0:o.direction,intent:null==o?void 0:o.intent,toastKey:i,children:n})},i)}))})}),e.jsxs("div",{className:m.default(p,f,W&&h),children:[!!y.length&&e.jsx(r.Button,{className:T,icon:e.jsx(l.RemoveIcon,{}),onClick:G,variant:"text",children:"Clear all"}),e.jsx(s.AnimatePresence,{children:y.map((function(o,n){var s=o.props,i=o.toast,r=o.uuid,l="persistent-toast-".concat(i,"-").concat(r),d=0===n||W;return e.jsx("div",{ref:0===n?S:null,className:C,onClick:R,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||R(t)},role:"button",tabIndex:0,children:e.jsx(a.Flex,{fullWidth:!0,children:e.jsx(u.Toast,t.__assign({},s,{actions:d?null==s?void 0:s.actions:void 0,isPersistent:!0,onDismiss:function(t){var e;null===(e=null==s?void 0:s.onDismiss)||void 0===e||e.call(s,t),function(t,e){t.stopPropagation(),w(e)}(t,r)},toastKey:l,children:d?i:""}))})},l)}))})]})]})]})};

package/components/toggle/Toggle.d.ts

@@ -7,12 +7,12 @@ export type ToggleProps<TValue extends SelectValue = SelectValue> = BaseProps &
      * @default false
      */
     fullWidth?: boolean;
+    onChange: (value: TValue) => void;
     options: SelectOption<TValue>[];
     /**
      * @default 'sm'
      */
     size?: Size;
     value: TValue;
-    onChange: (value: TValue) => void;
 };
 export declare const Toggle: <TValue extends SelectValue>({ className, fullWidth, onChange, options, size, style, value, }: ToggleProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/components/toggle/Toggle.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),r=require("react"),l=require("clsx"),i=require("framer-motion"),n=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}var d=_(l),t="Amino_Toggle-module__shrinkWrapper--osh3J",a="Amino_Toggle-module__wrapper--NF4v5",p="Amino_Toggle-module__selectedSlider--WsUDo",u="Amino_Toggle-module__optionWrapper--0wrNp",m="Amino_Toggle-module__selected--badUt",g="Amino_Toggle-module__fullWidth--vw3dd";n.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:var(--amino-gray-50);border-radius:6px;display:flex;position:relative}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__selectedSlider--WsUDo{background-color:var(--amino-raised-surface-color);border-radius:6px;box-shadow:var(--amino-shadow-button-standard);height:100%;position:absolute;z-index:1}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp{border-radius:6px;color:var(--amino-text-color-secondary);cursor:pointer;font-size:var(--amino-font-size-base);font-weight:500;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:focus{outline:none}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp.Amino_Toggle-module__selected--badUt,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:hover:not(.Amino_Toggle-module__selected--badUt){color:var(--amino-text-color)}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd,.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5{width:100%}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5 .Amino_Toggle-module__optionWrapper--0wrNp{flex-grow:1}.Amino_Toggle-module__shrinkWrapper--osh3J.sm .Amino_Toggle-module__optionWrapper--0wrNp{padding:6px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.md .Amino_Toggle-module__optionWrapper--0wrNp{padding:10px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.lg .Amino_Toggle-module__optionWrapper--0wrNp{padding:14px}.Amino_Toggle-module__shrinkWrapper--osh3J.xl .Amino_Toggle-module__optionWrapper--0wrNp{padding:18px 16px}");exports.Toggle=function(l){var n=l.className,_=l.fullWidth,s=void 0!==_&&_,h=l.onChange,c=l.options,A=l.size,T=void 0===A?"sm":A,f=l.style,v=l.value,W=r.useRef(null),x=r.useRef(null),w=e.__read(r.useState({left:0,width:0}),2),N=w[0],k=w[1],b=e.__read(r.useState(!1),2),J=b[0],j=b[1];return r.useEffect((function(){var e,o,r=function(e,o){if(!o||!e)return{left:0,width:0};var r=o.width;return{left:o.left-e.left,width:r}}((null===(e=W.current)||void 0===e?void 0:e.getBoundingClientRect())||null,(null===(o=x.current)||void 0===o?void 0:o.getBoundingClientRect())||null);k(r)}),[v,T]),o.jsx("div",{className:d.default(n,t,s&&g,T),style:f,children:o.jsxs("div",{ref:W,className:a,children:[o.jsx(i.motion.div,{animate:{width:N.width,x:N.left},className:p,initial:!1,onAnimationComplete:function(){j(!0)},transition:{duration:J?.2:0}}),c.map((function(e){var r=e.value===v;return o.jsx("button",{ref:r?x:null,className:d.default([u,r&&m]),onClick:function(){return h(e.value)},type:"button",children:e.label},e.value)}))]})})};
+"use strict";var e=require("../../tslib.es6-5672428a.js"),o=require("react/jsx-runtime"),r=require("react"),l=require("clsx"),i=require("framer-motion"),n=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}var d=_(l),t="Amino_Toggle-module__shrinkWrapper--osh3J",a="Amino_Toggle-module__wrapper--NF4v5",p="Amino_Toggle-module__selectedSlider--WsUDo",u="Amino_Toggle-module__optionWrapper--0wrNp",m="Amino_Toggle-module__selected--badUt",g="Amino_Toggle-module__fullWidth--vw3dd";n.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:var(--amino-gray-50);border-radius:6px;display:flex;position:relative}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__selectedSlider--WsUDo{background-color:var(--amino-raised-surface-color);border-radius:6px;box-shadow:var(--amino-shadow-button-standard);height:100%;position:absolute;z-index:1}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp{border-radius:6px;color:var(--amino-text-color-secondary);cursor:pointer;font-size:var(--amino-font-size-base);font-weight:500;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:focus{outline:none}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp.Amino_Toggle-module__selected--badUt,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:hover:not(.Amino_Toggle-module__selected--badUt){color:var(--amino-text-color)}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd,.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5{width:100%}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5 .Amino_Toggle-module__optionWrapper--0wrNp{flex-grow:1}.Amino_Toggle-module__shrinkWrapper--osh3J.sm .Amino_Toggle-module__optionWrapper--0wrNp{padding:6px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.md .Amino_Toggle-module__optionWrapper--0wrNp{padding:10px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.lg .Amino_Toggle-module__optionWrapper--0wrNp{padding:14px}.Amino_Toggle-module__shrinkWrapper--osh3J.xl .Amino_Toggle-module__optionWrapper--0wrNp{padding:18px 16px}");exports.Toggle=function(l){var n=l.className,_=l.fullWidth,s=void 0!==_&&_,h=l.onChange,c=l.options,A=l.size,T=void 0===A?"sm":A,f=l.style,v=l.value,W=r.useRef(null),x=r.useRef(null),w=e.__read(r.useState({left:0,width:0}),2),N=w[0],k=w[1],b=e.__read(r.useState(!1),2),J=b[0],j=b[1];return r.useEffect((function(){var e,o,r=function(e,o){if(!o||!e)return{left:0,width:0};var r=o.width;return{left:o.left-e.left,width:r}}((null===(e=W.current)||void 0===e?void 0:e.getBoundingClientRect())||null,(null===(o=x.current)||void 0===o?void 0:o.getBoundingClientRect())||null);k(r)}),[v,T]),o.jsx("div",{className:d.default(n,t,s&&g,T),style:f,children:o.jsxs("div",{ref:W,className:a,children:[o.jsx(i.motion.div,{animate:{width:N.width,x:N.left},className:p,initial:!1,onAnimationComplete:function(){j(!0)},transition:{duration:J?.2:0}}),c.map((function(e){var r=e.value===v;return o.jsx("button",{ref:r?x:null,className:d.default([u,r&&m]),onClick:function(){return h(e.value)},type:"button",children:e.label},e.value)}))]})})};

package/components/tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import { type TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
-import type { Theme } from "../../types";
 import type { BaseProps } from "../../types/BaseProps";
+import type { Theme } from "../../types/Theme";
 export type TooltipProps = BaseProps & {
     /**
      * The component that will trigger the tooltip.

package/components/tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),a=require("../flex/Flex.js"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js");var n=o(s),d=r.styled((function(r){var s=r.className,a=r.dataTheme,i=e.__rest(r,["className","dataTheme"]);return t.jsx(n.default,e.__assign({},i,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},i.PopperProps),{"data-theme":a})}))}))((function(){var e,t;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:l.theme.gray0,borderRadius:l.theme.radius10,boxShadow:l.theme.v3ShadowLarge,color:l.theme.textColor,padding:l.theme.space12},e["&[data-theme='night']"]=((t={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:l.theme.gray50},t),e}));exports.Tooltip=function(r){var s=r.children,l=r.className,o=r.disabled,n=void 0!==o&&o,c=r.open,u=r.subtitle,p=r.themeOverride,m=void 0===p?"night":p,h=r.title,x=e.__rest(r,["children","className","disabled","open","subtitle","themeOverride","title"]);return n?s:t.jsx(d,e.__assign({},x,{className:l,dataTheme:m,open:c,title:t.jsxs(a.Flex,{flexDirection:"column",gap:8,children:["string"==typeof h?t.jsx(i.Text,{type:"small-header",children:h}):t.jsx(t.Fragment,{children:h}),"string"==typeof u?t.jsx(i.Text,{type:"caption",children:u}):t.jsx(t.Fragment,{children:u})]}),children:t.jsx("div",{className:"tooltip-wrapper",children:s})}))};
+"use strict";var e=require("../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),r=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),a=require("../flex/Flex.js"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js");var n=o(s),d=r.styled((function(r){var s=r.className,a=r.dataTheme,i=e.__rest(r,["className","dataTheme"]);return t.jsx(n.default,e.__assign({},i,{PopperProps:e.__assign(e.__assign({},i.PopperProps),{"data-theme":a}),classes:{popper:s}}))}))((function(){var e,t;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:l.theme.gray0,borderRadius:l.theme.radius10,boxShadow:l.theme.v3ShadowLarge,color:l.theme.textColor,padding:l.theme.space12},e["&[data-theme='night']"]=((t={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:l.theme.gray50},t),e}));exports.Tooltip=function(r){var s=r.children,l=r.className,o=r.disabled,n=void 0!==o&&o,c=r.open,u=r.subtitle,p=r.themeOverride,m=void 0===p?"night":p,h=r.title,x=e.__rest(r,["children","className","disabled","open","subtitle","themeOverride","title"]);return n?s:t.jsx(d,e.__assign({},x,{className:l,dataTheme:m,open:c,title:t.jsxs(a.Flex,{flexDirection:"column",gap:8,children:["string"==typeof h?t.jsx(i.Text,{type:"small-header",children:h}):t.jsx(t.Fragment,{children:h}),"string"==typeof u?t.jsx(i.Text,{type:"caption",children:u}):t.jsx(t.Fragment,{children:u})]}),children:t.jsx("div",{className:"tooltip-wrapper",children:s})}))};

package/icons/AIDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const AIDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ArrowSwapDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ArrowSwapDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BagDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BagDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BankDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BankDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BellDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BellDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BellOffDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BellOffDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BookDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BookDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BookmarkAddDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BookmarkAddDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BookmarkCheckDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BookmarkCheckDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BookmarkOffDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BookmarkOffDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BookmarkRemoveDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BookmarkRemoveDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BookmarkSubtractDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BookmarkSubtractDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BoxesDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BoxesDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/BufferDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const BufferDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CalculatorDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CalculatorDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CalendarDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CalendarDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CardDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CardDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CartDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CartDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ChartDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ChartDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CheckCircleDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CheckCircleDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CheckoutDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CheckoutDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ChevronDownCircleDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ChevronDownCircleDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ChevronLeftCircleDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ChevronLeftCircleDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ChevronRightCircleDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ChevronRightCircleDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ClassifyDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ClassifyDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ClearDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ClearDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ClockDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ClockDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CodeCircleDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CodeCircleDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CodeDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CodeDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CoinsDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CoinsDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CollectDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CollectDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CommentDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CommentDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CopilotDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CopilotDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CopyDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CopyDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/CubeDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const CubeDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/DashboardDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const DashboardDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/DislikeDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const DislikeDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/DocsDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const DocsDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/DollarDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const DollarDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/DoubleChevronDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const DoubleChevronDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/DragDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const DragDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/EditDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const EditDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ExclamationMarkDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ExclamationMarkDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ExportDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ExportDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/ExternalDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const ExternalDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/EyeDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const EyeDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/EyeOffDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const EyeOffDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/FileDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const FileDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/FileUploadDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const FileUploadDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/FilterDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const FilterDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/FolderListDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const FolderListDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/FolderUploadDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const FolderUploadDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/FusionDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const FusionDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;

package/icons/GlobeDuotoneIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color } from "../types";
+import type { Color } from "../types/Color";
 import type { IconProps } from "../types/IconProps";
 export declare const GlobeDuotoneIcon: import("react").ForwardRefExoticComponent<IconProps & {
     secondaryColor?: Color | undefined;