@zonos/amino 5.1.0 → 5.1.2

package/all.d.ts

@@ -6,7 +6,6 @@ import './components/announcement-dialog/AnnouncementDialog';
 import './components/avatar/AvatarBase';
 import './components/avatar/ImageAvatar';
 import './components/avatar/UserAvatar';
-import './components/backdrop/Backdrop';
 import './components/badge/Badge';
 import './components/banner/Banner';
 import './components/button/Button';
@@ -26,6 +25,7 @@ import './components/cover-sheet/CoverSheetActions';
 import './components/currency/Currency';
 import './components/currency/DualCurrency';
 import './components/danger-zone/DangerZone';
+import './components/dialog/BaseDialog';
 import './components/dialog/Dialog';
 import './components/divider/Divider';
 import './components/drop-zone/DropZone';
@@ -44,7 +44,6 @@ import './components/menu/Menu';
 import './components/menu/MenuItem';
 import './components/nested-data-table/NestedDataTable';
 import './components/nested-data-table/NestedDataTableHasura';
-import './components/ownership-block/OwnershipBlock';
 import './components/pivot-table/PivotTable';
 import './components/profile-icon/ProfileIcon';
 import './components/radio/Radio';
@@ -72,8 +71,6 @@ import './components/split-panel/SplitPanel';
 import './components/stack/HStack';
 import './components/stack/Stack';
 import './components/stack/VStack';
-import './components/styles/ColorPalette';
-import './components/styles/Shadow';
 import './components/surface/Surface';
 import './components/switch/Switch';
 import './components/table/Table';

package/components/alert-dialog/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.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"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:d,children:[u,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),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"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:d,children:[u,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};

