@zonos/amino 4.3.1 → 4.3.3

package/all.d.ts

@@ -40,26 +40,26 @@ import './components/lightbox/LightBox';
 import './components/list-item/ListItem';
 import './components/list/CollapsibleList';
 import './components/list/List';
-import './components/mdx-anchor/MdxAnchor';
-import './components/mdx-badge/MdxBadge';
-import './components/mdx-banner/MdxBanner';
-import './components/mdx-bread-crumbs/MdxBreadCrumbs';
-import './components/mdx-button/MdxButton';
-import './components/mdx-card-grid/MdxCardGrid';
-import './components/mdx-card/MdxCard';
-import './components/mdx-code-block/MdxCodeBlock';
-import './components/mdx-collapse/MdxCollapse';
-import './components/mdx-copy-value/MdxCopyValue';
-import './components/mdx-hero/MdxHero';
-import './components/mdx-image/MdxImage';
-import './components/mdx-progress-checkbox/MdxProgressCheckbox';
-import './components/mdx-related-content/MdxRelatedContent';
-import './components/mdx-section/MdxSection';
-import './components/mdx-subtitle/MdxSubtitle';
-import './components/mdx-table/MdxTable';
-import './components/mdx-tabs/MdxTab';
-import './components/mdx-tabs/MdxTabs';
-import './components/mdx-video-guide/MdxVideoGuide';
+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/graph-matrix/GraphMatrix.js

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

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

@@ -0,0 +1 @@
+"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.className,i=n.children,l=n.href,c=n.title,f=n.internalPaths;return t.getIsInternalLink({href:l,internalPaths:f}).isInternalLink?r.jsx("a",e.__assign({className:a||"",ref:s,title:c,href:l},{children:i})):r.jsx("a",e.__assign({className:a||"",href:l,ref:s,rel:"nofollow noopener noreferrer",target:"_blank",title:c},{children:i}))}));exports.MdxAnchor=s;

package/components/{mdx-badge → mdx/mdx-badge}/MdxBadge.d.ts

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

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

@@ -0,0 +1 @@
+"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-banner → mdx/mdx-banner}/MdxBanner.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type BannerProps } from "../banner/Banner";
+import { type BannerProps } from "../../banner/Banner";
 type Props = Omit<BannerProps, 'title'> & {
     xtitle?: BannerProps['title'];
 };

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

@@ -0,0 +1 @@
+"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.js

@@ -0,0 +1 @@
+"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-button → mdx/mdx-button}/MdxButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ButtonProps } from "../button/Button";
+import { type ButtonProps } from "../../button/Button";
 export type MdxButtonProps = ButtonProps<'a'> & {
     internalPaths?: string[];
 };

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

@@ -0,0 +1 @@
+"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../button/Button.js"),r=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.textLight," !important"):"".concat(i.theme.gray900,"  !important")})),l=function(i){var a=i.intent,s=i.href,u=i.children,l=i.className,m=i.internalPaths,h=n.__rest(i,["intent","href","children","className","internalPaths"]),p="primary"===a,d=o.getIsInternalLink({href:s,internalPaths:m}).isInternalLink;if(!s)throw new Error("<MdxButton>".concat(u,"</MdxButton> requires an href"));return e.jsx(c,n.__assign({isPrimary:p},{children:e.jsx(t.Button,n.__assign({tag:"a",intent:a,icon:p&&e.jsx(r.ArrowRightIcon,{size:20}),iconRight:p,href:s,target:d?void 0:"_blank",rel:d?void 0:"nofollow noopener noreferrer",className:["link-button",l].join(" ")},h,{children:u}))}))};l.stableName="MdxButton",exports.MdxButton=l;

