@zonos/amino 4.4.33 → 5.0.0

package/components/confirm-dialog/ConfirmContext.js

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

package/components/confirm-dialog/ConfirmDialog.d.ts

@@ -12,4 +12,4 @@ export type ConfirmDialogProps = {
     confirmAction: () => void;
     dismissAction: () => void;
 };
-export declare const ConfirmDialog: ({ confirmAction, confirmText, dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: ConfirmDialogProps) => JSX.Element;
+export declare const ConfirmDialog: ({ confirmAction, confirmText, dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("../button/Button.js"),t=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),o=require("../text/Text.js"),a=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,g=j(d),q=g.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),f=g.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),h=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),_=function(e){switch(e){case"danger":return n.jsx(a.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.ConfirmDialog=function(a){var u=a.confirmAction,c=a.confirmText,l=a.dismissAction,d=a.dismissText,j=a.intent,m=a.label,p=a.open,x=a.subtitle,g=a.themeOverride;return n.jsx(t.BaseDialog,e.__assign({"data-theme":g,open:p,width:350},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:j},{children:_(j)})),n.jsxs("div",{children:[n.jsx(o.Text,e.__assign({type:"title"},{children:m})),x&&n.jsx(h,{children:x})]}),n.jsxs(f,{children:[n.jsx(i.Button,e.__assign({intent:"outline",onClick:l,size:"md"},{children:d})),n.jsx(i.Button,e.__assign({intent:j,onClick:u,size:"md"},{children:c}))]})]}))})}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../button/Button.js"),r=require("../dialog/_BaseDialog.js"),s=require("../rounded-icon/RoundedIcon.js"),o=require("../stack/VStack.js"),u=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),a=require("../../icons/HelpIcon.js"),l=require("../../icons/WarningIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,q=j(t),f=q.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),d.theme.space24),h=q.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.space8),g=q.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),b=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(l.WarningIcon,{});default:return n.jsx(a.HelpIcon,{})}};exports.ConfirmDialog=function(e){var t=e.confirmAction,c=e.confirmText,a=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,p=e.subtitle,x=e.themeOverride;return n.jsx(r.BaseDialog,{"data-theme":x,open:m,width:350,children:n.jsx(f,{children:n.jsxs(o.VStack,{spacing:16,children:[n.jsx(s.RoundedIcon,{intent:d,children:b(d)}),n.jsxs("div",{children:[n.jsx(u.Text,{type:"title",children:j}),p&&n.jsx(g,{children:p})]}),n.jsxs(h,{children:[n.jsx(i.Button,{intent:"outline",onClick:a,size:"md",children:l}),n.jsx(i.Button,{intent:d,onClick:t,size:"md",children:c})]})]})})})};

package/components/confirm-dialog/useConfirm.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
+"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("styled-components"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};