package/components/alert-dialog/AlertDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../button/LegacyButton.js"),r=require("../dialog/_BaseDialog.js"),s=require("../rounded-icon/RoundedIcon.js"),a=require("../stack/VStack.js"),c=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=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("../../Theme-61f4342c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var p,m,x,q=j(t),g=q.default.div(p||(p=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),f=q.default.div(m||(m=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),h=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(o.ExclamationMarkIcon,{});case"warning":return n.jsx(l.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.AlertDialog=function(e){var t=e.dismissAction,o=e.dismissText,u=e.intent,l=e.label,d=e.open,j=e.subtitle,p=e.themeOverride;return n.jsx(r.BaseDialog,{"data-theme":p,onClose:t,open:d,width:350,children:n.jsx(g,{children:n.jsxs(a.VStack,{spacing:16,children:[n.jsx(s.RoundedIcon,{intent:u,children:b(u)}),n.jsxs("div",{children:[n.jsx(c.Text,{type:"title",children:l}),n.jsx(h,{children:j})]}),n.jsx(f,{children:n.jsx(i.Button,{intent:u,onClick:t,children:o})})]})})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../button/LegacyButton.js"),r=require("../dialog/BaseDialog.js"),s=require("../rounded-icon/RoundedIcon.js"),a=require("../stack/VStack.js"),c=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=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("../../Theme-61f4342c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var p,m,x,q=j(t),g=q.default.div(p||(p=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),f=q.default.div(m||(m=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),h=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(o.ExclamationMarkIcon,{});case"warning":return n.jsx(l.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.AlertDialog=function(e){var t=e.dismissAction,o=e.dismissText,u=e.intent,l=e.label,d=e.open,j=e.subtitle,p=e.themeOverride;return n.jsx(r.BaseDialog,{"data-theme":p,onClose:t,open:d,width:350,children:n.jsx(g,{children:n.jsxs(a.VStack,{spacing:16,children:[n.jsx(s.RoundedIcon,{intent:u,children:b(u)}),n.jsxs("div",{children:[n.jsx(c.Text,{type:"title",children:l}),n.jsx(h,{children:j})]}),n.jsx(f,{children:n.jsx(i.Button,{intent:u,onClick:t,children:o})})]})})})};

package/components/alert-dialog/useAlert.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.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"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};
+"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),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"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};

package/components/announcement-dialog/AnnouncementDialog.d.ts

@@ -1,25 +1,16 @@
 import { type ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
-export type AnnouncementDialogProps = {
+import { type BaseDialogProps } from "../dialog/BaseDialog";
+export type AnnouncementDialogProps = BaseDialogProps & {
     announcementId: string;
-    children: ReactNode;
-    className?: string;
-    /** Close when clicking outside dialog (on the backdrop)
-     * @default true
-     */
-    closeOnBlur?: boolean;
-    /** Close on pressing 'escape' key
-     * @default true
-     */
-    closeOnEsc?: boolean;
     image?: ReactNode;
     imageWidth?: number;
     label?: string;
-    noBorder?: boolean;
-    open?: boolean;
-    themeOverride?: Theme;
     title?: ReactNode;
-    width?: number;
-    onClose?: () => void;
 };
-export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<AnnouncementDialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<BaseDialogProps & {
+    announcementId: string;
+    image?: ReactNode;
+    imageWidth?: number | undefined;
+    label?: string | undefined;
+    title?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/announcement-dialog/AnnouncementDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("styled-components"),a=require("../dialog/_BaseDialog.js"),i=require("../stack/VStack.js"),o=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useStorage.js");function u(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var c,d,m=u(n),h=m.default(i.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),g=m.default.div(d||(d=e.__makeTemplateObject(["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"],["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),j=r.forwardRef((function(e,r){var n=e.announcementId,i=e.children,s=e.className,u=e.closeOnBlur,c=e.closeOnEsc,d=e.image,m=e.imageWidth,j=e.label,p=e.noBorder,f=e.onClose,x=e.open,q=e.themeOverride,k=e.title,w=e.width,b=l.useStorage({defaultValue:"",key:"announcement:".concat(n),type:"local"}),v=b.setValue,y=b.value;return t.jsxs(a.BaseDialog,{className:[s||"","announcement-dialog"].join(" "),closeOnBlur:u,closeOnEsc:c,"data-theme":q,noBorder:p,onClose:function(){f&&f(),v("seen")},open:x||!y,width:w,children:[t.jsx(g,{imageWidth:m,children:d}),t.jsxs(h,{spacing:8,children:[t.jsx(o.Text,{color:"blue600",type:"label",children:j}),t.jsx(o.Text,{type:"title",children:k}),t.jsx("div",{ref:r,children:t.jsx(o.Text,{color:"gray800",children:i})})]})]})}));exports.AnnouncementDialog=j;
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("styled-components"),a=require("../dialog/BaseDialog.js"),i=require("../stack/VStack.js"),o=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useStorage.js");function u(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../stack/Stack.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var c,d,m=u(r),g=m.default(i.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),h=m.default.div(d||(d=e.__makeTemplateObject(["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"],["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),j=n.forwardRef((function(n,r){var i=n.announcementId,s=n.children,u=n.className,c=n.image,d=n.imageWidth,m=n.label,j=n.onClose,f=n.open,p=n.title,x=e.__rest(n,["announcementId","children","className","image","imageWidth","label","onClose","open","title"]),q=l.useStorage({defaultValue:"",key:"announcement:".concat(i),type:"local"}),_=q.setValue,k=q.value;return t.jsxs(a.BaseDialog,e.__assign({},x,{className:[u||"","announcement-dialog"].join(" "),onClose:function(){j&&j(),_("seen")},open:f||!k,children:[t.jsx(h,{imageWidth:d,children:c}),t.jsxs(g,{spacing:8,children:[t.jsx(o.Text,{color:"blue600",type:"label",children:m}),t.jsx(o.Text,{type:"title",children:p}),t.jsx("div",{ref:r,children:t.jsx(o.Text,{color:"gray800",children:s})})]})]}))}));exports.AnnouncementDialog=j;

package/components/confirm-dialog/ConfirmContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(o){var s=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],d=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,{value:d,children:[s,c&&r.jsx(n.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})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(o){var s=o.children,u=e.__read(i.useState(),2),c=u[0],a=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],m=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,{value:m,children:[s,c&&r.jsx(n.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:q,subtitle:c.subtitle})]})};

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("../dialog/_BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),c=require("../text/Text.js"),a=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x=j(t),g=x.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),f=x.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),q=function(e){switch(e){case"danger":return n.jsx(a.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}};exports.ConfirmDialog=function(e){var t=e.confirmAction,a=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,p=e.subtitle,x=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":x,open:m,width:350,children:n.jsx(g,{children:n.jsxs(s.VStack,{spacing:16,children:[n.jsx(o.RoundedIcon,{intent:d,children:q(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(c.Text,{type:"subheader",children:j}),p&&n.jsx(c.Text,{color:"gray800",type:"body",children:p})]}),n.jsxs(f,{children:[n.jsx(r.Button,{intent:"outline",onClick:u,size:"md",children:l}),n.jsx(r.Button,{intent:d,onClick:t,size:"md",children:a})]})]})})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),c=require("../text/Text.js"),a=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,x,p=j(t),g=p.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),f=p.default.div(x||(x=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),q=function(e){switch(e){case"danger":return n.jsx(a.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}};exports.ConfirmDialog=function(e){var t=e.confirmAction,a=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,x=e.subtitle,p=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":p,open:m,width:350,children:n.jsx(g,{children:n.jsxs(s.VStack,{spacing:16,children:[n.jsx(o.RoundedIcon,{intent:d,children:q(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(c.Text,{type:"subheader",children:j}),x&&n.jsx(c.Text,{color:"gray800",type:"body",children:x})]}),n.jsxs(f,{children:[n.jsx(r.Button,{intent:"outline",onClick:u,size:"md",children:l}),n.jsx(r.Button,{intent:d,onClick:t,size:"md",children:a})]})]})})})};

package/components/confirm-dialog/useConfirm.js

@@ -1 +1 @@
-"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/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.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/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};

package/components/dialog/BaseDialog.d.ts

@@ -0,0 +1,47 @@
+import React, { type ReactNode } from 'react';
+import { type MotionProps } from 'framer-motion';
+import type { Theme } from "../../types/Theme";
+export type BaseDialogProps = {
+    children: ReactNode;
+    className?: string;
+    /** Close when clicking outside dialog (on the backdrop)
+     * @default true
+     */
+    closeOnBlur?: boolean;
+    /** Close on pressing 'escape' key
+     * @default true
+     */
+    closeOnEsc?: boolean;
+    open: boolean;
+    /**
+     * framer-motion props for the popup container.
+     *
+     * Gets shallowly combined with defaults.
+     *
+     * @default
+     *
+     * {
+     *   animate: { opacity: 1, scale: 1 },
+     *   exit: { opacity: 0, scale: 0.95 },
+     *   initial: { opacity: 0, scale: 0.95 },
+     *   transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },
+     * }
+     */
+    popupMotionProps?: MotionProps;
+    themeOverride?: Theme;
+    /**
+     * @default 444
+     */
+    width?: number;
+    /**
+     * Disable the backdrop color
+     * @default true
+     */
+    withBackdrop?: boolean;
+    /**
+     * @default true
+     */
+    withBorder?: boolean;
+    onClose?: () => void;
+};
+export declare const BaseDialog: ({ children, className, closeOnBlur, closeOnEsc, onClose, open, popupMotionProps, themeOverride, width, withBackdrop, withBorder, }: BaseDialogProps) => React.ReactPortal | null;

package/components/dialog/BaseDialog.js

@@ -0,0 +1 @@
+"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("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var l,c,u=d(r),s=u.default(i.motion.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),m=u.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.withBorder&&a.theme.border}));exports.BaseDialog=function(r){var a=r.children,d=r.className,l=r.closeOnBlur,c=void 0===l||l,u=r.closeOnEsc,h=void 0===u||u,f=r.onClose,v=r.open,p=r.popupMotionProps,x=r.themeOverride,g=r.width,b=void 0===g?444:g,w=r.withBackdrop,y=void 0===w||w,k=r.withBorder,_=void 0===k||k,j=t.useRef(null),q=t.useRef(null);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=v?"hidden":"auto")}),[v]);var C=y?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},B=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},p);return"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:v&&t.createElement(s,e.__assign({},C,{key:"dialog-backdrop",ref:q,"data-theme":x,onKeyDown:function(e){f&&h&&"Escape"===e.key&&f()},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var n=e.target===j.current,t=f&&c&&e.target===q.current;n&&t&&f(),j.current=null},tabIndex:-1,transition:{duration:.3}}),t.createElement(m,e.__assign({},B,{key:"dialog",className:[d||"","elevated"].join(" "),onClick:function(e){e.stopPropagation()},width:b,withBorder:_}),a))}),document.querySelector("body")):null};