package/components/{mdx-card → mdx/mdx-card}/MdxCard.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { ColorPrefix } from "../../types/Color";
-import { type Products } from "../../utils/getProductDetails";
+import type { ColorPrefix } from "../../../types/Color";
+import { type Products } from "../../../utils/getProductDetails";
 export type Props = {
     product?: Products;
     /**

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

@@ -0,0 +1 @@
+"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          white 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          white 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.product,s=t.glowingColor,c=void 0===s?"gray":s,a=t.noGlowOnHover,l=void 0!==a&&a,p=t.xlabel,d=t.xsubLabel,u=t.children,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(u){var n=(u.props||u.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(i),b=i?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",href:m||void 0,title:p,className:"link-button"},{children:e.jsxs(h,{children:[i&&e.jsx("div",{children:v.icon}),e.jsxs("div",{children:[e.jsx("b",{children:p}),e.jsx("p",{children:d})]})]})}))}))};

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

@@ -0,0 +1 @@
+"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.twoColumn,a=t.children;return e.jsx(r,n.__assign({twoColumn:i},{children:a}))};

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

@@ -0,0 +1 @@
+"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.gray1100,s.theme.gray0),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.gray1000),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.gray100,s.theme.gray200,s.theme.blue400,s.theme.purple400,s.theme.orange500),k=f.default(t.Badge)(h||(h=n.__makeTemplateObject(["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"],["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"])),s.theme.gray800),_=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.gray500),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.xlabel,p=t.type,c=t.maxHeight,d=void 0===c?260:c,u="pre"===(null==i?void 0:i.type)&&i.props.children,g="code"===(null==u?void 0:u.type)&&u.props.children||[],h=v(g),x=l.useCopyText(),m=x.showTooltip,f=x.copyText,q=r.useRef(null);return e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsx("p",{children:s}),e.jsxs(w,n.__assign({spacing:16},{children:[p&&e.jsx(k,{children:p}),m?e.jsx("p",{children:"Copied!"}):e.jsx(o.Button,{intent:"text",icon:e.jsx(a.CopyIcon,{color:"gray100",size:20}),onClick:function(){var n;return f((null===(n=q.current)||void 0===n?void 0:n.innerText)||"Oops... Something went wrong copying the text")}})]}))]}),e.jsxs(y,n.__assign({maxHeight:d},{children:[e.jsx(_,{children:n.__spreadArray([],n.__read(Array(h)),!1).map((function(n,r){return e.jsx("div",{children:r+1},r)}))}),e.jsx("div",n.__assign({ref:q},{children:i}))]}))]})};

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

@@ -0,0 +1 @@
+"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.stepNumber,j=o.collapse,_=void 0!==j&&j,q=o.children,y=n.__read(i.useState(_),2),w=y[0],C=y[1],k=Array.isArray(q)&&(null==q?void 0:q.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&&q.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:[m&&e.jsx(f,{children:m}),e.jsx("h2",n.__assign({id:z},{children:B}))]}),e.jsx(r.Button,{intent:"plain",icon:e.jsx(b,{isCollapsed:w})})]})),e.jsx(t.Collapse,n.__assign({collapsed:w},{children:T||q}))]})};

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

@@ -0,0 +1 @@
+"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.showTooltip,d=c.copyText,p=r.useNotify();return e.jsxs(l,n.__assign({onClick:function(){return d(a||""),void p("Text was copied!",{intent:"info",duration:4e3})}},{children:[e.jsx("code",{children:a}),e.jsx(h,n.__assign({showIcon:!u},{children:e.jsx(i.CopyIcon,{size:16})})),e.jsx(h,n.__assign({showIcon:u},{children:e.jsx(o.CheckmarkIcon,{size:16})}))]}))};

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

@@ -0,0 +1 @@
+"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.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("../../lightbox/LightBox.js"),t=require("styled-components");function o(n){return n&&n.__esModule?n:{default:n}}require("../../dialog/_BaseDialog.js"),require("react-dom"),require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../styles/constants/theme.js");var a,d,s,l=o(t),u=l.default.div(a||(a=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  }\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  }\n"])),(function(n){return n.addMargin&&"32px 0"}),(function(n){return n.showColor?"block":"none"})),f=l.default.div(d||(d=n.__makeTemplateObject(["\n  filter: ",";\n  position: ",";\n"],["\n  filter: ",";\n  position: ",";\n"])),(function(n){return n.showShadow&&"drop-shadow(0px 4px 6px rgba(10, 10, 11, 0.1))\n    drop-shadow(0px 2px 4px rgba(10, 10, 11, 0.06))"}),(function(n){return n.showShadow&&"relative"})),p=l.default(i.LightBox)(s||(s=n.__makeTemplateObject(["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"],["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"]))),g=function(i){var t=i.addMargin,o=i.color,a=i.shadow,d=i.children,s=n.__read(r.useState(!1),2),l=s[0],g=s[1];return e.jsxs(e.Fragment,{children:[e.jsx(u,n.__assign({addMargin:t,showColor:o,onClick:function(){return g(!0)}},{children:e.jsx(f,n.__assign({showShadow:a},{children:d}))})),e.jsx(p,n.__assign({open:l,onClose:function(){return g(!1)}},{children:d}))]})};g.stableName="MdxImage",exports.MdxImage=g;

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

@@ -0,0 +1 @@
+"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.pathname,a=n.checkboxKey,c=n.children,l=n.xlabel;a||console.warn("A unique progress checkbox key is required to track progress");var o="".concat(s,"-").concat(a),u=e.__read(i.useStorage({key:o,type:"local",defaultValue:""}),2),h=u[0],b=u[1];return r.jsxs(d,{children:[r.jsx(t.Checkbox,{checked:!!h,labelComponent:r.jsx(m,e.__assign({type:"bold-label"},{children:l})),label:l,onChange:function(){return b(h?"":"isChecked")}}),r.jsx(x,{children:c})]})};

package/components/{mdx-related-content → mdx/mdx-related-content}/MdxRelatedContent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type Products } from '../../utils/getProductDetails';
+import { type Products } from "../../../utils/getProductDetails";
 export type Props = {
     product: Products;
     xlabel: string;

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

@@ -0,0 +1 @@
+"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.gray1300,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.product,a=o.xlabel,p=o.xsubLabel,h=o.children,g=s.getProductDetails(l);if(h&&!Array.isArray(h)){var x=(null===(t=null==h?void 0:h.props)||void 0===t?void 0:t.href)?h.props:null===(u=null===(c=null==h?void 0:h.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:a}),e.jsx("p",{children:p}),e.jsx(r.Button,n.__assign({tag:"a",intent:"link",href:j,iconRight:!0,icon:e.jsx(i.ArrowRightIcon,{size:18,color:"blue600"})},{children:f}))]})}throw new Error("Expected exactly 1 child link in RelatedContent")};

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

@@ -0,0 +1 @@
+"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.showTooltip,p=l.copyText,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,onClick:function(){return window.innerWidth>768&&d&&p("".concat(d.replace(/#.*/g,"")+s))},key:t},e.jsxs(m,n.__assign({href:s,title:o,className:"link-button"},{children:[o,e.jsxs("span",n.__assign({className:"link-icon"},{children:[" ",c?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.js

@@ -0,0 +1 @@
+"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.js

@@ -0,0 +1 @@
+"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: white;\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: white;\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.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/MdxTabs.js

@@ -0,0 +1 @@
+"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={enter:function(e){return{x:e>0?1e3:-1e3,opacity:0}},center:{zIndex:1,x:0,opacity:1},exit:function(e){return{zIndex:0,x:e<0?1e3:-1e3,opacity:0,position:"absolute"}}};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"],subtle:!0,selected:o,onChange:function(e){x(e-o),l(e)}}),t.jsx(n.AnimatePresence,e.__assign({initial:!1,custom:m},{children:t.jsx(n.motion.div,e.__assign({variants:c,custom:m,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:400,damping:40},opacity:{duration:.2}}},{children:_}),o)}))]})};

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

