@zonos/amino 4.4.12 → 4.4.15

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/components/nested-data-table/NestedDataTable.d.ts

@@ -8,13 +8,12 @@ export type CustomColumnFormatters<TRow extends Record<string, unknown>> = {
 };
 type Props<TRow extends Record<string, unknown>> = {
     currentPage?: number;
+    customColumnFormatters?: CustomColumnFormatters<TRow>;
     /**
      * @param customFlattenRow
      * @description Custom flattenRow function, if not provided, the default flattenRow (flattenRow - "src/utils/flattenRow.ts") will be used
      */
     customFlattenRow?: typeof flattenRow;
-    customColumnFormatters?: CustomColumnFormatters<TRow>;
-    handlePagination?: (page: number) => void;
     hasNextPage?: boolean;
     hasPreviousPage?: boolean;
     isFetching: boolean;
@@ -22,6 +21,7 @@ type Props<TRow extends Record<string, unknown>> = {
     restState?: ReactNode;
     tableData: TRow[];
     title?: string;
+    handlePagination?: (page: number) => void;
 };
-export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customFlattenRow, customColumnFormatters, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, tableData, title, }: Props<TRow>) => JSX.Element;
+export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customColumnFormatters, customFlattenRow, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, tableData, title, }: Props<TRow>) => JSX.Element;
 export {};

package/components/nested-data-table/NestedDataTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("../../styles/constants/theme.js"),s=require("styled-components"),n=require("../button/Button.js"),a=require("../rest-state/RestState.js"),u=require("../text/Text.js"),o=require("./_TableData.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("./_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");var c,j,q,d=l(s),m=d.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),h=d.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"])),i.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space8);exports.NestedDataTable=function(i){var s=i.currentPage,l=i.customFlattenRow,c=i.customColumnFormatters,j=i.handlePagination,q=i.hasNextPage,d=i.hasPreviousPage,g=i.isFetching,x=i.loadingComponent,b=i.restState,f=i.tableData,_=i.title,k=r.useMemo((function(){return Array.isArray(f)?f:[f]}),[f]),v=!!j&&!!s&&f.length;return t.jsxs(m,{children:[t.jsxs(h,{children:[!!_&&t.jsx(u.Text,e.__assign({type:"header"},{children:_})),!!v&&t.jsxs(p,{children:[t.jsx(n.Button,e.__assign({intent:"outline",disabled:1===s||!d,onClick:function(){d&&j(s-1)}},{children:"Previous page"})),s,t.jsx(n.Button,e.__assign({disabled:!q,onClick:function(){q&&j(s+1)},intent:"outline"},{children:"Next page"}))]})]}),g?x?t.jsx(t.Fragment,{children:x}):t.jsx(a.RestState,{label:"Loading..."}):0===k.length?b?t.jsx(t.Fragment,{children:b}):t.jsx(a.RestState,{label:"No data available."}):t.jsx(o.TableData,{customColumnFormatters:c,tableDataArr:k,customFlattenRow:l})]})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("../../styles/constants/theme.js"),s=require("styled-components"),n=require("../button/Button.js"),a=require("../rest-state/RestState.js"),u=require("../text/Text.js"),o=require("./_TableData.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("./_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");var c,j,q,d=l(s),m=d.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),h=d.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"])),i.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space8);exports.NestedDataTable=function(i){var s=i.currentPage,l=i.customColumnFormatters,c=i.customFlattenRow,j=i.handlePagination,q=i.hasNextPage,d=i.hasPreviousPage,g=i.isFetching,x=i.loadingComponent,b=i.restState,f=i.tableData,_=i.title,k=r.useMemo((function(){return Array.isArray(f)?f:[f]}),[f]),v=!!j&&!!s&&f.length;return t.jsxs(m,{children:[t.jsxs(h,{children:[!!_&&t.jsx(u.Text,e.__assign({type:"header"},{children:_})),!!v&&t.jsxs(p,{children:[t.jsx(n.Button,e.__assign({disabled:1===s||!d,intent:"outline",onClick:function(){d&&j(s-1)}},{children:"Previous page"})),s,t.jsx(n.Button,e.__assign({disabled:!q,intent:"outline",onClick:function(){q&&j(s+1)}},{children:"Next page"}))]})]}),g?x?t.jsx(t.Fragment,{children:x}):t.jsx(a.RestState,{label:"Loading..."}):0===k.length?b?t.jsx(t.Fragment,{children:b}):t.jsx(a.RestState,{label:"No data available."}):t.jsx(o.TableData,{customColumnFormatters:l,customFlattenRow:c,tableDataArr:k})]})};