package/components/connection-map/ConnectionMap.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ICountryOption } from "../../types/ICountry";
 import { type IGeoJsonWorld } from "../../types/IGeoJsonWorld";
 type Props = {
@@ -8,5 +7,5 @@ type Props = {
     to: string;
     worldData: IGeoJsonWorld | null;
 };
-export declare const ConnectionMap: ({ countries, from, height, to, worldData, }: Props) => JSX.Element;
+export declare const ConnectionMap: ({ countries, from, height, to, worldData, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/connection-map/ConnectionMap.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),s=require("../../styles/constants/theme.js"),a=require("../../utils/getCountryCodeByName.js"),o=require("styled-components"),l=require("topojson-client"),u=require("../skeleton/Skeleton.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,g=d(o),m=g.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),s.theme.gray50,s.theme.radius12),f=g.default(u.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),s.theme.radius12);exports.ConnectionMap=function(o){var u=o.countries,d=o.from,c=o.height,h=void 0===c?400:c,g=o.to,_=o.worldData,b=e.__read(n.useState([0,0]),2),j=b[0],p=b[1],x=e.__read(n.useState(1),2),v=x[0],k=x[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return _?l.feature(_,_.objects.countries).features:null}),[_]),w=n.useCallback((function(e){var r=null==C?void 0:C.find((function(r){var n;return a.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,u)===e}));return r?i.geoCentroid(r):[0,0]}),[u,C]),S=!(C&&u.length&&d&&g);return n.useEffect((function(){if(!S){var r=e.__read(w(d),2),n=r[0],t=r[1],s=e.__read(w(g),2),a=s[0],o=s[1],l=i.geoDistance([n,t],[a,o]),u=i.geoDistance([n,0],[a,0]),c=i.geoDistance([0,t],[0,o]),h=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,c);k(h);var m=e.__read([(n+a)/2,(t+o)/2],2),f=m[0],_=m[1];p([0,_]);var b=-f;Math.abs(n-a)>180&&(b+=180);var j=Math.abs(_)>55?l*-(Math.abs(_)-50):0,x=c>1&&u>c&&Math.max(t,o)>50?u/c*-5:0;q([b,j+x,0])}}),[w,g,d,S]),S?r.jsx(f,{height:h}):r.jsx(m,{children:r.jsxs(t.ComposableMap,e.__assign({height:h,projection:"geoEqualEarth",projectionConfig:{center:j,rotate:M,scale:v}},{children:[r.jsx(t.Geographies,e.__assign({geography:C},{children:function(e){return e.geographies.map((function(e){var n=[g,d].includes(a.getCountryCodeByName(e.properties.name,u));return r.jsx(t.Geography,{fill:n?s.theme.blue100:s.theme.gray400,geography:e,stroke:n?s.theme.blue300:s.theme.gray500,strokeWidth:1},e.rsmKey)}))}})),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(g)},{children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]})),r.jsx(t.Line,{from:w(d),stroke:s.theme.blue600,strokeWidth:4,to:w(g)}),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(g)},{children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]}))]}))})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),o=require("styled-components"),a=require("topojson-client"),s=require("../../styles/constants/theme.js"),l=require("../../utils/getCountryCodeByName.js"),u=require("../skeleton/Skeleton.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,m=d(o),f=m.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),s.theme.gray50,s.theme.radius12),g=m.default(u.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),s.theme.radius12);exports.ConnectionMap=function(o){var u=o.countries,d=o.from,c=o.height,h=void 0===c?400:c,m=o.to,b=o.worldData,j=e.__read(n.useState([0,0]),2),p=j[0],x=j[1],_=e.__read(n.useState(1),2),v=_[0],k=_[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return b?a.feature(b,b.objects.countries).features:null}),[b]),w=n.useCallback((function(e){var r=null==C?void 0:C.find((function(r){var n;return l.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,u)===e}));return r?i.geoCentroid(r):[0,0]}),[u,C]),S=!(C&&u.length&&d&&m);return n.useEffect((function(){if(!S){var r=e.__read(w(d),2),n=r[0],t=r[1],o=e.__read(w(m),2),a=o[0],s=o[1],l=i.geoDistance([n,t],[a,s]),u=i.geoDistance([n,0],[a,0]),c=i.geoDistance([0,t],[0,s]),h=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,c);k(h);var f=e.__read([(n+a)/2,(t+s)/2],2),g=f[0],b=f[1];x([0,b]);var j=-g;Math.abs(n-a)>180&&(j+=180);var p=Math.abs(b)>55?l*-(Math.abs(b)-50):0,_=c>1&&u>c&&Math.max(t,s)>50?u/c*-5:0;q([j,p+_,0])}}),[w,m,d,S]),S?r.jsx(g,{height:h}):r.jsx(f,{children:r.jsxs(t.ComposableMap,{height:h,projection:"geoEqualEarth",projectionConfig:{center:p,rotate:M,scale:v},children:[r.jsx(t.Geographies,{geography:C,children:function(e){return e.geographies.map((function(e){var n=[m,d].includes(l.getCountryCodeByName(e.properties.name,u));return r.jsx(t.Geography,{fill:n?s.theme.blue100:s.theme.gray400,geography:e,stroke:n?s.theme.blue300:s.theme.gray500,strokeWidth:1},e.rsmKey)}))}}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]}),r.jsx(t.Line,{from:w(d),stroke:s.theme.blue600,strokeWidth:4,to:w(m)}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]})]})})};

package/components/cover-sheet/CoverSheet.js

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

package/components/cover-sheet/CoverSheetActions.js

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

package/components/currency/Currency.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 type Props = {
     amount: number;
     className?: string;
     code: string;
 };
-export declare const Currency: ({ amount, className, code }: Props) => JSX.Element;
+export declare const Currency: ({ amount, className, code }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/currency/Currency.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),r=require("styled-components"),s=require("../text/Text.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,l=a(r).default.span(i||(i=e.__makeTemplateObject(["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"],["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"])),t.theme.space4);exports.Currency=function(t){var r=t.amount,a=t.className,i=t.code,c=new Intl.NumberFormat("en-US",{currency:i,style:"currency"}).format(r).replace(/[^0-9.-]+/g,""),u=r<0;return n.jsxs(l,e.__assign({className:a},{children:[n.jsx(s.Text,e.__assign({color:u?"red600":"gray1200",type:"label"},{children:c})),n.jsx(s.Text,e.__assign({color:u?"red400":"gray700"},{children:i.toUpperCase()}))]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("styled-components"),n=require("../../styles/constants/theme.js"),a=require("../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}var l,c=s(r).default.span(l||(l=e.__makeTemplateObject(["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"],["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"])),n.theme.space4);exports.Currency=function(e){var r=e.amount,n=e.className,s=e.code,l=new Intl.NumberFormat("en-US",{currency:s,style:"currency"}).format(r).replace(/[^0-9.-]+/g,""),i=r<0;return t.jsxs(c,{className:n,children:[t.jsx(a.Text,{color:i?"red600":"gray1200",type:"label",children:l}),t.jsx(a.Text,{color:i?"red400":"gray700",children:s.toUpperCase()})]})};

