@zonos/amino 4.1.7 → 4.2.0

package/all.d.ts

@@ -28,6 +28,7 @@ import './components/dark-mode-wrapper/DarkModeWrapper';
 import './components/dialog/Dialog';
 import './components/divider/Divider';
 import './components/drop-zone/DropZone';
+import './components/emoji/Emoji';
 import './components/file-upload/FileUpload';
 import './components/graph-matrix/GraphMatrix';
 import './components/help-text/HelpText';
@@ -39,11 +40,32 @@ 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-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/menu/Menu';
 import './components/menu/MenuItem';
 import './components/nested-data-table/NestedDataTable';
 import './components/nested-data-table/NestedDataTableHasura';
+import './components/ownership-block/OwnershipBlock';
 import './components/pivot-table/PivotTable';
+import './components/profile-icon/ProfileIcon';
 import './components/radio/Radio';
 import './components/radio/RadioGroup';
 import './components/rest-state/RestState';
@@ -235,6 +257,15 @@ import './icons/CubeDuotoneIcon';
 import './icons/CubeIcon';
 import './icons/CubeWhiteIcon';
 import './icons/custom/AvatarIcon';
+import './icons/custom/products/CheckoutIcon';
+import './icons/custom/products/ClassifyIcon';
+import './icons/custom/products/ClearIcon';
+import './icons/custom/products/DashboardIcon';
+import './icons/custom/products/HelloIcon';
+import './icons/custom/products/LandedCostIcon';
+import './icons/custom/products/RateIcon';
+import './icons/custom/products/RestrictIcon';
+import './icons/custom/products/ScreenIcon';
 import './icons/custom/ZonosIcon';
 import './icons/DashboardDuotoneIcon';
 import './icons/DashboardIcon';
@@ -732,16 +763,22 @@ import './icons/WarningDuotoneIcon';
 import './icons/WarningIcon';
 import './icons/WarningWhiteIcon';
 import './styles/constants/theme';
+import './styles/devices';
 import './utils/addIndex';
 import './utils/countryPhoneCodes';
+import './utils/emojiFileNames';
 import './utils/flattenRow';
 import './utils/getCountryCodeByName';
 import './utils/getFuzzySearch';
+import './utils/getHashId';
+import './utils/getIsInternalLink';
+import './utils/getProductDetails';
 import './utils/getTestId';
 import './utils/handleFetch';
 import './utils/hooks/action-pivot-table/useHasuraGqlPagination';
 import './utils/hooks/useCurrentShema';
 import './utils/hooks/useDropdown';
+import './utils/hooks/useNotify';
 import './utils/hooks/useStorage';
 import './utils/hooks/useSwr';
 import './utils/hooks/useSwrt';
@@ -751,3 +788,4 @@ import './utils/prepRegionCountryOptions';
 import './utils/setupNestedData';
 import './utils/storage';
 import './utils/truncateText';
+import './utils/useCopyText';

package/components/emoji/Emoji.d.ts

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

package/components/emoji/Emoji.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),i=require("../../utils/emojiFileNames.js");function n(e){return e&&e.__esModule?e:{default:e}}var r,o=n(require("styled-components")).default.img(r||(r=e.__makeTemplateObject(["\n  vertical-align: text-top;\n  height: 20px;\n  width: auto;\n  display: inline-block;\n"],["\n  vertical-align: text-top;\n  height: 20px;\n  width: auto;\n  display: inline-block;\n"])));exports.Emoji=function(e){var n=e.code,r=i.emojiFileNames.find((function(e){var t=e.emoji;return n===t}));if(r){var a="".concat(r.emoji," ").concat("Attribution for Twitter Emojis: ©️ Twitter, Inc.");return t.jsx(o,{src:"/emojis/".concat(r.fileName),alt:a})}return console.warn("We do not have an image for ".concat(n)),t.jsx("span",{children:n})};

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

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

package/components/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/MdxBadge.d.ts

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

package/components/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/MdxBanner.d.ts

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

package/components/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-bread-crumbs/MdxBreadCrumbs.d.ts

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

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

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

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

package/components/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/MdxCard.d.ts

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

