@zonos/amino 4.4.18 → 4.4.19

package/all.d.ts

@@ -40,26 +40,6 @@ import './components/lightbox/LightBox';
 import './components/list-item/ListItem';
 import './components/list/CollapsibleList';
 import './components/list/List';
-import './components/mdx/mdx-anchor/MdxAnchor';
-import './components/mdx/mdx-badge/MdxBadge';
-import './components/mdx/mdx-banner/MdxBanner';
-import './components/mdx/mdx-bread-crumbs/MdxBreadCrumbs';
-import './components/mdx/mdx-button/MdxButton';
-import './components/mdx/mdx-card-grid/MdxCardGrid';
-import './components/mdx/mdx-card/MdxCard';
-import './components/mdx/mdx-code-block/MdxCodeBlock';
-import './components/mdx/mdx-collapse/MdxCollapse';
-import './components/mdx/mdx-copy-value/MdxCopyValue';
-import './components/mdx/mdx-hero/MdxHero';
-import './components/mdx/mdx-image/MdxImage';
-import './components/mdx/mdx-progress-checkbox/MdxProgressCheckbox';
-import './components/mdx/mdx-related-content/MdxRelatedContent';
-import './components/mdx/mdx-section/MdxSection';
-import './components/mdx/mdx-subtitle/MdxSubtitle';
-import './components/mdx/mdx-table/MdxTable';
-import './components/mdx/mdx-tabs/MdxTab';
-import './components/mdx/mdx-tabs/MdxTabs';
-import './components/mdx/mdx-video-guide/MdxVideoGuide';
 import './components/menu/Menu';
 import './components/menu/MenuItem';
 import './components/nested-data-table/NestedDataTable';

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"),t=require("../../icons/FileUploadDuotoneIcon.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),a=require("../../styles/constants/theme.js"),l=require("styled-components"),s=require("../button/Button.js"),c=require("../spinner/Spinner.js"),d=require("../text/Text.js"),u=require("../thumbnail/Thumbnail.js");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var m,x,f,g,h,j,_,b,y,v=p(l),T=v.default.div(m||(m=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"])),a.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),q=v.default.div(x||(x=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?a.theme.danger:a.theme.borderColor}),a.theme.radius12),k=v.default.div(f||(f=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"])),a.theme.space16,a.theme.space12),O=v.default.div(g||(g=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"])),a.theme.space4),D=v.default.button(h||(h=e.__makeTemplateObject(["\n  display: inline;\n"],["\n  display: inline;\n"]))),I=v.default(s.Button)(j||(j=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"])),a.theme.gray200,a.theme.gray800,a.theme.gray300,a.theme.gray400),F=v.default.div(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),a.theme.space4),z=v.default.div(b||(b=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"])),a.theme.border,a.theme.space12,a.theme.space16,a.theme.space12),R=v.default.div(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));exports.DropZone=function(a){var l=a.className,s=a.disabled,p=void 0!==s&&s,m=a.dropzoneOptions,x=a.error,f=void 0!==x&&x,g=a.helpText,h=a.instructionText,j=void 0===h?"Drop your file(s) here":h,_=a.loading,b=a.loadingText,y=void 0===b?"Uploading file(s)...":b,v=a.noIcon,C=void 0!==v&&v,w=a.onRemoveFile,B=a.uploadedFiles,U=m.maxFiles||0,N=i.useDropzone(e.__assign(e.__assign({},m),{disabled:p,noClick:!0,noKeyboard:!0})),P=N.getInputProps,S=N.getRootProps,G=N.open,K=0!==U&&B.length>=U;return n.jsx(T,e.__assign({className:l,disabled:p},{children:_?n.jsx(q,{children:n.jsxs(k,{children:[n.jsx(c.Spinner,{}),n.jsx(d.Text,e.__assign({color:"gray800",type:"label"},{children:y}))]})}):n.jsxs(n.Fragment,{children:[!K&&n.jsx(q,e.__assign({error:f},{children:n.jsxs(k,e.__assign({},S(),{role:void 0},{children:[n.jsx("input",e.__assign({},P())),!C&&n.jsx(u.Thumbnail,{icon:n.jsx(t.FileUploadDuotoneIcon,{}),size:40}),n.jsxs(O,{children:[n.jsxs(d.Text,e.__assign({type:"label"},{children:[j," or"," ",n.jsx(D,e.__assign({disabled:p,onClick:G,type:"button"},{children:n.jsx(d.Text,e.__assign({color:"blue600",type:"label"},{children:"browse"}))}))]})),g&&n.jsx(d.Text,e.__assign({type:"caption"},{children:g}))]})]}))})),!!B.length&&n.jsx(F,{children:B.map((function(i,t){return n.jsxs(z,{children:[n.jsx(r.FileDuotoneIcon,{}),n.jsxs(R,{children:[n.jsx(d.Text,e.__assign({color:"gray1200",type:"label"},{children:i.name})),i.size&&n.jsx(d.Text,e.__assign({color:"gray700",type:"caption"},{children:i.size}))]}),w&&n.jsx(I,e.__assign({onClick:function(){return w(t)}},{children:n.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]},i.name)}))})]})}))};
+"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)}))})]})}))};

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { type DropzoneOptions } from 'react-dropzone';
-import type { UploadedFile } from "../../types/UploadedFile";
+type UploadFileNoImage = {
+    name: string;
+    size: string;
+};
 export type FileUploadProps = {
     className?: string;
     /**
@@ -22,10 +25,11 @@ export type FileUploadProps = {
      */
     loadingText?: string;
     /** Display file info if uploaded file property has data */
-    uploadedFile: UploadedFile | null;
+    uploadedFile: UploadFileNoImage | null;
     onRemoveFile?: () => void;
 };
 /**
  * Single file input
  */
 export declare const FileUpload: ({ className, disabled, dropzoneOptions, error, instructionText, loading, loadingText, onRemoveFile, uploadedFile, }: FileUploadProps) => JSX.Element;
+export {};

package/components/tag/Tag.d.ts

@@ -1,9 +1,13 @@
 import type { ReactNode } from 'react';
+type TagSize = 'base' | 'lg';
 export interface TagProps {
     children?: ReactNode | string;
     className?: string;
     icon?: ReactNode;
     iconRight?: boolean;
+    size?: TagSize;
+    onClick?: () => void;
     onClose: () => void;
 }
-export declare const Tag: ({ children, className, icon, iconRight, onClose, }: TagProps) => JSX.Element;
+export declare const Tag: ({ children, className, icon, iconRight, onClick, onClose, size, }: TagProps) => JSX.Element;
+export {};

package/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../icons/RemoveIcon.js"),t=require("../../styles/constants/theme.js"),o=require("styled-components");function i(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,s,c=i(o),l=c.default.div(a||(a=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),g=c.default.button(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  font-weight: normal;\n  padding: 3px ",";\n  text-align: center;\n  font-weight: 500;\n  // default background color (gray)\n  background-color: ",";\n  color: ",";\n  border-radius: ",";\n  align-items: center;\n  &:hover {\n    background-color: ",";\n  }\n  p {\n    margin: 0;\n    font-weight: 700;\n  }\n  svg {\n    order: ",";\n  }\n"],["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  font-weight: normal;\n  padding: 3px ",";\n  text-align: center;\n  font-weight: 500;\n  // default background color (gray)\n  background-color: ",";\n  color: ",";\n  border-radius: ",";\n  align-items: center;\n  &:hover {\n    background-color: ",";\n  }\n  p {\n    margin: 0;\n    font-weight: 700;\n  }\n  svg {\n    order: ",";\n  }\n"])),t.theme.space8,t.theme.typeScaleBase,t.theme.space16,t.theme.gray200,t.theme.gray800,t.theme.radius6,t.theme.gray300,(function(n){return n.iconRight?"2":""}));exports.Tag=function(t){var o=t.children,i=t.className,a=t.icon,s=t.iconRight,c=t.onClose;return e.jsx(l,n.__assign({className:i},{children:e.jsxs(g,n.__assign({iconRight:s,onClick:c,type:"button"},{children:[a,e.jsx("p",{children:o}),e.jsx(r.RemoveIcon,{size:16})]}))}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("../../icons/RemoveIcon.js"),r=require("../../styles/constants/theme.js"),t=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var o,s,l,c,d=a(t),u=d.default.div(o||(o=n.__makeTemplateObject(["\n  display: inline-flex;\n  // default background color (gray)\n  background-color: ",";\n  border-radius: ",";\n\n  height: ",";\n"],["\n  display: inline-flex;\n  // default background color (gray)\n  background-color: ",";\n  border-radius: ",";\n\n  height: ",";\n"])),r.theme.gray200,r.theme.radius6,(function(n){return"base"===n.$size?r.theme.space20:r.theme.space24})),g=d.default.button(s||(s=n.__makeTemplateObject(["\n  display: inline-flex;\n  font-size: ",";\n  background-color: ",";\n  border-radius: "," 0 0 ",";\n  gap: ",";\n  font-weight: normal;\n  padding: 0 ",";\n\n  color: ",";\n  align-items: center;\n  text-align: center;\n  font-weight: 500;\n  &:focus {\n    outline: none;\n  }\n  p {\n    margin: 0;\n    font-weight: 600;\n  }\n\n  svg {\n    order: ",";\n  }\n"],["\n  display: inline-flex;\n  font-size: ",";\n  background-color: ",";\n  border-radius: "," 0 0 ",";\n  gap: ",";\n  font-weight: normal;\n  padding: 0 ",";\n\n  color: ",";\n  align-items: center;\n  text-align: center;\n  font-weight: 500;\n  &:focus {\n    outline: none;\n  }\n  p {\n    margin: 0;\n    font-weight: 600;\n  }\n\n  svg {\n    order: ",";\n  }\n"])),(function(n){return"base"===n.size?r.theme.fontSizeS:r.theme.fontSizeBase}),r.theme.gray200,r.theme.radius6,r.theme.radius6,r.theme.space8,r.theme.space8,r.theme.gray800,(function(n){return n.iconRight?"2":""})),m=d.default.button(l||(l=n.__makeTemplateObject(["\n  border-radius: 0 "," "," 0;\n  display: inline-flex;\n  align-items: center;\n  padding: ",";\n"],["\n  border-radius: 0 "," "," 0;\n  display: inline-flex;\n  align-items: center;\n  padding: ",";\n"])),r.theme.radius6,r.theme.radius6,r.theme.space4),h=d.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n\n  ",":hover & {\n    background-color: ",";\n    border-radius: 50%;\n  }\n"],["\n  display: flex;\n\n  ",":hover & {\n    background-color: ",";\n    border-radius: 50%;\n  }\n"])),m,r.theme.gray300);exports.Tag=function(r){var t=r.children,a=r.className,o=r.icon,s=r.iconRight,l=r.onClick,c=r.onClose,d=r.size,f=void 0===d?"base":d;return e.jsxs(u,n.__assign({$size:f,className:a},{children:[e.jsxs(g,n.__assign({iconRight:s,onClick:l,size:f,type:"button"},{children:[o,e.jsx("p",{children:t})]})),e.jsx(m,n.__assign({onClick:c,type:"button"},{children:e.jsx(h,{children:e.jsx(i.RemoveIcon,{size:14})})}))]}))};

package/package.json

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

package/types/UploadedFile.d.ts

@@ -1,4 +1,5 @@
 export type UploadedFile = {
+    imageUrl?: string;
     name: string;
     size?: string;
 };

package/components/mdx/mdx-anchor/MdxAnchor.d.ts

@@ -1,9 +0,0 @@
-import { type ReactNode } from 'react';
-export type MdxAnchorProps = {
-    children?: ReactNode;
-    className?: string;
-    href?: string;
-    internalPaths: string[];
-    title?: string;
-};
-export declare const MdxAnchor: import("react").ForwardRefExoticComponent<MdxAnchorProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/components/mdx/mdx-anchor/MdxAnchor.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../../utils/getIsInternalLink.js"),s=n.forwardRef((function(n,s){var a=n.children,i=n.className,l=n.href,c=n.internalPaths,f=n.title;return t.getIsInternalLink({href:l,internalPaths:c}).isInternalLink?r.jsx("a",e.__assign({ref:s,className:i||"",href:l,title:f},{children:a})):r.jsx("a",e.__assign({ref:s,className:i||"",href:l,rel:"nofollow noopener noreferrer",target:"_blank",title:f},{children:a}))}));exports.MdxAnchor=s;

package/components/mdx/mdx-badge/MdxBadge.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { type BadgeProps } from "../../badge/Badge";
-export declare const MdxBadge: (props: BadgeProps) => JSX.Element;

package/components/mdx/mdx-badge/MdxBadge.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../../badge/Badge.js"),n=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js");var a,i=s(n).default.div(a||(a=e.__makeTemplateObject(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));exports.MdxBadge=function(n){return t.jsx(i,{children:t.jsx(r.Badge,e.__assign({},n))})};

package/components/mdx/mdx-banner/MdxBanner.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { type BannerProps } from "../../banner/Banner";
-type Props = Omit<BannerProps, 'title'> & {
-    xtitle?: BannerProps['title'];
-};
-export declare const MdxBanner: ({ xtitle, ...props }: Props) => JSX.Element;
-export {};

package/components/mdx/mdx-banner/MdxBanner.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("../../banner/Banner.js"),t=require("../../../styles/constants/theme.js"),r=require("styled-components");function s(n){return n&&n.__esModule?n:{default:n}}require("../../stack/HStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../../icons/CheckCircleDuotoneIcon.js"),require("react"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/InfoDuotoneIcon.js"),require("../../../icons/RemoveCircleDuotoneIcon.js"),require("../../../icons/RemoveIcon.js"),require("../../../icons/WarningDuotoneIcon.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");var o,u=s(r).default.div(o||(o=n.__makeTemplateObject(["\n  margin: "," 0;\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0;\n  }\n  p {\n    line-height: 20px;\n    margin-bottom: 0px !important;\n  }\n  ul {\n    margin: 0px !important;\n    li {\n      list-style-position: inside;\n      margin: 0px !important;\n      list-style-type: '• ';\n      padding-left: 0;\n\n      ul li {\n        list-style-type: circle;\n        padding-left: 16px;\n      }\n\n      ::before {\n        display: none;\n      }\n    }\n  }\n"],["\n  margin: "," 0;\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0;\n  }\n  p {\n    line-height: 20px;\n    margin-bottom: 0px !important;\n  }\n  ul {\n    margin: 0px !important;\n    li {\n      list-style-position: inside;\n      margin: 0px !important;\n      list-style-type: '• ';\n      padding-left: 0;\n\n      ul li {\n        list-style-type: circle;\n        padding-left: 16px;\n      }\n\n      ::before {\n        display: none;\n      }\n    }\n  }\n"])),t.theme.space16);exports.MdxBanner=function(t){var r=t.xtitle,s=n.__rest(t,["xtitle"]);return e.jsx(u,{children:e.jsx(i.Banner,n.__assign({},s,{title:r}))})};

package/components/mdx/mdx-bread-crumbs/MdxBreadCrumbs.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-export type Props = {
-    children: ReactNode;
-    className?: string;
-};
-export declare const MdxBreadCrumbs: ({ children, className }: Props) => JSX.Element;

package/components/mdx/mdx-bread-crumbs/MdxBreadCrumbs.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var o,a=r(require("styled-components")).default.div(o||(o=n.__makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 500;\n  padding: 0 16px;\n\n  > a,\n  span {\n    color: ",";\n    border-bottom: none;\n    margin: 0 3px 0 5px;\n    :hover {\n      opacity: 0.9;\n    }\n    :after {\n      content: '/';\n      color: ",";\n      margin-left: 8px;\n    }\n  }\n  a:first-of-type {\n    margin-left: 0;\n  }\n  span:last-of-type {\n    color: ",";\n    :after {\n      content: none;\n    }\n  }\n"],["\n  font-size: 14px;\n  font-weight: 500;\n  padding: 0 16px;\n\n  > a,\n  span {\n    color: ",";\n    border-bottom: none;\n    margin: 0 3px 0 5px;\n    :hover {\n      opacity: 0.9;\n    }\n    :after {\n      content: '/';\n      color: ",";\n      margin-left: 8px;\n    }\n  }\n  a:first-of-type {\n    margin-left: 0;\n  }\n  span:last-of-type {\n    color: ",";\n    :after {\n      content: none;\n    }\n  }\n"])),t.theme.gray800,t.theme.gray500,t.theme.gray300);exports.MdxBreadCrumbs=function(t){var r=t.children,o=t.className;return e.jsx(a,n.__assign({className:o},{children:r}))};

package/components/mdx/mdx-button/MdxButton.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { type ButtonProps } from "../../button/Button";
-export type MdxButtonProps = ButtonProps<'a'> & {
-    internalPaths?: string[];
-};
-export declare const MdxButton: {
-    ({ children, className, href, intent, internalPaths, ...props }: MdxButtonProps): JSX.Element;
-    stableName: string;
-};

package/components/mdx/mdx-button/MdxButton.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../button/Button.js"),t=require("../../../icons/ArrowRightIcon.js"),i=require("../../../styles/constants/theme.js"),o=require("../../../utils/getIsInternalLink.js"),a=require("styled-components");function s(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../spinner/Spinner.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../../icons/icon-base/_IconBase.js");var u,c=s(a).default.div(u||(u=n.__makeTemplateObject(["\n  margin-bottom: 8px;\n  max-width: fit-content;\n  a {\n    color: ",";\n  }\n  p {\n    margin: 0 !important;\n  }\n"],["\n  margin-bottom: 8px;\n  max-width: fit-content;\n  a {\n    color: ",";\n  }\n  p {\n    margin: 0 !important;\n  }\n"])),(function(n){return n.isPrimary?"".concat(i.theme.gray0," !important"):"".concat(i.theme.gray900,"  !important")})),l=function(i){var a=i.children,s=i.className,u=i.href,l=i.intent,m=i.internalPaths,p=n.__rest(i,["children","className","href","intent","internalPaths"]),h="primary"===l,d=o.getIsInternalLink({href:u,internalPaths:m}).isInternalLink;if(!u)throw new Error("<MdxButton>".concat(a,"</MdxButton> requires an href"));return e.jsx(c,n.__assign({isPrimary:h},{children:e.jsx(r.Button,n.__assign({className:["link-button",s].join(" "),href:u,icon:h&&e.jsx(t.ArrowRightIcon,{size:20}),iconRight:h,intent:l,rel:d?void 0:"nofollow noopener noreferrer",tag:"a",target:d?void 0:"_blank"},p,{children:a}))}))};l.stableName="MdxButton",exports.MdxButton=l;

package/components/mdx/mdx-card/MdxCard.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import type { ColorPrefix } from "../../../types/Color";
-import { type Products } from "../../../utils/getProductDetails";
-export type Props = {
-    children?: JSX.Element;
-    /**
-     * @default gray
-     */
-    glowingColor?: ColorPrefix;
-    /**
-     * @default false
-     */
-    noGlowOnHover?: boolean;
-    product?: Products;
-    xlabel: string;
-    xsubLabel: string;
-};
-export declare const MdxCard: ({ children, glowingColor, noGlowOnHover, product, xlabel, xsubLabel, }: Props) => JSX.Element;

package/components/mdx/mdx-card/MdxCard.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("../../../styles/constants/theme.js"),o=require("../../../utils/getProductDetails.js"),i=require("styled-components"),s=require("../mdx-anchor/MdxAnchor.js");function c(n){return n&&n.__esModule?n:{default:n}}require("../../../icons/custom/products/CheckoutIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/custom/products/ClassifyIcon.js"),require("../../../icons/custom/products/ClearIcon.js"),require("../../../icons/custom/products/DashboardIcon.js"),require("../../../icons/custom/products/HelloIcon.js"),require("../../../icons/custom/products/LandedCostIcon.js"),require("../../../icons/custom/products/RateIcon.js"),require("../../../icons/custom/products/RestrictIcon.js"),require("../../../icons/custom/products/ScreenIcon.js"),require("../../../utils/getIsInternalLink.js");var a,l,p,d,u=c(i),x=u.default(s.MdxAnchor)(a||(a=n.__makeTemplateObject([""],[""]))),g=u.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: 1px;\n  box-shadow: inset 0px 0px 1px 1px ",";\n  border-radius: 12px;\n  position: relative;\n  font-size: 14px;\n  gap: 4px;\n  line-height: 24px;\n  overflow: hidden;\n  cursor: pointer;\n  z-index: 0;\n\n  ",""," {\n    background: ",";\n    height: 100%;\n    border-radius: 11px;\n    padding: 20px 24px;\n  }\n  ","\n\n  b {\n    color: ",";\n    font-weight: 700;\n  }\n  p {\n    font-weight: 400;\n    color: ",";\n    margin: 0;\n  }\n\n  > div {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    span {\n      color: ",";\n      font-size: 12px;\n      margin-bottom: 0;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: 1px;\n  box-shadow: inset 0px 0px 1px 1px ",";\n  border-radius: 12px;\n  position: relative;\n  font-size: 14px;\n  gap: 4px;\n  line-height: 24px;\n  overflow: hidden;\n  cursor: pointer;\n  z-index: 0;\n\n  ",""," {\n    background: ",";\n    height: 100%;\n    border-radius: 11px;\n    padding: 20px 24px;\n  }\n  ","\n\n  b {\n    color: ",";\n    font-weight: 700;\n  }\n  p {\n    font-weight: 400;\n    color: ",";\n    margin: 0;\n  }\n\n  > div {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    span {\n      color: ",";\n      font-size: 12px;\n      margin-bottom: 0;\n    }\n  }\n"])),t.theme.gray200,x,x,t.theme.gray0,(function(e){return!e.noGlowOnHover&&e.glowingColor&&i.css(l||(l=n.__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        opacity: 0;\n        width: 100%;\n        height: 100%;\n        top: calc(var(--y, 0) * 1px - 50%);\n        left: calc(var(--x, 0) * 1px - 50%);\n        background: radial-gradient(\n          circle,\n          "," 0%,\n          transparent 70%\n        );\n        filter: blur(20px);\n        transition: opacity 0.5s;\n        z-index: -1;\n      }\n      :hover {\n        &::after {\n          opacity: 1;\n        }\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        opacity: 0;\n        width: 100%;\n        height: 100%;\n        top: calc(var(--y, 0) * 1px - 50%);\n        left: calc(var(--x, 0) * 1px - 50%);\n        background: radial-gradient(\n          circle,\n          "," 0%,\n          transparent 70%\n        );\n        filter: blur(20px);\n        transition: opacity 0.5s;\n        z-index: -1;\n      }\n      :hover {\n        &::after {\n          opacity: 1;\n        }\n      }\n    "])),t.theme["".concat(e.glowingColor,"600")])}),t.theme.primary,t.theme.gray700,t.theme.gray800),h=u.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 24px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 24px;\n"])));exports.MdxCard=function(t){var i=t.children,s=t.glowingColor,c=void 0===s?"gray":s,a=t.noGlowOnHover,l=void 0!==a&&a,p=t.product,d=t.xlabel,u=t.xsubLabel,f=r.useRef(null);r.useEffect((function(){var n=f.current,e=function(e){if(n){var r=n.getBoundingClientRect(),t=r.x,o=r.y;n.style.setProperty("--x",(e.clientX-t).toString()),n.style.setProperty("--y",(e.clientY-o).toString())}};return l||null==n||n.addEventListener("mousemove",e),function(){l||null==n||n.removeEventListener("mousemove",e)}}),[l]);var m=function(){if(i){var n=(i.props||i.props.children.props).href;if(n)return n;throw new Error("MdxCard will only accept one link as a child.")}return null}(),v=o.getProductDetails(p),b=p?v.color:c;return e.jsx(g,n.__assign({ref:f,glowingColor:b,noGlowOnHover:l},{children:e.jsx(x,n.__assign({as:m?"a":"div",className:"link-button",href:m||void 0,title:d},{children:e.jsxs(h,{children:[p&&e.jsx("div",{children:v.icon}),e.jsxs("div",{children:[e.jsx("b",{children:d}),e.jsx("p",{children:u})]})]})}))}))};