package/components/currency/DualCurrency.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type StyledProps = {
     isTabular: boolean;
     width?: string;
@@ -13,5 +12,5 @@ type Props = {
     showLocale?: boolean;
     value: number;
 } & Partial<StyledProps>;
-export declare const DualCurrency: ({ className, conversionRate, foreignCode, isTabular, localeCode, showForeign, showLocale, value, width, }: Props) => JSX.Element | null;
+export declare const DualCurrency: ({ className, conversionRate, foreignCode, isTabular, localeCode, showForeign, showLocale, value, width, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/components/currency/DualCurrency.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../../icons/ArrowSwapIcon.js"),i=require("../../styles/constants/theme.js"),t=require("styled-components"),s=require("./Currency.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../text/Text.js");var u,c,l,o,d=a(t),m=t.css(u||(u=e.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"],["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"]))),f=t.css(c||(c=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),p=d.default.div(o||(o=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"])),(function(e){return e.isTabular?m:f}),i.theme.space8,(function(n){return n.width&&t.css(l||(l=e.__makeTemplateObject(["\n      width: p.width;\n    "],["\n      width: p.width;\n    "])))}));exports.DualCurrency=function(i){var t=i.className,a=i.conversionRate,u=i.foreignCode,c=void 0===u?"USD":u,l=i.isTabular,o=void 0===l||l,d=i.localeCode,m=void 0===d?"USD":d,f=i.showForeign,j=void 0===f||f,g=i.showLocale,h=void 0===g||g,v=i.value,y=i.width,_=function(e){return n.jsx(s.Currency,{amount:v,className:e,code:m})},w=a?v*a:v,x=function(e){return n.jsx(s.Currency,{amount:w,className:e,code:c})},b=m&&h,q=c&&j&&a,T=m===c;return q&&b&&!T?n.jsxs(p,e.__assign({className:t,isTabular:o,width:null==y?void 0:y.toString()},{children:[_(),n.jsx(r.ArrowSwapIcon,{size:12}),x()]})):T||b?_(t):q?x(t):null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../icons/ArrowSwapIcon.js"),i=require("../../styles/constants/theme.js"),s=require("./Currency.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../text/Text.js");var u,c,l,o,d=a(r),m=r.css(u||(u=e.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"],["\n  font-variant-numeric: tabular-nums;\n  display: grid;\n  grid-template-columns: 1.25fr 0fr 1.25fr;\n"]))),f=r.css(c||(c=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),p=d.default.div(o||(o=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-items: right;\n  ","\n  grid-column-gap: ",";\n  ",";\n"])),(function(e){return e.isTabular?m:f}),i.theme.space8,(function(n){return n.width&&r.css(l||(l=e.__makeTemplateObject(["\n      width: p.width;\n    "],["\n      width: p.width;\n    "])))}));exports.DualCurrency=function(e){var r=e.className,i=e.conversionRate,a=e.foreignCode,u=void 0===a?"USD":a,c=e.isTabular,l=void 0===c||c,o=e.localeCode,d=void 0===o?"USD":o,m=e.showForeign,f=void 0===m||m,j=e.showLocale,g=void 0===j||j,h=e.value,v=e.width,y=function(e){return n.jsx(s.Currency,{amount:h,className:e,code:d})},w=i?h*i:h,x=function(e){return n.jsx(s.Currency,{amount:w,className:e,code:u})},_=d&&g,b=u&&f&&i,q=d===u;return b&&_&&!q?n.jsxs(p,{className:r,isTabular:l,width:null==v?void 0:v.toString(),children:[y(),n.jsx(t.ArrowSwapIcon,{size:12}),x()]}):q||_?y(r):b?x(r):null};

package/components/danger-zone/DangerZone.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const DangerZone: import("styled-components").StyledComponent<({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: import("../card/Card").CardProps) => JSX.Element, any, {}, never>;
+export declare const DangerZone: import("styled-components").StyledComponent<({ actions, children, className, footerActions, footerContent, footerHeight, label, spacing, }: import("../card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/components/danger-zone/DangerZone.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("../card/Card.js"),n=require("../../styles/constants/theme.js"),t=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var a,s=o(t).default(r.Card)(a||(a=e.__makeTemplateObject(["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"],["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"])),n.theme.red200,n.theme.red200,n.theme.red600);exports.DangerZone=s;
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("styled-components"),n=require("../card/Card.js"),t=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var a,s=o(r).default(n.Card)(a||(a=e.__makeTemplateObject(["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"],["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"])),t.theme.red200,t.theme.red200,t.theme.red600);exports.DangerZone=s;

package/components/dialog/Dialog.js

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

package/components/dialog/_BaseDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("../backdrop/Backdrop.js"),a=require("../../styles/constants/theme.js"),d=require("../../utils/hooks/useAminoTheme.js"),s=require("styled-components");function u(e){return e&&e.__esModule?e:{default:e}}require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var l,c,h=u(s),m=h.default.div(l||(l=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"])),a.theme.textColor),f=h.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])),a.theme.surfaceColor,(function(e){return e.width}),a.theme.radius12,a.theme.v3ShadowXxl,(function(e){return!e.noBorder&&a.theme.border}));exports.BaseDialog=function(a){var s=a.children,u=a.className,l=a.closeOnBlur,c=void 0===l||l,h=a.closeOnEsc,p=void 0===h||h,x=a.noBorder,v=void 0!==x&&x,y=a.onClose,g=a.open,w=a.themeOverride,b=a.width,j=d.useAminoTheme().aminoTheme,q=t.useRef(null),k=t.useRef(null),_=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=k.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=k.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:g&&n.jsxs(n.Fragment,{children:[n.jsx(r.Backdrop,{ref:k,animate:{opacity:.65},"data-theme":w||j,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(m,e.__assign({ref:_,"data-theme":w||j,onKeyDown:function(e){y&&p&&"Escape"===e.key&&y()},onMouseDown:function(e){q.current=e.target},onMouseUp:function(e){var n=e.target===q.current,t=y&&c&&e.target===_.current;n&&t&&y(),q.current=null},tabIndex:-1},{children:n.jsx(f,e.__assign({animate:{opacity:1,scale:1},className:u,exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:v,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444},{children:s}),"dialog")}))]})}),document.querySelector("body")):null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("styled-components"),a=require("../backdrop/Backdrop.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useAminoTheme.js");function s(e){return e&&e.__esModule?e:{default:e}}require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var l,c,h=s(r),m=h.default.div(l||(l=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"])),d.theme.textColor),f=h.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])),d.theme.surfaceColor,(function(e){return e.width}),d.theme.radius12,d.theme.v3ShadowXxl,(function(e){return!e.noBorder&&d.theme.border}));exports.BaseDialog=function(e){var r=e.children,d=e.className,s=e.closeOnBlur,l=void 0===s||s,c=e.closeOnEsc,h=void 0===c||c,p=e.noBorder,x=void 0!==p&&p,v=e.onClose,y=e.open,w=e.themeOverride,b=e.width,g=u.useAminoTheme().aminoTheme,j=t.useRef(null),q=t.useRef(null),k=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=q.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=q.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=y?"hidden":"auto")}),[y]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:y&&n.jsxs(n.Fragment,{children:[n.jsx(a.Backdrop,{ref:q,animate:{opacity:.65},"data-theme":w||g,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(m,{ref:k,"data-theme":w||g,onKeyDown:function(e){v&&h&&"Escape"===e.key&&v()},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var n=e.target===j.current,t=v&&l&&e.target===k.current;n&&t&&v(),j.current=null},tabIndex:-1,children:n.jsx(f,{animate:{opacity:1,scale:1},className:d,exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:x,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444,children:r},"dialog")})]})}),document.querySelector("body")):null};