@@ -0,0 +1 @@
+"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("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}require("react-dom"),require("framer-motion"),require("../../backdrop/Backdrop.js"),require("../../../styles/constants/theme.js"),require("../../../icons/icon-base/_IconBase.js");var s,l,c,u=a(i),d=u.default(o.BaseDialog)(s||(s=n.__makeTemplateObject(["\n  background: black;\n  border: 0;\n"],["\n  background: black;\n  border: 0;\n"]))),p=u.default.button(l||(l=n.__makeTemplateObject(["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: #fff;\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: #000000;\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: #fff;\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: #000000;\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")})),b=u.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"]))),m=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=m({url:i}),l=s.thumbnail,c=s.videoUrl,u=t.useRef(null),g=n.__read(t.useState(!1),2),f=g[0],h=g[1];return t.useEffect((function(){var n,e=null===(n=null==u?void 0:u.current)||void 0===n?void 0:n.contentWindow;e&&(f?e.postMessage('{"event":"command","func":"playVideo","args":""}',"*"):e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"))}),[u,f]),e.jsxs(e.Fragment,{children:[e.jsx(p,n.__assign({thumbnail:l,onClick:function(n){n.stopPropagation(),h(!0)}},{children:e.jsxs(b,{children:[e.jsx(r.PlayCircleDuotoneIcon,{color:"gray800",secondaryColor:"gray100"}),e.jsx("b",{children:"Watch the video guide"})]})})),e.jsx(d,n.__assign({width:1080,open:f,onClose:function(){return h(!1)},closeOnBlur:!0,closeOnEsc:!0},{children:e.jsx("iframe",{ref:u,src:c,title:a,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,width:"1080",height:"608"})}))]})},exports.getYoutubeVideo=m;