package/components/mdx/mdx-card-grid/MdxCardGrid.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-export type Props = {
-    children: ReactNode;
-    twoColumn?: boolean;
-};
-export declare const MdxCardGrid: ({ children, twoColumn }: Props) => JSX.Element;

package/components/mdx/mdx-card-grid/MdxCardGrid.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");function t(n){return n&&n.__esModule?n:{default:n}}var i,r=t(require("styled-components")).default.div(i||(i=n.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ",";\n  gap: 16px;\n  margin-top: 24px;\n\n  > a > div,\n  > div {\n    height: 100%;\n  }\n\n  @media (max-width: 1510px) {\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  }\n"],["\n  display: grid;\n  grid-template-columns: ",";\n  gap: 16px;\n  margin-top: 24px;\n\n  > a > div,\n  > div {\n    height: 100%;\n  }\n\n  @media (max-width: 1510px) {\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  }\n"])),(function(n){return n.twoColumn?"repeat(2, minmax(240px, 1fr))":"repeat(3, minmax(240px, 1fr))"}));exports.MdxCardGrid=function(t){var i=t.children,a=t.twoColumn;return e.jsx(r,n.__assign({twoColumn:a},{children:i}))};

package/components/mdx/mdx-code-block/MdxCodeBlock.d.ts

@@ -1,10 +0,0 @@
-import { type ReactElement } from 'react';
-import type { Theme } from "../../../types";
-export type Props = {
-    children?: ReactElement;
-    maxHeight?: number;
-    themeOverride?: Theme;
-    type: 'JSON' | 'GraphQL';
-    xlabel: string;
-};
-export declare const MdxCodeBlock: ({ children, maxHeight, themeOverride, type, xlabel, }: Props) => JSX.Element;

