@zonos/amino 4.4.33 → 4.4.34

package/components/danger-zone/DangerZone.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("../card/Card.js"),n=require("../../styles/constants/theme.js"),t=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var a,s=o(t).default(r.Card)(a||(a=e.__makeTemplateObject(["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"],["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"])),n.theme.red200,n.theme.red200,n.theme.red600);exports.DangerZone=s;
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("styled-components"),n=require("../card/Card.js"),t=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var a,s=o(r).default(n.Card)(a||(a=e.__makeTemplateObject(["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"],["\n  border-color: ",";\n  box-shadow: 0px 1px 5px rgba(255, 0, 0, 0.19);\n\n  header {\n    border-color: ",";\n  }\n\n  h4 {\n    color: ",";\n  }\n"])),t.theme.red200,t.theme.red200,t.theme.red600);exports.DangerZone=s;

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../text/Text.js"),r=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(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-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var d=c(o),h=d.default.div(k||(k=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),i.theme.space24,i.theme.space16,i.theme.radius12,i.theme.radius12,i.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"]))),p=d.default(s.Button)(w||(w=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400),u=d.default.div(x||(x=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),g=d.default(u)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),f=d.default(u)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),i.theme.space24,i.theme.radius12,i.theme.radius12,i.theme.space8);o.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,w,x,j,y,_,T,q,O=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),i.theme.space8,i.theme.space24),z=t.forwardRef((function(t,i){var o=t.actions,s=t.children,c=t.className,d=t.closeOnBlur,u=t.closeOnEsc,k=t.label,v=t.leftActions,w=t.noBorder,x=t.onClose,j=t.open,y=t.subtitle,_=t.themeOverride,T=t.width;return n.jsxs(l.BaseDialog,e.__assign({className:c,closeOnBlur:d,closeOnEsc:u,"data-theme":_,noBorder:w,onClose:x,open:j,width:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:k})),n.jsx(p,{icon:n.jsx(r.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:x})]}),y&&n.jsx(a.Text,e.__assign({type:"subtitle"},{children:y}))]}),n.jsx(O,e.__assign({ref:i},{children:s})),(o||v)&&n.jsxs(b,{children:[v&&n.jsx(g,{children:v}),o&&n.jsx(f,{children:o})]})]}))}));exports.Dialog=z;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../text/Text.js"),i=require("../../icons/RemoveCircleDuotoneIcon.js"),o=require("../../styles/constants/theme.js"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(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-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var d=c(a),h=d.default.div(k||(k=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),o.theme.space24,o.theme.space16,o.theme.radius12,o.theme.radius12,o.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"]))),p=d.default(s.Button)(w||(w=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),o.theme.gray200,o.theme.gray800,o.theme.gray300,o.theme.gray400),u=d.default.div(x||(x=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),g=d.default(u)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),o.theme.space8),f=d.default(u)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),o.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),o.theme.space24,o.theme.radius12,o.theme.radius12,o.theme.space8);a.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,w,x,j,y,_,T,q,O=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),o.theme.space8,o.theme.space24),z=t.forwardRef((function(t,a){var o=t.actions,s=t.children,c=t.className,d=t.closeOnBlur,u=t.closeOnEsc,k=t.label,v=t.leftActions,w=t.noBorder,x=t.onClose,j=t.open,y=t.subtitle,_=t.themeOverride,T=t.width;return n.jsxs(l.BaseDialog,e.__assign({className:c,closeOnBlur:d,closeOnEsc:u,"data-theme":_,noBorder:w,onClose:x,open:j,width:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(r.Text,e.__assign({type:"title"},{children:k})),n.jsx(p,{icon:n.jsx(i.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:x})]}),y&&n.jsx(r.Text,e.__assign({type:"subtitle"},{children:y}))]}),n.jsx(O,e.__assign({ref:a},{children:s})),(o||v)&&n.jsxs(b,{children:[v&&n.jsx(g,{children:v}),o&&n.jsx(f,{children:o})]})]}))}));exports.Dialog=z;

package/components/dialog/_BaseDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("../backdrop/Backdrop.js"),a=require("../../styles/constants/theme.js"),d=require("../../utils/hooks/useAminoTheme.js"),s=require("styled-components");function u(e){return e&&e.__esModule?e:{default:e}}require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var l,c,h=u(s),m=h.default.div(l||(l=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"])),a.theme.textColor),f=h.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])),a.theme.surfaceColor,(function(e){return e.width}),a.theme.radius12,a.theme.v3ShadowXxl,(function(e){return!e.noBorder&&a.theme.border}));exports.BaseDialog=function(a){var s=a.children,u=a.className,l=a.closeOnBlur,c=void 0===l||l,h=a.closeOnEsc,p=void 0===h||h,x=a.noBorder,v=void 0!==x&&x,y=a.onClose,g=a.open,w=a.themeOverride,b=a.width,j=d.useAminoTheme().aminoTheme,q=t.useRef(null),k=t.useRef(null),_=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=k.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=k.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:g&&n.jsxs(n.Fragment,{children:[n.jsx(r.Backdrop,{ref:k,animate:{opacity:.65},"data-theme":w||j,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(m,e.__assign({ref:_,"data-theme":w||j,onKeyDown:function(e){y&&p&&"Escape"===e.key&&y()},onMouseDown:function(e){q.current=e.target},onMouseUp:function(e){var n=e.target===q.current,t=y&&c&&e.target===_.current;n&&t&&y(),q.current=null},tabIndex:-1},{children:n.jsx(f,e.__assign({animate:{opacity:1,scale:1},className:u,exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:v,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444},{children:s}),"dialog")}))]})}),document.querySelector("body")):null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("styled-components"),a=require("../backdrop/Backdrop.js"),d=require("../../styles/constants/theme.js"),s=require("../../utils/hooks/useAminoTheme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var l,c,h=u(r),m=h.default.div(l||(l=e.__makeTemplateObject(["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"],["\n  width: 100vw;\n  height: 100vh;\n  left: 0;\n  top: 0;\n  z-index: 1000;\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ",";\n"])),d.theme.textColor),f=h.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"],["\n  position: relative;\n  z-index: 1001;\n  background: ",";\n  width: ","px;\n  max-height: 90vh;\n  border-radius: ",";\n  outline: none;\n  box-shadow: ",";\n  border: ",";\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])),d.theme.surfaceColor,(function(e){return e.width}),d.theme.radius12,d.theme.v3ShadowXxl,(function(e){return!e.noBorder&&d.theme.border}));exports.BaseDialog=function(r){var d=r.children,u=r.className,l=r.closeOnBlur,c=void 0===l||l,h=r.closeOnEsc,p=void 0===h||h,x=r.noBorder,v=void 0!==x&&x,y=r.onClose,g=r.open,w=r.themeOverride,b=r.width,j=s.useAminoTheme().aminoTheme,q=t.useRef(null),k=t.useRef(null),_=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=k.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=k.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:g&&n.jsxs(n.Fragment,{children:[n.jsx(a.Backdrop,{ref:k,animate:{opacity:.65},"data-theme":w||j,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(m,e.__assign({ref:_,"data-theme":w||j,onKeyDown:function(e){y&&p&&"Escape"===e.key&&y()},onMouseDown:function(e){q.current=e.target},onMouseUp:function(e){var n=e.target===q.current,t=y&&c&&e.target===_.current;n&&t&&y(),q.current=null},tabIndex:-1},{children:n.jsx(f,e.__assign({animate:{opacity:1,scale:1},className:u,exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:v,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444},{children:d}),"dialog")}))]})}),document.querySelector("body")):null};