package/components/split-panel/SplitPanel.d.ts

@@ -22,5 +22,9 @@ type IProps = {
     collapseAll?: boolean;
     lineBar?: boolean;
 };
+/**
+ * Split panel component
+ * @ref https://greggman.github.io/react-split-it/
+ */
 export declare const SplitPanel: ({ className, children, collapseAll, direction, gutterSize, sizes, onSetSizes, ...props }: IProps) => JSX.Element;
 export {};

package/components/split-panel/SplitPanel.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),i=require("react-split-it"),t=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}var a,l=s(i),u=function(r){var n=r.childrenCount,i=r.sizes;if(0===i.length)return e.__spreadArray([1],e.__read(new Array(n-1).fill(0)),!1);if(i.length!==n){var t=Math.abs(n-i.length);return e.__spreadArray(e.__spreadArray([],e.__read(i),!1),e.__read(new Array(t).fill(1)),!1)}var s=i.reduce((function(e,r){return e+r}),0);return i.map((function(e){return e/s}))},c=s(t).default.div(a||(a=e.__makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n"],["\n  display: block;\n  width: 100%;\n  height: 100%;\n"])));exports.SplitPanel=function(i){var t=i.className,s=i.children,a=i.collapseAll,d=i.direction,_=i.gutterSize,o=void 0===_?3:_,h=i.sizes,f=i.onSetSizes,p=e.__rest(i,["className","children","collapseAll","direction","gutterSize","sizes","onSetSizes"]),z=n.Children.count(s),S=e.__read(n.useState(u({childrenCount:z,sizes:h||[]})),1)[0];return n.useEffect((function(){a?null==f||f(e.__spreadArray([1],e.__read(new Array(z-1).fill(0)),!1)):null==f||f(u({childrenCount:z,sizes:S}))}),[z,a,S,f]),r.jsx(c,e.__assign({className:t},{children:r.jsx(l.default,e.__assign({sizes:u({childrenCount:z,sizes:h||[]}),onSetSizes:f,gutterSize:a?0:o,direction:d},p,{children:s}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("react-split-it"),t=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}var s,a=l(n),u=function(r){var i=r.childrenCount,n=r.sizes;if(0===n.length)return e.__spreadArray([1],e.__read(new Array(i-1).fill(0)),!1);if(n.length!==i){var t=Math.abs(i-n.length);return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),e.__read(new Array(t).fill(1)),!1)}var l=n.reduce((function(e,r){return e+r}),0);return n.map((function(e){return e/l}))},d=l(t).default.div(s||(s=e.__makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n"],["\n  display: block;\n  width: 100%;\n  height: 100%;\n"])));exports.SplitPanel=function(n){var t=n.className,l=n.children,s=n.collapseAll,c=n.direction,_=n.gutterSize,o=void 0===_?3:_,h=n.sizes,f=void 0===h?[1]:h,p=n.onSetSizes,z=e.__rest(n,["className","children","collapseAll","direction","gutterSize","sizes","onSetSizes"]),y=i.Children.count(l),S=e.__read(i.useState(u({childrenCount:y,sizes:f})),1)[0];return i.useEffect((function(){if(1!==S[0]||s)s?null==p||p(e.__spreadArray([1],e.__read(new Array(y-1).fill(0)),!1)):null==p||p(u({childrenCount:y,sizes:S}));else{var r=1/y;null==p||p(new Array(y).fill(r))}}),[y,s,S,p]),r.jsx(d,e.__assign({className:t},{children:r.jsx(a.default,e.__assign({sizes:u({childrenCount:y,sizes:f}),onSetSizes:p,gutterSize:s?0:o,direction:c},z,{children:l}))}))};