package/components/mdx/mdx-code-block/MdxCodeBlock.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("../../badge/Badge.js"),o=require("../../button/Button.js"),i=require("../../stack/HStack.js"),a=require("../../../icons/CopyIcon.js"),s=require("../../../styles/constants/theme.js"),l=require("../../../utils/useCopyText.js"),p=require("styled-components");function c(n){return n&&n.__esModule?n:{default:n}}require("../../spinner/Spinner.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../stack/Stack.js"),require("../../../icons/icon-base/_IconBase.js");var d,u,g,h,x,m,f=c(p),b=f.default.div(d||(d=n.__makeTemplateObject(["\n  width: 100%;\n  background-color: ",";\n  border-radius: 12px;\n  color: ",";\n  margin-bottom: 16px;\n"],["\n  width: 100%;\n  background-color: ",";\n  border-radius: 12px;\n  color: ",";\n  margin-bottom: 16px;\n"])),s.theme.gray50,s.theme.gray1200),j=f.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"])),s.theme.gray100),y=f.default.div(g||(g=n.__makeTemplateObject(["\n  padding: 16px;\n  display: flex;\n  max-height: ","px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"],["\n  padding: 16px;\n  display: flex;\n  max-height: ","px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"])),(function(n){return n.maxHeight}),s.theme.gray1000,s.theme.gray900,s.theme.blue700,s.theme.purple700,s.theme.orange600),k=f.default(t.Badge)(h||(h=n.__makeTemplateObject(["\n  > div {\n    background-color: ",";\n    p {\n      color: ",";\n    }\n  }\n"],["\n  > div {\n    background-color: ",";\n    p {\n      color: ",";\n    }\n  }\n"])),s.theme.gray300,s.theme.gray1200),_=f.default.div(x||(x=n.__makeTemplateObject(["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"],["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"])),s.theme.gray600),w=f.default(i.HStack)(m||(m=n.__makeTemplateObject(["\n  align-items: center;\n"],["\n  align-items: center;\n"]))),v=function(n){return n?"string"==typeof n?("".concat(n).match(/\n/g)||[]).length:Array.isArray(n)?n.reduce((function(n,e){return n+v(e)}),0):n.props.children?v(n.props.children):0:0};exports.MdxCodeBlock=function(t){var i=t.children,s=t.maxHeight,p=void 0===s?260:s,c=t.themeOverride,d=void 0===c?"night":c,u=t.type,g=t.xlabel,h="pre"===(null==i?void 0:i.type)&&i.props.children,x="code"===(null==h?void 0:h.type)&&h.props.children||[],m=v(x),f=l.useCopyText(),q=f.copyText,C=f.showTooltip,S=r.useRef(null);return e.jsxs(b,n.__assign({"data-theme":d},{children:[e.jsxs(j,{children:[e.jsx("p",{children:g}),e.jsxs(w,n.__assign({spacing:16},{children:[u&&e.jsx(k,{children:u}),C?e.jsx("p",{children:"Copied!"}):e.jsx(o.Button,{icon:e.jsx(a.CopyIcon,{color:"gray1000",size:20}),intent:"text",onClick:function(){var n;return q((null===(n=S.current)||void 0===n?void 0:n.innerText)||"Oops... Something went wrong copying the text")}})]}))]}),e.jsxs(y,n.__assign({maxHeight:p},{children:[e.jsx(_,{children:n.__spreadArray([],n.__read(Array(m)),!1).map((function(n,r){return e.jsx("div",{children:r+1},r)}))}),e.jsx("div",n.__assign({ref:S},{children:i}))]}))]}))};