package/components/divider/Divider.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 type Props = {
     className?: string;
     vertical?: boolean;
 };
-export declare const Divider: ({ className, vertical }: Props) => JSX.Element;
+export declare const Divider: ({ className, vertical }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/divider/Divider.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var s,a,i=n(require("styled-components")),o=i.default.hr(s||(s=e.__makeTemplateObject(["\n  margin: "," 0;\n  border-color: ",";\n"],["\n  margin: "," 0;\n  border-color: ",";\n"])),t.theme.space24,t.theme.borderColor),l=i.default.hr(a||(a=e.__makeTemplateObject(["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"],["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"])),t.theme.space24,t.theme.borderColor);exports.Divider=function(e){var t=e.className,n=e.vertical;return void 0!==n&&n?r.jsx(l,{className:t}):r.jsx(o,{className:t})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a,i,o=s(t),l=o.default.hr(a||(a=e.__makeTemplateObject(["\n  margin: "," 0;\n  border-color: ",";\n"],["\n  margin: "," 0;\n  border-color: ",";\n"])),n.theme.space24,n.theme.borderColor),c=o.default.hr(i||(i=e.__makeTemplateObject(["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"],["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"])),n.theme.space24,n.theme.borderColor);exports.Divider=function(e){var t=e.className,n=e.vertical;return void 0!==n&&n?r.jsx(c,{className:t}):r.jsx(l,{className:t})};

package/components/drop-zone/DropZone.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DropzoneOptions } from 'react-dropzone';
 import { type UploadedFile } from "../../types/UploadedFile";
 export type DropZoneProps = {
@@ -32,4 +31,4 @@ export type DropZoneProps = {
     /** When the remove icon is clicked on an individual file */
     onRemoveFile: (index: number) => void;
 };
-export declare const DropZone: ({ className, disabled, dropzoneOptions, error, helpText, instructionText, loading, loadingText, noIcon, onRemoveFile, uploadedFiles, }: DropZoneProps) => JSX.Element;
+export declare const DropZone: ({ className, disabled, dropzoneOptions, error, helpText, instructionText, loading, loadingText, noIcon, onRemoveFile, uploadedFiles, }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;

package/components/drop-zone/DropZone.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("../../icons/FileDuotoneIcon.js"),a=require("../../icons/FileUploadDuotoneIcon.js"),t=require("../../icons/RemoveCircleDuotoneIcon.js"),o=require("../../styles/constants/theme.js"),l=require("styled-components"),s=require("../avatar/ImageAvatar.js"),d=require("../button/Button.js"),c=require("../spinner/Spinner.js"),u=require("../text/Text.js"),p=require("../thumbnail/Thumbnail.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../avatar/AvatarBase.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var x,f,g,h,j,_,b,y,v,q=m(l),T=q.default.div(x||(x=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"])),o.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),k=q.default.div(f||(f=e.__makeTemplateObject(["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"],["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"])),(function(e){return e.error?o.theme.danger:o.theme.borderColor}),o.theme.radius12),I=q.default.div(g||(g=e.__makeTemplateObject(["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),o.theme.space16,o.theme.space12),O=q.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"])),o.theme.space4),D=q.default.button(j||(j=e.__makeTemplateObject(["\n  display: inline;\n"],["\n  display: inline;\n"]))),F=q.default(d.Button)(_||(_=e.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),o.theme.gray200,o.theme.gray800,o.theme.gray300,o.theme.gray400),z=q.default.div(b||(b=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),o.theme.space4),R=q.default.div(y||(y=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"])),o.theme.border,o.theme.space12,o.theme.space16,o.theme.space12),C=q.default.div(v||(v=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));exports.DropZone=function(o){var l=o.className,d=o.disabled,m=void 0!==d&&d,x=o.dropzoneOptions,f=o.error,g=void 0!==f&&f,h=o.helpText,j=o.instructionText,_=void 0===j?"Drop your file(s) here":j,b=o.loading,y=o.loadingText,v=void 0===y?"Uploading file(s)...":y,q=o.noIcon,U=void 0!==q&&q,w=o.onRemoveFile,B=o.uploadedFiles,A=x.maxFiles||0,N=i.useDropzone(e.__assign(e.__assign({},x),{disabled:m,noClick:!0,noKeyboard:!0})),P=N.getInputProps,S=N.getRootProps,G=N.open,K=0!==A&&B.length>=A;return n.jsx(T,e.__assign({className:l,disabled:m},{children:b?n.jsx(k,{children:n.jsxs(I,{children:[n.jsx(c.Spinner,{}),n.jsx(u.Text,e.__assign({color:"gray800",type:"label"},{children:v}))]})}):n.jsxs(n.Fragment,{children:[!K&&n.jsx(k,e.__assign({error:g},{children:n.jsxs(I,e.__assign({},S(),{role:void 0},{children:[n.jsx("input",e.__assign({},P())),!U&&n.jsx(p.Thumbnail,{icon:n.jsx(a.FileUploadDuotoneIcon,{}),size:40}),n.jsxs(O,{children:[n.jsxs(u.Text,e.__assign({type:"label"},{children:[_," or"," ",n.jsx(D,e.__assign({disabled:m,onClick:G,type:"button"},{children:n.jsx(u.Text,e.__assign({color:"blue600",type:"label"},{children:"browse"}))}))]})),h&&n.jsx(u.Text,e.__assign({type:"caption"},{children:h}))]})]}))})),!!B.length&&n.jsx(z,{children:B.map((function(i,a){return n.jsxs(R,{children:[i.imageUrl?n.jsx(s.ImageAvatar,{imageUrl:i.imageUrl,shape:"rounded"}):n.jsx(r.FileDuotoneIcon,{}),n.jsxs(C,{children:[n.jsx(u.Text,e.__assign({color:"gray1200",type:"label"},{children:i.name})),i.size&&n.jsx(u.Text,e.__assign({color:"gray700",type:"caption"},{children:i.size}))]}),w&&n.jsx(F,e.__assign({onClick:function(){return w(a)}},{children:n.jsx(t.RemoveCircleDuotoneIcon,{size:20})}))]},i.name)}))})]})}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react-dropzone"),i=require("styled-components"),t=require("../../icons/FileDuotoneIcon.js"),o=require("../../icons/FileUploadDuotoneIcon.js"),a=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../avatar/ImageAvatar.js"),d=require("../button/Button.js"),c=require("../spinner/Spinner.js"),u=require("../text/Text.js"),p=require("../thumbnail/Thumbnail.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../avatar/AvatarBase.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var x,f,h,j,g,b,y,v,_,q=m(i),T=q.default.div(x||(x=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"])),l.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),k=q.default.div(f||(f=e.__makeTemplateObject(["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"],["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"])),(function(e){return e.error?l.theme.danger:l.theme.borderColor}),l.theme.radius12),I=q.default.div(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),l.theme.space16,l.theme.space12),O=q.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"])),l.theme.space4),D=q.default.button(g||(g=e.__makeTemplateObject(["\n  display: inline;\n"],["\n  display: inline;\n"]))),F=q.default(d.Button)(b||(b=e.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.theme.gray400),z=q.default.div(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),l.theme.space4),R=q.default.div(v||(v=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"])),l.theme.border,l.theme.space12,l.theme.space16,l.theme.space12),C=q.default.div(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));exports.DropZone=function(i){var l=i.className,d=i.disabled,m=void 0!==d&&d,x=i.dropzoneOptions,f=i.error,h=void 0!==f&&f,j=i.helpText,g=i.instructionText,b=void 0===g?"Drop your file(s) here":g,y=i.loading,v=i.loadingText,_=void 0===v?"Uploading file(s)...":v,q=i.noIcon,U=void 0!==q&&q,w=i.onRemoveFile,B=i.uploadedFiles,A=x.maxFiles||0,N=r.useDropzone(e.__assign(e.__assign({},x),{disabled:m,noClick:!0,noKeyboard:!0})),P=N.getInputProps,S=N.getRootProps,G=N.open,K=0!==A&&B.length>=A;return n.jsx(T,{className:l,disabled:m,children:y?n.jsx(k,{children:n.jsxs(I,{children:[n.jsx(c.Spinner,{}),n.jsx(u.Text,{color:"gray800",type:"label",children:_})]})}):n.jsxs(n.Fragment,{children:[!K&&n.jsx(k,{error:h,children:n.jsxs(I,e.__assign({},S(),{role:void 0,children:[n.jsx("input",e.__assign({},P())),!U&&n.jsx(p.Thumbnail,{icon:n.jsx(o.FileUploadDuotoneIcon,{}),size:40}),n.jsxs(O,{children:[n.jsxs(u.Text,{type:"label",children:[b," or"," ",n.jsx(D,{disabled:m,onClick:G,type:"button",children:n.jsx(u.Text,{color:"blue600",type:"label",children:"browse"})})]}),j&&n.jsx(u.Text,{type:"caption",children:j})]})]}))}),!!B.length&&n.jsx(z,{children:B.map((function(e,r){return n.jsxs(R,{children:[e.imageUrl?n.jsx(s.ImageAvatar,{imageUrl:e.imageUrl,shape:"rounded"}):n.jsx(t.FileDuotoneIcon,{}),n.jsxs(C,{children:[n.jsx(u.Text,{color:"gray1200",type:"label",children:e.name}),e.size&&n.jsx(u.Text,{color:"gray700",type:"caption",children:e.size})]}),w&&n.jsx(F,{onClick:function(){return w(r)},children:n.jsx(a.RemoveCircleDuotoneIcon,{size:20})})]},e.name)}))})]})})};

package/components/file-upload/FileUpload.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DropzoneOptions } from 'react-dropzone';
 type UploadFileNoImage = {
     name: string;
@@ -31,5 +30,5 @@ export type FileUploadProps = {
 /**
  * Single file input
  */
-export declare const FileUpload: ({ className, disabled, dropzoneOptions, error, instructionText, loading, loadingText, onRemoveFile, uploadedFile, }: FileUploadProps) => JSX.Element;
+export declare const FileUpload: ({ className, disabled, dropzoneOptions, error, instructionText, loading, loadingText, onRemoveFile, uploadedFile, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/file-upload/FileUpload.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("../text/Text.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),a=require("styled-components"),s=require("../button/Button.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var c,d,u,p,f,g=l(a),m=g.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"])),i.theme.space8,i.theme.space12,i.theme.radius10,i.theme.border,(function(n){return n.error?i.theme.danger:i.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),x=g.default.div(d||(d=n.__makeTemplateObject(["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"],["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"]))),h=g.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"])),i.theme.space12),y=g.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"])),i.theme.space4),_=g.default(s.Button)(f||(f=n.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400);exports.FileUpload=function(i){var a=i.className,l=i.disabled,c=void 0!==l&&l,d=i.dropzoneOptions,u=i.error,p=void 0!==u&&u,f=i.instructionText,g=void 0===f?"or drag your file here":f,j=i.loading,b=i.loadingText,v=void 0===b?"Uploading...":b,q=i.onRemoveFile,T=i.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return j?e.jsx(r.Text,{children:v}):T?function(){if(T){var t=T.name,o=T.size;return e.jsxs(y,{children:[e.jsx(r.Text,n.__assign({color:"gray1200",type:"label"},{children:t})),o&&e.jsx(r.Text,n.__assign({color:"gray700",type:"caption"},{children:o}))]})}return null}():e.jsx(r.Text,n.__assign({color:"gray600"},{children:g}))};return e.jsxs(m,n.__assign({className:a,disabled:c,error:p},{children:[e.jsxs(x,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(h,{children:[e.jsx(s.Button,n.__assign({loading:j,onClick:O,spinnerColor:"black"},{children:"Browse"})),z()]})]})),q&&T&&e.jsx(_,n.__assign({onClick:function(){return q()}},{children:e.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("styled-components"),o=require("../text/Text.js"),i=require("../../icons/RemoveCircleDuotoneIcon.js"),a=require("../../styles/constants/theme.js"),s=require("../button/Button.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var c,d,u,p,f,m=l(r),x=m.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"])),a.theme.space8,a.theme.space12,a.theme.radius10,a.theme.border,(function(n){return n.error?a.theme.danger:a.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),g=m.default.div(d||(d=n.__makeTemplateObject(["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"],["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"]))),h=m.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"])),a.theme.space12),y=m.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"])),a.theme.space4),j=m.default(s.Button)(f||(f=n.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),a.theme.gray200,a.theme.gray800,a.theme.gray300,a.theme.gray400);exports.FileUpload=function(r){var a=r.className,l=r.disabled,c=void 0!==l&&l,d=r.dropzoneOptions,u=r.error,p=void 0!==u&&u,f=r.instructionText,m=void 0===f?"or drag your file here":f,b=r.loading,v=r.loadingText,_=void 0===v?"Uploading...":v,q=r.onRemoveFile,T=r.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return b?e.jsx(o.Text,{children:_}):T?function(){if(T){var n=T.name,t=T.size;return e.jsxs(y,{children:[e.jsx(o.Text,{color:"gray1200",type:"label",children:n}),t&&e.jsx(o.Text,{color:"gray700",type:"caption",children:t})]})}return null}():e.jsx(o.Text,{color:"gray600",children:m})};return e.jsxs(x,{className:a,disabled:c,error:p,children:[e.jsxs(g,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(h,{children:[e.jsx(s.Button,{loading:b,onClick:O,spinnerColor:"black",children:"Browse"}),z()]})]})),q&&T&&e.jsx(j,{onClick:function(){return q()},children:e.jsx(i.RemoveCircleDuotoneIcon,{size:20})})]})};