package/package.json

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

package/components/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.className,i=n.children,l=n.href,c=n.title,f=n.internalPaths;return t.getIsInternalLink({href:l,internalPaths:f}).isInternalLink?r.jsx("a",e.__assign({className:a||"",ref:s,title:c,href:l},{children:i})):r.jsx("a",e.__assign({className:a||"",href:l,ref:s,rel:"nofollow noopener noreferrer",target:"_blank",title:c},{children:i}))}));exports.MdxAnchor=s;

package/components/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-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-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-button/MdxButton.js

@@ -1 +0,0 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../button/Button.js"),r=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.textLight," !important"):"".concat(i.theme.gray900,"  !important")})),l=function(i){var a=i.intent,s=i.href,u=i.children,l=i.className,m=i.internalPaths,h=n.__rest(i,["intent","href","children","className","internalPaths"]),p="primary"===a,d=o.getIsInternalLink({href:s,internalPaths:m}).isInternalLink;if(!s)throw new Error("<MdxButton>".concat(u,"</MdxButton> requires an href"));return e.jsx(c,n.__assign({isPrimary:p},{children:e.jsx(t.Button,n.__assign({tag:"a",intent:a,icon:p&&e.jsx(r.ArrowRightIcon,{size:20}),iconRight:p,href:s,target:d?void 0:"_blank",rel:d?void 0:"nofollow noopener noreferrer",className:["link-button",l].join(" ")},h,{children:u}))}))};l.stableName="MdxButton",exports.MdxButton=l;