package/components/mdx/mdx-collapse/MdxCollapse.d.ts

@@ -1,7 +0,0 @@
-import { type ReactNode } from 'react';
-export type Props = {
-    children: ReactNode;
-    collapse?: boolean;
-    stepNumber?: number;
-};
-export declare const MdxCollapse: ({ children, collapse, stepNumber, }: Props) => JSX.Element;

package/components/mdx/mdx-collapse/MdxCollapse.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("react"),r=require("../../button/Button.js"),t=require("../../collapse/Collapse.js"),o=require("../../../icons/ChevronDownIcon.js"),s=require("../../../styles/constants/theme.js"),l=require("../../../utils/getHashId.js"),d=require("styled-components"),a=require("../mdx-section/MdxSection.js");function p(n){return n&&n.__esModule?n:{default:n}}require("../../spinner/Spinner.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/LinkIcon.js"),require("../../../styles/devices.js"),require("../../../utils/useCopyText.js");var u,c,x,g,m=p(d),h=m.default(a.MdxSection)(u||(u=n.__makeTemplateObject(["\n  border-top: 1px solid ",";\n  border-bottom: 1px solid ",";\n  padding: 16px 0;\n  border-radius: 0;\n  margin: 0 16px;\n\n  & + & {\n    border-top: none;\n  }\n"],["\n  border-top: 1px solid ",";\n  border-bottom: 1px solid ",";\n  padding: 16px 0;\n  border-radius: 0;\n  margin: 0 16px;\n\n  & + & {\n    border-top: none;\n  }\n"])),s.theme.gray200,s.theme.gray200),f=m.default.div(c||(c=n.__makeTemplateObject(["\n  font-size: 24px;\n  font-weight: 900;\n  color: ",";\n"],["\n  font-size: 24px;\n  font-weight: 900;\n  color: ",";\n"])),s.theme.gray500),v=m.default.div(x||(x=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  cursor: pointer;\n  padding-bottom: ",";\n  transition: padding-bottom 0.3s ease;\n\n  > div {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n    padding-right: 16px;\n\n    > h2 {\n      font-size: 22px;\n      font-weight: 600;\n      margin: 0;\n      padding-top: 0;\n      display: inline-block;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  cursor: pointer;\n  padding-bottom: ",";\n  transition: padding-bottom 0.3s ease;\n\n  > div {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n    padding-right: 16px;\n\n    > h2 {\n      font-size: 22px;\n      font-weight: 600;\n      margin: 0;\n      padding-top: 0;\n      display: inline-block;\n    }\n  }\n"])),(function(n){return n.isCollapsed?"0":"16px"})),b=m.default(o.ChevronDownIcon)(g||(g=n.__makeTemplateObject(["\n  transition: 0.2s ease;\n  transform: ",";\n"],["\n  transition: 0.2s ease;\n  transform: ",";\n"])),(function(n){return n.isCollapsed?"none":"rotate(-180deg)"}));exports.MdxCollapse=function(o){var s,d,a,p,u,c,x,g,m=o.children,j=o.collapse,_=void 0!==j&&j,q=o.stepNumber,y=n.__read(i.useState(_),2),w=y[0],C=y[1],k=Array.isArray(m)&&(null==m?void 0:m.find(Boolean)),I="h2"===((null===(s=k.type)||void 0===s?void 0:s.name)||k.type||null),M=I&&k;if(!M)throw new Error("Expecting first child of MdxCollapse to have an H2 label");var T=M&&m.filter((function(n){return n!==M})),z=I?l.getHashId(null===(d=M.props)||void 0===d?void 0:d.children):null===(p=null===(a=M.props)||void 0===a?void 0:a.children)||void 0===p?void 0:p.id,B=I?null===(u=M.props)||void 0===u?void 0:u.children:null===(g=null===(x=null===(c=M.props)||void 0===c?void 0:c.children)||void 0===x?void 0:x.props)||void 0===g?void 0:g.title;return e.jsxs(h,{children:[e.jsxs(v,n.__assign({isCollapsed:w,onClick:function(){return C(!w)}},{children:[e.jsxs("div",{children:[q&&e.jsx(f,{children:q}),e.jsx("h2",n.__assign({id:z},{children:B}))]}),e.jsx(r.Button,{icon:e.jsx(b,{isCollapsed:w}),intent:"plain"})]})),e.jsx(t.Collapse,n.__assign({collapsed:w},{children:T||m}))]})};

package/components/mdx/mdx-copy-value/MdxCopyValue.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export type Props = {
-    text?: string;
-};
-export declare const MdxCopyValue: ({ text }: Props) => JSX.Element;

package/components/mdx/mdx-copy-value/MdxCopyValue.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),o=require("../../../icons/CheckmarkIcon.js"),i=require("../../../icons/CopyIcon.js"),t=require("../../../styles/constants/theme.js"),r=require("../../../utils/hooks/useNotify.js"),s=require("../../../utils/useCopyText.js"),a=require("styled-components");function c(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../../icons/icon-base/_IconBase.js"),require("../../toast/ToastContext.js"),require("framer-motion"),require("uuid"),require("../../toast/Toast.js"),require("../../../icons/CheckCircleDuotoneIcon.js"),require("../../../icons/InfoDuotoneIcon.js"),require("../../../icons/RemoveCircleDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");var u,d,p=c(a),l=p.default.div(u||(u=n.__makeTemplateObject(["\n  width: fit-content;\n  border-radius: ",";\n  background: ",";\n  border: 1px solid ",";\n  display: flex;\n  align-items: center;\n  padding: 8px 8px 8px 12px;\n  margin-bottom: 16px;\n  position: relative;\n  padding-right: 32px;\n  max-width: 100%;\n  cursor: pointer;\n\n  code:not(.hljs) {\n    background: none;\n    border: none;\n    font-size: 14px;\n    line-height: 20px;\n    padding: 0;\n    font-weight: 500;\n    margin-right: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n"],["\n  width: fit-content;\n  border-radius: ",";\n  background: ",";\n  border: 1px solid ",";\n  display: flex;\n  align-items: center;\n  padding: 8px 8px 8px 12px;\n  margin-bottom: 16px;\n  position: relative;\n  padding-right: 32px;\n  max-width: 100%;\n  cursor: pointer;\n\n  code:not(.hljs) {\n    background: none;\n    border: none;\n    font-size: 14px;\n    line-height: 20px;\n    padding: 0;\n    font-weight: 500;\n    margin-right: 4px;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n"])),t.theme.radius4,t.theme.gray100,t.theme.gray200),h=p.default.div(d||(d=n.__makeTemplateObject(["\n  transition: all 0.3s ease;\n  transform: ",";\n  height: fit-content;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  right: 10px;\n  cursor: pointer;\n"],["\n  transition: all 0.3s ease;\n  transform: ",";\n  height: fit-content;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  right: 10px;\n  cursor: pointer;\n"])),(function(n){return n.showIcon?"scale(1)":"scale(0)"}));exports.MdxCopyValue=function(t){var a=t.text,c=s.useCopyText(),u=c.copyText,d=c.showTooltip,p=r.useNotify();return e.jsxs(l,n.__assign({onClick:function(){return u(a||""),void p("Text was copied!",{duration:4e3,intent:"info"})}},{children:[e.jsx("code",{children:a}),e.jsx(h,n.__assign({showIcon:!d},{children:e.jsx(i.CopyIcon,{size:16})})),e.jsx(h,n.__assign({showIcon:d},{children:e.jsx(o.CheckmarkIcon,{size:16})}))]}))};

package/components/mdx/mdx-hero/MdxHero.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-type Props = {
-    children: ReactNode;
-};
-export declare const MdxHero: ({ children }: Props) => JSX.Element | null;
-export {};

package/components/mdx/mdx-hero/MdxHero.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../../styles/constants/theme.js"),r=require("../../../styles/devices.js"),i=require("styled-components"),s=require("../mdx-section/MdxSection.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../../icons/LinkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getHashId.js"),require("../../../utils/useCopyText.js");var o,d,l,c=a(i),p=c.default(s.MdxSection)(o||(o=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  gap: 48px;\n  align-items: center;\n\n  @media "," {\n    flex-direction: column;\n  }\n\n  > div {\n    height: fit-content;\n    width: 100%;\n  }\n\n  h1,\n  h2 {\n    margin-bottom: 16px;\n  }\n\n  p {\n    margin-bottom: 16px;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  gap: 48px;\n  align-items: center;\n\n  @media "," {\n    flex-direction: column;\n  }\n\n  > div {\n    height: fit-content;\n    width: 100%;\n  }\n\n  h1,\n  h2 {\n    margin-bottom: 16px;\n  }\n\n  p {\n    margin-bottom: 16px;\n  }\n"])),r.devices.desktop),m=c.default.div(d||(d=e.__makeTemplateObject(["\n  img,\n  .gatsby-resp-image-wrapper {\n    box-shadow: ",";\n    border-radius: 10px;\n  }\n"],["\n  img,\n  .gatsby-resp-image-wrapper {\n    box-shadow: ",";\n    border-radius: 10px;\n  }\n"])),t.theme.v3ShadowLarge),u=c.default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n\n  && > a:hover {\n    border-bottom: none;\n  }\n"],["\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n\n  && > a:hover {\n    border-bottom: none;\n  }\n"])));exports.MdxHero=function(e){var t=e.children;if(!Array.isArray(t))return console.error("The MdxHero component requires at least 2 children elements. See https://amino.zonos.com/?path=/story/amino-mdxhero--mdx-hero for details."),null;var r=t.filter((function(e){return"MdxButton"===e.type.stableName})),i=t.find((function(e){return"MdxImage"===e.type.stableName}))||"",s=r&&t.filter((function(e){return!r.includes(e)&&i!==e}));return n.jsx(p,{children:n.jsxs(n.Fragment,{children:[n.jsxs("div",{children:[s,n.jsx(u,{children:r})]}),i&&n.jsx(m,{children:i})]})})};

package/components/mdx/mdx-image/MdxImage.d.ts

@@ -1,12 +0,0 @@
-import { type ReactNode } from 'react';
-type Props = {
-    addMargin?: boolean;
-    children: ReactNode;
-    color?: boolean;
-    shadow?: boolean;
-};
-export declare const MdxImage: {
-    ({ addMargin, children, color, shadow }: Props): JSX.Element;
-    stableName: string;
-};
-export {};

package/components/mdx/mdx-image/MdxImage.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("../../lightbox/LightBox.js"),t=require("../../../styles/constants/theme.js"),o=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}require("../../dialog/_BaseDialog.js"),require("react-dom"),require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js");var s,d,u=a(o),l=u.default.div(s||(s=n.__makeTemplateObject(["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: ",";\n  }\n"],["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: ",";\n  }\n"])),(function(n){return n.addMargin&&"32px 0"}),(function(n){return n.showColor?"block":"none"}),(function(n){return n.shadow&&t.theme.v3ShadowLarge})),f=u.default(i.LightBox)(d||(d=n.__makeTemplateObject(["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"],["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"]))),h=function(i){var t=i.addMargin,o=i.children,a=i.color,s=i.shadow,d=n.__read(r.useState(!1),2),u=d[0],h=d[1];return e.jsxs(e.Fragment,{children:[e.jsx(l,n.__assign({addMargin:t,onClick:function(){return h(!0)},shadow:s,showColor:a},{children:o})),e.jsx(f,n.__assign({onClose:function(){return h(!1)},open:u},{children:o}))]})};h.stableName="MdxImage",exports.MdxImage=h;

