@zonos/amino 5.5.37 → 5.5.39

package/components/toast/ToastContext.js

@@ -1 +1 @@
-"use strict";var t=require("../../_rollupPluginBabelHelpers-697f213c.js"),e=require("../../tslib.es6-8c21e256.js"),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"),_=require("react/jsx-runtime");function m(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 p=m(n),c="Amino_ToastContext-module__toastContainer--v8ymm",x="Amino_ToastContext-module__toastsWrapper--W5SKw",f="Amino_ToastContext-module__toastWrapperAdjust--j5R-v",T="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",h="Amino_ToastContext-module__clearAllButton--r43o-",C="Amino_ToastContext-module__expanded--mPeFN",A="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 v=o.createContext({dismissAllToasts:function(){},dismissToast:function(t){},notify:function(t,e){}});exports.ToastContext=v,exports.ToastContextProvider=function(n){var d=n.children,m=e.__read(o.useState([]),2),b=m[0],j=m[1],y=e.__read(o.useState([]),2),g=y[0],q=y[1],W=e.__read(o.useState(!1),2),F=W[0],P=W[1],k=e.__read(o.useState({bottom:"",left:""}),2),N=k[0],I=k[1],S=o.useCallback((function(t,o){if(!(null==o?void 0:o.id)||!e.__spreadArray(e.__spreadArray([],e.__read(b),!1),e.__read(g),!1).some((function(t){return t.uuid===o.id}))){var n={isPersistent:null==o?void 0:o.isPersistent,props:o,toast:t,uuid:(null==o?void 0:o.id)||i.v4()};(null==o?void 0:o.isPersistent)?q((function(t){return e.__spreadArray([n],e.__read(t),!1)})):(j((function(t){return e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[n],!1)})),setTimeout((function(){return j((function(t){return t.slice(1)}))}),(null==o?void 0:o.duration)||6e3))}}),[j,q,b,g]),M=o.useCallback((function(t,e,o){o&&I({bottom:o.bottom||"",left:o.left||""}),S(t,e)}),[S]),w=o.useCallback((function(t){j((function(e){return e.filter((function(e){return e.uuid!==t}))})),q((function(e){return e.filter((function(e){return e.uuid!==t}))}))}),[q]),G=o.useCallback((function(){q([]),j([]),P(!1)}),[q,j,P]),R=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&P((function(t){return!t}))},B=o.useRef(null),z=e.__read(o.useState(0),2),K=z[0],D=z[1],E=g.find(Boolean);o.useEffect((function(){B.current&&D(B.current.offsetHeight)}),[E]);var H=o.useMemo((function(){return{dismissAllToasts:G,dismissToast:w,notify:M}}),[G,w,M]),J=g.length>0;return _.jsxs(v.Provider,{value:H,children:[d,_.jsxs("div",{className:c,style:{"--amino-toast-context-bottom":N.bottom||"40px","--amino-toast-context-left":N.left||"auto","--amino-toast-persistent-height":J&&!F?"".concat(K+40,"px"):"unset"},children:[_.jsx("div",{className:p.default(x,J&&f),children:_.jsx(s.AnimatePresence,{children:b.map((function(t){var e=t.props,o=t.toast,n=t.uuid,s="toast-".concat(o,"-").concat(n);return _.jsx(a.Flex,{children:_.jsx(u.Toast,{direction:null==e?void 0:e.direction,intent:null==e?void 0:e.intent,toastKey:s,children:o})},s)}))})}),_.jsxs("div",{className:p.default(x,T,F&&C),children:[!!g.length&&_.jsx(r.Button,{className:h,icon:_.jsx(l.RemoveIcon,{}),onClick:G,variant:"text",children:"Clear all"}),_.jsx(s.AnimatePresence,{children:g.map((function(e,o){var n=e.props,s=e.toast,i=e.uuid,r="persistent-toast-".concat(s,"-").concat(i),l=0===o||F;return _.jsx("div",{ref:0===o?B:null,className:A,onClick:R,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||R(t)},role:"button",tabIndex:0,children:_.jsx(a.Flex,{fullWidth:!0,children:_.jsx(u.Toast,t._objectSpread2(t._objectSpread2({},n),{},{actions:l?null==n?void 0:n.actions:void 0,isPersistent:!0,onDismiss:function(t){var e;null===(e=null==n?void 0:n.onDismiss)||void 0===e||e.call(n,t),function(t,e){t.stopPropagation(),w(e)}(t,i)},toastKey:r,children:l?s:""}))})},r)}))})]})]})]})};
+"use strict";var t=require("../../_rollupPluginBabelHelpers-697f213c.js"),e=require("../../tslib.es6-8c21e256.js"),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"),m=require("react/jsx-runtime");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 c=_(n),p="Amino_ToastContext-module__toastContainer--v8ymm",x="Amino_ToastContext-module__toastsWrapper--W5SKw",f="Amino_ToastContext-module__toastWrapperAdjust--j5R-v",T="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",h="Amino_ToastContext-module__clearAllButton--r43o-",C="Amino_ToastContext-module__expanded--mPeFN",A="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 v=o.createContext({dismissAllToasts:function(){},dismissToast:function(t){},notify:function(t,e){}});exports.ToastContext=v,exports.ToastContextProvider=function(n){var d=n.children,_=e.__read(o.useState([]),2),b=_[0],j=_[1],y=e.__read(o.useState([]),2),g=y[0],q=y[1],W=e.__read(o.useState(!1),2),F=W[0],P=W[1],k=e.__read(o.useState({bottom:"",left:""}),2),N=k[0],I=k[1],S=o.useCallback((function(t,o){var n={isPersistent:null==o?void 0:o.isPersistent,props:o,toast:t,uuid:(null==o?void 0:o.id)||i.v4()};(null==o?void 0:o.isPersistent)?q((function(t){return t.some((function(t){return t.uuid===n.uuid}))?t:e.__spreadArray([n],e.__read(t),!1)})):(j((function(t){return t.some((function(t){return t.uuid===n.uuid}))?t:e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[n],!1)})),setTimeout((function(){return j((function(t){return t.slice(1)}))}),(null==o?void 0:o.duration)||6e3))}),[j,q]),M=o.useCallback((function(t,e,o){o&&I({bottom:o.bottom||"",left:o.left||""}),S(t,e)}),[S]),w=o.useCallback((function(t){j((function(e){return e.filter((function(e){return e.uuid!==t}))})),q((function(e){return e.filter((function(e){return e.uuid!==t}))}))}),[q]),G=o.useCallback((function(){q([]),j([]),P(!1)}),[q,j,P]),R=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&P((function(t){return!t}))},B=o.useRef(null),z=e.__read(o.useState(0),2),K=z[0],D=z[1],E=g.find(Boolean);o.useEffect((function(){B.current&&D(B.current.offsetHeight)}),[E]);var H=o.useMemo((function(){return{dismissAllToasts:G,dismissToast:w,notify:M}}),[G,w,M]),J=g.length>0;return m.jsxs(v.Provider,{value:H,children:[d,m.jsxs("div",{className:p,style:{"--amino-toast-context-bottom":N.bottom||"40px","--amino-toast-context-left":N.left||"auto","--amino-toast-persistent-height":J&&!F?"".concat(K+40,"px"):"unset"},children:[m.jsx("div",{className:c.default(x,J&&f),children:m.jsx(s.AnimatePresence,{children:b.map((function(t){var e=t.props,o=t.toast,n=t.uuid,s="toast-".concat(o,"-").concat(n);return m.jsx(a.Flex,{children:m.jsx(u.Toast,{direction:null==e?void 0:e.direction,intent:null==e?void 0:e.intent,toastKey:s,children:o})},s)}))})}),m.jsxs("div",{className:c.default(x,T,F&&C),children:[!!g.length&&m.jsx(r.Button,{className:h,icon:m.jsx(l.RemoveIcon,{}),onClick:G,variant:"text",children:"Clear all"}),m.jsx(s.AnimatePresence,{children:g.map((function(e,o){var n=e.props,s=e.toast,i=e.uuid,r="persistent-toast-".concat(s,"-").concat(i),l=0===o||F;return m.jsx("div",{ref:0===o?B:null,className:A,onClick:R,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||R(t)},role:"button",tabIndex:0,children:m.jsx(a.Flex,{fullWidth:!0,children:m.jsx(u.Toast,t._objectSpread2(t._objectSpread2({},n),{},{actions:l?null==n?void 0:n.actions:void 0,isPersistent:!0,onDismiss:function(t){var e;null===(e=null==n?void 0:n.onDismiss)||void 0===e||e.call(n,t),function(t,e){t.stopPropagation(),w(e)}(t,i)},toastKey:r,children:l?s:""}))})},r)}))})]})]})]})};