package/components/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          white 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          white 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.product,s=t.glowingColor,c=void 0===s?"gray":s,a=t.noGlowOnHover,l=void 0!==a&&a,p=t.xlabel,d=t.xsubLabel,u=t.children,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(u){var n=(u.props||u.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(i),b=i?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",href:m||void 0,title:p,className:"link-button"},{children:e.jsxs(h,{children:[i&&e.jsx("div",{children:v.icon}),e.jsxs("div",{children:[e.jsx("b",{children:p}),e.jsx("p",{children:d})]})]})}))}))};

package/components/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.twoColumn,a=t.children;return e.jsx(r,n.__assign({twoColumn:i},{children:a}))};

package/components/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("styled-components"),p=require("../../utils/useCopyText.js");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(l),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.gray1100,s.theme.gray0),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.gray1000),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.gray100,s.theme.gray200,s.theme.blue400,s.theme.purple400,s.theme.orange500),k=f.default(t.Badge)(h||(h=n.__makeTemplateObject(["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"],["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"])),s.theme.gray800),_=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.gray500),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.xlabel,l=t.type,c=t.maxHeight,d=void 0===c?260:c,u="pre"===(null==i?void 0:i.type)&&i.props.children,g="code"===(null==u?void 0:u.type)&&u.props.children||[],h=v(g),x=p.useCopyText(),m=x.showTooltip,f=x.copyText,q=r.useRef(null);return e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsx("p",{children:s}),e.jsxs(w,n.__assign({spacing:16},{children:[l&&e.jsx(k,{children:l}),m?e.jsx("p",{children:"Copied!"}):e.jsx(o.Button,{intent:"text",icon:e.jsx(a.CopyIcon,{color:"gray100",size:20}),onClick:function(){var n;return f((null===(n=q.current)||void 0===n?void 0:n.innerText)||"Oops... Something went wrong copying the text")}})]}))]}),e.jsxs(y,n.__assign({maxHeight:d},{children:[e.jsx(_,{children:n.__spreadArray([],n.__read(Array(h)),!1).map((function(n,r){return e.jsx("div",{children:r+1},r)}))}),e.jsx("div",n.__assign({ref:q},{children:i}))]}))]})};

package/components/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.stepNumber,j=o.collapse,_=void 0!==j&&j,q=o.children,y=n.__read(i.useState(_),2),w=y[0],C=y[1],k=Array.isArray(q)&&(null==q?void 0:q.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&&q.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:[m&&e.jsx(f,{children:m}),e.jsx("h2",n.__assign({id:z},{children:B}))]}),e.jsx(r.Button,{intent:"plain",icon:e.jsx(b,{isCollapsed:w})})]})),e.jsx(t.Collapse,n.__assign({collapsed:w},{children:T||q}))]})};

package/components/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("styled-components"),a=require("../../utils/useCopyText.js");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(s),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 s=t.text,c=a.useCopyText(),u=c.showTooltip,d=c.copyText,p=r.useNotify();return e.jsxs(l,n.__assign({onClick:function(){return d(s||""),void p("Text was copied!",{intent:"info",duration:4e3})}},{children:[e.jsx("code",{children:s}),e.jsx(h,n.__assign({showIcon:!u},{children:e.jsx(i.CopyIcon,{size:16})})),e.jsx(h,n.__assign({showIcon:u},{children:e.jsx(o.CheckmarkIcon,{size:16})}))]}))};

package/components/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-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("styled-components");function o(n){return n&&n.__esModule?n:{default:n}}require("../dialog/_BaseDialog.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js");var a,d,s,l=o(t),u=l.default.div(a||(a=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  }\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  }\n"])),(function(n){return n.addMargin&&"32px 0"}),(function(n){return n.showColor?"block":"none"})),f=l.default.div(d||(d=n.__makeTemplateObject(["\n  filter: ",";\n  position: ",";\n"],["\n  filter: ",";\n  position: ",";\n"])),(function(n){return n.showShadow&&"drop-shadow(0px 4px 6px rgba(10, 10, 11, 0.1))\n    drop-shadow(0px 2px 4px rgba(10, 10, 11, 0.06))"}),(function(n){return n.showShadow&&"relative"})),p=l.default(i.LightBox)(s||(s=n.__makeTemplateObject(["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"],["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"]))),g=function(i){var t=i.addMargin,o=i.color,a=i.shadow,d=i.children,s=n.__read(r.useState(!1),2),l=s[0],g=s[1];return e.jsxs(e.Fragment,{children:[e.jsx(u,n.__assign({addMargin:t,showColor:o,onClick:function(){return g(!0)}},{children:e.jsx(f,n.__assign({showShadow:a},{children:d}))})),e.jsx(p,n.__assign({open:l,onClose:function(){return g(!1)}},{children:d}))]})};g.stableName="MdxImage",exports.MdxImage=g;