package/components/divider/Divider.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var s,a,i=n(require("styled-components")),o=i.default.hr(s||(s=e.__makeTemplateObject(["\n  margin: "," 0;\n  border-color: ",";\n"],["\n  margin: "," 0;\n  border-color: ",";\n"])),t.theme.space24,t.theme.borderColor),l=i.default.hr(a||(a=e.__makeTemplateObject(["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"],["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"])),t.theme.space24,t.theme.borderColor);exports.Divider=function(e){var t=e.className,n=e.vertical;return void 0!==n&&n?r.jsx(l,{className:t}):r.jsx(o,{className:t})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a,i,o=s(t),l=o.default.hr(a||(a=e.__makeTemplateObject(["\n  margin: "," 0;\n  border-color: ",";\n"],["\n  margin: "," 0;\n  border-color: ",";\n"])),n.theme.space24,n.theme.borderColor),c=o.default.hr(i||(i=e.__makeTemplateObject(["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"],["\n  margin: 0 ",";\n  height: auto;\n  align-self: stretch;\n  border-right: solid thin ",";\n"])),n.theme.space24,n.theme.borderColor);exports.Divider=function(e){var t=e.className,n=e.vertical;return void 0!==n&&n?r.jsx(c,{className:t}):r.jsx(l,{className:t})};

package/components/drop-zone/DropZone.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("../../icons/FileDuotoneIcon.js"),a=require("../../icons/FileUploadDuotoneIcon.js"),t=require("../../icons/RemoveCircleDuotoneIcon.js"),o=require("../../styles/constants/theme.js"),l=require("styled-components"),s=require("../avatar/ImageAvatar.js"),d=require("../button/Button.js"),c=require("../spinner/Spinner.js"),u=require("../text/Text.js"),p=require("../thumbnail/Thumbnail.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../avatar/AvatarBase.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var x,f,g,h,j,_,b,y,v,q=m(l),T=q.default.div(x||(x=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"])),o.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),k=q.default.div(f||(f=e.__makeTemplateObject(["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"],["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"])),(function(e){return e.error?o.theme.danger:o.theme.borderColor}),o.theme.radius12),I=q.default.div(g||(g=e.__makeTemplateObject(["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),o.theme.space16,o.theme.space12),O=q.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"])),o.theme.space4),D=q.default.button(j||(j=e.__makeTemplateObject(["\n  display: inline;\n"],["\n  display: inline;\n"]))),F=q.default(d.Button)(_||(_=e.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),o.theme.gray200,o.theme.gray800,o.theme.gray300,o.theme.gray400),z=q.default.div(b||(b=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),o.theme.space4),R=q.default.div(y||(y=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"])),o.theme.border,o.theme.space12,o.theme.space16,o.theme.space12),C=q.default.div(v||(v=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));exports.DropZone=function(o){var l=o.className,d=o.disabled,m=void 0!==d&&d,x=o.dropzoneOptions,f=o.error,g=void 0!==f&&f,h=o.helpText,j=o.instructionText,_=void 0===j?"Drop your file(s) here":j,b=o.loading,y=o.loadingText,v=void 0===y?"Uploading file(s)...":y,q=o.noIcon,U=void 0!==q&&q,w=o.onRemoveFile,B=o.uploadedFiles,A=x.maxFiles||0,N=i.useDropzone(e.__assign(e.__assign({},x),{disabled:m,noClick:!0,noKeyboard:!0})),P=N.getInputProps,S=N.getRootProps,G=N.open,K=0!==A&&B.length>=A;return n.jsx(T,e.__assign({className:l,disabled:m},{children:b?n.jsx(k,{children:n.jsxs(I,{children:[n.jsx(c.Spinner,{}),n.jsx(u.Text,e.__assign({color:"gray800",type:"label"},{children:v}))]})}):n.jsxs(n.Fragment,{children:[!K&&n.jsx(k,e.__assign({error:g},{children:n.jsxs(I,e.__assign({},S(),{role:void 0},{children:[n.jsx("input",e.__assign({},P())),!U&&n.jsx(p.Thumbnail,{icon:n.jsx(a.FileUploadDuotoneIcon,{}),size:40}),n.jsxs(O,{children:[n.jsxs(u.Text,e.__assign({type:"label"},{children:[_," or"," ",n.jsx(D,e.__assign({disabled:m,onClick:G,type:"button"},{children:n.jsx(u.Text,e.__assign({color:"blue600",type:"label"},{children:"browse"}))}))]})),h&&n.jsx(u.Text,e.__assign({type:"caption"},{children:h}))]})]}))})),!!B.length&&n.jsx(z,{children:B.map((function(i,a){return n.jsxs(R,{children:[i.imageUrl?n.jsx(s.ImageAvatar,{imageUrl:i.imageUrl,shape:"rounded"}):n.jsx(r.FileDuotoneIcon,{}),n.jsxs(C,{children:[n.jsx(u.Text,e.__assign({color:"gray1200",type:"label"},{children:i.name})),i.size&&n.jsx(u.Text,e.__assign({color:"gray700",type:"caption"},{children:i.size}))]}),w&&n.jsx(F,e.__assign({onClick:function(){return w(a)}},{children:n.jsx(t.RemoveCircleDuotoneIcon,{size:20})}))]},i.name)}))})]})}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("styled-components"),a=require("../../icons/FileDuotoneIcon.js"),t=require("../../icons/FileUploadDuotoneIcon.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../avatar/ImageAvatar.js"),d=require("../button/Button.js"),c=require("../spinner/Spinner.js"),u=require("../text/Text.js"),p=require("../thumbnail/Thumbnail.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../avatar/AvatarBase.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var x,f,g,h,j,_,b,y,v,q=m(r),T=q.default.div(x||(x=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  opacity: ",";\n  cursor: ",";\n"])),l.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),k=q.default.div(f||(f=e.__makeTemplateObject(["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"],["\n  border: 2px dashed;\n  border-color: ",";\n  border-radius: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"])),(function(e){return e.error?l.theme.danger:l.theme.borderColor}),l.theme.radius12),I=q.default.div(g||(g=e.__makeTemplateObject(["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),l.theme.space16,l.theme.space12),O=q.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  align-items: center;\n"])),l.theme.space4),D=q.default.button(j||(j=e.__makeTemplateObject(["\n  display: inline;\n"],["\n  display: inline;\n"]))),F=q.default(d.Button)(_||(_=e.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.theme.gray400),z=q.default.div(b||(b=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),l.theme.space4),R=q.default.div(y||(y=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n  display: flex;\n  justify-content: flex-start;\n  gap: ",";\n"])),l.theme.border,l.theme.space12,l.theme.space16,l.theme.space12),C=q.default.div(v||(v=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));exports.DropZone=function(r){var l=r.className,d=r.disabled,m=void 0!==d&&d,x=r.dropzoneOptions,f=r.error,g=void 0!==f&&f,h=r.helpText,j=r.instructionText,_=void 0===j?"Drop your file(s) here":j,b=r.loading,y=r.loadingText,v=void 0===y?"Uploading file(s)...":y,q=r.noIcon,U=void 0!==q&&q,w=r.onRemoveFile,B=r.uploadedFiles,A=x.maxFiles||0,N=i.useDropzone(e.__assign(e.__assign({},x),{disabled:m,noClick:!0,noKeyboard:!0})),P=N.getInputProps,S=N.getRootProps,G=N.open,K=0!==A&&B.length>=A;return n.jsx(T,e.__assign({className:l,disabled:m},{children:b?n.jsx(k,{children:n.jsxs(I,{children:[n.jsx(c.Spinner,{}),n.jsx(u.Text,e.__assign({color:"gray800",type:"label"},{children:v}))]})}):n.jsxs(n.Fragment,{children:[!K&&n.jsx(k,e.__assign({error:g},{children:n.jsxs(I,e.__assign({},S(),{role:void 0},{children:[n.jsx("input",e.__assign({},P())),!U&&n.jsx(p.Thumbnail,{icon:n.jsx(t.FileUploadDuotoneIcon,{}),size:40}),n.jsxs(O,{children:[n.jsxs(u.Text,e.__assign({type:"label"},{children:[_," or"," ",n.jsx(D,e.__assign({disabled:m,onClick:G,type:"button"},{children:n.jsx(u.Text,e.__assign({color:"blue600",type:"label"},{children:"browse"}))}))]})),h&&n.jsx(u.Text,e.__assign({type:"caption"},{children:h}))]})]}))})),!!B.length&&n.jsx(z,{children:B.map((function(i,r){return n.jsxs(R,{children:[i.imageUrl?n.jsx(s.ImageAvatar,{imageUrl:i.imageUrl,shape:"rounded"}):n.jsx(a.FileDuotoneIcon,{}),n.jsxs(C,{children:[n.jsx(u.Text,e.__assign({color:"gray1200",type:"label"},{children:i.name})),i.size&&n.jsx(u.Text,e.__assign({color:"gray700",type:"caption"},{children:i.size}))]}),w&&n.jsx(F,e.__assign({onClick:function(){return w(r)}},{children:n.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]},i.name)}))})]})}))};

package/components/file-upload/FileUpload.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("../text/Text.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),a=require("styled-components"),s=require("../button/Button.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),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");var c,d,u,p,f,g=l(a),m=g.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"])),i.theme.space8,i.theme.space12,i.theme.radius10,i.theme.border,(function(n){return n.error?i.theme.danger:i.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),x=g.default.div(d||(d=n.__makeTemplateObject(["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"],["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"]))),h=g.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"])),i.theme.space12),y=g.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"])),i.theme.space4),_=g.default(s.Button)(f||(f=n.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400);exports.FileUpload=function(i){var a=i.className,l=i.disabled,c=void 0!==l&&l,d=i.dropzoneOptions,u=i.error,p=void 0!==u&&u,f=i.instructionText,g=void 0===f?"or drag your file here":f,j=i.loading,b=i.loadingText,v=void 0===b?"Uploading...":b,q=i.onRemoveFile,T=i.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return j?e.jsx(r.Text,{children:v}):T?function(){if(T){var t=T.name,o=T.size;return e.jsxs(y,{children:[e.jsx(r.Text,n.__assign({color:"gray1200",type:"label"},{children:t})),o&&e.jsx(r.Text,n.__assign({color:"gray700",type:"caption"},{children:o}))]})}return null}():e.jsx(r.Text,n.__assign({color:"gray600"},{children:g}))};return e.jsxs(m,n.__assign({className:a,disabled:c,error:p},{children:[e.jsxs(x,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(h,{children:[e.jsx(s.Button,n.__assign({loading:j,onClick:O,spinnerColor:"black"},{children:"Browse"})),z()]})]})),q&&T&&e.jsx(_,n.__assign({onClick:function(){return q()}},{children:e.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("styled-components"),o=require("../text/Text.js"),i=require("../../icons/RemoveCircleDuotoneIcon.js"),a=require("../../styles/constants/theme.js"),s=require("../button/Button.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),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");var c,d,u,p,f,g=l(r),m=g.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"],["\n  display: flex;\n  justify-content: flex-start;\n  padding: "," ",";\n  border-radius: ",";\n  border: ",";\n  border-color: ",";\n\n  opacity: ",";\n  cursor: ",";\n"])),a.theme.space8,a.theme.space12,a.theme.radius10,a.theme.border,(function(n){return n.error?a.theme.danger:a.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),x=g.default.div(d||(d=n.__makeTemplateObject(["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"],["\n  outline: none;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n"]))),h=g.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: ",";\n"])),a.theme.space12),y=g.default.div(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"],["\n  display: flex;\n  gap: ",";\n  align-items: center;\n"])),a.theme.space4),_=g.default(s.Button)(f||(f=n.__makeTemplateObject(["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"],["\n  margin-left: auto;\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n\n  :active,\n  :focus {\n    outline: none;\n    box-shadow: unset;\n  }\n"])),a.theme.gray200,a.theme.gray800,a.theme.gray300,a.theme.gray400);exports.FileUpload=function(r){var a=r.className,l=r.disabled,c=void 0!==l&&l,d=r.dropzoneOptions,u=r.error,p=void 0!==u&&u,f=r.instructionText,g=void 0===f?"or drag your file here":f,j=r.loading,b=r.loadingText,v=void 0===b?"Uploading...":b,q=r.onRemoveFile,T=r.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return j?e.jsx(o.Text,{children:v}):T?function(){if(T){var t=T.name,r=T.size;return e.jsxs(y,{children:[e.jsx(o.Text,n.__assign({color:"gray1200",type:"label"},{children:t})),r&&e.jsx(o.Text,n.__assign({color:"gray700",type:"caption"},{children:r}))]})}return null}():e.jsx(o.Text,n.__assign({color:"gray600"},{children:g}))};return e.jsxs(m,n.__assign({className:a,disabled:c,error:p},{children:[e.jsxs(x,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(h,{children:[e.jsx(s.Button,n.__assign({loading:j,onClick:O,spinnerColor:"black"},{children:"Browse"})),z()]})]})),q&&T&&e.jsx(_,n.__assign({onClick:function(){return q()}},{children:e.jsx(i.RemoveCircleDuotoneIcon,{size:20})}))]}))};

package/components/graph-matrix/GraphMatrix.js

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

package/components/graph-matrix/_Graphiql.js

@@ -1 +1 @@
-"use strict";var r=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),i=require("react"),s=require("graphiql");exports.Graphiql=function(a){return e.jsx(i.Suspense,r.__assign({fallback:null},{children:e.jsx(s.GraphiQL,r.__assign({},a))}))};
+"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("react"),s=require("graphiql");exports.Graphiql=function(a){return e.jsx(i.Suspense,r.__assign({fallback:null},{children:e.jsx(s.GraphiQL,r.__assign({},a))}))};

package/components/graph-matrix/_LoadingIcon.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../icons/custom/ZonosLogoIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../text/Text.js");function r(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,c,l,m,f=r(o),d=f.default.div(a||(a=n.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space12),u=o.keyframes(c||(c=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),p=f.default(t.ZonosLogoIcon)(l||(l=n.__makeTemplateObject(["\n  animation: "," 2s linear infinite;\n"],["\n  animation: "," 2s linear infinite;\n"])),u),g=f.default(s.Text)(m||(m=n.__makeTemplateObject(["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"],["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"])));exports.Loading=function(){return e.jsxs(d,{children:[e.jsx(p,{size:64}),e.jsx(g,n.__assign({type:"bold-subheader"},{children:"Loading"}))]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../icons/custom/ZonosLogoIcon.js"),o=require("../../styles/constants/theme.js"),s=require("../text/Text.js");function r(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,c,l,m,f=r(t),d=f.default.div(a||(a=n.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"],["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),o.theme.space12),u=t.keyframes(c||(c=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),p=f.default(i.ZonosLogoIcon)(l||(l=n.__makeTemplateObject(["\n  animation: "," 2s linear infinite;\n"],["\n  animation: "," 2s linear infinite;\n"])),u),g=f.default(s.Text)(m||(m=n.__makeTemplateObject(["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"],["\n  position: relative;\n\n  &:after {\n    position: absolute;\n    animation: dots 1200ms linear infinite;\n    content: '';\n  }\n\n  @keyframes dots {\n    0%,\n    20% {\n      content: '.';\n    }\n    40% {\n      content: '..';\n    }\n    60% {\n      content: '...';\n    }\n    90%,\n    100% {\n      content: '';\n    }\n  }\n"])));exports.Loading=function(){return e.jsxs(d,{children:[e.jsx(p,{size:64}),e.jsx(g,n.__assign({type:"bold-subheader"},{children:"Loading"}))]})};

package/components/help-text/HelpText.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../text/Text.js"),n=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var i,l=s(require("styled-components")).default.div(i||(i=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),n.theme.space8);exports.HelpText=function(n){var s=n.error,i=n.helpText;return i?s&&"string"==typeof i?t.jsx(l,{children:t.jsx(r.Text,e.__assign({color:"red700",type:"caption"},{children:i}))}):"string"==typeof i?t.jsx(l,{children:t.jsx(r.Text,e.__assign({type:"caption"},{children:i}))}):t.jsx(l,{children:i}):null};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("styled-components"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l,a=i(r).default.div(l||(l=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),s.theme.space8);exports.HelpText=function(r){var s=r.error,i=r.helpText;return i?s&&"string"==typeof i?t.jsx(a,{children:t.jsx(n.Text,e.__assign({color:"red700",type:"caption"},{children:i}))}):"string"==typeof i?t.jsx(a,{children:t.jsx(n.Text,e.__assign({type:"caption"},{children:i}))}):t.jsx(a,{children:i}):null};

package/components/input/Input.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js"),i=require("styled-components"),a=require("../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),s=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),o=require("./input-type/_PasswordInput.js"),l=require("./input-type/_TimeInput.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(i),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),n.theme.radius6,n.theme.border,n.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var i=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,q=n.onChange,v=n.onKeyDown,_=n.pattern,I=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=n.suffix,D=n.tabIndex,N=n.type,O=n.value,F=n.valuePrefix,M=n.width,z=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,e.__assign({className:"amino-input-wrapper ".concat(p?"disabled":""),width:M},{children:[r.jsx(f,{children:function(){switch(N){case"password":return r.jsx(o.PasswordInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"date":case"datetime-local":return r.jsx(t.DateInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z));case"number":return r.jsx(u.NumberInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"time":return r.jsx(l.TimeInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));default:return r.jsx(s.FloatLabelInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z))}}()}),r.jsx(a.HelpText,{error:c,helpText:x})]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),i=require("../../styles/constants/theme.js"),a=require("../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),s=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),o=require("./input-type/_PasswordInput.js"),l=require("./input-type/_TimeInput.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(n),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),i.theme.radius6,i.theme.border,i.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var i=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,q=n.onChange,v=n.onKeyDown,_=n.pattern,I=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=n.suffix,D=n.tabIndex,N=n.type,O=n.value,F=n.valuePrefix,M=n.width,z=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,e.__assign({className:"amino-input-wrapper ".concat(p?"disabled":""),width:M},{children:[r.jsx(f,{children:function(){switch(N){case"password":return r.jsx(o.PasswordInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"date":case"datetime-local":return r.jsx(t.DateInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z));case"number":return r.jsx(u.NumberInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"time":return r.jsx(l.TimeInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));default:return r.jsx(s.FloatLabelInput,e.__assign({autoFocus:i,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:_,placeholder:I,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z))}}()}),r.jsx(a.HelpText,{error:c,helpText:x})]}))};

package/components/input/SearchInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../icons/SearchIcon.js"),o=require("../../styles/constants/theme.js"),a=require("styled-components");function r(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var i,s,l,d=r(a),u=d.default.div(i||(i=e.__makeTemplateObject(["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"],["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"])),o.theme.border,o.theme.radius6),c=d.default.label(s||(s=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"])),o.theme.space40),h=d.default.input(l||(l=e.__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n"])),o.theme.space40,o.theme.space16,o.theme.radius6,o.theme.inputBackground,o.theme.glowBlue,o.theme.inputBackground,o.theme.textColor);exports.SearchInput=function(o){var a=o.autoFocus,r=o.className,i=o.disabled,s=o.inputMode,l=o.onChange,d=o.onKeyDown,p=o.pattern,b=o.placeholder,m=o.readOnly,g=o.required,f=o.tabIndex,x=o.value,_=e.__rest(o,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]);return n.jsxs(u,e.__assign({className:r},{children:[n.jsx(c,e.__assign({htmlFor:h},{children:n.jsx(t.SearchIcon,{color:"gray600",size:20})})),n.jsx(h,e.__assign({autoFocus:a,disabled:i,inputMode:s,onChange:l,onKeyDown:d,pattern:p,placeholder:b||"Search...",readOnly:m,required:g,tabIndex:f,type:"search",value:x||""},_))]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),o=require("../../icons/SearchIcon.js"),a=require("../../styles/constants/theme.js");function r(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var i,s,l,d=r(t),u=d.default.div(i||(i=e.__makeTemplateObject(["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"],["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"])),a.theme.border,a.theme.radius6),c=d.default.label(s||(s=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"])),a.theme.space40),h=d.default.input(l||(l=e.__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n"])),a.theme.space40,a.theme.space16,a.theme.radius6,a.theme.inputBackground,a.theme.glowBlue,a.theme.inputBackground,a.theme.textColor);exports.SearchInput=function(t){var a=t.autoFocus,r=t.className,i=t.disabled,s=t.inputMode,l=t.onChange,d=t.onKeyDown,p=t.pattern,b=t.placeholder,m=t.readOnly,g=t.required,f=t.tabIndex,x=t.value,_=e.__rest(t,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]);return n.jsxs(u,e.__assign({className:r},{children:[n.jsx(c,e.__assign({htmlFor:h},{children:n.jsx(o.SearchIcon,{color:"gray600",size:20})})),n.jsx(h,e.__assign({autoFocus:a,disabled:i,inputMode:s,onChange:l,onKeyDown:d,pattern:p,placeholder:b||"Search...",readOnly:m,required:g,tabIndex:f,type:"search",value:x||""},_))]}))};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../../../icons/CalendarIcon.js"),i=require("../../../styles/constants/theme.js"),r=require("styled-components"),o=require("./_FloatLabelInput.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var d,l,u,c,p=s(r),b=p.default.div(d||(d=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),f=p.default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),x=p.default.button(u||(u=e.__makeTemplateObject(["\n  padding: 6px;\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: 6px;\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),i.theme.radius4,i.theme.transition),h=p.default(o.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        opacity: 0;\n      }\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        opacity: 0;\n      }\n    }\n  }\n"])),i.theme.space40);exports.DateInput=function(i){var r=i.autoFocus,o=i.className,s=i.disabled,d=i.error,l=i.inputMode,u=i.label,c=i.onChange,p=i.onKeyDown,m=i.pattern,k=i.placeholder,g=i.prefix,w=i.readOnly,_=i.required,v=i.suffix,j=i.tabIndex,y=i.value,q=e.__rest(i,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),I=t.useRef(null);return n.jsx(b,e.__assign({className:o},{children:n.jsx(h,e.__assign({ref:I,"aria-label":u,autoFocus:r,disabled:s,error:d,inputMode:l,label:u,onChange:c,onKeyDown:p,pattern:m,placeholder:k,prefix:g,readOnly:w,required:_,suffix:v||n.jsx(f,{children:n.jsx(x,e.__assign({onClick:function(){var e,n;null===(e=I.current)||void 0===e||e.showPicker(),null===(n=I.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:n.jsx(a.CalendarIcon,{size:20})}))}),tabIndex:j,type:"date",value:y},q))}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),i=require("../../../icons/CalendarIcon.js"),r=require("../../../styles/constants/theme.js"),o=require("./_FloatLabelInput.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var d,l,u,c,p=s(a),b=p.default.div(d||(d=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),f=p.default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),x=p.default.button(u||(u=e.__makeTemplateObject(["\n  padding: 6px;\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: 6px;\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),r.theme.radius4,r.theme.transition),h=p.default(o.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        opacity: 0;\n      }\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        opacity: 0;\n      }\n    }\n  }\n"])),r.theme.space40);exports.DateInput=function(a){var r=a.autoFocus,o=a.className,s=a.disabled,d=a.error,l=a.inputMode,u=a.label,c=a.onChange,p=a.onKeyDown,m=a.pattern,k=a.placeholder,g=a.prefix,w=a.readOnly,_=a.required,v=a.suffix,j=a.tabIndex,y=a.value,q=e.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),I=t.useRef(null);return n.jsx(b,e.__assign({className:o},{children:n.jsx(h,e.__assign({ref:I,"aria-label":u,autoFocus:r,disabled:s,error:d,inputMode:l,label:u,onChange:c,onKeyDown:p,pattern:m,placeholder:k,prefix:g,readOnly:w,required:_,suffix:v||n.jsx(f,{children:n.jsx(x,e.__assign({onClick:function(){var e,n;null===(e=I.current)||void 0===e||e.showPicker(),null===(n=I.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:n.jsx(i.CalendarIcon,{size:20})}))}),tabIndex:j,type:"date",value:y},q))}))};

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,u,f=r(require("styled-components")),h=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  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\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\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\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,h,a.theme.transition,h,a.theme.glowBlue,h,a.theme.glowError,h,a.theme.inputBackground,a.theme.textColor),w=f.default.div(u||(u=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,h,y,h,y,h,y),k=t.forwardRef((function(a,r){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,b=a.pattern,k=a.placeholder,v=a.prefix,_=a.readOnly,z=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=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=!!v||!!I,C=!!B||!!I;return e.jsxs(w,n.__assign({className:"".concat(l||""," ").concat(O)},{children:[v&&e.jsx(m,{children:v}),I&&e.jsx(x,{children:I}),e.jsx(y,n.__assign({ref:r,$size:O,"aria-label":c,autoFocus:i,className:[d?"has-error":"",c?"has-label":"",C?"has-content":"",v?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":N,disabled:s,hasPrefix:!!v,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:b,placeholder:k,readOnly:_,required:z,tabIndex:T,type:S||"text",value:B||""},M)),e.jsx(h,{"data-label":c,hasPrefix:P}),q&&e.jsx(g,{children:q})]}))}));exports.FloatLabelInput=k,exports.InputValuePrefix=x;
+"use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,s,d,p,c,u,f,h=i(a),b=h.default.label(l||(l=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"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16,o.theme.fontSizeBase,o.theme.radius6),m=h.default.div(s||(s=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"])),o.theme.fontSizeS,o.theme.fontSizeS,o.theme.space16),g=h.default(m)(d||(d=n.__makeTemplateObject(["\n  border-top-left-radius: ",";\n  border-bottom-left-radius: ",";\n"],["\n  border-top-left-radius: ",";\n  border-bottom-left-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),x=h.default(m)(p||(p=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"])),o.theme.radius6,o.theme.radius6),y=h.default.div(c||(c=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"])),o.theme.space16,o.theme.space4,o.theme.space8,o.theme.gray800),w=h.default.input(u||(u=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  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\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\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),o.theme.space16,o.theme.transition,o.theme.radius6,o.theme.inputBackground,o.theme.radius6,o.theme.radius6,o.theme.space16,o.theme.space8,o.theme.space16,b,o.theme.transition,b,o.theme.glowBlue,b,o.theme.glowError,b,o.theme.inputBackground,o.theme.textColor),k=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"])),o.theme.inputBackground,o.theme.radius6,w,b,w,b,w,b,w),v=t.forwardRef((function(a,o){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,h=a.pattern,m=a.placeholder,v=a.prefix,_=a.readOnly,z=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=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 r.getTestId({componentName:"input",name:c})}),[c]),P=!!v||!!I,C=!!B||!!I;return e.jsxs(k,n.__assign({className:"".concat(l||""," ").concat(O)},{children:[v&&e.jsx(g,{children:v}),I&&e.jsx(y,{children:I}),e.jsx(w,n.__assign({ref:o,$size:O,"aria-label":c,autoFocus:i,className:[d?"has-error":"",c?"has-label":"",C?"has-content":"",v?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":N,disabled:s,hasPrefix:!!v,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:h,placeholder:m,readOnly:_,required:z,tabIndex:T,type:S||"text",value:B||""},M)),e.jsx(b,{"data-label":c,hasPrefix:P}),q&&e.jsx(x,{children:q})]}))}));exports.FloatLabelInput=v,exports.InputValuePrefix=y;

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