package/components/mdx/mdx-progress-checkbox/MdxProgressCheckbox.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-export type Props = {
-    checkboxKey: string;
-    children?: ReactNode;
-    pathname: string;
-    xlabel: string;
-};
-export declare const MdxProgressCheckbox: ({ checkboxKey, children, pathname, xlabel, }: Props) => JSX.Element;

package/components/mdx/mdx-progress-checkbox/MdxProgressCheckbox.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../checkbox/Checkbox.js"),n=require("../../text/Text.js"),s=require("../../../styles/constants/theme.js"),i=require("../../../utils/hooks/useStorage.js"),a=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js");var l,o,u,h=c(a),m=h.default(n.Text)(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n"],["\n  font-size: ",";\n"])),s.theme.space16),d=h.default.div(o||(o=e.__makeTemplateObject(["\n  label {\n    /* Align checkbox with list item */\n    display: flex;\n    align-items: center;\n  }\n"],["\n  label {\n    /* Align checkbox with list item */\n    display: flex;\n    align-items: center;\n  }\n"]))),x=h.default.div(u||(u=e.__makeTemplateObject(["\n  margin-left: ",";\n  margin-top: ",";\n"],["\n  margin-left: ",";\n  margin-top: ",";\n"])),s.theme.space24,s.theme.space24);exports.MdxProgressCheckbox=function(n){var s=n.checkboxKey,a=n.children,c=n.pathname,l=n.xlabel;s||console.warn("A unique progress checkbox key is required to track progress");var o="".concat(c,"-").concat(s),u=e.__read(i.useStorage({defaultValue:"",key:o,type:"local"}),2),h=u[0],b=u[1];return r.jsxs(d,{children:[r.jsx(t.Checkbox,{checked:!!h,label:l,labelComponent:r.jsx(m,e.__assign({type:"bold-label"},{children:l})),onChange:function(){return b(h?"":"checked")}}),r.jsx(x,{children:a})]})};

package/components/mdx/mdx-related-content/MdxRelatedContent.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { type Products } from "../../../utils/getProductDetails";
-export type Props = {
-    children?: JSX.Element;
-    product: Products;
-    xlabel: string;
-    xsubLabel: string;
-};
-export declare const MdxRelatedContent: ({ children, product, xlabel, xsubLabel, }: Props) => JSX.Element;

package/components/mdx/mdx-related-content/MdxRelatedContent.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../button/Button.js"),i=require("../../../icons/ArrowRightIcon.js"),o=require("../../../styles/constants/theme.js"),t=require("../../../styles/devices.js"),s=require("../../../utils/getProductDetails.js"),c=require("styled-components");function u(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../spinner/Spinner.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/custom/products/CheckoutIcon.js"),require("../../../icons/custom/products/ClassifyIcon.js"),require("../../../icons/custom/products/ClearIcon.js"),require("../../../icons/custom/products/DashboardIcon.js"),require("../../../icons/custom/products/HelloIcon.js"),require("../../../icons/custom/products/LandedCostIcon.js"),require("../../../icons/custom/products/RateIcon.js"),require("../../../icons/custom/products/RestrictIcon.js"),require("../../../icons/custom/products/ScreenIcon.js");var l,a,p=u(c),d=p.default.div(l||(l=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  margin-bottom: 16px;\n  height: fit-content;\n\n  > h4 {\n    color: ",";\n    font-weight: 700;\n    margin-top: 4px;\n  }\n  > p {\n    color: ",";\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 400;\n    margin-bottom: 0;\n  }\n  > a {\n    margin-top: auto;\n    padding: 0;\n    border-radius: 0;\n\n    :hover {\n      background: none !important;\n    }\n\n    @media "," {\n      margin-top: 8px;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  margin-bottom: 16px;\n  height: fit-content;\n\n  > h4 {\n    color: ",";\n    font-weight: 700;\n    margin-top: 4px;\n  }\n  > p {\n    color: ",";\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 400;\n    margin-bottom: 0;\n  }\n  > a {\n    margin-top: auto;\n    padding: 0;\n    border-radius: 0;\n\n    :hover {\n      background: none !important;\n    }\n\n    @media "," {\n      margin-top: 8px;\n    }\n  }\n"])),o.theme.gray1200,o.theme.gray800,t.devices.mobileL),m=p.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  font-size: 12px;\n  color: ",";\n  align-items: center;\n"],["\n  display: flex;\n  gap: 8px;\n  font-size: 12px;\n  color: ",";\n  align-items: center;\n"])),o.theme.gray800);exports.MdxRelatedContent=function(o){var t,c,u,l=o.children,a=o.product,p=o.xlabel,h=o.xsubLabel,g=s.getProductDetails(a);if(l&&!Array.isArray(l)){var x=(null===(t=null==l?void 0:l.props)||void 0===t?void 0:t.href)?l.props:null===(u=null===(c=null==l?void 0:l.props)||void 0===c?void 0:c.children)||void 0===u?void 0:u.props,f=x.children,j=x.href;if(f&&j)return e.jsxs(d,{children:[e.jsxs(m,{children:[g.icon,e.jsx("span",{children:g.name})]}),e.jsx("h4",{children:p}),e.jsx("p",{children:h}),e.jsx(r.Button,n.__assign({href:j,icon:e.jsx(i.ArrowRightIcon,{color:"blue600",size:18}),iconRight:!0,intent:"link",tag:"a"},{children:f}))]})}throw new Error("Expected exactly 1 child link in RelatedContent")};