package/components/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");function s(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");var c,a,l,p,d=s(i),u=d.default.a(c||(c=n.__makeTemplateObject([""],[""]))),x=d.default.div(l||(l=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,u,u,t.theme.gray0,(function(e){return!e.noGlowOnHover&&e.glowingColor&&i.css(a||(a=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),g=d.default.div(p||(p=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,h=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(h){var n=(h.props||h.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(x,n.__assign({ref:f,glowingColor:b,noGlowOnHover:l},{children:e.jsx(u,n.__assign({as:m?"a":"div",href:m||void 0,title:p,className:"link-button"},{children:e.jsxs(g,{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.d.ts

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

package/components/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-code-block/MdxCodeBlock.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+declare type Props = {
+    children?: ReactElement;
+    xlabel: string;
+    type: 'JSON' | 'GraphQL';
+};
+export declare const MdxCodeBlock: ({ children, xlabel, type }: Props) => JSX.Element;
+export {};

package/components/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("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,f,m=c(l),b=m.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=m.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=m.default.div(g||(g=n.__makeTemplateObject(["\n  padding: 16px;\n  display: flex;\n  max-height: 260px;\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: 260px;\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"])),s.theme.gray100,s.theme.gray200,s.theme.blue400,s.theme.purple400,s.theme.orange500),k=m.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),w=m.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),_=m.default(i.HStack)(f||(f=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="pre"===(null==i?void 0:i.type)&&i.props.children,d="code"===(null==c?void 0:c.type)&&c.props.children||[],u=v(d),g=p.useCopyText(),h=g.showTooltip,x=g.copyText,f=r.useRef(null);return e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsx("p",{children:s}),e.jsxs(_,n.__assign({spacing:16},{children:[l&&e.jsx(k,{children:l}),h?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 x((null===(n=f.current)||void 0===n?void 0:n.innerText)||"Oops... Something went wrong copying the text")}})]}))]}),e.jsxs(y,{children:[e.jsx(w,{children:n.__spreadArray([],n.__read(Array(u)),!1).map((function(n,r){return e.jsx("div",{children:r+1},r)}))}),e.jsx("div",n.__assign({ref:f},{children:i}))]})]})};

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

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

package/components/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-copy-value/MdxCopyValue.d.ts

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

package/components/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("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-image/MdxImage.d.ts

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

package/components/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"])));exports.MdxImage=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],h=s[1];return e.jsxs(e.Fragment,{children:[e.jsx(u,n.__assign({addMargin:t,showColor:o,onClick:function(){return h(!0)}},{children:e.jsx(f,n.__assign({showShadow:a},{children:d}))})),e.jsx(p,n.__assign({open:l,onClose:function(){return h(!1)}},{children:d}))]})};

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

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

package/components/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/MdxRelatedContent.d.ts

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

package/components/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("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.d.ts

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

package/components/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-subtitle/MdxSubtitle.d.ts

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

package/components/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-table/MdxTable.d.ts

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

package/components/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-tabs/MdxTab.d.ts

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

package/components/mdx-tabs/MdxTab.js

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

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

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

package/components/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-video-guide/MdxVideoGuide.d.ts

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

package/components/mdx-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/ownership-block/OwnershipBlock.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare type DocOwner = {
+    name: string | null;
+    id: string | null;
+} | null;
+export declare type Props = {
+    docChampion: DocOwner;
+    docEngineer: DocOwner;
+    docOwner: DocOwner;
+    docWriter: DocOwner;
+    isLoading: boolean;
+};
+export declare const OwnershipBlock: ({ docChampion, docEngineer, docOwner, docWriter, isLoading, }: Props) => JSX.Element;
+export {};

package/components/ownership-block/OwnershipBlock.js

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

package/components/profile-icon/ProfileIcon.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type Props = {
+    email: string | null;
+    size?: number;
+};
+export declare const ProfileIcon: ({ email, size }: Props) => JSX.Element;

package/components/profile-icon/ProfileIcon.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react-awesome-gravatar"),t=require("../../icons/UserDuotoneIcon.js"),o=require("styled-components");function i(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var s,a=i(o).default.img(s||(s=e.__makeTemplateObject(["\n  width: 100%;\n  border-radius: 50%;\n  cursor: pointer;\n  overflow: hidden;\n  height: auto;\n  max-width: ","px;\n"],["\n  width: 100%;\n  border-radius: 50%;\n  cursor: pointer;\n  overflow: hidden;\n  height: auto;\n  max-width: ","px;\n"])),(function(e){return e.size}));exports.ProfileIcon=function(e){var o=e.email,i=e.size,s=void 0===i?32:i,u={default:"mp",size:s},c=o&&n.getGravatarUrl(o,u);return c?r.jsx(a,{size:s,alt:"Profile",src:c}):r.jsx(t.UserDuotoneIcon,{color:"gray800",secondaryColor:"gray800"})};

package/icons/custom/products/CheckoutIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    size?: number;
+    viewBox?: string;
+};
+export declare const CheckoutIcon: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
+export {};

package/icons/custom/products/CheckoutIcon.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-fe391a2e.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("../../icon-base/_IconBase.js");require("../../../styles/constants/theme.js");var t=i.forwardRef((function(i,t){var l=i.size,n=void 0===l?24:l,a=i.viewBox;return s.jsxs(r.IconBase,e.__assign({size:n,ref:t,viewBox:a},{children:[s.jsx("mask",e.__assign({id:"mask0_4150_91290",maskUnits:"userSpaceOnUse",style:{maskType:"alpha"},x:"3",y:"2",width:"19",height:"20"},{children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.25682 2.5H15.6425C16.1339 2.5 16.5872 2.76283 16.831 3.18565L21.5239 11.3144C21.7676 11.7372 21.7676 12.2628 21.5239 12.6856L16.831 20.8144C16.5834 21.2372 16.1339 21.5 15.6425 21.5H6.25682C5.76544 21.5 5.31215 21.2372 5.06836 20.8144L4.51985 19.8659C4.2075 19.325 4.29892 18.647 4.73697 18.2089L5.32572 17.6201C3.88866 16.1812 3 14.1943 3 12C3 9.80563 3.88865 7.81883 5.32571 6.37984L4.73697 5.7911C4.29892 5.34924 4.21131 4.67121 4.51985 4.13412L5.06836 3.18565C5.31596 2.76283 5.76544 2.5 6.25682 2.5Z",fill:"#FFE37D"})})),s.jsxs("g",e.__assign({mask:"url(#mask0_4150_91290)"},{children:[s.jsx("path",{d:"M10.9535 19.9535C15.3461 19.9535 18.907 16.3926 18.907 12C18.907 7.60739 15.3461 4.04649 10.9535 4.04649C6.5609 4.04649 3 7.60739 3 12C3 16.3926 6.5609 19.9535 10.9535 19.9535Z",fill:"url(#paint0_linear_4150_91290)"}),s.jsx("path",{d:"M15.6463 2.5H6.25682C5.76544 2.5 5.31596 2.76283 5.06836 3.18565L4.51985 4.13412C4.21131 4.67121 4.29892 5.34924 4.73697 5.7911L7.79571 8.84984C6.98817 9.65738 6.48917 10.7696 6.48917 12C6.48917 13.2304 6.98817 14.3464 7.79571 15.1502L4.73697 18.2089C4.29892 18.647 4.2075 19.325 4.51985 19.8659L5.06836 20.8144C5.31215 21.2372 5.76544 21.5 6.25682 21.5H15.6425C16.1339 21.5 16.5834 21.2372 16.831 20.8144L21.5239 12.6856C21.7676 12.2628 21.7676 11.7372 21.5239 11.3144L16.831 3.18565C16.5872 2.76283 16.1339 2.5 15.6425 2.5H15.6463Z",fill:"url(#paint1_linear_4150_91290)"}),s.jsxs("g",e.__assign({opacity:"0.5"},{children:[s.jsx("g",e.__assign({filter:"url(#filter0_f_4150_91290)"},{children:s.jsx("path",{d:"M11.9035 19.9535C16.2961 19.9535 19.857 16.3926 19.857 12C19.857 7.60739 16.2961 4.04649 11.9035 4.04649C7.5109 4.04649 3.95 7.60739 3.95 12C3.95 16.3926 7.5109 19.9535 11.9035 19.9535Z",fill:"#4F1D0A"})})),s.jsx("g",e.__assign({filter:"url(#filter1_f_4150_91290)"},{children:s.jsx("path",{d:"M10.9535 19.9535C15.3461 19.9535 18.907 16.3926 18.907 12C18.907 7.60739 15.3461 4.04649 10.9535 4.04649C6.5609 4.04649 3 7.60739 3 12C3 16.3926 6.5609 19.9535 10.9535 19.9535Z",fill:"#FFE37D"})}))]}))]})),s.jsxs("defs",{children:[s.jsxs("filter",e.__assign({id:"filter0_f_4150_91290",x:"0.949999",y:"1.04649",width:"21.907",height:"21.907",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},{children:[s.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),s.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),s.jsx("feGaussianBlur",{stdDeviation:"1.5",result:"effect1_foregroundBlur_4150_91290"})]})),s.jsxs("filter",e.__assign({id:"filter1_f_4150_91290",x:"1",y:"2.04649",width:"19.907",height:"19.907",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},{children:[s.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),s.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),s.jsx("feGaussianBlur",{stdDeviation:"1",result:"effect1_foregroundBlur_4150_91290"})]})),s.jsxs("linearGradient",e.__assign({id:"paint0_linear_4150_91290",x1:"8.63753",y1:"11.9733",x2:"4.0399",y2:"11.92",gradientUnits:"userSpaceOnUse"},{children:[s.jsx("stop",{stopColor:"white"}),s.jsx("stop",{offset:"1",stopColor:"#FFE37D"})]})),s.jsxs("linearGradient",e.__assign({id:"paint1_linear_4150_91290",x1:"11.7153",y1:"12",x2:"23.4399",y2:"12",gradientUnits:"userSpaceOnUse"},{children:[s.jsx("stop",{stopColor:"#E7910A"}),s.jsx("stop",{offset:"1",stopColor:"#DF2B76"})]}))]})]}))}));exports.CheckoutIcon=t;

package/icons/custom/products/ClassifyIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    size?: number;
+    viewBox?: string;
+};
+export declare const ClassifyIcon: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
+export {};

package/icons/custom/products/ClassifyIcon.js

@@ -0,0 +1 @@
+"use strict";var s=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("react"),r=require("../../icon-base/_IconBase.js");require("../../../styles/constants/theme.js");var t=i.forwardRef((function(i,t){var a=i.size,n=void 0===a?24:a,l=i.viewBox;return e.jsxs(r.IconBase,s.__assign({size:n,ref:t,viewBox:l},{children:[e.jsx("mask",s.__assign({id:"mask0_4150_91292",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"2",y:"2",width:"21",height:"20"},{children:e.jsx("path",{d:"M14.0634 3.25713L22.8211 19.2362V19.24C23.35 20.2019 22.6422 21.3716 21.5378 21.3716H3.46238C2.01962 21.3716 1.45185 19.5248 2.64961 18.7283L4.23055 17.8787C3.42422 16.6309 2.95683 15.148 2.95683 13.5571C2.95683 9.1202 6.59225 5.52336 11.0768 5.52336H11.3218V3.94585C11.3218 2.44913 13.3401 1.94125 14.0634 3.25713Z",fill:"#D9D9D9"})})),e.jsxs("g",s.__assign({mask:"url(#mask0_4150_91292)"},{children:[e.jsx("path",{d:"M19.1967 13.5571C19.1967 17.347 16.5445 20.5251 12.9745 21.3677H9.179C5.60903 20.5251 2.95683 17.347 2.95683 13.5571C2.95683 9.12086 6.59291 5.52336 11.0768 5.52336C13.0834 5.52336 14.9189 6.24286 16.3345 7.43946L19.1306 12.5452C19.1733 12.8761 19.1967 13.2147 19.1967 13.5571Z",fill:"url(#paint0_linear_4150_91292)"}),e.jsx("path",{d:"M22.8211 19.2362L14.0634 3.25713C13.3401 1.94125 11.3218 2.44913 11.3218 3.94585V8.87461C8.70067 8.87461 6.57735 10.9754 6.57735 13.5687C6.57735 14.5383 6.87291 15.4348 7.38235 16.185L2.64961 18.7283C1.45185 19.5248 2.01962 21.3716 3.46238 21.3716H21.5378C22.6422 21.3716 23.35 20.2019 22.8211 19.24V19.2362Z",fill:"url(#paint1_linear_4150_91292)"}),e.jsxs("g",s.__assign({opacity:"0.5"},{children:[e.jsx("g",s.__assign({filter:"url(#filter0_f_4150_91292)"},{children:e.jsx("path",{d:"M11.9867 21.7506C16.0524 21.7506 19.3484 18.4897 19.3484 14.4671C19.3484 10.4445 16.0524 7.18359 11.9867 7.18359C7.92102 7.18359 4.6251 10.4445 4.6251 14.4671C4.6251 18.4897 7.92102 21.7506 11.9867 21.7506Z",fill:"#3B093F"})})),e.jsx("g",s.__assign({filter:"url(#filter1_f_4150_91292)"},{children:e.jsx("path",{d:"M11.1213 20.8852C15.187 20.8852 18.483 17.6243 18.483 13.6017C18.483 9.57912 15.187 6.31818 11.1213 6.31818C7.05562 6.31818 3.7597 9.57912 3.7597 13.6017C3.7597 17.6243 7.05562 20.8852 11.1213 20.8852Z",fill:"#FFE37D"})}))]}))]})),e.jsxs("defs",{children:[e.jsxs("filter",s.__assign({id:"filter0_f_4150_91292",x:"1.6251",y:"4.18359",width:"20.7233",height:"20.567",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},{children:[e.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.jsx("feGaussianBlur",{stdDeviation:"1.5",result:"effect1_foregroundBlur_4150_91292"})]})),e.jsxs("filter",s.__assign({id:"filter1_f_4150_91292",x:"1.7597",y:"4.31818",width:"18.7233",height:"18.567",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},{children:[e.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.jsx("feGaussianBlur",{stdDeviation:"1",result:"effect1_foregroundBlur_4150_91292"})]})),e.jsxs("linearGradient",s.__assign({id:"paint0_linear_4150_91292",x1:"9.69622",y1:"12.7338",x2:"5.58594",y2:"10.2325",gradientUnits:"userSpaceOnUse"},{children:[e.jsx("stop",{stopColor:"white"}),e.jsx("stop",{offset:"1",stopColor:"#FFE37D"})]})),e.jsxs("linearGradient",s.__assign({id:"paint1_linear_4150_91292",x1:"17.4389",y1:"18.1011",x2:"0.750329",y2:"6.81706",gradientUnits:"userSpaceOnUse"},{children:[e.jsx("stop",{offset:"0.01",stopColor:"#AA2DC9"}),e.jsx("stop",{offset:"1",stopColor:"#9297FA"})]}))]})]}))}));exports.ClassifyIcon=t;

package/icons/custom/products/ClearIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    size?: number;
+    viewBox?: string;
+};
+export declare const ClearIcon: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
+export {};

package/icons/custom/products/ClearIcon.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-fe391a2e.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("../../icon-base/_IconBase.js");require("../../../styles/constants/theme.js");var n=i.forwardRef((function(i,n){var t=i.size,a=void 0===t?24:t,l=i.viewBox;return s.jsxs(r.IconBase,e.__assign({size:a,ref:n,viewBox:l},{children:[s.jsx("mask",e.__assign({id:"mask0_4150_91297",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"2",y:"2",width:"20",height:"20"},{children:s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.963 4.26675V3.33333C11.963 2.5963 11.3667 2 10.6296 2H7.9037C4.64444 2 2 4.64444 2 7.9037V20.6667C2 21.4037 2.5963 22 3.33333 22H16.0963C19.3556 22 22 19.3556 22 16.0963V13.3556C22 12.6185 21.4037 12.0222 20.6667 12.0222H19.7333C19.7333 12.0148 19.7333 12.0074 19.7333 12C19.7333 7.72899 16.271 4.26666 12 4.26666C11.9876 4.26666 11.9753 4.26669 11.963 4.26675Z",fill:"url(#paint0_linear_4150_91297)"})})),s.jsxs("g",e.__assign({mask:"url(#mask0_4150_91297)"},{children:[s.jsx("path",{d:"M12 19.7333C16.271 19.7333 19.7333 16.271 19.7333 12C19.7333 7.72899 16.271 4.26666 12 4.26666C7.72899 4.26666 4.26666 7.72899 4.26666 12C4.26666 16.271 7.72899 19.7333 12 19.7333Z",fill:"url(#paint1_linear_4150_91297)"}),s.jsx("path",{d:"M16.3333 12.0222C16.3333 12.0222 16.3333 12.0074 16.3333 12C16.3333 9.60741 14.3926 7.66667 12 7.66667C11.9889 7.66667 11.9778 7.66667 11.963 7.66667V3.33333C11.963 2.5963 11.3667 2 10.6296 2H7.9037C4.64444 2 2 4.64444 2 7.9037V20.6667C2 21.4037 2.5963 22 3.33333 22H16.0963C19.3556 22 22 19.3556 22 16.0963V13.3556C22 12.6185 21.4037 12.0222 20.6667 12.0222H16.3333Z",fill:"url(#paint2_linear_4150_91297)"}),s.jsxs("g",e.__assign({opacity:"0.5"},{children:[s.jsx("g",e.__assign({filter:"url(#filter0_f_4150_91297)"},{children:s.jsx("path",{d:"M11 20.7333C15.271 20.7333 18.7333 17.271 18.7333 13C18.7333 8.72899 15.271 5.26666 11 5.26666C6.72899 5.26666 3.26666 8.72899 3.26666 13C3.26666 17.271 6.72899 20.7333 11 20.7333Z",fill:"#092642"})})),s.jsx("g",e.__assign({filter:"url(#filter1_f_4150_91297)"},{children:s.jsx("path",{d:"M12 19.7333C16.271 19.7333 19.7333 16.271 19.7333 12C19.7333 7.72899 16.271 4.26666 12 4.26666C7.72899 4.26666 4.26666 7.72899 4.26666 12C4.26666 16.271 7.72899 19.7333 12 19.7333Z",fill:"#FFE37D"})}))]}))]})),s.jsxs("defs",{children:[s.jsxs("filter",e.__assign({id:"filter0_f_4150_91297",x:"0.266663",y:"2.26666",width:"21.4667",height:"21.4667",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},{children:[s.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),s.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),s.jsx("feGaussianBlur",{stdDeviation:"1.5",result:"effect1_foregroundBlur_4150_91297"})]})),s.jsxs("filter",e.__assign({id:"filter1_f_4150_91297",x:"2.26666",y:"2.26666",width:"19.4667",height:"19.4667",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},{children:[s.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),s.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),s.jsx("feGaussianBlur",{stdDeviation:"1",result:"effect1_foregroundBlur_4150_91297"})]})),s.jsxs("linearGradient",e.__assign({id:"paint0_linear_4150_91297",x1:"11.937",y1:"12.0667",x2:"-4.68889",y2:"29.637",gradientUnits:"userSpaceOnUse"},{children:[s.jsx("stop",{stopColor:"#00B9B7"}),s.jsx("stop",{offset:"1",stopColor:"#3122F6"})]})),s.jsxs("linearGradient",e.__assign({id:"paint1_linear_4150_91297",x1:"12.6889",y1:"11.4259",x2:"16.8",y2:"7.97407",gradientUnits:"userSpaceOnUse"},{children:[s.jsx("stop",{stopColor:"white"}),s.jsx("stop",{offset:"1",stopColor:"#FFE37D"})]})),s.jsxs("linearGradient",e.__assign({id:"paint2_linear_4150_91297",x1:"11.937",y1:"12.0667",x2:"-4.68889",y2:"29.637",gradientUnits:"userSpaceOnUse"},{children:[s.jsx("stop",{stopColor:"#00B9B7"}),s.jsx("stop",{offset:"1",stopColor:"#3122F6"})]}))]})]}))}));exports.ClearIcon=n;

package/icons/custom/products/DashboardIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    size?: number;
+    viewBox?: string;
+};
+export declare const DashboardIcon: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SVGSVGElement>>;
+export {};