package/components/dialog/Dialog.d.ts

@@ -1,24 +1,16 @@
 import { type ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
-export type DialogProps = {
+import { type BaseDialogProps } from "./BaseDialog";
+export type DialogProps = BaseDialogProps & {
     actions?: ReactNode;
-    children: ReactNode;
-    className?: string;
-    /** Close when clicking outside dialog (on the backdrop)
-     * @default true
-     */
-    closeOnBlur?: boolean;
-    /** Close on pressing 'escape' key
-     * @default true
-     */
-    closeOnEsc?: boolean;
     label?: ReactNode;
     leftActions?: ReactNode;
-    noBorder?: boolean;
-    open: boolean;
     subtitle?: string;
-    themeOverride?: Theme;
-    width?: number;
     onClose: () => void;
 };
-export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Dialog: import("react").ForwardRefExoticComponent<BaseDialogProps & {
+    actions?: ReactNode;
+    label?: ReactNode;
+    leftActions?: ReactNode;
+    subtitle?: string | undefined;
+    onClose: () => void;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("./_BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../icons/icon-base/_IconBase.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"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.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(r.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"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.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)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),f=d.default(u)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),l.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"])),l.theme.space24,l.theme.radius12,l.theme.radius12,l.theme.space8);a.css(_||(_=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,y,j,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"])),l.theme.space8,l.theme.space24),z=t.forwardRef((function(e,t){var a=e.actions,r=e.children,l=e.className,c=e.closeOnBlur,d=e.closeOnEsc,u=e.label,k=e.leftActions,v=e.noBorder,w=e.onClose,x=e.open,y=e.subtitle,j=e.themeOverride,T=e.width;return n.jsxs(i.BaseDialog,{className:l,closeOnBlur:c,closeOnEsc:d,"data-theme":j,noBorder:v,onClose:w,open:x,width:T,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(o.Text,{type:"title",children:u}),n.jsx(p,{icon:n.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:w})]}),y&&n.jsx(o.Text,{type:"subtitle",children:y})]}),n.jsx(O,{ref:t,children:r}),(a||k)&&n.jsxs(b,{children:[k&&n.jsx(g,{children:k}),a&&n.jsx(f,{children:a})]})]})}));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("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.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"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.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(r.Button)(x||(x=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"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.theme.gray400),g=d.default.div(w||(w=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),l.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"])),l.theme.space24,l.theme.radius12,l.theme.radius12,l.theme.space8);a.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:\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,x,w,y,j,_,T,q,z=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"])),l.theme.space8,l.theme.space24),O=t.forwardRef((function(t,a){var r=t.actions,l=t.children,c=t.label,d=t.leftActions,g=t.onClose,k=t.subtitle,v=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(i.BaseDialog,e.__assign({},v,{onClose:g,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(o.Text,{type:"title",children:c}),n.jsx(p,{icon:n.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:g})]}),k&&n.jsx(o.Text,{type:"subtitle",children:k})]}),n.jsx(z,{ref:a,children:l}),(r||d)&&n.jsxs(b,{children:[d&&n.jsx(u,{children:d}),r&&n.jsx(f,{children:r})]})]}))}));exports.Dialog=O;

