@zonos/amino 4.3.3 → 4.4.1

package/components/input/input-type/_FloatLabelInput.js

@@ -1 +1 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("../../../styles/constants/theme.js"),o=require("../../../utils/getTestId.js");function r(n){return n&&n.__esModule?n:{default:n}}var i,l,s,d,p,c,f,h=r(require("styled-components")),u=h.default.label(i||(i=n.__makeTemplateObject(["\n  display: block;\n  max-height: 0;\n  pointer-events: none;\n  order: 1;\n  &::before {\n    content: attr(data-label);\n    color: ",";\n    position: absolute;\n    font-size: ",";\n    line-height: ",";\n    display: inline-block;\n    filter: blur(0);\n    transform-origin: left top;\n    transition: ",";\n    margin-left: ",";\n    top: calc(50% - "," / 2);\n    z-index: 1;\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n  /** disabled state */\n  .disabled & {\n    pointer-events: inherit;\n    ::after {\n      cursor: not-allowed;\n      z-index: 1;\n    }\n  }\n"],["\n  display: block;\n  max-height: 0;\n  pointer-events: none;\n  order: 1;\n  &::before {\n    content: attr(data-label);\n    color: ",";\n    position: absolute;\n    font-size: ",";\n    line-height: ",";\n    display: inline-block;\n    filter: blur(0);\n    transform-origin: left top;\n    transition: ",";\n    margin-left: ",";\n    top: calc(50% - "," / 2);\n    z-index: 1;\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n  /** disabled state */\n  .disabled & {\n    pointer-events: inherit;\n    ::after {\n      cursor: not-allowed;\n      z-index: 1;\n    }\n  }\n"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16,a.theme.fontSizeBase,a.theme.radius6),b=h.default.div(l||(l=n.__makeTemplateObject(["\n  font-size: ",";\n  line-height: ",";\n  font-weight: 500;\n  background: transparent;\n  padding: 0 ",";\n  font-weight: 700;\n  flex-basis: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  font-size: ",";\n  line-height: ",";\n  font-weight: 500;\n  background: transparent;\n  padding: 0 ",";\n  font-weight: 700;\n  flex-basis: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])),a.theme.fontSizeS,a.theme.fontSizeS,a.theme.space16),m=h.default(b)(s||(s=n.__makeTemplateObject(["\n  border-top-left-radius: ",";\n  border-bottom-left-radius: ",";\n"],["\n  border-top-left-radius: ",";\n  border-bottom-left-radius: ",";\n"])),a.theme.radius6,a.theme.radius6),x=h.default(b)(d||(d=n.__makeTemplateObject(["\n  order: 3;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n"],["\n  order: 3;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n"])),a.theme.radius6,a.theme.radius6),g=h.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  order: 2;\n  align-items: flex-end;\n  padding-left: ",";\n  padding-bottom: calc(",");\n  color: ",";\n  white-space: nowrap;\n"],["\n  display: flex;\n  order: 2;\n  align-items: flex-end;\n  padding-left: ",";\n  padding-bottom: calc(",");\n  color: ",";\n  white-space: nowrap;\n"])),a.theme.space16,a.theme.space8,a.theme.gray800),y=h.default.input(c||(c=n.__makeTemplateObject(["\n  height: ",";\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  outline: none;\n  transition: ",";\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  order: 2;\n  font-weight: 500;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    padding: "," 4px "," ",";\n    &.has-input-prefix {\n      padding-left: 0;\n      & + ","::before {\n        margin-left: 0;\n      }\n    }\n  }\n  &:not(.has-label) {\n    ::placeholder {\n      opacity: 0.6;\n    }\n  }\n\n  &.has-value-prefix {\n    padding-left: 8px;\n  }\n\n  ::placeholder {\n    transition: ",";\n    opacity: 0;\n  }\n\n  :focus {\n    outline: none;\n    & + ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error + ","::after {\n    box-shadow: ",";\n  }\n\n  &.has-content,\n  &:focus {\n    &::placeholder {\n      opacity: 0.6;\n    }\n    & + ","::before {\n      top: 11px;\n      transform: scale(0.8);\n    }\n  }\n"],["\n  height: ",";\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  outline: none;\n  transition: ",";\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  order: 2;\n  font-weight: 500;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    padding: "," 4px "," ",";\n    &.has-input-prefix {\n      padding-left: 0;\n      & + ","::before {\n        margin-left: 0;\n      }\n    }\n  }\n  &:not(.has-label) {\n    ::placeholder {\n      opacity: 0.6;\n    }\n  }\n\n  &.has-value-prefix {\n    padding-left: 8px;\n  }\n\n  ::placeholder {\n    transition: ",";\n    opacity: 0;\n  }\n\n  :focus {\n    outline: none;\n    & + ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error + ","::after {\n    box-shadow: ",";\n  }\n\n  &.has-content,\n  &:focus {\n    &::placeholder {\n      opacity: 0.6;\n    }\n    & + ","::before {\n      top: 11px;\n      transform: scale(0.8);\n    }\n  }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),a.theme.space16,a.theme.transition,a.theme.radius6,a.theme.inputBackground,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,u,a.theme.transition,u,a.theme.glowBlue,u,a.theme.glowError,u),w=h.default.div(f||(f=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  background: ",";\n  border-radius: ",";\n\n  &.sm ",".has-label {\n    padding-top: 13px;\n    padding-bottom: 0;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 2px;\n      }\n    }\n  }\n\n  &.md ",".has-label {\n    padding-top: 20px;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 6px;\n      }\n    }\n  }\n\n  &.lg ",".has-label {\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 10px;\n      }\n    }\n  }\n  &.xl ",".has-label {\n    padding-bottom: 2px;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  background: ",";\n  border-radius: ",";\n\n  &.sm ",".has-label {\n    padding-top: 13px;\n    padding-bottom: 0;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 2px;\n      }\n    }\n  }\n\n  &.md ",".has-label {\n    padding-top: 20px;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 6px;\n      }\n    }\n  }\n\n  &.lg ",".has-label {\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 10px;\n      }\n    }\n  }\n  &.xl ",".has-label {\n    padding-bottom: 2px;\n  }\n"])),a.theme.inputBackground,a.theme.radius6,y,u,y,u,y,u,y),v=t.forwardRef((function(a,r){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,f=a.onChange,h=a.onKeyDown,b=a.pattern,v=a.placeholder,_=a.prefix,k=a.readOnly,j=a.required,z=a.size,O=void 0===z?"xl":z,q=a.suffix,T=a.tabIndex,S=a.type,I=a.value,B=a.valuePrefix,M=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=t.useMemo((function(){return o.getTestId({componentName:"input",name:c})}),[c]),P=!!_||!!B,F=!!I||!!B;return e.jsxs(w,n.__assign({className:"".concat(l||""," ").concat(O)},{children:[_&&e.jsx(m,{children:_}),B&&e.jsx(g,{children:B}),e.jsx(y,n.__assign({"aria-label":c,className:[d?"has-error":"",c?"has-label":"",F?"has-content":"",_?"has-input-prefix":"",B?"has-value-prefix":""].join(" "),hasPrefix:!!_,hasSuffix:!!q,autoFocus:i,disabled:s,inputMode:p,onChange:f,onKeyDown:h,pattern:b,placeholder:v,readOnly:k,ref:r,required:j,$size:O,tabIndex:T,type:S||"text",value:I||"","data-testid":N},M)),e.jsx(u,{hasPrefix:P,"data-label":c}),q&&e.jsx(x,{children:q})]}))}));exports.FloatLabelInput=v,exports.InputValuePrefix=g;
+"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("../../../styles/constants/theme.js"),o=require("../../../utils/getTestId.js");function r(n){return n&&n.__esModule?n:{default:n}}var i,l,s,d,p,c,h,f=r(require("styled-components")),u=f.default.label(i||(i=n.__makeTemplateObject(["\n  display: block;\n  max-height: 0;\n  pointer-events: none;\n  order: 1;\n  &::before {\n    content: attr(data-label);\n    color: ",";\n    position: absolute;\n    font-size: ",";\n    line-height: ",";\n    display: inline-block;\n    filter: blur(0);\n    transform-origin: left top;\n    transition: ",";\n    margin-left: ",";\n    top: calc(50% - "," / 2);\n    z-index: 1;\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n  /** disabled state */\n  .disabled & {\n    pointer-events: inherit;\n    ::after {\n      cursor: not-allowed;\n      z-index: 1;\n    }\n  }\n"],["\n  display: block;\n  max-height: 0;\n  pointer-events: none;\n  order: 1;\n  &::before {\n    content: attr(data-label);\n    color: ",";\n    position: absolute;\n    font-size: ",";\n    line-height: ",";\n    display: inline-block;\n    filter: blur(0);\n    transform-origin: left top;\n    transition: ",";\n    margin-left: ",";\n    top: calc(50% - "," / 2);\n    z-index: 1;\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n  /** disabled state */\n  .disabled & {\n    pointer-events: inherit;\n    ::after {\n      cursor: not-allowed;\n      z-index: 1;\n    }\n  }\n"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16,a.theme.fontSizeBase,a.theme.radius6),b=f.default.div(l||(l=n.__makeTemplateObject(["\n  font-size: ",";\n  line-height: ",";\n  font-weight: 500;\n  background: transparent;\n  padding: 0 ",";\n  font-weight: 700;\n  flex-basis: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  font-size: ",";\n  line-height: ",";\n  font-weight: 500;\n  background: transparent;\n  padding: 0 ",";\n  font-weight: 700;\n  flex-basis: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])),a.theme.fontSizeS,a.theme.fontSizeS,a.theme.space16),m=f.default(b)(s||(s=n.__makeTemplateObject(["\n  border-top-left-radius: ",";\n  border-bottom-left-radius: ",";\n"],["\n  border-top-left-radius: ",";\n  border-bottom-left-radius: ",";\n"])),a.theme.radius6,a.theme.radius6),g=f.default(b)(d||(d=n.__makeTemplateObject(["\n  order: 3;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n"],["\n  order: 3;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n"])),a.theme.radius6,a.theme.radius6),x=f.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  order: 2;\n  align-items: flex-end;\n  padding-left: ",";\n  padding-right: ",";\n  padding-bottom: calc(",");\n  color: ",";\n  white-space: nowrap;\n"],["\n  display: flex;\n  order: 2;\n  align-items: flex-end;\n  padding-left: ",";\n  padding-right: ",";\n  padding-bottom: calc(",");\n  color: ",";\n  white-space: nowrap;\n"])),a.theme.space16,a.theme.space4,a.theme.space8,a.theme.gray800),y=f.default.input(c||(c=n.__makeTemplateObject(["\n  height: ",";\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  outline: none;\n  transition: ",";\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  order: 2;\n  font-weight: 500;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    padding: "," 4px "," ",";\n    &.has-input-prefix {\n      padding-left: 0;\n      & + ","::before {\n        margin-left: 0;\n      }\n    }\n  }\n  &:not(.has-label) {\n    ::placeholder {\n      opacity: 0.6;\n    }\n  }\n\n  &.has-value-prefix {\n    padding-left: 8px;\n  }\n\n  ::placeholder {\n    transition: ",";\n    opacity: 0;\n  }\n\n  :focus {\n    outline: none;\n    & + ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error + ","::after {\n    box-shadow: ",";\n  }\n\n  &.has-content,\n  &:focus {\n    &::placeholder {\n      opacity: 0.6;\n    }\n    & + ","::before {\n      top: 11px;\n      transform: scale(0.8);\n    }\n  }\n"],["\n  height: ",";\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  outline: none;\n  transition: ",";\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  order: 2;\n  font-weight: 500;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    padding: "," 4px "," ",";\n    &.has-input-prefix {\n      padding-left: 0;\n      & + ","::before {\n        margin-left: 0;\n      }\n    }\n  }\n  &:not(.has-label) {\n    ::placeholder {\n      opacity: 0.6;\n    }\n  }\n\n  &.has-value-prefix {\n    padding-left: 8px;\n  }\n\n  ::placeholder {\n    transition: ",";\n    opacity: 0;\n  }\n\n  :focus {\n    outline: none;\n    & + ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error + ","::after {\n    box-shadow: ",";\n  }\n\n  &.has-content,\n  &:focus {\n    &::placeholder {\n      opacity: 0.6;\n    }\n    & + ","::before {\n      top: 11px;\n      transform: scale(0.8);\n    }\n  }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),a.theme.space16,a.theme.transition,a.theme.radius6,a.theme.inputBackground,a.theme.radius6,a.theme.radius6,a.theme.space16,a.theme.space8,a.theme.space16,u,a.theme.transition,u,a.theme.glowBlue,u,a.theme.glowError,u),w=f.default.div(h||(h=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  background: ",";\n  border-radius: ",";\n\n  &.sm ",".has-label {\n    padding-top: 13px;\n    padding-bottom: 0;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 2px;\n      }\n    }\n  }\n\n  &.md ",".has-label {\n    padding-top: 20px;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 6px;\n      }\n    }\n  }\n\n  &.lg ",".has-label {\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 10px;\n      }\n    }\n  }\n  &.xl ",".has-label {\n    padding-bottom: 2px;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  background: ",";\n  border-radius: ",";\n\n  &.sm ",".has-label {\n    padding-top: 13px;\n    padding-bottom: 0;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 2px;\n      }\n    }\n  }\n\n  &.md ",".has-label {\n    padding-top: 20px;\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 6px;\n      }\n    }\n  }\n\n  &.lg ",".has-label {\n    &:focus,\n    &.has-content {\n      & + ","::before {\n        top: 10px;\n      }\n    }\n  }\n  &.xl ",".has-label {\n    padding-bottom: 2px;\n  }\n"])),a.theme.inputBackground,a.theme.radius6,y,u,y,u,y,u,y),v=t.forwardRef((function(a,r){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,h=a.onChange,f=a.onKeyDown,b=a.pattern,v=a.placeholder,_=a.prefix,k=a.readOnly,j=a.required,z=a.size,O=void 0===z?"xl":z,q=a.suffix,T=a.tabIndex,S=a.type,I=a.value,B=a.valuePrefix,M=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=t.useMemo((function(){return o.getTestId({componentName:"input",name:c})}),[c]),P=!!_||!!B,F=!!I||!!B;return e.jsxs(w,n.__assign({className:"".concat(l||""," ").concat(O)},{children:[_&&e.jsx(m,{children:_}),B&&e.jsx(x,{children:B}),e.jsx(y,n.__assign({"aria-label":c,className:[d?"has-error":"",c?"has-label":"",F?"has-content":"",_?"has-input-prefix":"",B?"has-value-prefix":""].join(" "),hasPrefix:!!_,hasSuffix:!!q,autoFocus:i,disabled:s,inputMode:p,onChange:h,onKeyDown:f,pattern:b,placeholder:v,readOnly:k,ref:r,required:j,$size:O,tabIndex:T,type:S||"text",value:I||"","data-testid":N},M)),e.jsx(u,{hasPrefix:P,"data-label":c}),q&&e.jsx(g,{children:q})]}))}));exports.FloatLabelInput=v,exports.InputValuePrefix=x;

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../input/SearchInput.js"),t=require("../../styles/constants/theme.js"),i=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}require("./NavigationGroup.js"),require("../../icons/SearchIcon.js"),require("react"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js");var a,d,h,l,s,c,b,m,p,g,u=o(i),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),t.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),t.theme.space24),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space24),_=u.default(r.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: black;\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: black;\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: black;\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: black;\n    }\n  }\n"])),t.theme.gray100),k=u.default.nav(c||(c=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),t.theme.border,t.theme.sidebarWidth,t.theme.space24,t.theme.sidebarColor),y=u.default.div(b||(b=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(t.theme.appbarHeight,")"):"100vh"}),t.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(p||(p=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"])),t.theme.space24,t.theme.space24,t.theme.space24),q=u.default.header(g||(g=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),t.theme.headerColor,t.theme.v3ShadowBase,t.theme.border,t.theme.appbarHeight,t.theme.appbarElevation);exports.Layout=function(r){var t=r.content,i=r.footer,o=r.sidebar,a=r.logoSidebar,d=r.searchInput,h=r.headerContent;return n.jsxs(w,{children:[!!h&&n.jsx(q,{children:h}),n.jsxs(y,e.__assign({hasHeader:!!h},{children:[n.jsxs(k,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{value:d.value,onChange:d.onChange})}),o]}),n.jsx(x,{children:i})]}),n.jsx(z,{children:t})]}))]})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../input/SearchInput.js"),t=require("../../styles/constants/theme.js"),i=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}require("./NavigationGroup.js"),require("../../icons/SearchIcon.js"),require("react"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js");var a,d,h,l,s,c,b,m,p,g,u=o(i),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),t.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),t.theme.space24),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space24),_=u.default(r.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"])),t.theme.gray1200,t.theme.gray100,t.theme.gray1200),y=u.default.nav(c||(c=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),t.theme.border,t.theme.sidebarWidth,t.theme.space24,t.theme.sidebarColor),k=u.default.div(b||(b=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(t.theme.appbarHeight,")"):"100vh"}),t.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(p||(p=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: "," "," calc(39px + "," * 2);\n  box-sizing: border-box;\n"])),t.theme.space24,t.theme.space24,t.theme.space24),q=u.default.header(g||(g=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),t.theme.headerColor,t.theme.v3ShadowBase,t.theme.border,t.theme.appbarHeight,t.theme.appbarElevation);exports.Layout=function(r){var t=r.content,i=r.footer,o=r.sidebar,a=r.logoSidebar,d=r.searchInput,h=r.headerContent;return n.jsxs(w,{children:[!!h&&n.jsx(q,{children:h}),n.jsxs(k,e.__assign({hasHeader:!!h},{children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{value:d.value,onChange:d.onChange})}),o]}),n.jsx(x,{children:i})]}),n.jsx(z,{children:t})]}))]})};

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../collapse/Collapse.js"),l=require("../../styles/constants/theme.js"),o=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}require("react");var t,c,s,i,d,g,m,u,p,f=a(o),h=f.default.div(t||(t=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),b=f.default.div(c||(c=n.__makeTemplateObject([""],[""]))),x=f.default.div(s||(s=n.__makeTemplateObject([""],[""]))),_=f.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n  padding: 0 ",";\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: black;\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n  padding: 0 ",";\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: black;\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"])),l.theme.space16,l.theme.gray800,l.theme.radius6,l.theme.gray50,l.theme.gray700,l.theme.gray600,x,(function(e){return!!e.$icon&&o.css(i||(i=n.__makeTemplateObject(["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "],["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "])),b)}),(function(e){return e.$isActive&&o.css(d||(d=n.__makeTemplateObject(["\n      && {\n        background-color: ",";\n        color: black;\n        svg {\n          color: black;\n        }\n      }\n    "],["\n      && {\n        background-color: ",";\n        color: black;\n        svg {\n          color: black;\n        }\n      }\n    "])),l.theme.gray200)})),k=f.default.div(u||(u=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&o.css(m||(m=n.__makeTemplateObject(["\n      "," {\n        color: black;\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: black;\n        }\n      }\n    "],["\n      "," {\n        color: black;\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: black;\n        }\n      }\n    "])),_)})),v=f.default(r.Collapse)(p||(p=n.__makeTemplateObject(["\n  padding-left: ",";\n  margin-left: ",";\n  border-left: 1px solid ",";\n"],["\n  padding-left: ",";\n  margin-left: ",";\n  border-left: 1px solid ",";\n"])),l.theme.space24,l.theme.space24,l.theme.gray200);exports.NavigationGroup=function(r){var l=r.content,o=r.children,a=r.className,t=r.collapsed,c=void 0!==t&&t;return e.jsxs(h,n.__assign({className:a},{children:[e.jsx(k,n.__assign({$collapsed:c},{children:l})),e.jsx(v,n.__assign({collapsed:c},{children:o}))]}))},exports.NavigationItem=function(r){var l=r.content,o=r.className,a=r.icon,t=r.isActive;return e.jsxs(_,n.__assign({className:o,$content:l,$icon:a,$isActive:t},{children:[a&&e.jsx(b,{children:a}),l]}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../collapse/Collapse.js"),t=require("../../styles/constants/theme.js"),o=require("styled-components");function l(n){return n&&n.__esModule?n:{default:n}}require("react");var a,c,s,i,d,g,m,u,p,h=l(o),f=h.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),x=h.default.div(c||(c=n.__makeTemplateObject([""],[""]))),_=h.default.div(s||(s=n.__makeTemplateObject([""],[""]))),v=h.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n  padding: 0 ",";\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n  padding: 0 ",";\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"])),t.theme.space16,t.theme.gray800,t.theme.radius6,t.theme.gray50,t.theme.gray1200,t.theme.gray700,t.theme.gray600,_,(function(e){return!!e.$icon&&o.css(i||(i=n.__makeTemplateObject(["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "],["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "])),x)}),(function(e){return e.$isActive&&o.css(d||(d=n.__makeTemplateObject(["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "])),t.theme.gray200,t.theme.gray1200,t.theme.gray1200)})),b=h.default.div(u||(u=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&o.css(m||(m=n.__makeTemplateObject(["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "])),v,t.theme.gray1200,t.theme.gray1200)})),j=h.default(r.Collapse)(p||(p=n.__makeTemplateObject(["\n  padding-left: ",";\n  margin-left: ",";\n  border-left: 1px solid ",";\n"],["\n  padding-left: ",";\n  margin-left: ",";\n  border-left: 1px solid ",";\n"])),t.theme.space24,t.theme.space24,t.theme.gray200);exports.NavigationGroup=function(r){var t=r.content,o=r.children,l=r.className,a=r.collapsed,c=void 0!==a&&a;return e.jsxs(f,n.__assign({className:l},{children:[e.jsx(b,n.__assign({$collapsed:c},{children:t})),e.jsx(j,n.__assign({collapsed:c},{children:o}))]}))},exports.NavigationItem=function(r){var t=r.content,o=r.className,l=r.icon,a=r.isActive;return e.jsxs(v,n.__assign({className:o,$content:t,$icon:l,$isActive:a},{children:[l&&e.jsx(x,{children:l}),t]}))};

