@zonos/amino 5.1.114 → 5.1.117

package/components/country-multi-select/CountryMultiSelectExpanded.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("lodash/groupBy"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),d=require("../divider/Divider.js"),a=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),c=require("../../icons/SearchIcon.js"),s=require("../../utils/getFuzzySearch.js"),p=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var _=m(o),x=m(r),y="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",h="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",f="Amino_CountryMultiSelectExpanded-module__header--I3SHr",C="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",b="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",A="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",g="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",S="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",j="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",M="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",v="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",E="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",k="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",W="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",N="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",q="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",I="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",z="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";p.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:.5}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{background:var(--amino-input-background);flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.3333333333%)),1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;justify-content:space-between;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(o){var r=o.actions,p=o.className,m=o.countries,T=o.disabled,w=void 0!==T&&T,H=o.maxHeight,L=void 0===H?380:H,B=o.noHeader,G=void 0!==B&&B,D=o.onChange,O=o.selectedCountries,F=o.style,U=o.withoutSearch,Z=void 0!==U&&U,P=e.__read(t.useState(""),2),J=P[0],K=P[1],X=e.__read(t.useState([]),2),R=X[0],Q=X[1],V=t.useCallback((function(e){return s.getFuzzySearch({array:m,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[m]),Y=t.useMemo((function(){return""===J?m:V(J).map((function(e){return e.item}))}),[m,V,J]),$=t.useMemo((function(){var n=Object.entries(x.default(Y,"group")).map((function(n){var t=e.__read(n,2),o=t[0];return{countries:t[1],label:o}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[Y]),ee=t.useMemo((function(){return m.filter((function(e){return!e.disabled})).length===O.length}),[m,O.length]);if(!m.length)return n.jsx("div",{className:_.default(p),children:n.jsx(a.Text,{color:"textColorSecondary",children:"No countries"})});var ne=m.filter((function(e){return!e.disabled})).length;return n.jsxs("div",{className:_.default(y,p,w&&h),style:F,children:[!G&&n.jsxs("div",{className:f,children:[n.jsx(a.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(a.Text,{color:"textColorSecondary",type:"label",children:[O.length," of ",ne," selected"]})]}),n.jsxs("div",{className:C,children:[n.jsxs("div",{className:b,children:[!Z&&n.jsxs("label",{className:A,htmlFor:"country-multi-select-search",children:[n.jsx(c.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return K(e.target.value)},placeholder:"Search...",type:"text",value:J})]}),r&&n.jsx("div",{className:g,children:r})]}),(!!r||!Z)&&n.jsx(d.Divider,{noMargin:!0}),Y.length?n.jsxs("div",{className:S,style:{maxHeight:"".concat(L,"px")},children:[n.jsx("div",{className:M,children:n.jsx(l.Checkbox,{checked:ee,label:"Select all",onChange:function(e){D(e?m.filter((function(e){return!e.disabled})):[])}})}),$.map((function(t){var o=t.countries.filter((function(e){return O.some((function(n){return n.code===e.code}))})).length,r=t.countries.filter((function(e){return!e.disabled})).length,d=!!r&&t.countries.every((function(e){return e.disabled||O.some((function(n){return n.code===e.code}))})),c=!R.includes(t.label);return n.jsxs("div",{children:[n.jsxs("div",{className:_.default(E,v),children:[n.jsx(l.Checkbox,{checked:d,disabled:!r,label:t.label,onChange:function(n){if(n){var o=e.__spreadArray(e.__spreadArray([],e.__read(O),!1),e.__read(t.countries.filter((function(e){return!e.disabled}))),!1);D(o)}else o=O.filter((function(e){return!e.disabled&&!t.countries.some((function(n){return n.code===e.code}))})),D(o)}}),n.jsxs("button",{className:k,onClick:function(){R.includes(t.label)?Q(R.filter((function(e){return e!==t.label}))):Q(e.__spreadArray(e.__spreadArray([],e.__read(R),!1),[t.label],!1))},type:"button",children:[n.jsxs(a.Text,{color:"textColorSecondary",children:[o,"/",r]}),n.jsx(u.ChevronUpIcon,{className:_.default(W,c&&N),size:24})]})]}),n.jsx(i.Collapse,{collapsed:c,children:n.jsx("div",{className:q,children:t.countries.map((function(t){var o;return n.jsx(l.Checkbox,{checked:O.some((function(e){return e.code===t.code})),className:_.default(M,I,!t.disabled&&v),disabled:t.disabled,icon:t.icon,label:t.label,labelComponent:n.jsxs("div",{className:z,style:{opacity:t.disabled?.5:1},children:[n.jsxs("div",{children:[t.icon,t.label]}),null===(o=t.rightDecorator)||void 0===o?void 0:o.call(t)]}),onChange:function(n){D(n?e.__spreadArray(e.__spreadArray([],e.__read(O),!1),[t],!1):O.filter((function(e){return e.code!==t.code})))}},t.code)}))})})]},t.label)}))]}):n.jsx("div",{className:j,children:n.jsx(a.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),o=require("lodash/groupBy"),l=require("../button/Button.js"),i=require("../checkbox/Checkbox.js"),u=require("../collapse/Collapse.js"),a=require("../divider/Divider.js"),d=require("../text/Text.js"),c=require("../../icons/ChevronUpIcon.js"),s=require("../../icons/RemoveCircleIcon.js"),p=require("../../icons/SearchIcon.js"),m=require("../../utils/getFuzzySearch.js"),_=require("../../style-inject.es-d4ddeae4.js");function x(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var y=x(r),h=x(o),f="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",C="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",b="Amino_CountryMultiSelectExpanded-module__header--I3SHr",A="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",g="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",S="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",j="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",v="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",M="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",E="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",q="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",k="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",W="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",I="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",N="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",z="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",w="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",T="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";_.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:.5}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;flex-grow:1;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{background:var(--amino-input-background);flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.3333333333%)),1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;justify-content:space-between;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(r){var o=r.actions,_=r.className,x=r.countries,H=r.disabled,L=void 0!==H&&H,B=r.maxHeight,G=void 0===B?380:B,D=r.noHeader,O=void 0!==D&&D,R=r.onChange,F=r.selectedCountries,U=r.style,Z=r.withoutSearch,P=void 0!==Z&&Z,J=e.__read(t.useState(""),2),K=J[0],X=J[1],Q=e.__read(t.useState([]),2),V=Q[0],Y=Q[1],$=t.useCallback((function(e){return m.getFuzzySearch({array:x,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[x]),ee=t.useMemo((function(){return""===K?x:$(K).map((function(e){return e.item}))}),[x,$,K]),ne=t.useMemo((function(){var n=Object.entries(h.default(ee,"group")).map((function(n){var t=e.__read(n,2),r=t[0];return{countries:t[1],label:r}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[ee]),te=t.useMemo((function(){return x.filter((function(e){return!e.disabled})).length===F.length}),[x,F.length]);if(t.useEffect((function(){K&&Y(ne.map((function(e){return e.label})))}),[ne,K]),!x.length)return n.jsx("div",{className:y.default(_),children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})});var re=x.filter((function(e){return!e.disabled})).length;return n.jsxs("div",{className:y.default(f,_,L&&C),style:U,children:[!O&&n.jsxs("div",{className:b,children:[n.jsx(d.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(d.Text,{color:"textColorSecondary",type:"label",children:[F.length," of ",re," selected"]})]}),n.jsxs("div",{className:A,children:[n.jsxs("div",{className:g,children:[!P&&n.jsxs("label",{className:S,htmlFor:"country-multi-select-search",children:[n.jsx(p.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return X(e.target.value)},placeholder:"Search...",type:"text",value:K}),K&&n.jsx(l.Button,{icon:n.jsx(s.RemoveCircleIcon,{size:24}),onClick:function(){return X("")},variant:"text"})]}),o&&n.jsx("div",{className:j,children:o})]}),(!!o||!P)&&n.jsx(a.Divider,{noMargin:!0}),ee.length?n.jsxs("div",{className:v,style:{maxHeight:"".concat(G,"px")},children:[!K&&n.jsx("div",{className:E,children:n.jsx(i.Checkbox,{checked:te,label:"Select all",onChange:function(e){R(e?x.filter((function(e){return!e.disabled})):[])}})}),ne.map((function(t){var r=t.countries.filter((function(e){return F.some((function(n){return n.code===e.code}))})).length,o=t.countries.filter((function(e){return!e.disabled})).length,l=!!o&&t.countries.every((function(e){return e.disabled||F.some((function(n){return n.code===e.code}))})),a=!V.includes(t.label);return n.jsxs("div",{children:[n.jsxs("div",{className:y.default(k,q),children:[n.jsx(i.Checkbox,{checked:l,disabled:!o,label:t.label,onChange:function(n){if(n){var r=e.__spreadArray(e.__spreadArray([],e.__read(F),!1),e.__read(t.countries.filter((function(e){return!e.disabled}))),!1);R(r)}else r=F.filter((function(e){return!e.disabled&&!t.countries.some((function(n){return n.code===e.code}))})),R(r)}}),n.jsxs("button",{className:W,onClick:function(){V.includes(t.label)?Y(V.filter((function(e){return e!==t.label}))):Y(e.__spreadArray(e.__spreadArray([],e.__read(V),!1),[t.label],!1))},type:"button",children:[n.jsxs(d.Text,{color:"textColorSecondary",children:[r,"/",o]}),n.jsx(c.ChevronUpIcon,{className:y.default(I,a&&N),size:24})]})]}),n.jsx(u.Collapse,{collapsed:a,children:n.jsx("div",{className:z,children:t.countries.map((function(t){var r;return n.jsx(i.Checkbox,{checked:F.some((function(e){return e.code===t.code})),className:y.default(E,w,!t.disabled&&q),disabled:t.disabled,icon:t.icon,label:t.label,labelComponent:n.jsxs("div",{className:T,style:{opacity:t.disabled?.5:1},children:[n.jsxs("div",{children:[t.icon,t.label]}),null===(r=t.rightDecorator)||void 0===r?void 0:r.call(t)]}),onChange:function(n){R(n?e.__spreadArray(e.__spreadArray([],e.__read(F),!1),[t],!1):F.filter((function(e){return e.code!==t.code})))}},t.code)}))})})]},t.label)}))]}):n.jsx("div",{className:M,children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};

package/components/dialog/BaseDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("react-dom"),t=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var c=l(t),d="Amino_BaseDialog-module__backdrop--Tykyp",s="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;max-height:90vh;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(t){var r=t.children,l=t.className,u=t.closeOnBlur,m=void 0===u||u,p=t.closeOnEsc,v=void 0===p||p,f=t.onClose,g=t.open,_=t.popupMotionProps,y=t.rootSelector,h=t.style,b=t.themeOverride,x=t.width,k=void 0===x?444:x,w=t.withBackdrop,q=void 0===w||w,j=i.useRef(null),A=i.useRef(null);i.useEffect((function(){var e,o;(null===(e=A.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=A.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]);var B=q?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},D=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},_);if("undefined"!=typeof document){var E=document.querySelector(y||"body");if(E)return n.createPortal(o.jsx(a.AnimatePresence,{children:g&&i.createElement(a.motion.div,e.__assign({className:d},B,{key:"dialog-backdrop",ref:A,"data-theme":b,onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),f&&v&&f())},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var o=e.target===j.current,i=f&&m&&e.target===A.current;o&&i&&f(),j.current=null},style:e.__assign(e.__assign({},h),{"--amino-base-dialog-width":"".concat(k,"px")}),tabIndex:-1,transition:{duration:.3}}),i.createElement(a.motion.div,e.__assign({},D,{key:"dialog",className:c.default(l,s,"elevated"),onClick:function(e){e.stopPropagation()}}),r))}),E)}return null};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),n=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var c=l(n),d="Amino_BaseDialog-module__backdrop--Tykyp",u="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;max-height:90vh;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(n){var r=n.children,l=n.className,s=n.closeOnBlur,m=void 0===s||s,p=n.closeOnEsc,v=void 0===p||p,f=n.onClose,g=n.open,y=n.popupMotionProps,_=n.rootSelector,h=n.style,b=n.themeOverride,x=n.width,k=void 0===x?444:x,w=n.withBackdrop,q=void 0===w||w,j=t.useRef(null),A=t.useRef(null);t.useEffect((function(){var e,o;(null===(e=A.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=A.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]);var B=q?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},D=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},y);if("undefined"!=typeof document){var E=document.querySelector(_||"body");if(E)return i.createPortal(o.jsx(a.AnimatePresence,{children:g&&t.createElement(a.motion.div,e.__assign({className:d},B,{key:"dialog-backdrop",ref:A,"data-theme":b,onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),f&&v&&f())},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var o=e.target===j.current,t=f&&m&&e.target===A.current;o&&t&&f(),j.current=null},style:{"--amino-base-dialog-width":"".concat(k,"px")},tabIndex:-1,transition:{duration:.3}}),t.createElement(a.motion.div,e.__assign({},D,{key:"dialog",className:c.default(l,u,"elevated"),onClick:function(e){e.stopPropagation()},style:h}),r))}),E)}return null};

package/components/dialog/DismissableDialog.d.ts

@@ -1,15 +1,15 @@
 import type { ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
-import type { Intent } from "../../types/Intent";
 import type { Theme } from "../../types/Theme";
+export type DismissableDialogIntent = 'danger' | 'warning' | 'info';
 export type DismissableDialogProps = BaseProps & {
     actions?: ReactNode;
-    intent: Intent;
+    intent: DismissableDialogIntent;
     label: string;
     open: boolean;
     subtitle?: ReactNode;
     themeOverride?: Theme;
     dismissAction: () => void;
 };
-export declare const _dismissableDialogGetButtonVariant: (intent: Intent) => "primary" | "warning" | "danger";
+export declare const _dismissableDialogGetButtonVariant: (intent: DismissableDialogIntent) => "danger" | "warning" | "primary";
 export declare const DismissableDialog: ({ actions, dismissAction, intent, label, open, style, subtitle, themeOverride, }: DismissableDialogProps) => import("react/jsx-runtime").JSX.Element;

package/components/input/input-type/_DateInput.d.ts

@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -67,5 +67,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
     value: string | null;
     /** An additional value that appears next to the input but cannot be changed by the input */
     valuePrefix?: ReactNode;
-} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/input/input-type/_NumberInput.d.ts

@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_PasswordInput.d.ts

@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_TimeInput.d.ts

@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value: string | null;
     valuePrefix?: import("react").ReactNode;
-} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "tabIndex" | "onChange" | "onKeyDown" | "autoFocus" | "placeholder" | "prefix" | "inputMode" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/package.json

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

package/types/AlertDialogOpts.d.ts

@@ -1,7 +1,7 @@
-import type { Intent } from "./Intent";
+import type { DismissableDialogIntent } from "../components/dialog/DismissableDialog";
 export type AlertDialogOpts = {
     dismissText: string;
-    intent: Intent;
+    intent: DismissableDialogIntent;
     label: string;
     subtitle: string;
     onDismiss: () => void;

package/types/ConfirmDialogOpts.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
-import type { Intent } from "./Intent";
+import type { DismissableDialogIntent } from "../components/dialog/DismissableDialog";
 export type ConfirmDialogOpts = {
     confirmText: string;
     dismissText: string;
-    intent: Intent;
+    intent: DismissableDialogIntent;
     label: string;
     subtitle?: ReactNode;
     onConfirm: (ok: boolean) => void;

package/utils/changeDeepProperty.d.ts

@@ -37,7 +37,7 @@ import type { DeepKeyof, DeepPropertyType } from "../types/deep/DeepKeyof";
       },
     };
  */
-export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 1 | 8 | 4 | 3 | 2 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
+export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 1 | 3 | 2 | 4 | 8 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
     obj: T;
     propertyPath: P;
     value: DeepPropertyType<T, P, Depth>;

package/utils/changeDeepPropertyAtIndex.d.ts

@@ -60,7 +60,7 @@ import type { DeepKeyofAtIndex, DeepPropertyTypeAtIndex } from "../types/deep/De
       },
     };
  */
-export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 1 | 8 | 4 | 3 | 2 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
+export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 1 | 3 | 2 | 4 | 8 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
     index: number;
     obj: T;
     propertyPath: P;

package/utils/hooks/useStorage.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("../storage.js");require("../../_tslib-bd4862e8.js"),require("swr");exports.useStorage=function(r){var n=r.defaultValue,o=r.key,a=r.schema,u=r.type,i=e.useMemo((function(){return function(e){return function(t){return"local"===e&&window.addEventListener("storage",t),window.addEventListener("amino:storage-".concat(e),t),function(){"local"===e&&window.removeEventListener("storage",t),window.removeEventListener("amino:storage-".concat(e),t)}}}(u)}),[u]);e.useSyncExternalStore(i,(function(){return"local"===u?localStorage.getItem(o):sessionStorage.getItem(o)}),(function(){return JSON.stringify(n)}));var s=t.getStorageItem({key:o,schema:a,type:u})||null;return{setValue:function(e){return t.setStorageItem({key:o,type:u,value:e})},value:null!=s?s:n}};
+"use strict";var e=require("react"),t=require("../storage.js");require("../../_tslib-bd4862e8.js"),require("swr");exports.useStorage=function(r){var n=r.defaultValue,o=r.key,a=r.schema,u=r.type,s=e.useMemo((function(){return function(e){return function(t){return"local"===e&&window.addEventListener("storage",t),window.addEventListener("amino:storage-".concat(e),t),function(){"local"===e&&window.removeEventListener("storage",t),window.removeEventListener("amino:storage-".concat(e),t)}}}(u)}),[u]);e.useSyncExternalStore(s,(function(){return"local"===u?localStorage.getItem(o):sessionStorage.getItem(o)}),(function(){return JSON.stringify(n)}));var i=t.getStorageItem({key:o,schema:a,type:u})||null;return{setValue:e.useCallback((function(e){return t.setStorageItem({key:o,type:u,value:e})}),[o,u]),value:null!=i?i:n}};