package/components/lightbox/LightBox.d.ts

@@ -1,23 +1,5 @@
-import type { ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
-export type LightBoxProps = {
-    children: ReactNode;
-    className?: string;
-    /** Close when clicking outside dialog (on the backdrop)
-     * @param closeOnBlur
-     * @default true
-     */
-    closeOnBlur?: boolean;
-    /**
-     * Close on pressing 'escape' key
-     * @param closeOnEsc
-     * @default true
-     */
-    closeOnEsc?: boolean;
-    open: boolean;
-    themeOverride?: Theme;
-    width?: number;
-    withBorder?: boolean;
+import { type BaseDialogProps } from "../dialog/BaseDialog";
+export type LightBoxProps = BaseDialogProps & {
     onClose: () => void;
 };
-export declare const LightBox: ({ children, className, closeOnBlur, closeOnEsc, onClose, open, themeOverride, width, withBorder, }: LightBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LightBox: ({ children, ...props }: LightBoxProps) => import("react/jsx-runtime").JSX.Element;

package/components/lightbox/LightBox.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../dialog/_BaseDialog.js");require("../../_tslib-ccfac372.js"),require("react"),require("react-dom"),require("framer-motion"),require("styled-components"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js");exports.LightBox=function(s){var o=s.children,i=s.className,t=s.closeOnBlur,a=s.closeOnEsc,n=s.onClose,c=s.open,l=s.themeOverride,u=s.width,d=s.withBorder,m=void 0!==d&&d;return e.jsx(r.BaseDialog,{className:i,closeOnBlur:t,closeOnEsc:a,"data-theme":l,noBorder:!m,onClose:n,open:c,width:u,children:o})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("../dialog/BaseDialog.js");require("react"),require("react-dom"),require("framer-motion"),require("styled-components"),require("../../styles/constants/theme.js");exports.LightBox=function(s){var t=s.children,a=e.__rest(s,["children"]);return r.jsx(i.BaseDialog,e.__assign({},a,{children:t}))};

package/components/slide-over/SlideOver.d.ts

@@ -1,13 +1,8 @@
 import { type ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
-export type SlideOverProps = {
+import { type BaseDialogProps } from "../dialog/BaseDialog";
+export type SlideOverProps = BaseDialogProps & {
     actions?: ReactNode;
-    children: ReactNode;
     label?: string;
-    modal?: boolean;
-    open: boolean;
     subtitle?: ReactNode;
-    themeOverride?: Theme;
-    onClose: () => void;
 };
-export declare const SlideOver: ({ actions, children, label, modal, onClose, open, subtitle, themeOverride, }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlideOver: ({ actions, children, label, onClose, subtitle, ...props }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;

package/components/slide-over/SlideOver.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime");require("react");var t=require("framer-motion"),i=require("styled-components"),r=require("../backdrop/Backdrop.js"),a=require("../stack/HStack.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),c=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,h,m,u,x,b=l(i),g=b.default(t.motion.div)(p||(p=n.__makeTemplateObject(["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"],["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"])),c.theme.surfaceColor,c.theme.v3ShadowXxl,c.theme.border),f=b.default.header(h||(h=n.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),c.theme.space24,c.theme.border),j=b.default.div(m||(m=n.__makeTemplateObject(["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"],["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"])),c.theme.gray200,c.theme.textColor),v=b.default.div(u||(u=n.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"])),c.theme.space24),y=b.default.div(x||(x=n.__makeTemplateObject(["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),c.theme.space24,c.theme.border,c.theme.surfaceColorSecondary,c.theme.space8);exports.SlideOver=function(n){var i=n.actions,c=n.children,l=n.label,p=n.modal,h=void 0===p||p,m=n.onClose,u=n.open,x=n.subtitle,b=n.themeOverride;return e.jsx(t.AnimatePresence,{children:u&&e.jsxs(e.Fragment,{children:[e.jsx(r.Backdrop,{animate:{opacity:h?.65:0},"data-theme":b,exit:{opacity:0},initial:{opacity:0},onClick:m,transition:{duration:.35}},"dialog-backdrop"),e.jsxs(g,{animate:{opacity:1,x:0},className:"elevated",exit:{opacity:0,x:300},initial:{opacity:0,x:300},transition:{duration:.45,ease:[.4,0,.2,1]},children:[e.jsxs(f,{children:[x?e.jsxs(o.VStack,{className:"header-content",spacing:0,children:[e.jsx(s.Text,{type:"title",children:l}),x]}):e.jsx(s.Text,{className:"header-content",type:"title",children:l}),e.jsx(j,{onClick:m,children:e.jsx(d.RemoveIcon,{})})]}),e.jsx(v,{children:c}),i&&e.jsx(y,{children:e.jsx(a.HStack,{spacing:8,children:i})})]},"slide-over")]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var t=require("styled-components"),i=require("../dialog/BaseDialog.js"),r=require("../stack/HStack.js"),o=require("../stack/VStack.js"),a=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var c,p,u,h,m,x=d(t),g=x.default(i.BaseDialog)(c||(c=e.__makeTemplateObject(["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"],["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"])),l.theme.border),b=x.default.header(p||(p=e.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.border),f=x.default.div(u||(u=e.__makeTemplateObject(["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"],["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"])),l.theme.gray200,l.theme.textColor),v=x.default.div(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"])),l.theme.space24),j=x.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.border,l.theme.surfaceColorSecondary,l.theme.space8);exports.SlideOver=function(t){var i=t.actions,l=t.children,d=t.label,c=t.onClose,p=t.subtitle,u=e.__rest(t,["actions","children","label","onClose","subtitle"]);return n.jsxs(g,e.__assign({onClose:c,popupMotionProps:{animate:{opacity:1,x:0},exit:{opacity:0,x:300},initial:{opacity:0,x:300},transition:{duration:.45,ease:[.4,0,.2,1]}},width:300},u,{children:[n.jsxs(b,{children:[p?n.jsxs(o.VStack,{className:"header-content",spacing:0,children:[n.jsx(a.Text,{type:"title",children:d}),p]}):n.jsx(a.Text,{className:"header-content",type:"title",children:d}),n.jsx(f,{onClick:c,children:n.jsx(s.RemoveIcon,{})})]}),n.jsx(v,{children:l}),i&&n.jsx(j,{children:n.jsx(r.HStack,{spacing:8,children:i})})]}))};

package/package.json

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

package/theme.css

@@ -1,5 +1,6 @@
 :root,
 [data-theme='day'] {
+  color-scheme: light;
   --amino-transition: all 0.2s ease-in-out 0s;
   --amino-type-scale-base: 16px;
   --amino-glass-0: #10111600;
@@ -265,6 +266,7 @@
 
 /* Night theme */
 [data-theme='night'] {
+  color-scheme: dark;
   --amino-glass-0: #ffffff00;
   --amino-glass-50: #ffffff0a;
   --amino-glass-100: #ffffff21;

package/utils/hooks/useAminoTheme.d.ts

@@ -1,8 +1,11 @@
+import type { Theme } from "../../types";
 type Params = {
-    /** Whether to modify the HTML body */
-    root: boolean;
+    /** Use with root to override a theme in localStorage */
+    override?: Theme;
+    /** Whether to modify the root HTML element */
+    root?: boolean;
 };
-export declare const useAminoTheme: (props?: Params) => {
+export declare const useAminoTheme: (params?: Params) => {
     aminoTheme: "day" | "night" | "midnight";
     setAminoTheme: (value: "day" | "night" | "midnight") => Promise<void>;
 };

package/utils/hooks/useAminoTheme.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../../Theme-61f4342c.js"),t=require("./useStorage.js"),u=require("../storage.js");require("zod"),require("../../_tslib-ccfac372.js"),require("./useSwr.js"),require("swr");exports.useAminoTheme=function(a){var o=!!(null==a?void 0:a.root),i=t.useStorage({defaultValue:function(){if("undefined"==typeof window)return"day";var e=u.getStorageItem({key:"amino:theme",schema:r.themeSchema,type:"local"});return null!=e?e:"day"}(),key:"amino:theme",type:"local"}),n=i.setValue,s=i.value;return e.useEffect((function(){o&&(document.documentElement.dataset.theme=s)}),[s,o]),{aminoTheme:s,setAminoTheme:n}};
+"use strict";var e=require("react"),r=require("../../Theme-61f4342c.js"),t=require("./useStorage.js"),u=require("../storage.js");require("zod"),require("../../_tslib-ccfac372.js"),require("./useSwr.js"),require("swr");exports.useAminoTheme=function(a){var o=null!=a?a:{},i=o.override,n=o.root,s=t.useStorage({defaultValue:function(){if("undefined"==typeof window)return"day";var e=u.getStorageItem({key:"amino:theme",schema:r.themeSchema,type:"local"});return null!=e?e:"day"}(),key:"amino:theme",type:"local"}),m=s.setValue,l=s.value;return e.useEffect((function(){n&&(document.documentElement.dataset.theme=i||l)}),[l,i,n]),{aminoTheme:i||l,setAminoTheme:m}};

package/components/backdrop/Backdrop.d.ts

@@ -1 +0,0 @@
-export declare const Backdrop: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/components/backdrop/Backdrop.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("framer-motion"),t=require("styled-components"),i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var r,d=o(t).default(n.motion.div)(r||(r=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  background: ",";\n  z-index: 999;\n  position: fixed;\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  background: ",";\n  z-index: 999;\n  position: fixed;\n"])),i.theme.backdropColor);exports.Backdrop=d;

package/components/dialog/_BaseDialog.d.ts

@@ -1,14 +0,0 @@
-import React, { type ReactNode } from 'react';
-import type { Theme } from "../../types/Theme";
-export type BaseDialogProps = {
-    children: ReactNode;
-    className?: string;
-    closeOnBlur?: boolean;
-    closeOnEsc?: boolean;
-    noBorder?: boolean;
-    open: boolean;
-    themeOverride?: Theme;
-    width?: number;
-    onClose?: () => void;
-};
-export declare const BaseDialog: ({ children, className, closeOnBlur, closeOnEsc, noBorder, onClose, open, themeOverride, width, }: BaseDialogProps) => React.ReactPortal | null;

package/components/dialog/_BaseDialog.js

@@ -1 +0,0 @@
-"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");function l(e){return e&&e.__esModule?e:{default:e}}var c,u,s=l(r),f=s.default.div(c||(c=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),h=s.default(i.motion.div)(u||(u=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,l=e.closeOnBlur,c=void 0===l||l,u=e.closeOnEsc,s=void 0===u||u,m=e.noBorder,p=void 0!==m&&m,v=e.onClose,x=e.open,y=e.themeOverride,b=e.width,w=t.useRef(null),g=t.useRef(null),j=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=g.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=g.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=x?"hidden":"auto")}),[x]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:x&&n.jsxs(n.Fragment,{children:[n.jsx(a.Backdrop,{ref:g,animate:{opacity:.65},"data-theme":y,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(f,{ref:j,"data-theme":y,onKeyDown:function(e){v&&s&&"Escape"===e.key&&v()},onMouseDown:function(e){w.current=e.target},onMouseUp:function(e){var n=e.target===w.current,t=v&&c&&e.target===j.current;n&&t&&v(),w.current=null},tabIndex:-1,children:n.jsx(h,{animate:{opacity:1,scale:1},className:[d||"","elevated"].join(" "),exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:p,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/ownership-block/OwnershipBlock.d.ts

@@ -1,15 +0,0 @@
-import type { Theme } from "../../types";
-type DocOwner = {
-    id: string | null;
-    name: string | null;
-} | null;
-export type Props = {
-    docChampion: DocOwner;
-    docEngineer: DocOwner;
-    docOwner: DocOwner;
-    docWriter: DocOwner;
-    isLoading: boolean;
-    themeOverride?: Theme;
-};
-export declare const OwnershipBlock: ({ docChampion, docEngineer, docOwner, docWriter, isLoading, themeOverride, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/components/ownership-block/OwnershipBlock.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("styled-components"),t=require("../skeleton/Skeleton.js"),i=require("../../icons/BookIcon.js"),r=require("../../icons/CodeIcon.js"),a=require("../../icons/EyeDuotoneIcon.js"),d=require("../../icons/StarIcon.js"),s=require("../../icons/UserIcon.js"),p=require("../../styles/constants/theme.js"),l=require("../../styles/devices.js");function c(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var x,g,b,u,m,h,f=c(o),j=f.default.div(x||(x=n.__makeTemplateObject(["\n  padding: 24px;\n  background-color: ",";\n  border-radius: 10px;\n  margin: 6px 28px 32px;\n  overflow: hidden;\n"],["\n  padding: 24px;\n  background-color: ",";\n  border-radius: 10px;\n  margin: 6px 28px 32px;\n  overflow: hidden;\n"])),p.theme.gray50),w=f.default.div(g||(g=n.__makeTemplateObject(["\n  margin-top: 16px;\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 48px;\n  row-gap: 16px;\n  justify-content: left;\n  width: 100%;\n  white-space: nowrap;\n\n  @media "," {\n    flex-direction: column;\n  }\n"],["\n  margin-top: 16px;\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 48px;\n  row-gap: 16px;\n  justify-content: left;\n  width: 100%;\n  white-space: nowrap;\n\n  @media "," {\n    flex-direction: column;\n  }\n"])),l.devices.mobileL),k=f.default.div(b||(b=n.__makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  color: ",";\n  width: fit-content;\n  flex: 1 1 0px;\n  position: relative;\n\n  ::before {\n    content: '';\n    position: absolute;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(43, 196, 143, 0.14) 0%,\n      rgba(43, 196, 143, 0) 100%\n    );\n    height: 116px;\n    width: 116px;\n    top: 34px;\n    left: -50px;\n\n    @media "," {\n      top: 30px;\n      left: -16px;\n      height: 50px;\n      width: 50px;\n    }\n  }\n\n  span {\n    font-weight: 600;\n  }\n  b {\n    font-weight: 700;\n  }\n"],["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  color: ",";\n  width: fit-content;\n  flex: 1 1 0px;\n  position: relative;\n\n  ::before {\n    content: '';\n    position: absolute;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(43, 196, 143, 0.14) 0%,\n      rgba(43, 196, 143, 0) 100%\n    );\n    height: 116px;\n    width: 116px;\n    top: 34px;\n    left: -50px;\n\n    @media "," {\n      top: 30px;\n      left: -16px;\n      height: 50px;\n      width: 50px;\n    }\n  }\n\n  span {\n    font-weight: 600;\n  }\n  b {\n    font-weight: 700;\n  }\n"])),p.theme.gray1200,l.devices.desktop),v=f.default(k)(u||(u=n.__makeTemplateObject(["\n  ::before {\n    top: 0;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(202, 109, 120, 0.24) 0%,\n      rgba(202, 109, 120, 0) 100%\n    );\n    @media "," {\n      top: -12px;\n    }\n  }\n"],["\n  ::before {\n    top: 0;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(202, 109, 120, 0.24) 0%,\n      rgba(202, 109, 120, 0) 100%\n    );\n    @media "," {\n      top: -12px;\n    }\n  }\n"])),l.devices.desktop),y=f.default(k)(m||(m=n.__makeTemplateObject(["\n  ::before {\n    top: 0;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(126, 133, 219, 0.2) 0%,\n      rgba(126, 133, 219, 0.24) 0.01%,\n      rgba(126, 133, 219, 0) 100%\n    );\n    @media "," {\n      top: -12px;\n    }\n  }\n"],["\n  ::before {\n    top: 0;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(126, 133, 219, 0.2) 0%,\n      rgba(126, 133, 219, 0.24) 0.01%,\n      rgba(126, 133, 219, 0) 100%\n    );\n    @media "," {\n      top: -12px;\n    }\n  }\n"])),l.devices.desktop),_=f.default(k)(h||(h=n.__makeTemplateObject(["\n  ::before {\n    top: 0;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(220, 127, 81, 0.24) 0%,\n      rgba(220, 127, 81, 0) 100%\n    );\n    @media "," {\n      top: -6px;\n    }\n  }\n"],["\n  ::before {\n    top: 0;\n    background: radial-gradient(\n      50% 50% at 50% 50%,\n      rgba(220, 127, 81, 0.24) 0%,\n      rgba(220, 127, 81, 0) 100%\n    );\n    @media "," {\n      top: -6px;\n    }\n  }\n"])),l.devices.desktop);exports.OwnershipBlock=function(n){var o=n.docChampion,p=n.docEngineer,l=n.docOwner,c=n.docWriter,x=n.isLoading,g=n.themeOverride,b=void 0===g?"night":g;return e.jsxs(j,{"data-theme":b,children:[e.jsxs(k,{children:[e.jsx(a.EyeDuotoneIcon,{color:"gray300",secondaryColor:"gray800",size:20}),e.jsx("span",{children:"Zonos Only"})]}),e.jsxs(w,{children:[e.jsxs(k,{children:[e.jsx(s.UserIcon,{color:"green500",size:20}),x?e.jsx(t.Skeleton,{animation:!0,width:100}):e.jsx("b",{children:(null==l?void 0:l.name)||"N/A"})]}),e.jsxs(v,{children:[e.jsx(i.BookIcon,{color:"red500",size:20}),x?e.jsx(t.Skeleton,{animation:!0,width:100}):e.jsx("b",{children:(null==c?void 0:c.name)||"N/A"})]}),e.jsxs(y,{children:[e.jsx(r.CodeIcon,{color:"blue500",size:20}),x?e.jsx(t.Skeleton,{animation:!0,width:100}):e.jsx("b",{children:(null==p?void 0:p.name)||"N/A"})]}),e.jsxs(_,{children:[e.jsx(d.StarIcon,{color:"orange500",size:20}),x?e.jsx(t.Skeleton,{animation:!0,width:100}):e.jsx("b",{children:(null==o?void 0:o.name)||"N/A"})]})]})]})};

package/components/styles/ColorPalette.d.ts

@@ -1 +0,0 @@
-export declare const ColorPalette: () => import("react/jsx-runtime").JSX.Element;

package/components/styles/ColorPalette.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var l,s,o,d=i(t),u=["blue","cyan","green","orange","purple","red","gray","glass"],p=["100","200","300","400","500","600","700","800","900","1000"],m=d.default.div(l||(l=e.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(auto-fit, calc(33% - ","));\n  gap: ",";\n  align-items: center;\n"],["\n  display: grid;\n  grid-template-columns: repeat(auto-fit, calc(33% - ","));\n  gap: ",";\n  align-items: center;\n"])),c.theme.space24,c.theme.space24),g=d.default.div(s||(s=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ",";\n  text-align: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ",";\n  text-align: center;\n"])),c.theme.space24),f=d.default.div(o||(o=e.__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  padding: ",";\n  background: ",";\n"],["\n  color: ",";\n  font-size: ",";\n  padding: ",";\n  background: ",";\n"])),(function(e){return e.color}),c.theme.fontSizeS,c.theme.space24,(function(e){return c.theme[e.background]}));exports.ColorPalette=function(){return n.jsx(m,{children:u.map((function(t){return n.jsxs(g,{children:[n.jsx(a.Text,{type:"title",children:t.toUpperCase()}),n.jsx(r.VStack,{spacing:0,children:("gray"!==t&&"glass"!==t?p:e.__spreadArray(e.__spreadArray(["0","50"],e.__read(p),!1),["1100","1200"],!1)).map((function(e){var r="".concat(t).concat(e);return n.jsx("div",{children:n.jsx(f,{background:r,color:Number(e)<500?"black":"white",children:n.jsx(a.Text,{children:e})})},r)}))})]},t)}))})};

package/components/styles/Shadow.d.ts

@@ -1 +0,0 @@
-export declare const Shadow: () => import("react/jsx-runtime").JSX.Element;

package/components/styles/Shadow.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),n=require("react"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s,d,u=l(r),i=[{label:"Inset",value:"inset"},{label:"Base",value:"small"},{label:"Medium",value:"base"},{label:"Large",value:"medium"},{label:"XL",value:"large"},{label:"2XL",value:"larger"}],o=u.default.div(s||(s=e.__makeTemplateObject(["\n  margin-bottom: ",";\n  box-shadow: var(",");\n  background: ",";\n  padding: "," ",";\n"],["\n  margin-bottom: ",";\n  box-shadow: var(",");\n  background: ",";\n  padding: "," ",";\n"])),t.theme.space40,(function(e){return e.shadow}),t.theme.gray100,t.theme.space16,t.theme.space24),c=u.default.div(d||(d=e.__makeTemplateObject(["\n  background: ",";\n  padding: "," ",";\n"],["\n  background: ",";\n  padding: "," ",";\n"])),t.theme.gray0,t.theme.space8,t.theme.space24);exports.Shadow=function(){return a.jsx(c,{children:i.map((function(e){var r=e.label,t=e.value,l="--amino-shadow-".concat(t);return a.jsxs(n.Fragment,{children:[a.jsxs("p",{children:["Shadow intensity: ",r]}),a.jsx(o,{shadow:l,children:a.jsxs("p",{children:["var(",l,")"]})})]},l)}))})};