package/components/lightbox/LightBox.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
-import type { IAminoTheme } from "../../types/IAminoTheme";
+import type { Theme } from "../../types/Theme";
 export type LightBoxProps = {
     className?: string;
     children: ReactNode;
     onClose: () => void;
     open: boolean;
-    theme?: IAminoTheme;
+    themeOverride?: Theme;
     width?: number;
     withBorder?: boolean;
     /** Close when clicking outside dialog (on the backdrop)
@@ -20,4 +20,4 @@ export type LightBoxProps = {
      */
     closeOnEsc?: boolean;
 };
-export declare const LightBox: ({ children, className, onClose, open, theme: _theme, width, withBorder, closeOnBlur, closeOnEsc, }: LightBoxProps) => JSX.Element;
+export declare const LightBox: ({ children, className, onClose, open, themeOverride, width, withBorder, closeOnBlur, closeOnEsc, }: LightBoxProps) => JSX.Element;

package/components/lightbox/LightBox.js

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

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("react"),i=require("../text/Text.js"),t=require("../../styles/constants/theme.js"),a=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}var s,o,c,d,p,u,m=l(a),h=m.default.div(d||(d=e.__makeTemplateObject(["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"],["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"])),t.theme.space8,t.theme.space16,t.theme.space16,t.theme.sizeXl,t.theme.radius8,(function(n){var r=n.selected;return!n.disabled&&r&&a.css(s||(s=e.__makeTemplateObject(["\n      background-color: ",";\n      color: ",";\n    "],["\n      background-color: ",";\n      color: ",";\n    "])),t.theme.blue100,t.theme.blue800)}),(function(n){return n.disabled&&a.css(o||(o=e.__makeTemplateObject(["\n      color: ",";\n      cursor: not-allowed;\n    "],["\n      color: ",";\n      cursor: not-allowed;\n    "])),t.theme.gray600)}),(function(n){var r=n.disabled,i=n.withClick,l=n.selected;return!r&&i&&!l&&a.css(c||(c=e.__makeTemplateObject(["\n        background-color: ",";\n        cursor: pointer;\n      "],["\n        background-color: ",";\n        cursor: pointer;\n      "])),t.theme.gray100)})),g=m.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"]))),x=m.default.img(u||(u=e.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"])),t.theme.space16,t.theme.radius6),_=function(e){var r=e.icon,i=e.iconComponent,t=e.label;return r?n.jsx(x,{src:r,alt:t}):i?n.jsx(n.Fragment,{children:i}):null},b=r.forwardRef((function(r,t){var a=r.className,l=r.disabled,s=r.decorator,o=r.selected,c=r.label,d=r.subtitle,p=r.rightDecorator,u=r.onClick;return n.jsxs(h,e.__assign({className:a,disabled:l,selected:o,withClick:!!u,onClick:function(e){return!l&&u&&u(e)},ref:t},{children:[n.jsxs("div",e.__assign({className:["___icon-wrapper",s?"has-icon":""].join(" ")},{children:[s,n.jsx(_,{label:"string"==typeof c?c:""})]})),n.jsxs(g,{children:[n.jsx(i.Text,e.__assign({type:"label"},{children:c})),d&&n.jsx(i.Text,e.__assign({type:"caption"},{children:d}))]}),p]}))}));exports.ListItem=b;
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("../text/Text.js"),t=require("../../styles/constants/theme.js"),a=require("styled-components");function l(n){return n&&n.__esModule?n:{default:n}}var s,o,c,d,p,u,m=l(a),h=m.default.div(d||(d=n.__makeTemplateObject(["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"],["\n  padding: "," ",";\n  display: flex;\n  flex-direction: row;\n  gap: ",";\n  align-items: center;\n  min-height: ",";\n  border-radius: ",";\n  line-height: 16px;\n\n  .___icon-wrapper {\n    display: none;\n    &.has-icon {\n      display: inline-block;\n    }\n  }\n\n  ","\n\n  ","\n\n  :hover {\n    ","\n  }\n"])),t.theme.space8,t.theme.space16,t.theme.space16,t.theme.sizeXl,t.theme.radius8,(function(e){var r=e.selected;return!e.disabled&&r&&a.css(s||(s=n.__makeTemplateObject(["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "],["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "])),t.theme.blue100,t.theme.blue800)}),(function(e){return e.disabled&&a.css(o||(o=n.__makeTemplateObject(["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "],["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "])),t.theme.gray600)}),(function(e){var r=e.disabled,i=e.withClick,l=e.selected;return!r&&i&&!l&&a.css(c||(c=n.__makeTemplateObject(["\n        background-color: ",";\n        cursor: pointer;\n      "],["\n        background-color: ",";\n        cursor: pointer;\n      "])),t.theme.gray100)})),g=m.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  flex-grow: 1;\n"]))),x=m.default.img(u||(u=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n"])),t.theme.space16,t.theme.radius6),_=function(n){var r=n.icon,i=n.iconComponent,t=n.label;return r?e.jsx(x,{src:r,alt:t}):i?e.jsx(e.Fragment,{children:i}):null},b=r.forwardRef((function(r,t){var a=r.className,l=r.disabled,s=r.decorator,o=r.selected,c=r.label,d=r.subtitle,p=r.rightDecorator,u=r.onClick;return e.jsxs(h,n.__assign({className:a,disabled:l,selected:o,withClick:!!u,onClick:function(n){return!l&&u&&u(n)},ref:t},{children:[e.jsxs("div",n.__assign({className:["___icon-wrapper",s?"has-icon":""].join(" ")},{children:[s,e.jsx(_,{label:"string"==typeof c?c:""})]})),e.jsxs(g,{children:[e.jsx(i.Text,n.__assign({type:"label"},{children:c})),d&&e.jsx(i.Text,n.__assign({type:"caption"},{children:d}))]}),p]}))}));exports.ListItem=b;

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

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

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

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

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

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

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.gray1100,s.theme.gray0),j=f.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"])),s.theme.gray1000),y=f.default.div(g||(g=n.__makeTemplateObject(["\n  padding: 16px;\n  display: flex;\n  max-height: ","px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"],["\n  padding: 16px;\n  display: flex;\n  max-height: ","px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"])),(function(n){return n.maxHeight}),s.theme.gray100,s.theme.gray200,s.theme.blue400,s.theme.purple400,s.theme.orange500),k=f.default(t.Badge)(h||(h=n.__makeTemplateObject(["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"],["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"])),s.theme.gray800),_=f.default.div(x||(x=n.__makeTemplateObject(["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"],["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"])),s.theme.gray500),w=f.default(i.HStack)(m||(m=n.__makeTemplateObject(["\n  align-items: center;\n"],["\n  align-items: center;\n"]))),v=function(n){return n?"string"==typeof n?("".concat(n).match(/\n/g)||[]).length:Array.isArray(n)?n.reduce((function(n,e){return n+v(e)}),0):n.props.children?v(n.props.children):0:0};exports.MdxCodeBlock=function(t){var i=t.children,s=t.xlabel,p=t.type,c=t.maxHeight,d=void 0===c?260:c,u="pre"===(null==i?void 0:i.type)&&i.props.children,g="code"===(null==u?void 0:u.type)&&u.props.children||[],h=v(g),x=l.useCopyText(),m=x.showTooltip,f=x.copyText,q=r.useRef(null);return e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsx("p",{children:s}),e.jsxs(w,n.__assign({spacing:16},{children:[p&&e.jsx(k,{children:p}),m?e.jsx("p",{children:"Copied!"}):e.jsx(o.Button,{intent:"text",icon:e.jsx(a.CopyIcon,{color:"gray100",size:20}),onClick:function(){var n;return f((null===(n=q.current)||void 0===n?void 0:n.innerText)||"Oops... Something went wrong copying the text")}})]}))]}),e.jsxs(y,n.__assign({maxHeight:d},{children:[e.jsx(_,{children:n.__spreadArray([],n.__read(Array(h)),!1).map((function(n,r){return e.jsx("div",{children:r+1},r)}))}),e.jsx("div",n.__assign({ref:q},{children:i}))]}))]})};
+"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}))]}))]}))};

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