package/components/nested-data-table/NestedDataTableHasura.d.ts

@@ -8,13 +8,13 @@ type Props = {
     customFlattenRow?: typeof flattenRow;
     isFetching: boolean;
     query: string;
+    tableData: Record<string, unknown> | Record<string, unknown>[];
+    title: string;
     /**
      * @param cachingKey key to be used for caching response in Swr
      */
     setCachingKey: (cachingKey: string) => void;
     setQuery: (query: string) => void;
-    tableData: Record<string, unknown> | Record<string, unknown>[];
-    title: string;
 };
 export declare const NestedDataTableHasura: ({ customFlattenRow, isFetching, query, setCachingKey, setQuery, tableData, title, }: Props) => JSX.Element;
 export {};

package/components/nested-data-table/NestedDataTableHasura.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("./NestedDataTable.js");require("../../_tslib-fe391a2e.js"),require("../../utils/_extractQueryParams.js"),require("../../styles/constants/theme.js"),require("styled-components"),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("./_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("./_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");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,l=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(l)?l:[l]}),[l]),h=t.useHasuraGqlPagination({query:o,setCachingKey:n,setQuery:c,actionName:q}),p=h.currentPage,m=h.handlePagination;return e.jsx(i.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:q})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("./NestedDataTable.js");require("../../_tslib-fe391a2e.js"),require("../../utils/_extractQueryParams.js"),require("../../styles/constants/theme.js"),require("styled-components"),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("./_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("./_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");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,l=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(l)?l:[l]}),[l]),h=t.useHasuraGqlPagination({actionName:q,query:o,setCachingKey:n,setQuery:c}),p=h.currentPage,m=h.handlePagination;return e.jsx(i.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:q})};

package/components/nested-data-table/_Filter.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("../../icons/FilterIcon.js"),r=require("../../styles/constants/theme.js"),s=require("../../utils/hooks/useDropdown.js"),l=require("styled-components"),o=require("../select/MultiSelect.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@floating-ui/react-dom"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../text/Text.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");var u,c,d,p=a(l),f=p.default.button(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"])),r.theme.sizeSm,r.theme.space12,r.theme.borderColor,r.theme.radius6),m=p.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),h=p.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"],["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"])),r.theme.space16,r.theme.gray0,r.theme.gray200,r.theme.gray400,r.theme.radius8);exports.Filter=function(r){var l=r.columns,a=r.hiddenColumns,u=r.setHiddenColumns,c=s.useDropdown(),d=c.floatingRef,p=c.left,x=c.position,b=c.reference,j=c.setVisible,g=c.top,y=c.visibility,q=c.visible,v=c.wrapperRef,_=i.useMemo((function(){return l.map((function(e){return{label:e.key,value:e.key}}))}),[l]);return n.jsxs(m,e.__assign({ref:v},{children:[n.jsxs(f,e.__assign({ref:b,onClick:function(){return j(!q)}},{children:[n.jsx(t.FilterIcon,{size:16})," Filter"]})),n.jsx(h,e.__assign({ref:d,style:{position:x,top:g,left:p,opacity:"visible"===y?1:0,zIndex:"visible"===y?1:-1}},{children:n.jsx(o.MultiSelect,{label:"Hide column",hideSelectedOptions:!1,options:_,value:_.filter((function(e){return a.includes(e.value)})),onChange:function(e){u(e.flatMap((function(e){return[e.value]})))}})}))]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("../../icons/FilterIcon.js"),r=require("../../styles/constants/theme.js"),s=require("../../utils/hooks/useDropdown.js"),l=require("styled-components"),o=require("../select/MultiSelect.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@floating-ui/react-dom"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../text/Text.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");var u,c,d,p=a(l),f=p.default.button(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"])),r.theme.sizeSm,r.theme.space12,r.theme.borderColor,r.theme.radius6),m=p.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),h=p.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"],["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"])),r.theme.space16,r.theme.gray0,r.theme.gray200,r.theme.gray400,r.theme.radius8);exports.Filter=function(r){var l=r.columns,a=r.hiddenColumns,u=r.setHiddenColumns,c=s.useDropdown(),d=c.floatingRef,p=c.left,x=c.position,b=c.reference,j=c.setVisible,g=c.top,y=c.visibility,q=c.visible,v=c.wrapperRef,_=i.useMemo((function(){return l.map((function(e){return{label:e.key,value:e.key}}))}),[l]);return n.jsxs(m,e.__assign({ref:v},{children:[n.jsxs(f,e.__assign({ref:b,onClick:function(){return j(!q)}},{children:[n.jsx(t.FilterIcon,{size:16})," Filter"]})),n.jsx(h,e.__assign({ref:d,style:{left:p,opacity:"visible"===y?1:0,position:x,top:g,zIndex:"visible"===y?1:-1}},{children:n.jsx(o.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){u(e.flatMap((function(e){return[e.value]})))},options:_,value:_.filter((function(e){return a.includes(e.value)}))})}))]}))};