package/components/graph-matrix/GraphMatrix.d.ts

@@ -23,9 +23,9 @@ type GraphMatrixProps = {
     onResultData?: (data: GraphiqlExecutionResult<ExecutionResultType> | null) => void;
 };
 export declare const GraphMatrix: {
-    ({ customToolbar, fetcher, loadingComponent, onEditQuery, onEditVariables, onResultData, query, schema, schemaName, url, variables, }: GraphMatrixProps): JSX.Element;
-    ToolbarButton: import("react").ForwardRefExoticComponent<Pick<{
+    ({ customToolbar, fetcher, loadingComponent, onEditQuery, onEditVariables, onResultData, query, schema, schemaName, url, variables, }: GraphMatrixProps): import("react/jsx-runtime").JSX.Element;
+    ToolbarButton: import("react").ForwardRefExoticComponent<Omit<{
         label: string;
-    } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "label" | "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;
+    } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/components/graph-matrix/GraphMatrix.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),o=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/_useGraphiqlExplorer.js"),l=require("../../utils/hooks/_useGraphiqlFetcher.js"),c=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("styled-components"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("react-split-it"),require("../../icons/custom/ZonosLogoIcon.js");var m,b,_,x=g(h),f=x.default.div(m||(m=e.__makeTemplateObject(["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"],["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"]))),v=x.default.div(b||(b=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),S=x.default.div(_||(_=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"],["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"])),o.theme.space12),k=function(o){var h=o.customToolbar,g=o.fetcher,m=o.loadingComponent,b=o.onEditQuery,_=o.onEditVariables,x=o.onResultData,k=o.query,y=void 0===k?"":k,C=o.schema,E=o.schemaName,I=o.url,T=o.variables,w=void 0===T?"":T,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),Q=A[0],W=A[1],z=e.__read(t.useState([1,0]),2),M=z[0],P=z[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=l.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:I}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=c.useGraphiqlStorage({defaultSchema:E});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,L,$]),t.useEffect((function(){ee&&x&&x(ee)}),[x,ee]);var te=u.useGraphiqlExplorer({onEdit:b,query:y});if(!C)return r.jsx(r.Fragment,{children:m||r.jsx(j.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(q.SplitPanel,e.__assign({collapseAll:!Q,onSetSizes:P,sizes:M},{children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,e.__assign({fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:_,plugins:[te],query:y,schema:C,storage:re,toolbar:{additionalContent:r.jsxs(r.Fragment,{children:[r.jsx(i.ToolbarButton,e.__assign({label:Q?"Hide table":"Show table",onClick:function(){return W(!Q)}},{children:Q?r.jsx(a.EyeOffIcon,{color:"red600"}):r.jsx(s.EyeIcon,{color:"gray400"})})),h]})},variables:w},{children:r.jsx(d.GraphiqlContextWrapper,e.__assign({setExecutionContext:G,setResponseEditorContext:R},{children:r.jsx(n.GraphiQL.Footer,{})}))}))}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(p.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]}))})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var o=require("styled-components"),s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),l=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/_useGraphiqlExplorer.js"),c=require("../../utils/hooks/_useGraphiqlFetcher.js"),h=require("../../utils/hooks/_useGraphiqlStorage.js"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("react-split-it"),require("../../icons/custom/ZonosLogoIcon.js");var m,b,x,_=g(o),f=_.default.div(m||(m=e.__makeTemplateObject(["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"],["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n    height: auto !important;\n    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"],["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"])),l.theme.space12),k=function(o){var l=o.customToolbar,g=o.fetcher,m=o.loadingComponent,b=o.onEditQuery,x=o.onEditVariables,_=o.onResultData,k=o.query,y=void 0===k?"":k,C=o.schema,T=o.schemaName,E=o.url,I=o.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=c.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=h.useGraphiqlStorage({defaultSchema:T});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,L,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=u.useGraphiqlExplorer({});if(!C)return r.jsx(r.Fragment,{children:m||r.jsx(j.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(q.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:C,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(a.EyeOffIcon,{color:"red600"}):r.jsx(s.EyeIcon,{color:"gray400"})}),l]})},variables:w,children:r.jsx(d.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],o=i[1];return Array.isArray(o)||o?r.jsx(p.NestedDataTable,{isFetching:O,tableData:o,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;