package/components/mdx/mdx-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.gray1300,o.theme.gray800,t.devices.mobileL),m=p.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  font-size: 12px;\n  color: ",";\n  align-items: center;\n"],["\n  display: flex;\n  gap: 8px;\n  font-size: 12px;\n  color: ",";\n  align-items: center;\n"])),o.theme.gray800);exports.MdxRelatedContent=function(o){var t,c,u,l=o.product,a=o.xlabel,p=o.xsubLabel,h=o.children,g=s.getProductDetails(l);if(h&&!Array.isArray(h)){var x=(null===(t=null==h?void 0:h.props)||void 0===t?void 0:t.href)?h.props:null===(u=null===(c=null==h?void 0:h.props)||void 0===c?void 0:c.children)||void 0===u?void 0:u.props,f=x.children,j=x.href;if(f&&j)return e.jsxs(d,{children:[e.jsxs(m,{children:[g.icon,e.jsx("span",{children:g.name})]}),e.jsx("h4",{children:a}),e.jsx("p",{children:p}),e.jsx(r.Button,n.__assign({tag:"a",intent:"link",href:j,iconRight:!0,icon:e.jsx(i.ArrowRightIcon,{size:18,color:"blue600"})},{children:f}))]})}throw new Error("Expected exactly 1 child link in RelatedContent")};
+"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")};

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

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

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

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"),n=require("styled-components"),s=require("../button/Button.js"),a=require("../rest-state/RestState.js"),u=require("../text/Text.js"),l=require("./_TableData.js");function o(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("./_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,d,q=o(n),m=q.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),p=q.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),h=q.default.div(d||(d=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 n=i.currentPage,o=i.customFlattenRow,c=i.customColumnFormatters,j=i.handlePagination,d=i.isFetching,q=i.loadingComponent,x=i.restState,g=i.tableData,b=i.title,f=r.useMemo((function(){return Array.isArray(g)?g:[g]}),[g]),_=!!j&&!!n&&g.length;return t.jsxs(m,{children:[t.jsxs(p,{children:[!!b&&t.jsx(u.Text,e.__assign({type:"header"},{children:b})),!!_&&t.jsxs(h,{children:[t.jsx(s.Button,e.__assign({intent:"outline",disabled:1===n,onClick:function(){j(n-1)}},{children:"Previous page"})),n,t.jsx(s.Button,e.__assign({onClick:function(){j(n+1)},intent:"outline"},{children:"Next page"}))]})]}),d?q?t.jsx(t.Fragment,{children:q}):t.jsx(a.RestState,{label:"Loading..."}):0===f.length?x?t.jsx(t.Fragment,{children:x}):t.jsx(a.RestState,{label:"No data available."}):t.jsx(l.TableData,{customColumnFormatters:c,tableDataArr:f,customFlattenRow:o})]})};
+"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"),u=require("../rest-state/RestState.js"),a=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"]))),p=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),h=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.isFetching,d=i.loadingComponent,x=i.restState,g=i.tableData,b=i.title,f=r.useMemo((function(){return Array.isArray(g)?g:[g]}),[g]),_=!!j&&!!s&&g.length;return t.jsxs(m,{children:[t.jsxs(p,{children:[!!b&&t.jsx(a.Text,e.__assign({type:"header"},{children:b})),!!_&&t.jsxs(h,{children:[t.jsx(n.Button,e.__assign({intent:"outline",disabled:1===s,onClick:function(){j(s-1)}},{children:"Previous page"})),s,t.jsx(n.Button,e.__assign({onClick:function(){j(s+1)},intent:"outline"},{children:"Next page"}))]})]}),q?d?t.jsx(t.Fragment,{children:d}):t.jsx(u.RestState,{label:"Loading..."}):0===f.length?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(o.TableData,{customColumnFormatters:c,tableDataArr:f,customFlattenRow:l})]})};

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("./_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]),p=t.useHasuraGqlPagination({query:o,setCachingKey:n,setQuery:c,actionName:q}),h=p.currentPage,b=p.handlePagination;return e.jsx(i.NestedDataTable,{currentPage:h,customFlattenRow:u,handlePagination:b,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({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})};

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"),a=require("../../utils/flattenRow.js"),s=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("../../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 f,g,j,h=m(u),x=h.default.div(f||(f=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"]))),_=h.default.div(g||(g=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"]))),v=h.default.div(j||(j=e.__makeTemplateObject(["\n  overflow: auto;\n  height: 100%;\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"],["\n  overflow: auto;\n  height: 100%;\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"])),i.theme.gray50,i.theme.space4,i.theme.space12,i.theme.space24),q=function(i){var u=i.customFlattenRow,m=i.noFilter,f=i.tableDataArr,g=i.customColumnFormatters,j=u||a.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 j({currentVal:n,prev:e})}),{});return s.setupNestedData(n)}))}),[j,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.row,a=t.column,s=t.onRowChange,c=i[a.key];if(Array.isArray(c)){var p=0===c.length,m=i._expandedKey===a.key;return n.jsx(_,{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 s(e.__assign(e.__assign({},i),{_expandedKey:m?"":a.key}))},icon:n.jsx(r.ChevronRightCircleIcon,{})})}))})}return i._expandedData&&i._expandedData.length>0?n.jsx(q,{customFlattenRow:u,noFilter:!0,tableDataArr:i._expandedData,customColumnFormatters:g}):"string"==typeof c?o.truncateText({text:c,length:40,addEllipsis:!0}):c}),[g,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==g?void 0:g[t])||R}]}))}),[g,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(v,{children:[n.jsx(x,{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 a=e[t+1],s=(null==a?void 0:a._expandedData)&&a._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,s?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},columns:I,defaultColumnOptions:{sortable:!1,resizable:!0}})]})};exports.TableData=q;
+"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,h,g=m(u),q=g.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=g.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"]))),_=g.default.div(h||(h=e.__makeTemplateObject(["\n  overflow: auto;\n  height: 100%;\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"],["\n  overflow: auto;\n  height: 100%;\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,h=u||s.flattenRow,g=e.__read(t.useState([]),2),b=g[0],y=g[1],k=t.useCallback((function(){return j.map((function(e){var n=Object.entries(e).reduce((function(e,n){return h({currentVal:n,prev:e})}),{});return a.setupNestedData(n)}))}),[h,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;

package/components/night-mode-wrapper/NightModeWrapper.d.ts

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

package/components/night-mode-wrapper/NightModeWrapper.js

@@ -0,0 +1 @@
+"use strict";var r=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");exports.NightModeWrapper=function(i){var t=i.children;return e.jsx("div",r.__assign({"data-theme":"night"},{children:t}))};

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { Theme } from "../../types";
 type DocOwner = {
     name: string | null;
     id: string | null;
@@ -9,6 +10,7 @@ export type Props = {
     docOwner: DocOwner;
     docWriter: DocOwner;
     isLoading: boolean;
+    themeOverride?: Theme;
 };
-export declare const OwnershipBlock: ({ docChampion, docEngineer, docOwner, docWriter, isLoading, }: Props) => JSX.Element;
+export declare const OwnershipBlock: ({ docChampion, docEngineer, docOwner, docWriter, isLoading, themeOverride, }: Props) => JSX.Element;
 export {};

package/components/ownership-block/OwnershipBlock.js

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

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"),i=require("../../styles/constants/theme.js"),s=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: white;\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: white;\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}),i.theme.textColor,i.theme.gray100,i.theme.textColor,i.theme.gray200);exports.PivotTable=function(t){var i=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 i.map(s.addIndex);return e.__spreadArray([],e.__read(i),!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}}),i=a(e,r);return 0!==i?(n="ASC"===t.direction?i:-i,1):0})),n})).map(s.addIndex)}),[i,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.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},_))}))};

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

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

package/components/profile-icon/ProfileIcon.js

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

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: white;\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: white;\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),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.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}))]}))};