package/components/mdx/mdx-section/MdxSection.d.ts

@@ -1,7 +0,0 @@
-import { type ReactNode } from 'react';
-type Props = {
-    children?: ReactNode;
-    className?: string;
-};
-export declare const MdxSection: ({ children, className }: Props) => JSX.Element;
-export {};

package/components/mdx/mdx-section/MdxSection.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("react"),r=require("../../../icons/LinkIcon.js"),o=require("../../../styles/constants/theme.js"),t=require("../../../styles/devices.js"),a=require("../../../utils/getHashId.js"),s=require("../../../utils/useCopyText.js"),l=require("styled-components");function c(n){return n&&n.__esModule?n:{default:n}}require("../../../icons/icon-base/_IconBase.js");var p,d,u,y=c(l),h=y.default.section(p||(p=n.__makeTemplateObject(["\n  padding: 4px 12px;\n  border-radius: 12px;\n  border: 1px solid transparent;\n\n  .link-icon {\n    display: inline;\n    white-space: nowrap;\n\n    > span {\n      font-size: 12px;\n      font-weight: 700;\n      color: ",";\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n\n  h1,\n  h2 {\n    scroll-margin-top: 140px;\n\n    > div {\n      position: relative;\n      width: fit-content;\n    }\n  }\n\n  h2 {\n    cursor: pointer;\n  }\n"],["\n  padding: 4px 12px;\n  border-radius: 12px;\n  border: 1px solid transparent;\n\n  .link-icon {\n    display: inline;\n    white-space: nowrap;\n\n    > span {\n      font-size: 12px;\n      font-weight: 700;\n      color: ",";\n      display: inline-block;\n      vertical-align: middle;\n    }\n  }\n\n  h1,\n  h2 {\n    scroll-margin-top: 140px;\n\n    > div {\n      position: relative;\n      width: fit-content;\n    }\n  }\n\n  h2 {\n    cursor: pointer;\n  }\n"])),o.theme.gray500),m=y.default.a(d||(d=n.__makeTemplateObject(["\n  "," &:link {\n    color: ",";\n    border-bottom: none;\n  }\n"],["\n  "," &:link {\n    color: ",";\n    border-bottom: none;\n  }\n"])),h,o.theme.textColor),k=y.default(r.LinkIcon)(u||(u=n.__makeTemplateObject(["\n  display: inline-block;\n  opacity: 0;\n  white-space: nowrap;\n\n  h2:hover .link-icon > & {\n    display: inline-block;\n    opacity: 1;\n\n    @media "," {\n      display: none;\n    }\n  }\n"],["\n  display: inline-block;\n  opacity: 0;\n  white-space: nowrap;\n\n  h2:hover .link-icon > & {\n    display: inline-block;\n    opacity: 1;\n\n    @media "," {\n      display: none;\n    }\n  }\n"])),t.devices.tablet);exports.MdxSection=function(r){var o=r.children,t=r.className,l=s.useCopyText(),c=l.copyText,p=l.showTooltip,d="undefined"!=typeof window?window.location.href:null,u=function(r){var o,t=r.node;return Array.isArray(t)?t.flatMap((function(n){return u({node:n})})):"string"==typeof t.type?Array.isArray(t.props.children)?i.cloneElement(t,n.__assign(n.__assign({},t.props),{key:t.key||"k".concat(Math.random())}),t.props.children.map((function(n){return u({node:n})}))):n.__assign(n.__assign({},t),{key:"k".concat(Math.random())}):t.type&&["h1","h2"].includes(t.type.name)?function(r){var o=r.props.children,t=a.getHashId(o),s="#".concat(t);return"h1"===r.type.name?i.createElement(r.type.name,{id:t,key:t},o):i.createElement(r.type.name,{id:t,key:t,onClick:function(){return window.innerWidth>768&&d&&c("".concat(d.replace(/#.*/g,"")+s))}},e.jsxs(m,n.__assign({className:"link-button",href:s,title:o},{children:[o,e.jsxs("span",n.__assign({className:"link-icon"},{children:[" ",p?e.jsx("span",{children:"Copied!"}):e.jsx(k,{size:16})]}))]}),s))}(t):t.props&&Array.isArray(t.props.children)&&t.type.name?i.cloneElement(t,n.__assign(n.__assign({},t.props),{key:t.key}),null===(o=t.props.children)||void 0===o?void 0:o.map((function(n){return u({node:n})}))):t},y=Array.isArray(o)?o.map((function(n){return u({node:n})})):u({node:o});return e.jsx(h,n.__assign({className:"".concat(t||""," comment-mode-section")},{children:y}))};

package/components/mdx/mdx-subtitle/MdxSubtitle.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const MdxSubtitle: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;

package/components/mdx/mdx-subtitle/MdxSubtitle.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),e=require("../../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var r,o=i(require("styled-components")).default.span(r||(r=n.__makeTemplateObject(["\n  width: fit-content;\n  display: block;\n  color: ",";\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 28px;\n  margin-top: -4px;\n  margin-bottom: 40px;\n"],["\n  width: fit-content;\n  display: block;\n  color: ",";\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 28px;\n  margin-top: -4px;\n  margin-bottom: 40px;\n"])),e.theme.gray600);exports.MdxSubtitle=function(n){var e=n.children;return t.jsx(o,{children:e})};

package/components/mdx/mdx-table/MdxTable.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const MdxTable: ({ children }: {
-    children?: ReactNode;
-}) => JSX.Element;

package/components/mdx/mdx-table/MdxTable.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var e,d=o(require("styled-components")).default.div(e||(e=n.__makeTemplateObject(["\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n\n  table {\n    width: 100%;\n    background: ",";\n    border-radius: 10px;\n    font-size: 14px;\n    border: 1px solid ",";\n    border-collapse: unset;\n    border-spacing: 0;\n    margin-bottom: ",";\n    box-sizing: border-box;\n  }\n\n  thead strong {\n    color: ",";\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  tbody {\n    border-radius: 10px;\n  }\n\n  tr:first-of-type {\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n  }\n\n  th:first-of-type {\n    border-top-left-radius: 10px;\n  }\n\n  th:last-of-type {\n    border-top-right-radius: 10px;\n  }\n\n  th {\n    text-align: left;\n    font-weight: normal;\n    width: fit-content;\n  }\n\n  td,\n  th {\n    min-width: 80px;\n    border-bottom: 1px solid ",";\n  }\n  tr:last-of-type td {\n    border-bottom: 0;\n  }\n\n  tr:last-of-type {\n    border-bottom: 0;\n  }\n\n  .numberingColumn {\n    padding: 10px 20px;\n  }\n\n  hr {\n    border: 0;\n    border-bottom: 1px solid ",";\n    margin: 32px 0;\n  }\n\n  table td,\n  table th {\n    span {\n      display: inline-block;\n    }\n    vertical-align: top;\n    padding: 10px 20px;\n    margin: 0;\n  }\n\n  > table {\n    border: none;\n\n    tbody {\n      tr {\n        &:first-of-type > td {\n          border-top: 1px solid ",";\n          &:first-of-type {\n            border-top-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-top-right-radius: 12px;\n          }\n        }\n\n        &:last-of-type > td {\n          border-bottom: 1px solid ",";\n          &:first-of-type {\n            border-bottom-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-bottom-right-radius: 12px;\n          }\n        }\n\n        > td:first-of-type {\n          border-left: 1px solid ",";\n        }\n        > td:last-of-type {\n          border-right: 1px solid ",";\n        }\n      }\n    }\n\n    thead > tr > th {\n      border: none;\n    }\n  }\n"],["\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n\n  table {\n    width: 100%;\n    background: ",";\n    border-radius: 10px;\n    font-size: 14px;\n    border: 1px solid ",";\n    border-collapse: unset;\n    border-spacing: 0;\n    margin-bottom: ",";\n    box-sizing: border-box;\n  }\n\n  thead strong {\n    color: ",";\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  tbody {\n    border-radius: 10px;\n  }\n\n  tr:first-of-type {\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n  }\n\n  th:first-of-type {\n    border-top-left-radius: 10px;\n  }\n\n  th:last-of-type {\n    border-top-right-radius: 10px;\n  }\n\n  th {\n    text-align: left;\n    font-weight: normal;\n    width: fit-content;\n  }\n\n  td,\n  th {\n    min-width: 80px;\n    border-bottom: 1px solid ",";\n  }\n  tr:last-of-type td {\n    border-bottom: 0;\n  }\n\n  tr:last-of-type {\n    border-bottom: 0;\n  }\n\n  .numberingColumn {\n    padding: 10px 20px;\n  }\n\n  hr {\n    border: 0;\n    border-bottom: 1px solid ",";\n    margin: 32px 0;\n  }\n\n  table td,\n  table th {\n    span {\n      display: inline-block;\n    }\n    vertical-align: top;\n    padding: 10px 20px;\n    margin: 0;\n  }\n\n  > table {\n    border: none;\n\n    tbody {\n      tr {\n        &:first-of-type > td {\n          border-top: 1px solid ",";\n          &:first-of-type {\n            border-top-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-top-right-radius: 12px;\n          }\n        }\n\n        &:last-of-type > td {\n          border-bottom: 1px solid ",";\n          &:first-of-type {\n            border-bottom-left-radius: 12px;\n          }\n          &:last-of-type {\n            border-bottom-right-radius: 12px;\n          }\n        }\n\n        > td:first-of-type {\n          border-left: 1px solid ",";\n        }\n        > td:last-of-type {\n          border-right: 1px solid ",";\n        }\n      }\n    }\n\n    thead > tr > th {\n      border: none;\n    }\n  }\n"])),r.theme.gray0,r.theme.gray200,r.theme.space16,r.theme.gray900,r.theme.gray200,r.theme.gray200,r.theme.gray200,r.theme.gray200,r.theme.gray200,r.theme.gray200);exports.MdxTable=function(n){var r=n.children;return t.jsx(d,{children:t.jsx("table",{children:r})})};

package/components/mdx/mdx-tabs/MdxTab.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const MdxTab: {
-    ({ children, xlabel, }: {
-        children?: ReactNode;
-        xlabel: string;
-    }): JSX.Element;
-    stableName: string;
-};

package/components/mdx/mdx-tabs/MdxTab.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=function(r){var a=r.children;return r.xlabel,e.jsx("div",{children:a})};r.stableName="Tab",exports.MdxTab=r;

package/components/mdx/mdx-tabs/MdxTabs.d.ts

@@ -1,5 +0,0 @@
-import { type ReactNode } from 'react';
-export type Props = {
-    children?: ReactNode;
-};
-export declare const MdxTabs: ({ children }: Props) => JSX.Element;

package/components/mdx/mdx-tabs/MdxTabs.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("framer-motion"),i=require("../../tabs/Tabs.js"),a=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../text/Text.js");var o,u=s(a).default(i.Tabs)(o||(o=e.__makeTemplateObject(["\n  margin-bottom: 32px;\n"],["\n  margin-bottom: 32px;\n"]))),c={center:{opacity:1,x:0,zIndex:1},enter:function(e){return{opacity:0,x:e>0?1e3:-1e3}},exit:function(e){return{opacity:0,position:"absolute",x:e<0?1e3:-1e3,zIndex:0}}};exports.MdxTabs=function(i){var a=i.children,s=e.__read(r.useState(0),2),o=s[0],l=s[1],d=e.__read(r.useState(1),2),m=d[0],x=d[1],p=a&&Array.isArray(a),b=function(){if(p)return a.filter((function(e){return"Tab"===e.type.stableName}));var e=a;return"Tab"===(null==e?void 0:e.type.stableName)?[e]:[]}(),f=b&&b.map((function(e){return null==e?void 0:e.props.xlabel})),_=b[o];return t.jsxs("div",{children:[t.jsx(u,{items:f||["Error loading tabs"],onChange:function(e){x(e-o),l(e)},selected:o,subtle:!0}),t.jsx(n.AnimatePresence,e.__assign({custom:m,initial:!1},{children:t.jsx(n.motion.div,e.__assign({animate:"center",custom:m,exit:"exit",initial:"enter",transition:{opacity:{duration:.2},x:{damping:40,stiffness:400,type:"spring"}},variants:c},{children:_}),o)}))]})};

package/components/mdx/mdx-video-guide/MdxVideoGuide.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export type Props = {
-    url: string;
-    xtitle: string;
-};
-export declare const getYoutubeVideo: ({ url }: {
-    url: string;
-}) => {
-    thumbnail: string;
-    videoUrl: string;
-};
-export declare const MdxVideoGuide: ({ url, xtitle }: Props) => JSX.Element;

package/components/mdx/mdx-video-guide/MdxVideoGuide.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("../../dialog/_BaseDialog.js"),r=require("../../../icons/PlayCircleDuotoneIcon.js"),i=require("../../../styles/constants/theme.js"),a=require("styled-components");function s(n){return n&&n.__esModule?n:{default:n}}require("react-dom"),require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js"),require("../../../icons/icon-base/_IconBase.js");var l,u,c,d=s(a),p=d.default(o.BaseDialog)(l||(l=n.__makeTemplateObject(["\n  background: black;\n  border: 0;\n"],["\n  background: black;\n  border: 0;\n"]))),m=d.default.button(u||(u=n.__makeTemplateObject(["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"],["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: ",";\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  transition: all 150ms ease-in-out;\n\n  svg {\n    transition: all 250ms ease-in-out;\n    transform: scale(1);\n  }\n\n  :before {\n    transition: all 250ms ease-in-out;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    opacity: 0.85;\n  }\n\n  :hover {\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n\n    svg {\n      transform: scale(1.1);\n    }\n\n    :before {\n      opacity: 0.8;\n    }\n  }\n"])),(function(n){var e=n.thumbnail;return e&&"url(".concat(e,") center center no-repeat")}),i.theme.gray0,i.theme.gray1200),b=d.default.div(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n\n  b {\n    font-weight: 600;\n  }\n"]))),g=function(n){var e,t=n.url,o=null===(e=null==t?void 0:t.match(/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\\&?]*).*/))||void 0===e?void 0:e.pop();return{thumbnail:11===(null==o?void 0:o.length)?"https://img.youtube.com/vi/".concat(o,"/0.jpg"):"",videoUrl:"https://www.youtube.com/embed/".concat(o,"?enablejsapi=1")}};exports.MdxVideoGuide=function(o){var i=o.url,a=o.xtitle,s=g({url:i}),l=s.thumbnail,u=s.videoUrl,c=t.useRef(null),d=n.__read(t.useState(!1),2),h=d[0],f=d[1];return t.useEffect((function(){var n,e=null===(n=null==c?void 0:c.current)||void 0===n?void 0:n.contentWindow;e&&(h?e.postMessage('{"event":"command","func":"playVideo","args":""}',"*"):e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"))}),[c,h]),e.jsxs(e.Fragment,{children:[e.jsx(m,n.__assign({onClick:function(n){n.stopPropagation(),f(!0)},thumbnail:l},{children:e.jsxs(b,{children:[e.jsx(r.PlayCircleDuotoneIcon,{color:"gray800",secondaryColor:"gray100"}),e.jsx("b",{children:"Watch the video guide"})]})})),e.jsx(p,n.__assign({closeOnBlur:!0,closeOnEsc:!0,onClose:function(){return f(!1)},open:h,width:1080},{children:e.jsx("iframe",{ref:c,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,height:"608",src:u,title:a,width:"1080"})}))]})},exports.getYoutubeVideo=g;