package/components/graph-matrix/_Graphiql.js

@@ -1 +1 @@
-"use strict";var r=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("react"),s=require("graphiql");exports.Graphiql=function(a){return e.jsx(i.Suspense,r.__assign({fallback:null},{children:e.jsx(s.GraphiQL,r.__assign({},a))}))};
+"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("react"),s=require("graphiql");exports.Graphiql=function(u){return e.jsx(i.Suspense,{fallback:null,children:e.jsx(s.GraphiQL,r.__assign({},u))})};

package/components/graph-matrix/_GraphiqlContextWrapper.d.ts

@@ -6,5 +6,5 @@ type Props = {
     setExecutionContext: (context: ExecutionContextType) => void;
     setResponseEditorContext: (context: CodeMirrorEditor) => void;
 };
-export declare const GraphiqlContextWrapper: ({ children, setExecutionContext, setResponseEditorContext, }: Props) => JSX.Element;
+export declare const GraphiqlContextWrapper: ({ children, setExecutionContext, setResponseEditorContext, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/graph-matrix/_LoadingIcon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const Loading: () => JSX.Element;
+export declare const Loading: () => import("react/jsx-runtime").JSX.Element;

package/components/graph-matrix/_LoadingIcon.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../icons/custom/ZonosLogoIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../text/Text.js");function r(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,c,l,m,f=r(o),d=f.default.div(a||(a=n.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space12),u=o.keyframes(c||(c=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),p=f.default(t.ZonosLogoIcon)(l||(l=n.__makeTemplateObject(["\n  animation: "," 2s linear infinite;\n"],["\n  animation: "," 2s linear infinite;\n"])),u),g=f.default(s.Text)(m||(m=n.__makeTemplateObject(["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"],["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"])));exports.Loading=function(){return e.jsxs(d,{children:[e.jsx(p,{size:64}),e.jsx(g,n.__assign({type:"bold-subheader"},{children:"Loading"}))]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),o=require("../../icons/custom/ZonosLogoIcon.js"),i=require("../../styles/constants/theme.js"),r=require("../text/Text.js");function s(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,c,l,m,f=s(t),d=f.default.div(a||(a=n.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space12),u=t.keyframes(c||(c=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),p=f.default(o.ZonosLogoIcon)(l||(l=n.__makeTemplateObject(["\n  animation: "," 2s linear infinite;\n"],["\n  animation: "," 2s linear infinite;\n"])),u),j=f.default(r.Text)(m||(m=n.__makeTemplateObject(["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"],["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"])));exports.Loading=function(){return e.jsxs(d,{children:[e.jsx(p,{size:64}),e.jsx(j,{type:"bold-subheader",children:"Loading"})]})};

package/components/help-text/HelpText.d.ts

@@ -9,4 +9,4 @@ export type HelpTextProps = {
      */
     helpText?: ReactNode;
 };
-export declare const HelpText: ({ error, helpText }: HelpTextProps) => JSX.Element | null;
+export declare const HelpText: ({ error, helpText }: HelpTextProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/help-text/HelpText.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../text/Text.js"),n=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var i,l=s(require("styled-components")).default.div(i||(i=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),n.theme.space8);exports.HelpText=function(n){var s=n.error,i=n.helpText;return i?s&&"string"==typeof i?t.jsx(l,{children:t.jsx(r.Text,e.__assign({color:"red700",type:"caption"},{children:i}))}):"string"==typeof i?t.jsx(l,{children:t.jsx(r.Text,e.__assign({type:"caption"},{children:i}))}):t.jsx(l,{children:i}):null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("styled-components"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l,c=i(r).default.div(l||(l=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),s.theme.space8);exports.HelpText=function(e){var r=e.error,s=e.helpText;return s?r&&"string"==typeof s?t.jsx(c,{children:t.jsx(n.Text,{color:"red700",type:"caption",children:s})}):"string"==typeof s?t.jsx(c,{children:t.jsx(n.Text,{type:"caption",children:s})}):t.jsx(c,{children:s}):null};

package/components/input/Input.d.ts

@@ -15,5 +15,5 @@ type InputType<T extends HTMLInputTypeAttribute> = {
     width?: number;
 } & Omit<FloatLabelInputProps, 'onChange'> & HelpTextProps;
 export type InputProps<T extends string = string> = InputType<T> & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType<T>>;
-export declare const Input: <T extends string>({ autoFocus, className, disabled, error, helpText, inputMode, inputPrefix, inputSuffix, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps<T>) => JSX.Element;
+export declare const Input: <T extends string>({ autoFocus, className, disabled, error, helpText, inputMode, inputPrefix, inputSuffix, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/input/Input.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js"),i=require("styled-components"),a=require("../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),s=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),o=require("./input-type/_PasswordInput.js"),l=require("./input-type/_TimeInput.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(i),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),n.theme.radius6,n.theme.border,n.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var i=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,q=n.onChange,v=n.onKeyDown,_=n.pattern,I=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=n.suffix,D=n.tabIndex,N=n.type,O=n.value,F=n.valuePrefix,M=n.width,z=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,e.__assign({className:"amino-input-wrapper ".concat(p?"disabled":""),width:M},{children:[r.jsx(f,{children:function(){switch(N){case"password":return r.jsx(o.PasswordInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"date":case"datetime-local":return r.jsx(t.DateInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z));case"number":return r.jsx(u.NumberInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"time":return r.jsx(l.TimeInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));default:return r.jsx(s.FloatLabelInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z))}}()}),r.jsx(a.HelpText,{error:c,helpText:x})]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),i=require("../../styles/constants/theme.js"),a=require("../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),s=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),o=require("./input-type/_PasswordInput.js"),l=require("./input-type/_TimeInput.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(n),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),i.theme.radius6,i.theme.border,i.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var i=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,q=n.onChange,v=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=n.suffix,D=n.tabIndex,N=n.type,O=n.value,F=n.valuePrefix,M=n.width,z=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{className:"amino-input-wrapper ".concat(p?"disabled":""),width:M,children:[r.jsx(f,{children:function(){switch(N){case"password":return r.jsx(o.PasswordInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"date":case"datetime-local":return r.jsx(t.DateInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z));case"number":return r.jsx(u.NumberInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"time":return r.jsx(l.TimeInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));default:return r.jsx(s.FloatLabelInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z))}}()}),r.jsx(a.HelpText,{error:c,helpText:x})]})};

package/components/input/SearchInput.d.ts

@@ -19,4 +19,4 @@ export type InputProps = {
     /** Input value. Required since all inputs must be fully controlled */
     value: string | null;
 };
-export declare const SearchInput: ({ autoFocus, className, disabled, inputMode, onChange, onKeyDown, pattern, placeholder, readOnly, required, tabIndex, value, ...props }: InputProps) => JSX.Element;
+export declare const SearchInput: ({ autoFocus, className, disabled, inputMode, onChange, onKeyDown, pattern, placeholder, readOnly, required, tabIndex, value, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/components/input/SearchInput.js

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

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { type FloatLabelInputProps } from './_FloatLabelInput';
-export declare const DateInput: ({ autoFocus, className, disabled, error, inputMode, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...props }: FloatLabelInputProps) => JSX.Element;
+export declare const DateInput: ({ autoFocus, className, disabled, error, inputMode, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...props }: FloatLabelInputProps) => import("react/jsx-runtime").JSX.Element;