package/components/rich-checkbox/RichCheckbox.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../stack/VStack.js"),i=require("../../icons/CheckmarkIcon.js"),r=require("../../styles/constants/theme.js"),a=require("styled-components");function o(n){return n&&n.__esModule?n:{default:n}}require("../stack/Stack.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var s,c,d,l,u,p,g=o(a),h=g.default.button(s||(s=n.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: white;\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: white;\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"])),r.theme.space16,r.theme.space40,r.theme.border,r.theme.radius6,r.theme.gray100,r.theme.gray200,r.theme.blue300),m=g.default.span(c||(c=n.__makeTemplateObject(["\n  font-weight: 500;\n"],["\n  font-weight: 500;\n"]))),b=g.default.span(d||(d=n.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),x=g.default(t.VStack)(l||(l=n.__makeTemplateObject(["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: white;\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: white;\n    width: 12px;\n    height: 12px;\n  }\n"])),r.theme.blue100,r.theme.blue300,r.theme.blue600),k=g.default.div(u||(u=n.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),r.theme.space16,r.theme.blue600),f=g.default.div(p||(p=n.__makeTemplateObject(["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"],["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"])),r.theme.space24,(function(n){return n.$icon&&"grid-template-columns: 30px 1fr;"}));exports.RichCheckbox=function(r){var a=r.onClick,o=r.items;return e.jsx(x,n.__assign({spacing:16},{children:o.map((function(r){var o=r.checked,s=r.icon,c=r.label,d=r.subtitle,l=r.value;return e.jsxs(h,n.__assign({type:"button","data-state":o?"checked":"",value:l,onClick:function(n){return a(n.currentTarget.value)}},{children:[e.jsxs(f,n.__assign({$icon:!!s},{children:[s&&s,e.jsxs(t.VStack,n.__assign({spacing:0},{children:[e.jsx(m,{children:c}),d&&e.jsx(b,{children:d})]}))]})),o&&e.jsx(k,{children:e.jsx(i.CheckmarkIcon,{})})]}),l)}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../stack/VStack.js"),r=require("../../icons/CheckmarkIcon.js"),a=require("../../styles/constants/theme.js"),i=require("styled-components"),o=require("../text/Text.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var s,l,d,u,p,g,h=c(i),m=h.default.button(s||(s=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"])),a.theme.gray0,a.theme.space16,a.theme.space40,a.theme.border,a.theme.radius6,a.theme.gray100,a.theme.gray200,a.theme.blue300),b=h.default(o.Text)(l||(l=e.__makeTemplateObject(["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),a.theme.primary),x=h.default(o.Text)(d||(d=e.__makeTemplateObject(["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),a.theme.primary),k=h.default(t.VStack)(u||(u=e.__makeTemplateObject(["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),a.theme.blue100,a.theme.blue300,a.theme.blue600,a.theme.gray0),_=h.default.div(p||(p=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),a.theme.space16,a.theme.blue600),f=h.default.div(g||(g=e.__makeTemplateObject(["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"],["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"])),a.theme.space24,(function(e){return e.$icon&&"grid-template-columns: 30px 1fr;"}));exports.RichCheckbox=function(a){var i=a.onClick,o=a.items;return n.jsx(k,e.__assign({spacing:16},{children:o.map((function(a){var o=a.checked,c=a.icon,s=a.label,l=a.subtitle,d=a.value;return n.jsxs(m,e.__assign({type:"button","data-state":o?"checked":"",value:d,onClick:function(e){return i(e.currentTarget.value)}},{children:[n.jsxs(f,e.__assign({$icon:!!c},{children:[c&&c,n.jsxs(t.VStack,e.__assign({spacing:0},{children:[n.jsx(b,e.__assign({type:"label",color:"gray1200"},{children:s})),l&&n.jsx(x,e.__assign({color:"gray700"},{children:l}))]}))]})),o&&n.jsx(_,{children:n.jsx(r.CheckmarkIcon,{})})]}),d)}))}))};