@@ -1 +1 @@
-"use strict";var n=require("../../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),r=require("../../../icons/ChevronDownIcon.js"),i=require("../../../icons/ChevronUpIcon.js"),a=require("../../../styles/constants/theme.js"),o=require("styled-components"),u=require("./_FloatLabelInput.js");function s(n){return n&&n.__esModule?n:{default:n}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var l,d,c,p,b=s(o),f=b.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),v=b.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),h=b.default.button(c||(c=n.__makeTemplateObject(["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),a.theme.radius4,a.theme.radius4,a.theme.transition),x=b.default(u.FloatLabelInput)(p||(p=n.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"])),a.theme.space40);exports.NumberInput=function(a){var o=a.autoFocus,u=a.className,s=a.disabled,l=a.error,d=a.inputMode,c=a.label,p=a.onChange,b=a.onKeyDown,_=a.pattern,g=a.placeholder,m=a.prefix,j=a.readOnly,k=a.required,w=a.suffix,y=a.tabIndex,q=a.value,I=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=t.useRef(null);return e.jsx(f,n.__assign({className:u},{children:e.jsx(x,n.__assign({ref:C,"aria-label":c,autoFocus:o,disabled:s,error:l,inputMode:d,label:c,onChange:p,onKeyDown:b,pattern:_,placeholder:g,prefix:m,readOnly:j,required:k,suffix:w||e.jsxs(v,{children:[e.jsx(h,n.__assign({onClick:function(){var n,e;null===(n=C.current)||void 0===n||n.stepUp(),null===(e=C.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:e.jsx(i.ChevronUpIcon,{size:16})})),e.jsx(h,n.__assign({onClick:function(){var n,e;null===(n=C.current)||void 0===n||n.stepDown(),null===(e=C.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:e.jsx(r.ChevronDownIcon,{size:16})}))]}),tabIndex:y,type:"number",value:q},I))}))};
+"use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../../../icons/ChevronDownIcon.js"),a=require("../../../icons/ChevronUpIcon.js"),o=require("../../../styles/constants/theme.js"),u=require("./_FloatLabelInput.js");function s(n){return n&&n.__esModule?n:{default:n}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var l,d,c,p,b=s(r),f=b.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),v=b.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),h=b.default.button(c||(c=n.__makeTemplateObject(["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),o.theme.radius4,o.theme.radius4,o.theme.transition),x=b.default(u.FloatLabelInput)(p||(p=n.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"])),o.theme.space40);exports.NumberInput=function(r){var o=r.autoFocus,u=r.className,s=r.disabled,l=r.error,d=r.inputMode,c=r.label,p=r.onChange,b=r.onKeyDown,_=r.pattern,g=r.placeholder,m=r.prefix,j=r.readOnly,k=r.required,w=r.suffix,y=r.tabIndex,q=r.value,I=n.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=t.useRef(null);return e.jsx(f,n.__assign({className:u},{children:e.jsx(x,n.__assign({ref:C,"aria-label":c,autoFocus:o,disabled:s,error:l,inputMode:d,label:c,onChange:p,onKeyDown:b,pattern:_,placeholder:g,prefix:m,readOnly:j,required:k,suffix:w||e.jsxs(v,{children:[e.jsx(h,n.__assign({onClick:function(){var n,e;null===(n=C.current)||void 0===n||n.stepUp(),null===(e=C.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:e.jsx(a.ChevronUpIcon,{size:16})})),e.jsx(h,n.__assign({onClick:function(){var n,e;null===(n=C.current)||void 0===n||n.stepDown(),null===(e=C.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:e.jsx(i.ChevronDownIcon,{size:16})}))]}),tabIndex:y,type:"number",value:q},I))}))};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("react"),a=require("../../../icons/EyeIcon.js"),t=require("../../../icons/EyeOffIcon.js"),s=require("../../../styles/constants/theme.js"),i=require("styled-components"),o=require("./_FloatLabelInput.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var d,l,c,p=u(i),b=p.default.div(d||(d=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),f=p.default.button(l||(l=e.__makeTemplateObject(["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),s.theme.transition),g=p.default(o.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n  input {\n    padding-right: ",";\n  }\n"],["\n  input {\n    padding-right: ",";\n  }\n"])),s.theme.space40);exports.PasswordInput=function(s){var i=s.autoFocus,o=s.className,u=s.disabled,d=s.error,l=s.inputMode,c=s.label,p=s.onChange,_=s.onKeyDown,x=s.pattern,h=s.placeholder,j=s.prefix,m=s.readOnly,y=s.required,q=s.suffix,v=s.tabIndex,I=s.value,w=e.__rest(s,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),k=e.__read(r.useState("password"),2),O=k[0],F=k[1];return n.jsx(b,e.__assign({className:o},{children:n.jsx(g,e.__assign({"aria-label":c,autoFocus:i,disabled:u,error:d,inputMode:l,label:c,onChange:p,onKeyDown:_,pattern:x,placeholder:h,prefix:j,readOnly:m,required:y,suffix:q||n.jsx(f,e.__assign({onClick:function(){return F("password"===O?"text":"password")},type:"button"},{children:"password"===O?n.jsx(a.EyeIcon,{size:20}):n.jsx(t.EyeOffIcon,{size:20})})),tabIndex:v,type:O,value:I},w))}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),a=require("styled-components"),t=require("../../../icons/EyeIcon.js"),s=require("../../../icons/EyeOffIcon.js"),i=require("../../../styles/constants/theme.js"),o=require("./_FloatLabelInput.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var d,l,c,p=u(a),b=p.default.div(d||(d=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),f=p.default.button(l||(l=e.__makeTemplateObject(["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),i.theme.transition),g=p.default(o.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n  input {\n    padding-right: ",";\n  }\n"],["\n  input {\n    padding-right: ",";\n  }\n"])),i.theme.space40);exports.PasswordInput=function(a){var i=a.autoFocus,o=a.className,u=a.disabled,d=a.error,l=a.inputMode,c=a.label,p=a.onChange,_=a.onKeyDown,x=a.pattern,h=a.placeholder,j=a.prefix,m=a.readOnly,y=a.required,q=a.suffix,v=a.tabIndex,I=a.value,w=e.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),k=e.__read(r.useState("password"),2),O=k[0],F=k[1];return n.jsx(b,e.__assign({className:o},{children:n.jsx(g,e.__assign({"aria-label":c,autoFocus:i,disabled:u,error:d,inputMode:l,label:c,onChange:p,onKeyDown:_,pattern:x,placeholder:h,prefix:j,readOnly:m,required:y,suffix:q||n.jsx(f,e.__assign({onClick:function(){return F("password"===O?"text":"password")},type:"button"},{children:"password"===O?n.jsx(t.EyeIcon,{size:20}):n.jsx(s.EyeOffIcon,{size:20})})),tabIndex:v,type:O,value:I},w))}))};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../../../icons/ClockIcon.js"),i=require("../../../styles/constants/theme.js"),r=require("styled-components"),o=require("./_FloatLabelInput.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var l,d,u,c,p=s(r),b=p.default.div(l||(l=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),f=p.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),k=p.default.button(u||(u=e.__makeTemplateObject(["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),i.theme.transition),m=p.default(o.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        color: transparent;\n      }\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        color: transparent;\n      }\n    }\n  }\n"])),i.theme.space40);exports.TimeInput=function(i){var r=i.autoFocus,o=i.className,s=i.disabled,l=i.error,d=i.inputMode,u=i.label,c=i.onChange,p=i.onKeyDown,x=i.pattern,h=i.placeholder,g=i.prefix,w=i.readOnly,_=i.required,v=i.suffix,j=i.tabIndex,y=i.value,q=e.__rest(i,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),I=t.useRef(null);return n.jsx(b,e.__assign({className:o},{children:n.jsx(m,e.__assign({ref:I,"aria-label":u,autoFocus:r,disabled:s,error:l,inputMode:d,label:u,onChange:c,onKeyDown:p,pattern:x,placeholder:h,prefix:g,readOnly:w,required:_,suffix:v||n.jsx(f,{children:n.jsx(k,e.__assign({onClick:function(){var e,n;null===(e=I.current)||void 0===e||e.showPicker(),null===(n=I.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:n.jsx(a.ClockIcon,{size:20})}))}),tabIndex:j,type:"time",value:y},q))}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),i=require("../../../icons/ClockIcon.js"),r=require("../../../styles/constants/theme.js"),o=require("./_FloatLabelInput.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js");var l,d,u,c,p=s(a),b=p.default.div(l||(l=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),f=p.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),k=p.default.button(u||(u=e.__makeTemplateObject(["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: 6px;\n  border-radius: 50%;\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),r.theme.transition),m=p.default(o.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        color: transparent;\n      }\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n    &::-webkit-inner-spin-button,\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n      -webkit-appearance: none;\n    }\n\n    &::-webkit-datetime-edit-fields-wrapper {\n      transition: 0.5s all ease;\n    }\n    &:not(:focus):not(.has-content) {\n      &::-webkit-datetime-edit-fields-wrapper {\n        color: transparent;\n      }\n    }\n  }\n"])),r.theme.space40);exports.TimeInput=function(a){var r=a.autoFocus,o=a.className,s=a.disabled,l=a.error,d=a.inputMode,u=a.label,c=a.onChange,p=a.onKeyDown,x=a.pattern,h=a.placeholder,g=a.prefix,w=a.readOnly,_=a.required,v=a.suffix,j=a.tabIndex,y=a.value,q=e.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),I=t.useRef(null);return n.jsx(b,e.__assign({className:o},{children:n.jsx(m,e.__assign({ref:I,"aria-label":u,autoFocus:r,disabled:s,error:l,inputMode:d,label:u,onChange:c,onKeyDown:p,pattern:x,placeholder:h,prefix:g,readOnly:w,required:_,suffix:v||n.jsx(f,{children:n.jsx(k,e.__assign({onClick:function(){var e,n;null===(e=I.current)||void 0===e||e.showPicker(),null===(n=I.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},{children:n.jsx(i.ClockIcon,{size:20})}))}),tabIndex:j,type:"time",value:y},q))}))};

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,b,c,m,g,p,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.space16),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(b||(b=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(c||(c=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(g||(g=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"])),t.theme.space24),q=u.default.header(p||(p=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.headerContent,a=r.logoSidebar,d=r.searchInput,h=r.sidebar;return n.jsxs(w,{children:[!!o&&n.jsx(q,{children:o}),n.jsxs(k,e.__assign({hasHeader:!!o},{children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{onChange:d.onChange,value:d.value})}),h]}),n.jsx(x,{children:i})]}),n.jsx(z,{children:t})]}))]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js"),i=require("../../styles/constants/theme.js");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,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),i.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"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.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"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=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"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=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(i.theme.appbarHeight,")"):"100vh"}),i.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(g||(g=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=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"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(r){var t=r.content,i=r.footer,o=r.headerContent,a=r.logoSidebar,d=r.searchInput,h=r.sidebar;return n.jsxs(w,{children:[!!o&&n.jsx(q,{children:o}),n.jsxs(k,e.__assign({hasHeader:!!o},{children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{onChange:d.onChange,value:d.value})}),h]}),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"),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,p,u,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: 32px;\n  padding: "," "," "," 6px;\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: 32px;\n  padding: "," "," "," 6px;\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.space4,t.theme.space8,t.theme.space4,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.gray100,t.theme.gray1200,t.theme.gray1200)})),b=h.default.div(p||(p=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)(u||(u=n.__makeTemplateObject(["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"],["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"])),t.theme.gray200);exports.NavigationGroup=function(r){var t=r.children,o=r.className,l=r.collapsed,a=void 0!==l&&l,c=r.content;return e.jsxs(f,n.__assign({className:o},{children:[e.jsx(b,n.__assign({$collapsed:a},{children:c})),e.jsx(j,n.__assign({collapsed:a},{children:t}))]}))},exports.NavigationItem=function(r){var t=r.className,o=r.content,l=r.icon,a=r.isActive;return e.jsxs(v,n.__assign({$content:o,$icon:l,$isActive:a,className:t},{children:[l&&e.jsx(x,{children:l}),o]}))};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../collapse/Collapse.js"),o=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react");var a,c,s,i,d,g,m,p,u,h=l(r),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: 32px;\n  padding: "," "," "," 6px;\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: 32px;\n  padding: "," "," "," 6px;\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"])),o.theme.space4,o.theme.space8,o.theme.space4,o.theme.gray800,o.theme.radius6,o.theme.gray50,o.theme.gray1200,o.theme.gray700,o.theme.gray600,_,(function(e){return!!e.$icon&&r.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&&r.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    "])),o.theme.gray100,o.theme.gray1200,o.theme.gray1200)})),b=h.default.div(p||(p=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&r.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,o.theme.gray1200,o.theme.gray1200)})),j=h.default(t.Collapse)(u||(u=n.__makeTemplateObject(["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"],["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"])),o.theme.gray200);exports.NavigationGroup=function(r){var t=r.children,o=r.className,l=r.collapsed,a=void 0!==l&&l,c=r.content;return e.jsxs(f,n.__assign({className:o},{children:[e.jsx(b,n.__assign({$collapsed:a},{children:c})),e.jsx(j,n.__assign({collapsed:a},{children:t}))]}))},exports.NavigationItem=function(r){var t=r.className,o=r.content,l=r.icon,a=r.isActive;return e.jsxs(v,n.__assign({$content:o,$icon:l,$isActive:a,className:t},{children:[l&&e.jsx(x,{children:l}),o]}))};

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"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");exports.LightBox=function(o){var i=o.children,t=o.className,u=o.closeOnBlur,a=o.closeOnEsc,l=o.onClose,n=o.open,c=o.themeOverride,d=o.width,q=o.withBorder,h=void 0!==q&&q;return r.jsx(s.BaseDialog,e.__assign({className:t,closeOnBlur:u,closeOnEsc:a,"data-theme":c,noBorder:!h,onClose:l,open:n,width:d},{children:i}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),s=require("../dialog/_BaseDialog.js");require("react"),require("react-dom"),require("framer-motion"),require("styled-components"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");exports.LightBox=function(o){var i=o.children,t=o.className,u=o.closeOnBlur,a=o.closeOnEsc,l=o.onClose,n=o.open,c=o.themeOverride,d=o.width,q=o.withBorder,h=void 0!==q&&q;return r.jsx(s.BaseDialog,e.__assign({className:t,closeOnBlur:u,closeOnEsc:a,"data-theme":c,noBorder:!h,onClose:l,open:n,width:d},{children:i}))};

package/components/list/CollapsibleList.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js"),i=require("styled-components"),s=require("../collapse/Collapse.js"),o=require("../list-item/ListItem.js"),c=require("./List.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../text/Text.js");var p,d,u,_,m,h,g,j=l(i),x=j.default(s.Collapse)(d||(d=e.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$hasIcon&&i.css(p||(p=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "],["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "])))})),b=j.default(o.ListItem)(_||(_=e.__makeTemplateObject(["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"])),(function(n){return!n.$hasIcon&&i.css(u||(u=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        display: none;\n      }\n    "],["\n      .___icon-wrapper {\n        display: none;\n      }\n    "])))}),a.theme.transition),f=j.default(c.List)(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&i.css(m||(m=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),a.theme.space8,a.theme.gray200,a.theme.radius12)}),(function(n){return n.withNegativeMargin&&i.css(h||(h=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),a.theme.spaceNegative24)}));exports.CollapsibleList=function(a){var i=a.children,s=a.className,o=a.icon,c=a.startExpanded,l=a.title,p=a.withBorder,d=a.withNegativeMargin,u=e.__read(t.useState(!c),2),_=u[0],m=u[1];return n.jsxs(f,e.__assign({className:s,withBorder:p,withNegativeMargin:d},{children:[n.jsx(b,{$hasIcon:!!o,decorator:o,label:l,onClick:function(){return m(!_)},rightDecorator:n.jsx(r.ChevronUpIcon,{className:_?"collapsed":""})}),n.jsx(x,e.__assign({$hasIcon:!!o,collapsed:_},{children:i}))]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../../icons/ChevronUpIcon.js"),i=require("../../styles/constants/theme.js"),s=require("../collapse/Collapse.js"),o=require("../list-item/ListItem.js"),c=require("./List.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../text/Text.js");var p,d,u,_,m,h,g,j=l(r),x=j.default(s.Collapse)(d||(d=e.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$hasIcon&&r.css(p||(p=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "],["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "])))})),b=j.default(o.ListItem)(_||(_=e.__makeTemplateObject(["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"])),(function(n){return!n.$hasIcon&&r.css(u||(u=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        display: none;\n      }\n    "],["\n      .___icon-wrapper {\n        display: none;\n      }\n    "])))}),i.theme.transition),f=j.default(c.List)(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&r.css(m||(m=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),i.theme.space8,i.theme.gray200,i.theme.radius12)}),(function(n){return n.withNegativeMargin&&r.css(h||(h=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),i.theme.spaceNegative24)}));exports.CollapsibleList=function(r){var i=r.children,s=r.className,o=r.icon,c=r.startExpanded,l=r.title,p=r.withBorder,d=r.withNegativeMargin,u=e.__read(t.useState(!c),2),_=u[0],m=u[1];return n.jsxs(f,e.__assign({className:s,withBorder:p,withNegativeMargin:d},{children:[n.jsx(b,{$hasIcon:!!o,decorator:o,label:l,onClick:function(){return m(!_)},rightDecorator:n.jsx(a.ChevronUpIcon,{className:_?"collapsed":""})}),n.jsx(x,e.__assign({$hasIcon:!!o,collapsed:_},{children:i}))]}))};

package/components/list/List.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js"),t=require("styled-components");function i(e){return e&&e.__esModule?e:{default:e}}var a,s,d,c=i(t).default.section(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&t.css(a||(a=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),r.theme.space8,r.theme.gray200,r.theme.radius12)}),(function(n){return n.withNegativeMargin&&t.css(s||(s=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),r.theme.spaceNegative24)}));exports.List=function(r){var t=r.children,i=r.className,a=r.withBorder,s=r.withNegativeMargin;return n.jsx(c,e.__assign({className:i,withBorder:a,withNegativeMargin:s},{children:t}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,s,d,c=i(r).default.section(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&r.css(a||(a=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),t.theme.space8,t.theme.gray200,t.theme.radius12)}),(function(n){return n.withNegativeMargin&&r.css(s||(s=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),t.theme.spaceNegative24)}));exports.List=function(r){var t=r.children,i=r.className,a=r.withBorder,s=r.withNegativeMargin;return n.jsx(c,e.__assign({className:i,withBorder:a,withNegativeMargin:s},{children:t}))};

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"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.disabled,i=e.selected;return!r&&i&&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.selected,l=e.withClick;return!r&&l&&!i&&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,{alt:t,src:r}):i?e.jsx(e.Fragment,{children:i}):null},b=r.forwardRef((function(r,t){var a=r.className,l=r.decorator,s=r.disabled,o=r.label,c=r.onClick,d=r.rightDecorator,p=r.selected,u=r.subtitle;return e.jsxs(h,n.__assign({ref:t,className:a,disabled:s,onClick:function(n){return!s&&c&&c(n)},selected:p,withClick:!!c},{children:[e.jsxs("div",n.__assign({className:["___icon-wrapper",l?"has-icon":""].join(" ")},{children:[l,e.jsx(_,{label:"string"==typeof o?o:""})]})),e.jsxs(g,{children:[e.jsx(i.Text,n.__assign({type:"label"},{children:o})),u&&e.jsx(i.Text,n.__assign({type:"caption"},{children:u}))]}),d]}))}));exports.ListItem=b;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}var s,o,c,d,p,u,m=l(i),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"])),a.theme.space8,a.theme.space16,a.theme.space16,a.theme.sizeXl,a.theme.radius8,(function(e){var r=e.disabled,t=e.selected;return!r&&t&&i.css(s||(s=n.__makeTemplateObject(["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "],["\n      background-color: ",";\n      * {\n        color: ",";\n      }\n    "])),a.theme.blue100,a.theme.blue800)}),(function(e){return e.disabled&&i.css(o||(o=n.__makeTemplateObject(["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "],["\n      * {\n        color: ",";\n      }\n      cursor: not-allowed;\n    "])),a.theme.gray600)}),(function(e){var r=e.disabled,t=e.selected,l=e.withClick;return!r&&l&&!t&&i.css(c||(c=n.__makeTemplateObject(["\n        background-color: ",";\n        cursor: pointer;\n      "],["\n        background-color: ",";\n        cursor: pointer;\n      "])),a.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"])),a.theme.space16,a.theme.radius6),_=function(n){var r=n.icon,i=n.iconComponent,t=n.label;return r?e.jsx(x,{alt:t,src:r}):i?e.jsx(e.Fragment,{children:i}):null},b=r.forwardRef((function(r,i){var a=r.className,l=r.decorator,s=r.disabled,o=r.label,c=r.onClick,d=r.rightDecorator,p=r.selected,u=r.subtitle;return e.jsxs(h,n.__assign({ref:i,className:a,disabled:s,onClick:function(n){return!s&&c&&c(n)},selected:p,withClick:!!c},{children:[e.jsxs("div",n.__assign({className:["___icon-wrapper",l?"has-icon":""].join(" ")},{children:[l,e.jsx(_,{label:"string"==typeof o?o:""})]})),e.jsxs(g,{children:[e.jsx(t.Text,n.__assign({type:"label"},{children:o})),u&&e.jsx(t.Text,n.__assign({type:"caption"},{children:u}))]}),d]}))}));exports.ListItem=b;

package/components/menu/Menu.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("../../styles/constants/theme.js");function t(n){return n&&n.__esModule?n:{default:n}}var r,o=t(require("styled-components")).default.ul(r||(r=n.__makeTemplateObject(["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  hr {\n    border: 0;\n    border-bottom: ",";\n    margin-top: ",";\n    margin-bottom: ",";\n  }\n"],["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  hr {\n    border: 0;\n    border-bottom: ",";\n    margin-top: ",";\n    margin-bottom: ",";\n  }\n"])),e.theme.border,e.theme.radius6,e.theme.radius6);exports.Menu=o;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("styled-components"),t=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var o,s=r(e).default.ul(o||(o=n.__makeTemplateObject(["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  hr {\n    border: 0;\n    border-bottom: ",";\n    margin-top: ",";\n    margin-bottom: ",";\n  }\n"],["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  hr {\n    border: 0;\n    border-bottom: ",";\n    margin-top: ",";\n    margin-bottom: ",";\n  }\n"])),t.theme.border,t.theme.radius6,t.theme.radius6);exports.Menu=s;

package/components/menu/MenuItem.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var i,s=r(require("styled-components")).default.li(i||(i=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"])),t.theme.space16,t.theme.hoverColor);exports.MenuItem=function(t){var r=t.children,i=t.icon,l=t.onClick;return e.jsxs(s,n.__assign({onClick:l},{children:[i,r]}))},exports.StyledListItem=s;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var s,l=i(t).default.li(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"])),r.theme.space16,r.theme.hoverColor);exports.MenuItem=function(t){var r=t.children,i=t.icon,s=t.onClick;return e.jsxs(l,n.__assign({onClick:s},{children:[i,r]}))},exports.StyledListItem=l;

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

@@ -2,13 +2,13 @@ import { type ReactNode } from 'react';
 import type { Column } from 'react-data-grid';
 import { type flattenRow } from "../../utils/flattenRow";
 type ColumnType<TRow> = Column<TRow, Record<string, unknown>>;
-export type ColumnFormatter<TRow extends Record<string, unknown>> = NonNullable<ColumnType<TRow>['formatter']>;
-export type CustomColumnFormatters<TRow extends Record<string, unknown>> = {
-    [key in keyof TRow]?: ColumnFormatter<TRow>;
+export type ColumnCell<TRow extends Record<string, unknown>> = NonNullable<ColumnType<TRow>['renderCell']>;
+export type CustomColumnCells<TRow extends Record<string, unknown>> = {
+    [key in keyof TRow]?: ColumnCell<TRow>;
 };
 type Props<TRow extends Record<string, unknown>> = {
     currentPage?: number;
-    customColumnFormatters?: CustomColumnFormatters<TRow>;
+    customColumnCells?: CustomColumnCells<TRow>;
     /**
      * @param customFlattenRow
      * @description Custom flattenRow function, if not provided, the default flattenRow (flattenRow - "src/utils/flattenRow.ts") will be used
@@ -23,5 +23,5 @@ type Props<TRow extends Record<string, unknown>> = {
     title?: string;
     handlePagination?: (page: number) => void;
 };
-export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customColumnFormatters, customFlattenRow, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, tableData, title, }: Props<TRow>) => JSX.Element;
+export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customColumnCells, customFlattenRow, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, tableData, title, }: Props<TRow>) => JSX.Element;
 export {};