package/components/nested-data-table/_TableData.d.ts

@@ -5,12 +5,12 @@ import { type RowWithIndex } from '../pivot-table/PivotTable';
 type ColumnType = Column<RowWithIndex, Record<string, unknown>>;
 type ColumnFormatter = Parameters<NonNullable<ColumnType['formatter']>>;
 type Props<TRow extends Record<string, unknown>> = {
-    customFlattenRow?: typeof flattenRow;
-    noFilter?: boolean;
-    tableDataArr: TRow[];
     customColumnFormatters?: {
         [key in keyof TRow]?: (props: ColumnFormatter[0]) => ReactNode;
     };
+    customFlattenRow?: typeof flattenRow;
+    noFilter?: boolean;
+    tableDataArr: TRow[];
 };
-export declare const TableData: <TRow extends Record<string, unknown>>({ customFlattenRow, noFilter, tableDataArr, customColumnFormatters, }: Props<TRow>) => JSX.Element;
+export declare const TableData: <TRow extends Record<string, unknown>>({ customColumnFormatters, customFlattenRow, noFilter, tableDataArr, }: Props<TRow>) => JSX.Element;
 export {};

package/components/nested-data-table/_TableData.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../icons/ChevronRightCircleIcon.js"),i=require("../../styles/constants/theme.js"),s=require("../../utils/flattenRow.js"),a=require("../../utils/setupNestedData.js"),o=require("../../utils/truncateText.js"),u=require("styled-components"),l=require("../button/Button.js"),c=require("../pivot-table/PivotTable.js"),d=require("../tooltip/Tooltip.js"),p=require("./_Filter.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.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");var j,f,g,h=m(u),q=h.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"]))),_=h.default.div(g||(g=e.__makeTemplateObject(["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"],["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"])),i.theme.gray50,i.theme.space4,i.theme.space12,i.theme.space24),v=function(i){var u=i.customFlattenRow,m=i.noFilter,j=i.tableDataArr,f=i.customColumnFormatters,g=u||s.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return j.map((function(e){var n=Object.entries(e).reduce((function(e,n){return g({currentVal:n,prev:e})}),{});return a.setupNestedData(n)}))}),[g,j]),C=e.__read(t.useState(k()),2),w=C[0],D=C[1];t.useEffect((function(){j&&D(k())}),[k,j]);var R=t.useCallback((function(t){var i=t.row,s=t.column,a=t.onRowChange,c=i[s.key];if(Array.isArray(c)){var p=0===c.length,m=i._expandedKey===s.key;return n.jsx(x,{children:n.jsx(d.Tooltip,e.__assign({subtitle:"This list has no items.",showTooltip:p},{children:n.jsx(l.Button,{className:m?"expanding-button":"",intent:"subtle",disabled:p,onClick:function(){return a(e.__assign(e.__assign({},i),{_expandedKey:m?"":s.key}))},icon:n.jsx(r.ChevronRightCircleIcon,{})})}))})}return i._expandedData&&i._expandedData.length>0?n.jsx(v,{customFlattenRow:u,noFilter:!0,tableDataArr:i._expandedData,customColumnFormatters:f}):"string"==typeof c?o.truncateText({text:c,length:40,addEllipsis:!0}):c}),[f,u]),T=t.useMemo((function(){return Object.entries(w.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,formatter:(null==f?void 0:f[t])||R}]}))}),[f,R,w]),I=t.useMemo((function(){var n=T.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[T,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!m&&n.jsx(p.Filter,{columns:T,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(c.PivotTable,{headerRowHeight:40,rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},tableHeight:"100%",rows:w,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},columns:I,defaultColumnOptions:{sortable:!1,resizable:!0}})]})};exports.TableData=v;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../icons/ChevronRightCircleIcon.js"),i=require("../../styles/constants/theme.js"),s=require("../../utils/flattenRow.js"),a=require("../../utils/setupNestedData.js"),o=require("../../utils/truncateText.js"),u=require("styled-components"),l=require("../button/Button.js"),c=require("../pivot-table/PivotTable.js"),d=require("../tooltip/Tooltip.js"),p=require("./_Filter.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.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");var j,f,g,h=m(u),q=h.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"]))),_=h.default.div(g||(g=e.__makeTemplateObject(["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"],["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"])),i.theme.gray50,i.theme.space4,i.theme.space12,i.theme.space24),v=function(i){var u=i.customColumnFormatters,m=i.customFlattenRow,j=i.noFilter,f=i.tableDataArr,g=m||s.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return f.map((function(e){var n=Object.entries(e).reduce((function(e,n){return g({currentVal:n,prev:e})}),{});return a.setupNestedData(n)}))}),[g,f]),C=e.__read(t.useState(k()),2),w=C[0],D=C[1];t.useEffect((function(){f&&D(k())}),[k,f]);var R=t.useCallback((function(t){var i=t.column,s=t.onRowChange,a=t.row,c=a[i.key];if(Array.isArray(c)){var p=0===c.length,j=a._expandedKey===i.key;return n.jsx(x,{children:n.jsx(d.Tooltip,e.__assign({showTooltip:p,subtitle:"This list has no items."},{children:n.jsx(l.Button,{className:j?"expanding-button":"",disabled:p,icon:n.jsx(r.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":i.key}))}})}))})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnFormatters:u,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?o.truncateText({addEllipsis:!0,length:40,text:c}):c}),[u,m]),T=t.useMemo((function(){return Object.entries(w.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{formatter:(null==u?void 0:u[t])||R,key:t,name:t}]}))}),[u,R,w]),I=t.useMemo((function(){var n=T.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[T,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(p.Filter,{columns:T,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(c.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:w,tableHeight:"100%"})]})};exports.TableData=v;

package/components/ownership-block/OwnershipBlock.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { Theme } from "../../types";
 type DocOwner = {
-    name: string | null;
     id: string | null;
+    name: string | null;
 } | null;
 export type Props = {
     docChampion: DocOwner;

package/components/ownership-block/OwnershipBlock.js

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

package/components/pivot-table/PivotTable.d.ts

@@ -9,12 +9,12 @@ type OverrideColumn<TRow extends RowData> = {
 };
 export type ColumnProps<TRow extends RowData, TSummaryRow = unknown> = Exclude<Column<TRow, TSummaryRow>, 'key'> & OverrideColumn<TRow>;
 type OverrideProps<TRow extends RowData, TSummaryRow extends unknown> = {
+    columns: ColumnProps<TRow, TSummaryRow>[];
     rows: TRow[];
     /**
      * @default string
      */
     tableHeight?: string;
-    columns: ColumnProps<TRow, TSummaryRow>[];
 };
 export type NestedRowData = {
     _expandedData: Record<string, unknown>[];
@@ -30,5 +30,5 @@ type Props<TRow extends RowWithIndex, TSummaryRow extends unknown, TRowKey exten
  * @documentation https://adazzle.github.io/react-data-grid/#/grouping
  * @example https://github.com/adazzle/react-data-grid/tree/main/website
  */
-export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ rows, columns, tableHeight, sortColumns: _sortColumns, onSortColumnsChange, renderers: _renderers, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => JSX.Element;
+export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => JSX.Element;
 export {};

package/components/pivot-table/PivotTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-data-grid"),o=require("../../icons/ChevronDownIcon.js"),a=require("../../icons/ChevronUpIcon.js"),s=require("../../styles/constants/theme.js"),i=require("../../utils/addIndex.js"),l=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var u,d,g=c(t),h=c(l),m=h.default.span(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n"],["\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n"]))),b=h.default.div(d||(d=e.__makeTemplateObject(["\n  height: ",";\n  min-height: ",";\n  position: relative;\n  .data-grid {\n    block-size: 100%;\n    border-radius: 8px;\n    background-color: inherit;\n    .rdg-row {\n      background-color: ",";\n      color: ",";\n    }\n    .rdg-header-row,\n    .rdg-summary-row {\n      background-color: ",";\n      color: ",";\n      font-weight: 700;\n    }\n    .rdg-cell {\n      border: 1px solid ",";\n    }\n  }\n"],["\n  height: ",";\n  min-height: ",";\n  position: relative;\n  .data-grid {\n    block-size: 100%;\n    border-radius: 8px;\n    background-color: inherit;\n    .rdg-row {\n      background-color: ",";\n      color: ",";\n    }\n    .rdg-header-row,\n    .rdg-summary-row {\n      background-color: ",";\n      color: ",";\n      font-weight: 700;\n    }\n    .rdg-cell {\n      border: 1px solid ",";\n    }\n  }\n"])),(function(e){return e.$tableHeight?e.$tableHeight:"calc(100vh - 145px)"}),(function(e){return e.$tableHeight}),s.theme.gray0,s.theme.textColor,s.theme.gray100,s.theme.textColor,s.theme.gray200);exports.PivotTable=function(t){var s=t.rows,l=t.columns,c=t.tableHeight,u=t.sortColumns,d=void 0===u?[]:u,h=t.onSortColumnsChange,f=t.renderers,_=e.__rest(t,["rows","columns","tableHeight","sortColumns","onSortColumnsChange","renderers"]),p=n.useRef(null),x=e.__read(n.useState(d||[]),2),y=x[0],C=x[1],j=n.useCallback((function(e){var n=e.sortDirection,t=e.priority;return n?r.jsxs(m,{children:["ASC"===n?r.jsx(a.ChevronUpIcon,{color:"gray900"}):r.jsx(o.ChevronDownIcon,{color:"gray900"}),r.jsx("span",{children:t})]}):null}),[]),v=e.__assign({sortStatus:j},f),w=e.__spreadArray([{key:"_itemIndex",name:"",width:60,sortable:!1,frozen:!0}],e.__read(l),!1),k=n.useMemo((function(){if(0===y.length)return s.map(i.addIndex);return e.__spreadArray([],e.__read(s),!1).sort((function(e,r){var n=0;return y.some((function(t){var o,a=(o=t.columnKey,function(e,r){var n=e[o],t=r[o];switch(typeof n){case"boolean":return n===t?0:n?1:-1;case"string":return"string"==typeof t?n.localeCompare(t):0;case"number":return"number"==typeof t?n-t:0;default:return 0}}),s=a(e,r);return 0!==s?(n="ASC"===t.direction?s:-s,1):0})),n})).map(i.addIndex)}),[s,y]);return r.jsx(b,e.__assign({$tableHeight:c},{children:r.jsx(g.default,e.__assign({className:"data-grid",ref:p,rows:k,columns:w,sortColumns:y,onSortColumnsChange:h||C,renderers:v},_))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-data-grid"),o=require("../../icons/ChevronDownIcon.js"),a=require("../../icons/ChevronUpIcon.js"),s=require("../../styles/constants/theme.js"),i=require("../../utils/addIndex.js"),l=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var u,d,g=c(t),h=c(l),m=h.default.span(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n"],["\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n"]))),b=h.default.div(d||(d=e.__makeTemplateObject(["\n  height: ",";\n  min-height: ",";\n  position: relative;\n  .data-grid {\n    block-size: 100%;\n    border-radius: 8px;\n    background-color: inherit;\n    .rdg-row {\n      background-color: ",";\n      color: ",";\n    }\n    .rdg-header-row,\n    .rdg-summary-row {\n      background-color: ",";\n      color: ",";\n      font-weight: 700;\n    }\n    .rdg-cell {\n      border: 1px solid ",";\n    }\n  }\n"],["\n  height: ",";\n  min-height: ",";\n  position: relative;\n  .data-grid {\n    block-size: 100%;\n    border-radius: 8px;\n    background-color: inherit;\n    .rdg-row {\n      background-color: ",";\n      color: ",";\n    }\n    .rdg-header-row,\n    .rdg-summary-row {\n      background-color: ",";\n      color: ",";\n      font-weight: 700;\n    }\n    .rdg-cell {\n      border: 1px solid ",";\n    }\n  }\n"])),(function(e){return e.$tableHeight?e.$tableHeight:"calc(100vh - 145px)"}),(function(e){return e.$tableHeight}),s.theme.gray0,s.theme.textColor,s.theme.gray100,s.theme.textColor,s.theme.gray200);exports.PivotTable=function(t){var s=t.columns,l=t.onSortColumnsChange,c=t.renderers,u=t.rows,d=t.sortColumns,h=void 0===d?[]:d,f=t.tableHeight,_=e.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","tableHeight"]),p=n.useRef(null),x=e.__read(n.useState(h||[]),2),y=x[0],C=x[1],j=n.useCallback((function(e){var n=e.priority,t=e.sortDirection;return t?r.jsxs(m,{children:["ASC"===t?r.jsx(a.ChevronUpIcon,{color:"gray900"}):r.jsx(o.ChevronDownIcon,{color:"gray900"}),r.jsx("span",{children:n})]}):null}),[]),v=e.__assign({sortStatus:j},c),w=e.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],e.__read(s),!1),k=n.useMemo((function(){if(0===y.length)return u.map(i.addIndex);return e.__spreadArray([],e.__read(u),!1).sort((function(e,r){var n=0;return y.some((function(t){var o,a=(o=t.columnKey,function(e,r){var n=e[o],t=r[o];switch(typeof n){case"boolean":return n===t?0:n?1:-1;case"string":return"string"==typeof t?n.localeCompare(t):0;case"number":return"number"==typeof t?n-t:0;default:return 0}}),s=a(e,r);return 0!==s?(n="ASC"===t.direction?s:-s,1):0})),n})).map(i.addIndex)}),[u,y]);return r.jsx(b,e.__assign({$tableHeight:f},{children:r.jsx(g.default,e.__assign({ref:p,className:"data-grid",columns:w,onSortColumnsChange:l||C,renderers:v,rows:k,sortColumns:y},_))}))};

package/components/profile-icon/ProfileIcon.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react-awesome-gravatar"),a=require("styled-components"),i=require("../avatar/UserAvatar.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("../../styles/constants/theme.js");var s,o=n(a).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 a=e.email,n=e.size,s=void 0===n?32:n,u={default:"mp",size:s},d=a&&t.getGravatarUrl(a,u);return d?r.jsx(o,{size:s,alt:"Profile",src:d}):r.jsx(i.UserAvatar,{size:s})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react-awesome-gravatar"),a=require("styled-components"),i=require("../avatar/UserAvatar.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("../../styles/constants/theme.js");var s,o=n(a).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 a=e.email,n=e.size,s=void 0===n?32:n,u={default:"mp",size:s},d=a&&t.getGravatarUrl(a,u);return d?r.jsx(o,{alt:"Profile",size:s,src:d}):r.jsx(i.UserAvatar,{size:s})};

package/components/radio/Radio.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export type RadioProps = {
-    disabled?: boolean;
     checked: boolean;
-    onChange: (checked: boolean) => void;
+    disabled?: boolean;
     label?: string;
+    onChange: (checked: boolean) => void;
 };
-export declare const Radio: ({ disabled, label, checked, onChange }: RadioProps) => JSX.Element;
+export declare const Radio: ({ checked, disabled, label, onChange }: RadioProps) => JSX.Element;

package/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var a,l,c,s=o(require("styled-components")),d=s.default.div(a||(a=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  margin-right: ",";\n  transition: ",";\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  margin-right: ",";\n  transition: ",";\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"])),(function(n){return n.checked?i.theme.primary:i.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(i.theme.gray400)}),i.theme.space8,i.theme.transition,i.theme.glowBlue,i.theme.gray0),u=s.default(t.Text)(l||(l=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),m=s.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"])),(function(n){return n.checked&&i.theme.blue300}),(function(n){return n.disabled?i.theme.gray300:"black"}));exports.Radio=function(t){var i=t.disabled,o=t.label,a=t.checked,l=t.onChange;return e.jsxs(m,n.__assign({checked:a,className:i?"disabled":"",disabled:i,onClick:function(){return!i&&l(!a)}},{children:[e.jsx(d,n.__assign({checked:a},{children:e.jsx(r.AnimatePresence,{children:a&&e.jsx(r.motion.svg,n.__assign({transition:{ease:[.4,0,.2,1],duration:.35},initial:{opacity:0,scale:1.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",viewBox:"0 0 10 10"},{children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})}),"radio")})})),o&&e.jsx(u,n.__assign({type:"input-label"},{children:o}))]}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var a,l,c,s=o(require("styled-components")),d=s.default.div(a||(a=n.__makeTemplateObject(["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  margin-right: ",";\n  transition: ",";\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"],["\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border: ",";\n  margin-right: ",";\n  transition: ",";\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    width: 8px;\n    height: 8px;\n  }\n"])),(function(n){return n.checked?i.theme.primary:i.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(i.theme.gray400)}),i.theme.space8,i.theme.transition,i.theme.glowBlue,i.theme.gray0),u=s.default(t.Text)(l||(l=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),m=s.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n\n  &.disabled {\n    cursor: not-allowed;\n    & > div {\n      background: ",";\n      cursor: not-allowed;\n    }\n    label {\n      cursor: not-allowed;\n    }\n  }\n\n  label {\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    margin-bottom: 0;\n    color: ",";\n  }\n"])),(function(n){return n.checked&&i.theme.blue300}),(function(n){return n.disabled?i.theme.gray300:"black"}));exports.Radio=function(t){var i=t.checked,o=t.disabled,a=t.label,l=t.onChange;return e.jsxs(m,n.__assign({checked:i,className:o?"disabled":"",disabled:o,onClick:function(){return!o&&l(!i)}},{children:[e.jsx(d,n.__assign({checked:i},{children:e.jsx(r.AnimatePresence,{children:i&&e.jsx(r.motion.svg,n.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10"},{children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})}),"radio")})})),a&&e.jsx(u,n.__assign({type:"input-label"},{children:a}))]}))};

package/components/radio/RadioGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("../../styles/constants/theme.js"),t=require("styled-components"),i=require("./Radio.js");function s(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js");var u,l=s(t).default.div(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n"],["\n  display: flex;\n  gap: ",";\n"])),n.theme.space8);exports.RadioGroup=function(n){var t=n.className,s=n.disabled,u=n.initialValue,c=n.items,d=n.onChange,o=e.__read(r.useState(-1),2),f=o[0],m=o[1],p=c.findIndex((function(e){return e.value===u}));r.useEffect((function(){p>-1&&m(p)}),[p]);var x=c.map((function(e,r){return a.jsx(i.Radio,{checked:r===f,onChange:function(){s||(m(r),d&&e.value&&d(e.value))},disabled:s,label:e.label},e.label)}));return a.jsx(l,e.__assign({className:t},{children:x}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("../../styles/constants/theme.js"),t=require("styled-components"),i=require("./Radio.js");function s(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js");var u,l=s(t).default.div(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n"],["\n  display: flex;\n  gap: ",";\n"])),n.theme.space8);exports.RadioGroup=function(n){var t=n.className,s=n.disabled,u=n.initialValue,c=n.items,d=n.onChange,o=e.__read(r.useState(-1),2),f=o[0],m=o[1],p=c.findIndex((function(e){return e.value===u}));r.useEffect((function(){p>-1&&m(p)}),[p]);var x=c.map((function(e,r){return a.jsx(i.Radio,{checked:r===f,disabled:s,label:e.label,onChange:function(){s||(m(r),d&&e.value&&d(e.value))}},e.label)}));return a.jsx(l,e.__assign({className:t},{children:x}))};

package/components/rest-state/RestState.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
 export type RestStateProps = {
-    label: string;
-    subtitle?: string;
     action?: ReactNode;
-    icon?: string;
     className?: string;
+    icon?: string;
+    label: string;
+    subtitle?: string;
 };
-export declare const RestState: ({ label, subtitle, action, icon, className, }: RestStateProps) => JSX.Element;
+export declare const RestState: ({ action, className, icon, label, subtitle, }: RestStateProps) => JSX.Element;

package/components/rest-state/RestState.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var l,s,r,c,m=a(require("styled-components")),o=m.default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  & > * {\n    text-align: center;\n    max-width: 500px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  & > * {\n    text-align: center;\n    max-width: 500px;\n  }\n"]))),u=m.default.img(s||(s=e.__makeTemplateObject(["\n  width: 100px;\n  height: auto;\n  margin-bottom: ",";\n"],["\n  width: 100px;\n  height: auto;\n  margin-bottom: ",";\n"])),i.theme.space16),x=m.default.div(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space8),d=m.default.div(c||(c=e.__makeTemplateObject(["\n  margin-top: ",";\n  margin-bottom: ",";\n"],["\n  margin-top: ",";\n  margin-bottom: ",";\n"])),i.theme.space24,i.theme.space8);exports.RestState=function(i){var a=i.label,l=i.subtitle,s=i.action,r=i.icon,c=i.className;return n.jsxs(o,e.__assign({className:c},{children:[r?n.jsx(u,{src:r}):null,n.jsxs(x,{children:[n.jsx(t.Text,e.__assign({type:"title"},{children:a})),l&&n.jsx(t.Text,e.__assign({type:"subtitle"},{children:l})),s?n.jsx(d,{children:s}):null]})]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var l,s,r,c,m=a(require("styled-components")),o=m.default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  & > * {\n    text-align: center;\n    max-width: 500px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  & > * {\n    text-align: center;\n    max-width: 500px;\n  }\n"]))),u=m.default.img(s||(s=e.__makeTemplateObject(["\n  width: 100px;\n  height: auto;\n  margin-bottom: ",";\n"],["\n  width: 100px;\n  height: auto;\n  margin-bottom: ",";\n"])),i.theme.space16),x=m.default.div(r||(r=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space8),d=m.default.div(c||(c=e.__makeTemplateObject(["\n  margin-top: ",";\n  margin-bottom: ",";\n"],["\n  margin-top: ",";\n  margin-bottom: ",";\n"])),i.theme.space24,i.theme.space8);exports.RestState=function(i){var a=i.action,l=i.className,s=i.icon,r=i.label,c=i.subtitle;return n.jsxs(o,e.__assign({className:l},{children:[s?n.jsx(u,{src:s}):null,n.jsxs(x,{children:[n.jsx(t.Text,e.__assign({type:"title"},{children:r})),c&&n.jsx(t.Text,e.__assign({type:"subtitle"},{children:c})),a?n.jsx(d,{children:a}):null]})]}))};

package/components/rich-checkbox/RichCheckbox.d.ts

@@ -10,5 +10,5 @@ export type RichCheckboxProps = {
     items: RichCheckboxItemType[];
     onClick: (newVal: string) => void;
 };
-export declare const RichCheckbox: ({ onClick, items }: RichCheckboxProps) => JSX.Element;
+export declare const RichCheckbox: ({ items, onClick }: RichCheckboxProps) => JSX.Element;
 export {};