@zonos/amino 4.4.34 → 5.0.0

package/components/list/CollapsibleList.js

@@ -1 +1 @@
-"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}))]}))};
+"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,j,g=l(r),x=g.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=g.default(o.ListItem)(m||(m=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=g.default(c.List)(j||(j=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(_||(_=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),m=u[0],_=u[1];return n.jsxs(f,{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:m?"collapsed":""})}),n.jsx(x,{$hasIcon:!!o,collapsed:m,children:i})]})};

package/components/list/List.d.ts

@@ -5,4 +5,4 @@ export type ListProps = {
     withBorder?: boolean;
     withNegativeMargin?: boolean;
 };
-export declare const List: ({ children, className, withBorder, withNegativeMargin, }: ListProps) => JSX.Element;
+export declare const List: ({ children, className, withBorder, withNegativeMargin, }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/components/list/List.js

@@ -1 +1 @@
-"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}))};
+"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(e){var r=e.children,t=e.className,i=e.withBorder,a=e.withNegativeMargin;return n.jsx(c,{className:t,withBorder:i,withNegativeMargin:a,children:r})};

package/components/list-item/ListItem.js

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

package/components/menu/MenuItem.d.ts

@@ -5,5 +5,5 @@ type MenuItemProps = {
     icon?: ReactNode;
     onClick?: () => void;
 };
-export declare const MenuItem: ({ children, icon, onClick }: MenuItemProps) => JSX.Element;
+export declare const MenuItem: ({ children, icon, onClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/menu/MenuItem.js

@@ -1 +1 @@
-"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;
+"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(n){var t=n.children,r=n.icon,i=n.onClick;return e.jsxs(l,{onClick:i,children:[r,t]})},exports.StyledListItem=l;

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

@@ -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, customColumnCells, 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>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type flattenRow } from "../../utils/flattenRow";
 type Props = {
     /**
@@ -16,5 +15,5 @@ type Props = {
     setCachingKey: (cachingKey: string) => void;
     setQuery: (query: string) => void;
 };
-export declare const NestedDataTableHasura: ({ customFlattenRow, isFetching, query, setCachingKey, setQuery, tableData, title, }: Props) => JSX.Element;
+export declare const NestedDataTableHasura: ({ customFlattenRow, isFetching, query, setCachingKey, setQuery, tableData, title, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { Column } from 'react-data-grid';
 import type { RowWithIndex } from '../pivot-table/PivotTable';
 export declare const Filter: ({ columns, hiddenColumns, setHiddenColumns, }: {
     columns: Column<RowWithIndex, Record<string, unknown>>[];
     hiddenColumns: string[];
     setHiddenColumns: (hiddenColumns: string[]) => void;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -12,5 +12,5 @@ type Props<TRow extends Record<string, unknown>> = {
     noFilter?: boolean;
     tableDataArr: TRow[];
 };
-export declare const TableData: <TRow extends Record<string, unknown>>({ customColumnCells, customFlattenRow, noFilter, tableDataArr, }: Props<TRow>) => JSX.Element;
+export declare const TableData: <TRow extends Record<string, unknown>>({ customColumnCells, customFlattenRow, noFilter, tableDataArr, }: Props<TRow>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -2,4 +2,4 @@ import type { ReactNode } from 'react';
 export type NightModeWrapperProps = {
     children: ReactNode;
 };
-export declare const NightModeWrapper: ({ children }: NightModeWrapperProps) => JSX.Element;
+export declare const NightModeWrapper: ({ children }: NightModeWrapperProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

package/components/ownership-block/OwnershipBlock.js

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Column, type DataGridProps } from 'react-data-grid';
 export type KeyValue = string | number;
 type RowData = Record<string, unknown>;
@@ -30,5 +29,5 @@ type Props<TRow extends RowWithIndex, TSummaryRow extends unknown, TRowKey exten
  * @documentation https://adazzle.github.io/react-data-grid/#/grouping
  * @example https://github.com/adazzle/react-data-grid/tree/main/website
  */
-export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => JSX.Element;
+export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/pivot-table/PivotTable.js

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

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

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

package/components/radio/Radio.d.ts

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

package/components/radio/Radio.js

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

package/components/radio/RadioGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RadioGroupItem<T extends string = string> = {
     label: string;
     value: T;
@@ -10,4 +9,4 @@ export type RadioGroupProps<T extends string = string> = {
     items: RadioGroupItem<T>[];
     onChange: (newValue: T) => void;
 };
-export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, }: RadioGroupProps<T>) => JSX.Element;
+export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, }: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/radio/RadioGroup.js

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

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

@@ -6,4 +6,4 @@ export type RestStateProps = {
     label: string;
     subtitle?: string;
 };
-export declare const RestState: ({ action, className, icon, label, subtitle, }: RestStateProps) => JSX.Element;
+export declare const RestState: ({ action, className, icon, label, subtitle, }: RestStateProps) => import("react/jsx-runtime").JSX.Element;

package/components/rest-state/RestState.js

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

package/components/rich-card-select/RichCardStateSelect.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { UnitedState } from "../../types/UnitedStates";
 export type RichCardStateSelectProps = {
     states: UnitedState[];
     onClick: (selectedState: UnitedState) => void;
 };
-export declare const RichCardStateSelect: ({ onClick, states, }: RichCardStateSelectProps) => JSX.Element;
+export declare const RichCardStateSelect: ({ onClick, states, }: RichCardStateSelectProps) => import("react/jsx-runtime").JSX.Element;

package/components/rich-card-select/RichCardStateSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../styles/constants/theme.js"),r=require("../card/Card.js"),l=require("../stack/VStack.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var c,o,s,u,h=a(t),d=h.default.div(c||(c=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),f=h.default.div(o||(o=e.__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),p=h.default.div(s||(s=e.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n"]))),g=h.default(r.Card)(u||(u=e.__makeTemplateObject(["\n  min-width: 180px;\n  display: flex;\n  gap: 24px;\n  height: fit-content;\n  align-items: center;\n  font-weight: 500;\n  flex: 0 0 180px;\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  border: ",";\n\n  svg > path {\n    stroke: ",";\n    fill: ",";\n  }\n"],["\n  min-width: 180px;\n  display: flex;\n  gap: 24px;\n  height: fit-content;\n  align-items: center;\n  font-weight: 500;\n  flex: 0 0 180px;\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  border: ",";\n\n  svg > path {\n    stroke: ",";\n    fill: ",";\n  }\n"])),i.theme.fontSizeS,(function(e){return e.highlighted&&i.theme.blue600}),(function(e){return e.highlighted&&i.theme.blue100}),(function(e){return e.highlighted&&"1px solid ".concat(i.theme.blue400)}),(function(e){return e.highlighted&&i.theme.blue600}),(function(e){return e.highlighted&&i.theme.blue200}));exports.RichCardStateSelect=function(t){var i=t.onClick,r=t.states,a=Array.from(new Set(r.map((function(e){return e.region}))));return n.jsx(d,{children:a.map((function(t){return n.jsx("div",{children:n.jsxs(l.VStack,e.__assign({spacing:8},{children:[n.jsx(f,{children:t}),n.jsx(p,{children:r.filter((function(e){return e.region===t})).map((function(t){return n.jsx("button",e.__assign({onClick:function(){return i(t)},type:"button"},{children:n.jsxs(g,e.__assign({highlighted:t.highlighted,spacing:"10px"},{children:[t.icon,t.name]}),t.code)}))}))})]}))},t)}))})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../styles/constants/theme.js"),r=require("../card/Card.js"),l=require("../stack/VStack.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var c,o,u,s,h=a(t),d=h.default.div(c||(c=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),f=h.default.div(o||(o=e.__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),p=h.default.div(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n"]))),g=h.default(r.Card)(s||(s=e.__makeTemplateObject(["\n  min-width: 180px;\n  display: flex;\n  gap: 24px;\n  height: fit-content;\n  align-items: center;\n  font-weight: 500;\n  flex: 0 0 180px;\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  border: ",";\n\n  svg > path {\n    stroke: ",";\n    fill: ",";\n  }\n"],["\n  min-width: 180px;\n  display: flex;\n  gap: 24px;\n  height: fit-content;\n  align-items: center;\n  font-weight: 500;\n  flex: 0 0 180px;\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  border: ",";\n\n  svg > path {\n    stroke: ",";\n    fill: ",";\n  }\n"])),i.theme.fontSizeS,(function(e){return e.highlighted&&i.theme.blue600}),(function(e){return e.highlighted&&i.theme.blue100}),(function(e){return e.highlighted&&"1px solid ".concat(i.theme.blue400)}),(function(e){return e.highlighted&&i.theme.blue600}),(function(e){return e.highlighted&&i.theme.blue200}));exports.RichCardStateSelect=function(e){var t=e.onClick,i=e.states,r=Array.from(new Set(i.map((function(e){return e.region}))));return n.jsx(d,{children:r.map((function(e){return n.jsx("div",{children:n.jsxs(l.VStack,{spacing:8,children:[n.jsx(f,{children:e}),n.jsx(p,{children:i.filter((function(n){return n.region===e})).map((function(e){return n.jsx("button",{onClick:function(){return t(e)},type:"button",children:n.jsxs(g,{highlighted:e.highlighted,spacing:"10px",children:[e.icon,e.name]},e.code)})}))})]})},e)}))})};

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

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

package/components/rich-checkbox/RichCheckbox.js

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

package/components/rich-radio/RichRadio.d.ts

@@ -22,4 +22,4 @@ export type RichRadioProps<T extends string = string> = {
     onChange: (value: T) => void;
     renderCustomText?: (option: RichRadioItemType<T>) => ReactNode;
 };
-export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, value, }: RichRadioProps<T>) => JSX.Element;
+export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, value, }: RichRadioProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/rich-radio/RichRadio.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),r=require("styled-components"),i=require("../stack/VStack.js"),o=require("../../icons/CheckmarkIcon.js"),s=require("../../styles/constants/theme.js"),d=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var c,u,p,h,x,b,m,g=l(a),f=l(r),k=f.default.div(c||(c=e.__makeTemplateObject(["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"])),s.theme.space16,s.theme.gray400,s.theme.gray0),_=f.default.div(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),s.theme.space16,s.theme.blue600),j=f.default.button(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"])),s.theme.gray0,s.theme.space16,s.theme.space40,s.theme.border,s.theme.radius6,(function(e){return e.itemHeight}),s.theme.gray100,s.theme.gray200,k,s.theme.gray600,s.theme.blue400,s.theme.blue400),v=f.default(d.Text)(h||(h=e.__makeTemplateObject([""],[""]))),y=f.default(d.Text)(x||(x=e.__makeTemplateObject(["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),s.theme.textColor,s.theme.primary),q=f.default(i.VStack)(b||(b=e.__makeTemplateObject(["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),j,s.theme.blue100,s.theme.blue400,s.theme.blue400,s.theme.blue700,v,s.theme.blue600,s.theme.gray0),w=f.default(g.default)(m||(m=e.__makeTemplateObject(["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"],["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"])));exports.RichRadio=function(a){var r=a.activeIcon,i=a.className,s=a.icon,d=a.itemHeight,l=void 0===d?64:d,c=a.items,u=a.onChange,p=a.renderCustomText,h=a.value,x=e.__read(t.useState(h),2),b=x[0],m=x[1];t.useEffect((function(){m(h)}),[h]);return n.jsx(q,e.__assign({className:i,spacing:16},{children:c.map((function(t){return n.jsxs(j,e.__assign({"data-disabled":t.disabled,"data-state":t.value===b?"checked":"","data-tip":t.tooltip,itemHeight:l,onClick:function(){var e;e=t.value,m(e),u(e)},type:"button"},{children:[t.tooltip&&n.jsx(w,e.__assign({arrowColor:"transparent",effect:"solid"},t.tooltipSetting)),p?p(t):n.jsxs("div",{children:[n.jsx(y,e.__assign({type:"label"},{children:t.label})),t.subtitle&&n.jsx(v,e.__assign({color:"gray900",type:"body"},{children:t.subtitle}))]}),!!s&&n.jsx(k,{children:s||n.jsx(o.CheckmarkIcon,{})}),t.value===b&&n.jsx(_,{children:r||n.jsx(o.CheckmarkIcon,{})})]}),t.value)}))}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),r=require("styled-components"),o=require("../stack/VStack.js"),i=require("../../icons/CheckmarkIcon.js"),d=require("../../styles/constants/theme.js"),l=require("../text/Text.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var s,u,p,h,x,b,m,g=c(a),f=c(r),k=f.default.div(s||(s=e.__makeTemplateObject(["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"])),d.theme.space16,d.theme.gray400,d.theme.gray0),j=f.default.div(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),d.theme.space16,d.theme.blue600),v=f.default.button(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"])),d.theme.gray0,d.theme.space16,d.theme.space40,d.theme.border,d.theme.radius6,(function(e){return e.itemHeight}),d.theme.gray100,d.theme.gray200,k,d.theme.gray600,d.theme.blue400,d.theme.blue400),y=f.default(l.Text)(h||(h=e.__makeTemplateObject([""],[""]))),_=f.default(l.Text)(x||(x=e.__makeTemplateObject(["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),d.theme.textColor,d.theme.primary),q=f.default(o.VStack)(b||(b=e.__makeTemplateObject(["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),v,d.theme.blue100,d.theme.blue400,d.theme.blue400,d.theme.blue700,y,d.theme.blue600,d.theme.gray0),w=f.default(g.default)(m||(m=e.__makeTemplateObject(["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"],["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"])));exports.RichRadio=function(a){var r=a.activeIcon,o=a.className,d=a.icon,l=a.itemHeight,c=void 0===l?64:l,s=a.items,u=a.onChange,p=a.renderCustomText,h=a.value,x=e.__read(t.useState(h),2),b=x[0],m=x[1];t.useEffect((function(){m(h)}),[h]);return n.jsx(q,{className:o,spacing:16,children:s.map((function(t){return n.jsxs(v,{"data-disabled":t.disabled,"data-state":t.value===b?"checked":"","data-tip":t.tooltip,itemHeight:c,onClick:function(){var e;e=t.value,m(e),u(e)},type:"button",children:[t.tooltip&&n.jsx(w,e.__assign({arrowColor:"transparent",effect:"solid"},t.tooltipSetting)),p?p(t):n.jsxs("div",{children:[n.jsx(_,{type:"label",children:t.label}),t.subtitle&&n.jsx(y,{color:"gray900",type:"body",children:t.subtitle})]}),!!d&&n.jsx(k,{children:d||n.jsx(i.CheckmarkIcon,{})}),t.value===b&&n.jsx(j,{children:r||n.jsx(i.CheckmarkIcon,{})})]},t.value)}))})};

package/components/rounded-icon/RoundedIcon.d.ts

@@ -10,5 +10,5 @@ export type RoundedIconProps = {
     className?: string;
     intent?: Intent;
 } & CSSProps;
-export declare const RoundedIcon: ({ background, children, className, color, intent, }: RoundedIconProps) => JSX.Element;
+export declare const RoundedIcon: ({ background, children, className, color, intent, }: RoundedIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/rounded-icon/RoundedIcon.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var c,o,s,l,i=a(r),u=i.default.div(c||(c=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"])),(function(e){return e.background?t.theme[e.background]:t.theme.gray200}),(function(e){return e.color?t.theme[e.color]:t.theme.gray600})),d=i.default(u)(o||(o=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.blue100,t.theme.blue600),g=i.default(u)(s||(s=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.red100,t.theme.red600),h=i.default(u)(l||(l=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.orange100,t.theme.orange600);exports.RoundedIcon=function(r){var t=r.background,a=r.children,c=r.className,o=r.color;switch(r.intent){case"danger":return n.jsx(g,e.__assign({className:c},{children:a}));case"primary":return n.jsx(d,e.__assign({className:c},{children:a}));case"warning":return n.jsx(h,e.__assign({className:c},{children:a}));default:return n.jsx(u,e.__assign({background:t,className:c,color:o},{children:a}))}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var c,o,l,u,s=a(r),d=s.default.div(c||(c=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"])),(function(e){return e.background?t.theme[e.background]:t.theme.gray200}),(function(e){return e.color?t.theme[e.color]:t.theme.gray600})),i=s.default(d)(o||(o=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.blue100,t.theme.blue600),h=s.default(d)(l||(l=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.red100,t.theme.red600),m=s.default(d)(u||(u=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),t.theme.orange100,t.theme.orange600);exports.RoundedIcon=function(e){var r=e.background,t=e.children,a=e.className,c=e.color;switch(e.intent){case"danger":return n.jsx(h,{className:a,children:t});case"primary":return n.jsx(i,{className:a,children:t});case"warning":return n.jsx(m,{className:a,children:t});default:return n.jsx(d,{background:r,className:a,color:c,children:t})}};

package/components/section/HSection.d.ts

@@ -15,4 +15,4 @@ export type HSectionProps = {
     label?: ReactNode;
     sublabel?: ReactNode;
 };
-export declare const HSection: ({ children, className, collapseByDefault, collapsible, label, sublabel, }: HSectionProps) => JSX.Element;
+export declare const HSection: ({ children, className, collapseByDefault, collapsible, label, sublabel, }: HSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/HSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../stack/HStack.js"),s=require("../../icons/ChevronUpIcon.js"),i=require("../../styles/constants/theme.js"),l=require("../button/Button.js"),o=require("../collapse/Collapse.js"),c=require("../text/Text.js"),u=require("./_SectionInnerWrapper.js"),d=require("./_SectionSubheader.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),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 m,f,j,h,_=p(r),b=_.default(a.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),i.theme.space8,i.theme.space40),g=_.default(l.Button)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\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    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\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    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),i.theme.space4,i.theme.gray300,i.theme.gray400,i.theme.gray800),x=_.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),v=_.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var a=r.children,i=r.className,l=r.collapseByDefault,p=void 0!==l&&l,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,_=void 0===h?"":h,q=e.__read(t.useState(p),2),y=q[0],k=q[1];return n.jsxs(b,e.__assign({className:i||""},{children:[j&&n.jsx(u.SectionInnerWrapper,{children:n.jsxs(x,{children:[f?n.jsxs(v,e.__assign({onClick:function(){return k(!y)},onKeyDown:function(){return null},role:"button",tabIndex:0},{children:[n.jsx(c.Text,e.__assign({type:"title"},{children:j})),n.jsx(g,{className:y?"collapsed":"",icon:n.jsx(s.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!y)},size:"sm"})]})):n.jsx(c.Text,e.__assign({type:"title"},{children:j})),_&&n.jsx(d.SectionSubheader,{children:_})]})}),f?n.jsx(o.Collapse,e.__assign({collapsed:y},{children:a})):n.jsx("div",{children:a})]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../stack/HStack.js"),i=require("../../icons/ChevronUpIcon.js"),s=require("../../styles/constants/theme.js"),l=require("../button/Button.js"),o=require("../collapse/Collapse.js"),c=require("../text/Text.js"),u=require("./_SectionInnerWrapper.js"),d=require("./_SectionSubheader.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),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 m,f,j,h,b=p(r),x=b.default(a.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),s.theme.space8,s.theme.space40),v=b.default(l.Button)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\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    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\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    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),s.theme.space4,s.theme.gray300,s.theme.gray400,s.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),g=b.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var a=r.children,s=r.className,l=r.collapseByDefault,p=void 0!==l&&l,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:s||"",children:[j&&n.jsx(u.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(g,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(v,{className:_?"collapsed":"",icon:n.jsx(i.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(d.SectionSubheader,{children:b})]})}),f?n.jsx(o.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};

package/components/section/VSection.d.ts

@@ -6,4 +6,4 @@ export type VSectionProps = {
     label?: ReactNode;
     sublabel?: ReactNode;
 };
-export declare const VSection: ({ actions, children, className, label, sublabel, }: VSectionProps) => JSX.Element;
+export declare const VSection: ({ actions, children, className, label, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/VSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),s=require("styled-components"),t=require("../stack/HStack.js"),n=require("../../styles/constants/theme.js"),i=require("./_SectionHeader.js"),a=require("./_SectionInnerWrapper.js"),c=require("./_SectionSubheader.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../text/Text.js");var l,o=u(s).default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),n.theme.space40);exports.VSection=function(s){var n=s.actions,u=s.children,l=s.className,d=s.label,j=s.sublabel,m=void 0===j?"":j;return r.jsxs(o,e.__assign({className:l||""},{children:[d&&r.jsxs(a.SectionInnerWrapper,{children:[r.jsxs(i.SectionHeader,{children:[d,r.jsx(c.SectionSubheader,{children:m})]}),r.jsx(t.HStack,e.__assign({spacing:8},{children:n}))]}),r.jsx("div",{children:u})]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),s=require("../stack/HStack.js"),n=require("../../styles/constants/theme.js"),i=require("./_SectionHeader.js"),a=require("./_SectionInnerWrapper.js"),c=require("./_SectionSubheader.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../text/Text.js");var l,o=u(t).default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),n.theme.space40);exports.VSection=function(e){var t=e.actions,n=e.children,u=e.className,l=e.label,d=e.sublabel,j=void 0===d?"":d;return r.jsxs(o,{className:u||"",children:[l&&r.jsxs(a.SectionInnerWrapper,{children:[r.jsxs(i.SectionHeader,{children:[l,r.jsx(c.SectionSubheader,{children:j})]}),r.jsx(s.HStack,{spacing:8,children:t})]}),r.jsx("div",{children:n})]})};

package/components/section/_SectionHeader.d.ts

@@ -3,5 +3,5 @@ type Props = {
     children: ReactNode;
     className?: string;
 };
-export declare const SectionHeader: ({ children, className }: Props) => JSX.Element;
+export declare const SectionHeader: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/section/_SectionHeader.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var s,i=l(n).default(r.Text)(s||(s=e.__makeTemplateObject(["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"],["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"])));exports.SectionHeader=function(n){var r=n.children,l=n.className;return t.jsx(i,e.__assign({className:l||"",type:"title"},{children:r}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var s,i=l(n).default(r.Text)(s||(s=e.__makeTemplateObject(["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"],["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"])));exports.SectionHeader=function(e){var n=e.children,r=e.className;return t.jsx(i,{className:r||"",type:"title",children:n})};