package/components/toggle/Toggle.d.ts

@@ -7,6 +7,11 @@ export type ToggleProps<TValue extends SelectValue = SelectValue> = BaseProps &
      * @default false
      */
     fullWidth?: boolean;
+    /**
+     * If true, the toggle will be disabled
+     * @default false
+     */
+    isDisabled?: boolean;
     /**
      * Function called when a toggle option is selected
      */
@@ -115,4 +120,4 @@ export type ToggleProps<TValue extends SelectValue = SelectValue> = BaseProps &
  * />
  * ```
  */
-export declare const Toggle: <TValue extends SelectValue>({ className, fullWidth, onChange, options, size, style, value, }: ToggleProps<TValue>) => import("react").JSX.Element;
+export declare const Toggle: <TValue extends SelectValue>({ className, fullWidth, isDisabled, onChange, options, size, style, value, }: ToggleProps<TValue>) => import("react").JSX.Element;

package/components/toggle/Toggle.js

@@ -1 +1 @@
-"use strict";var o=require("../../tslib.es6-8c21e256.js"),e=require("react"),r=require("clsx"),i=require("framer-motion"),l=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function _(o){return o&&o.__esModule?o:{default:o}}var d=_(r),p="Amino_Toggle-module__shrinkWrapper--osh3J",t="Amino_Toggle-module__wrapper--NF4v5",a="Amino_Toggle-module__selectedSlider--WsUDo",m="Amino_Toggle-module__optionWrapper--0wrNp",g="Amino_Toggle-module__icon--8o1Om",u="Amino_Toggle-module__selected--badUt",s="Amino_Toggle-module__fullWidth--vw3dd";l.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#050a280f;border-radius:6px;display:flex;height:32px;position:relative}[data-theme=night] .Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#dce1ff1a}.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-raised-standard);height:100%;height:30px;margin-top:1px;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;display:flex;font-size:var(--amino-font-size-base);font-weight:500;gap:6px;justify-content:center;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om svg{max-height:100%;width:auto}.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(r){var l=r.className,_=r.fullWidth,h=void 0!==_&&_,c=r.onChange,A=r.options,T=r.size,f=void 0===T?"sm":T,v=r.style,x=r.value,W=e.useRef(null),w=e.useRef(null),N=o.__read(e.useState({left:0,width:0}),2),k=N[0],J=N[1],b=o.__read(e.useState(!1),2),j=b[0],y=b[1];return e.useEffect((function(){var o,e,r=function(o,e){if(!e||!o)return{left:0,width:0};var r=e.width;return{left:e.left-o.left,width:r}}((null===(o=W.current)||void 0===o?void 0:o.getBoundingClientRect())||null,(null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect())||null);J(r)}),[x,f]),n.jsx("div",{className:d.default(l,p,h&&s,f),style:v,children:n.jsxs("div",{ref:W,className:t,children:[n.jsx(i.motion.div,{animate:{width:k.width,x:k.left},className:a,initial:!1,onAnimationComplete:function(){y(!0)},transition:{duration:j?.2:0}}),A.map((function(o){var e=o.value===x;return n.jsxs("button",{ref:e?w:null,className:d.default([m,e&&u]),onClick:function(){return c(o.value)},type:"button",children:[o.icon&&n.jsx("div",{className:g,children:o.icon}),n.jsx("div",{children:o.label})]},o.value)}))]})})};
+"use strict";var o=require("../../tslib.es6-8c21e256.js"),e=require("react"),i=require("clsx"),l=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function _(o){return o&&o.__esModule?o:{default:o}}var d=_(i),p="Amino_Toggle-module__shrinkWrapper--osh3J",m="Amino_Toggle-module__wrapper--NF4v5",a="Amino_Toggle-module__selectedSlider--WsUDo",g="Amino_Toggle-module__optionWrapper--0wrNp",t="Amino_Toggle-module__icon--8o1Om",s="Amino_Toggle-module__selected--badUt",u="Amino_Toggle-module__fullWidth--vw3dd",h="Amino_Toggle-module__disabled--FZh46";r.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#050a280f;border-radius:6px;display:flex;height:32px;position:relative}[data-theme=night] .Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#dce1ff1a}.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-raised-standard);height:100%;height:30px;margin-top:1px;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;display:flex;font-size:var(--amino-font-size-base);font-weight:500;gap:6px;justify-content:center;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om svg{max-height:100%;width:auto}.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}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__disabled--FZh46{opacity:.6}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__disabled--FZh46 .Amino_Toggle-module__optionWrapper--0wrNp{cursor:not-allowed}");exports.Toggle=function(i){var r=i.className,_=i.fullWidth,c=void 0!==_&&_,A=i.isDisabled,T=void 0!==A&&A,f=i.onChange,W=i.options,v=i.size,x=void 0===v?"sm":v,w=i.style,k=i.value,N=e.useRef(null),b=e.useRef(null),J=o.__read(e.useState({left:0,width:0}),2),j=J[0],y=J[1],F=o.__read(e.useState(!1),2),q=F[0],z=F[1];return e.useEffect((function(){var o,e,i=function(o,e){if(!e||!o)return{left:0,width:0};var i=e.width;return{left:e.left-o.left,width:i}}((null===(o=N.current)||void 0===o?void 0:o.getBoundingClientRect())||null,(null===(e=b.current)||void 0===e?void 0:e.getBoundingClientRect())||null);y(i)}),[k,x]),n.jsx("div",{className:d.default(r,p,c&&u,T&&h,x),style:w,children:n.jsxs("div",{ref:N,className:m,children:[n.jsx(l.motion.div,{animate:{width:j.width,x:j.left},className:a,initial:!1,onAnimationComplete:function(){z(!0)},transition:{duration:q?.2:0}}),W.map((function(o){var e=o.value===k;return n.jsxs("button",{ref:e?b:null,className:d.default([g,e&&s]),disabled:T,onClick:function(){f(o.value)},type:"button",children:[o.icon&&n.jsx("div",{className:t,children:o.icon}),n.jsx("div",{children:o.label})]},o.value)}))]})})};

package/package.json

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