package/components/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.pathname,a=n.checkboxKey,c=n.children,l=n.xlabel;a||console.warn("A unique progress checkbox key is required to track progress");var o="".concat(s,"-").concat(a),u=e.__read(i.useStorage({key:o,type:"local",defaultValue:""}),2),h=u[0],b=u[1];return r.jsxs(d,{children:[r.jsx(t.Checkbox,{checked:!!h,labelComponent:r.jsx(m,e.__assign({type:"bold-label"},{children:l})),label:l,onChange:function(){return b(h?"":"isChecked")}}),r.jsx(x,{children:c})]})};

package/components/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("styled-components"),s=require("../../styles/devices.js"),c=require("../../utils/getProductDetails.js");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(t),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.gray1300,o.theme.gray800,s.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,s,u,l=o.product,a=o.xlabel,p=o.xsubLabel,h=o.children,g=c.getProductDetails(l);if(h&&!Array.isArray(h)){var x=(null===(t=null==h?void 0:h.props)||void 0===t?void 0:t.href)?h.props:null===(u=null===(s=null==h?void 0:h.props)||void 0===s?void 0:s.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:a}),e.jsx("p",{children:p}),e.jsx(r.Button,n.__assign({tag:"a",intent:"link",href:j,iconRight:!0,icon:e.jsx(i.ArrowRightIcon,{size:18,color:"blue600"})},{children:f}))]})}throw new Error("Expected exactly 1 child link in RelatedContent")};

package/components/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.showTooltip,p=l.copyText,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,onClick:function(){return window.innerWidth>768&&d&&p("".concat(d.replace(/#.*/g,"")+s))},key:t},e.jsxs(m,n.__assign({href:s,title:o,className:"link-button"},{children:[o,e.jsxs("span",n.__assign({className:"link-icon"},{children:[" ",c?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-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-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: white;\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: white;\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.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-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={enter:function(e){return{x:e>0?1e3:-1e3,opacity:0}},center:{zIndex:1,x:0,opacity:1},exit:function(e){return{zIndex:0,x:e<0?1e3:-1e3,opacity:0,position:"absolute"}}};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"],subtle:!0,selected:o,onChange:function(e){x(e-o),l(e)}}),t.jsx(n.AnimatePresence,e.__assign({initial:!1,custom:m},{children:t.jsx(n.motion.div,e.__assign({variants:c,custom:m,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:400,damping:40},opacity:{duration:.2}}},{children:_}),o)}))]})};

package/components/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("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var s,l,c,u=a(i),d=u.default(o.BaseDialog)(s||(s=n.__makeTemplateObject(["\n  background: black;\n  border: 0;\n"],["\n  background: black;\n  border: 0;\n"]))),p=u.default.button(l||(l=n.__makeTemplateObject(["\n  width: 100%;\n  height: 150px;\n  background: ",";\n  background-size: cover;\n  color: #fff;\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: #000000;\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: #fff;\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: #000000;\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")})),b=u.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"]))),m=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=m({url:i}),l=s.thumbnail,c=s.videoUrl,u=t.useRef(null),g=n.__read(t.useState(!1),2),f=g[0],h=g[1];return t.useEffect((function(){var n,e=null===(n=null==u?void 0:u.current)||void 0===n?void 0:n.contentWindow;e&&(f?e.postMessage('{"event":"command","func":"playVideo","args":""}',"*"):e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"))}),[u,f]),e.jsxs(e.Fragment,{children:[e.jsx(p,n.__assign({thumbnail:l,onClick:function(n){n.stopPropagation(),h(!0)}},{children:e.jsxs(b,{children:[e.jsx(r.PlayCircleDuotoneIcon,{color:"gray800",secondaryColor:"gray100"}),e.jsx("b",{children:"Watch the video guide"})]})})),e.jsx(d,n.__assign({width:1080,open:f,onClose:function(){return h(!1)},closeOnBlur:!0,closeOnEsc:!0},{children:e.jsx("iframe",{ref:u,src:c,title:a,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,width:"1080",height:"608"})}))]})},exports.getYoutubeVideo=m;