@zonos/amino 3.4.51

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

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

package/components/input/input-type/_PasswordInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type FloatLabelInputProps } from './_FloatLabelInput';
+export declare const PasswordInput: ({ autoFocus, className, disabled, error, inputMode, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...props }: FloatLabelInputProps) => JSX.Element;

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

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

package/components/input/input-type/_TimeInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type FloatLabelInputProps } from './_FloatLabelInput';
+export declare const TimeInput: ({ autoFocus, className, disabled, error, inputMode, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...props }: FloatLabelInputProps) => JSX.Element;

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

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

package/components/layout/Layout.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEventHandler, ReactElement, ReactNode } from 'react';
+import { type NavigationGroupProps } from './NavigationGroup';
+declare type SearchInputProps = {
+    value: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+};
+export declare type LayoutProps = {
+    footer: ReactNode;
+    logoSidebar?: ReactNode;
+    sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;
+    searchInput?: SearchInputProps;
+    content: ReactNode;
+    headerContent?: ReactNode;
+};
+export declare const Layout: ({ content, footer, sidebar, logoSidebar, searchInput, headerContent, }: LayoutProps) => JSX.Element;
+export {};

package/components/layout/Layout.js

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

package/components/layout/NavigationGroup.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ReactNode } from 'react';
+export declare type NavigationItemProps = {
+    content: ReactNode;
+    className?: string;
+    icon?: ReactNode;
+    isActive?: boolean;
+};
+export declare type NavigationGroupProps = {
+    /** **NOTE**: Should be `NavigationItem` component in order to have proper styling. If you want to use `href`, WRAP the `anchor` tag outside of the `NavigationItem` component. */
+    content: ReactElement<NavigationItemProps> | HTMLAnchorElement;
+    className?: string;
+    children: ReactNode;
+    /**
+     * @default false
+     */
+    collapsed?: boolean;
+};
+export declare const NavigationItem: ({ content, className, icon, isActive, }: NavigationItemProps) => JSX.Element;
+export declare const NavigationGroup: ({ content, children, className, collapsed, }: NavigationGroupProps) => JSX.Element;

package/components/layout/NavigationGroup.js

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

package/components/lightbox/LightBox.d.ts

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

package/components/lightbox/LightBox.js

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

package/components/list/CollapsibleList.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ListProps } from './List';
+export declare type CollapsibleListProps = ListProps & {
+    icon?: ReactNode;
+    title: ReactNode;
+    /**
+     * Whether to start expanded
+     * @default false
+     */
+    startExpanded?: boolean;
+};
+export declare const CollapsibleList: ({ className, children, startExpanded, icon, title, withBorder, withNegativeMargin, }: CollapsibleListProps) => JSX.Element;

package/components/list/CollapsibleList.js

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

package/components/list/List.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare type ListProps = {
+    className?: string;
+    withBorder?: boolean;
+    withNegativeMargin?: boolean;
+    children?: ReactNode;
+};
+export declare const List: ({ className, withBorder, withNegativeMargin, children, }: ListProps) => JSX.Element;

package/components/list/List.js

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

package/components/list-item/ListItem.d.ts

@@ -0,0 +1,17 @@
+import { MouseEventHandler, ReactNode } from 'react';
+export declare type Props = {
+    className?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    label: ReactNode;
+    subtitle?: ReactNode;
+    rightDecorator?: ReactNode;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    /** @description Decorater takes a React node, preferably an icon or an avatar */
+    decorator?: ReactNode;
+    /** @deprecated use decorator instead */
+    icon?: string;
+    /** @deprecated use decorator instead */
+    iconComponent?: ReactNode;
+};
+export declare const ListItem: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;

package/components/list-item/ListItem.js

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

package/components/menu/Menu.d.ts

@@ -0,0 +1 @@
+export declare const Menu: import("styled-components").StyledComponent<"ul", any, {}, never>;

package/components/menu/Menu.js

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

package/components/menu/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+declare type MenuItemProps = {
+    children: ReactNode;
+    icon?: ReactNode;
+    onClick?: () => void;
+};
+export declare const MenuItem: ({ children, icon, onClick }: MenuItemProps) => JSX.Element;
+export {};

package/components/menu/MenuItem.js

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

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

@@ -0,0 +1,64 @@
+import { ReactNode } from 'react';
+import { type RowWithIndex, ColumnProps } from './PivotTable';
+declare type Props<TRow extends RowWithIndex, TSummaryRow extends unknown> = {
+    /**
+     * @param columns
+     * @description This is the columns data that will be used to render the pivot table.
+     *
+     * **NOTE**:
+     * - Better to memoize this value to avoid unnecessary re-renders.
+     * - The columns key should match with the key has been flatten in the rows data.
+     * @example
+     * const columns = useMemo(
+      () =>
+        Object.entries(rows.find(Boolean) || {})
+          .filter(([key]) => key !== 'key')
+          .flatMap(
+            ([key]): Column<
+              Record<string, string>,
+              Record<string, unknown>
+            >[] => [
+              {
+                key,
+                name: key,
+              },
+            ]
+          ),
+      [rows]
+    );
+     */
+    columns: ColumnProps<TRow, TSummaryRow>[];
+    isFetching: boolean;
+    loadingComponent?: ReactNode;
+    query: string;
+    /**
+     * @param rows
+     * @description This is the rows data that will be used to render the pivot table.
+     *
+     * **NOTE**:
+     * - Better to memoize this value to avoid unnecessary re-renders.
+     * - The rows data should be flatten. May use `flattenRow` util to flatten the rows data.
+     * @example
+     * const rows = useMemo(
+      () =>
+        tableDataArr.map((item): Record<string, string> => {
+          const row = Object.entries(item).reduce(
+            (prev, currentVal) =>
+              flattenRow({
+                currentVal,
+                prev,
+              }),
+            {}
+          );
+          return row;
+        }),
+      [tableDataArr]
+    );
+     */
+    rows: TRow[];
+    setCachingKey: (name: string) => void;
+    setQuery: (query: string) => void;
+    title: string;
+};
+export declare const ActionPivotTable: <TRow extends RowWithIndex, TSummaryRow extends unknown>({ columns, isFetching, loadingComponent, query, rows, setCachingKey, setQuery, title, }: Props<TRow, TSummaryRow>) => JSX.Element;
+export {};

package/components/pivot-table/ActionPivotTable.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("../../icons/FilterIcon.js"),r=require("../../styles/constants/theme.js"),s=require("../../utils/_extractQueryParams.js"),o=require("../../utils/hooks/useDropdown.js"),l=require("styled-components"),a=require("../button/Button.js"),c=require("../select/MultiSelect.js"),u=require("../text/Text.js"),d=require("./PivotTable.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@floating-ui/react-dom"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js");var f,m,x,g,h,j,b=p(l),y=b.default.div(f||(f=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),q=b.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: ",";\n"])),r.theme.space12),v=b.default.div(x||(x=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"])),r.theme.space8),_=b.default.div(g||(g=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),k=b.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"],["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"])),r.theme.space16,r.theme.gray0,r.theme.gray200,r.theme.gray400,r.theme.radius8),C=b.default.button(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"])),r.theme.sizeSm,r.theme.space12,r.theme.borderColor,r.theme.radius6);exports.ActionPivotTable=function(r){var l=r.columns,p=r.isFetching,f=r.loadingComponent,m=r.query,x=r.rows,g=r.setCachingKey,h=r.setQuery,j=r.title,b=e.__read(t.useState([]),2),w=b[0],I=b[1],T=s.extractQueryParams({query:m,actionName:j}),R=T.limit,M=T.offset,S=R&&"string"==typeof R?parseInt(R,10):10,O=M&&"string"==typeof M?parseInt(M,10):0,P=e.__read(t.useState(Math.floor(O/S)+1),2),V=P[0],z=P[1],B=o.useDropdown(),D=B.floatingRef,F=B.left,H=B.position,Q=B.reference,N=B.setVisible,A=B.top,E=B.visibility,G=B.visible,K=B.wrapperRef,U=t.useMemo((function(){return l.map((function(e){return{label:e.key,value:e.key}}))}),[l]),$=t.useMemo((function(){return l.filter((function(e){return!w.includes(e.key)}))}),[l,w]),J=t.useCallback((function(e){var n=m.replace(new RegExp("".concat(j).concat(s.paramRegex),"g"),(function(n){return void 0!==M&&void 0!==R?n.replace(/offset:\s*\d+/g,"offset: ".concat(e*S-S)):void 0!==R?n.replace(/(limit:\s*(\d+))/g,"$1, offset: ".concat(e*S-S)):n}));h(n),g("".concat(j,"?page=").concat(e)),z(e)}),[R,M,S,m,g,h,j]);return n.jsxs(y,{children:[n.jsxs(q,{children:[p&&f,n.jsx(u.Text,e.__assign({type:"header"},{children:j})),n.jsxs(v,{children:[n.jsxs(_,e.__assign({ref:K},{children:[n.jsxs(C,e.__assign({ref:Q,onClick:function(){return N(!G)}},{children:[n.jsx(i.FilterIcon,{size:16})," Filter"]})),n.jsx(k,e.__assign({ref:D,style:{position:H,top:A,left:F,opacity:"visible"===E?1:0,zIndex:"visible"===E?1:0}},{children:n.jsx(c.MultiSelect,{label:"Hide column",hideSelectedOptions:!1,options:U,value:U.filter((function(e){return w.includes(e.value)})),onChange:function(e){I(e.flatMap((function(e){return[e.value]})))}})}))]})),n.jsx(a.Button,e.__assign({intent:"outline",disabled:1===V,onClick:function(){J(V-1)}},{children:"Previous page"})),V,n.jsx(a.Button,e.__assign({onClick:function(){J(V+1)},intent:"outline"},{children:"Next page"}))]})]}),n.jsx(d.PivotTable,{headerRowHeight:40,rowHeight:40,rows:x,columns:$,defaultColumnOptions:{sortable:!0,resizable:!0}})]})};

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { type Column, type DataGridProps } from 'react-data-grid';
+export declare type KeyValue = string | number;
+declare type RowData = Record<string, (KeyValue | boolean)[] | KeyValue | boolean>;
+declare type OverrideColumn<TRow extends RowData> = {
+    key: keyof TRow extends string ? keyof TRow | (string & {
+        _placeholder?: never;
+    }) : never;
+};
+export declare type ColumnProps<TRow extends RowData, TSummaryRow = unknown> = Exclude<Column<TRow, TSummaryRow>, 'key'> & OverrideColumn<TRow>;
+declare type OverrideProps<TRow extends RowData, TSummaryRow extends unknown> = {
+    rows: TRow[];
+    /**
+     * @default string
+     */
+    tableHeight?: string;
+    columns: ColumnProps<TRow, TSummaryRow>[];
+};
+export declare type RowWithIndex = RowData & {
+    _itemIndex?: number;
+};
+declare type Props<TRow extends RowData, TSummaryRow extends unknown, TRowKey extends KeyValue> = Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
+/**
+ * Awesome data grid
+ * @repo https://github.com/adazzle/react-data-grid
+ * @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, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ rows, columns, tableHeight, sortColumns: _sortColumns, onSortColumnsChange, renderers: _renderers, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => JSX.Element;
+export {};

package/components/pivot-table/PivotTable.js

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

package/components/radio/Radio.d.ts

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

package/components/radio/Radio.js

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

package/components/radio/RadioGroup.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type RadioGroupItem<T extends string = string> = {
+    label: string;
+    value: T;
+};
+export declare type RadioGroupProps<T extends string = string> = {
+    initialValue?: string;
+    items: RadioGroupItem<T>[];
+    disabled?: boolean;
+    onChange: (newValue: T) => void;
+};
+export declare const RadioGroup: <T extends string = string>({ items, disabled, onChange, initialValue, }: RadioGroupProps<T>) => JSX.Element;

package/components/radio/RadioGroup.js

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

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

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

package/components/rest-state/RestState.js

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

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+declare type RichCheckboxItemType = {
+    checked: boolean;
+    icon?: ReactNode;
+    label: ReactNode;
+    subtitle?: string;
+    value: string;
+};
+export declare type RichCheckboxProps = {
+    items: RichCheckboxItemType[];
+    onClick: (newVal: string) => void;
+};
+export declare const RichCheckbox: ({ onClick, items }: RichCheckboxProps) => JSX.Element;
+export {};

package/components/rich-checkbox/RichCheckbox.js

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

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { type TooltipProps } from 'react-tooltip';
+export declare type RichRadioItemType<T extends string> = {
+    disabled?: boolean;
+    label: ReactNode;
+    subtitle?: string;
+    tooltip?: string;
+    tooltipSetting?: Omit<TooltipProps, 'title' | 'children'>;
+    value: T;
+};
+export declare type RichRadioProps<T extends string = string> = {
+    activeIcon?: ReactNode;
+    className?: string;
+    icon?: ReactNode;
+    /**
+     * @param itemHeight
+     * @default 40
+     */
+    itemHeight?: 40 | 64;
+    items: RichRadioItemType<T>[];
+    onChange: (value: T) => void;
+    renderCustomText?: (option: RichRadioItemType<T>) => ReactNode;
+    value: T | null;
+};
+export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, value, }: RichRadioProps<T>) => JSX.Element;

package/components/rich-radio/RichRadio.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),i=require("../stack/VStack.js"),r=require("../../icons/CheckmarkIcon.js"),o=require("../../styles/constants/theme.js"),s=require("styled-components"),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,g,m=l(a),f=l(s),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: white;\n  }\n"],["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: white;\n  }\n"])),o.theme.space16,o.theme.gray400),_=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"])),o.theme.space16,o.theme.blue600),j=f.default.button(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: white;\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: white;\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"])),o.theme.space16,o.theme.space40,o.theme.border,o.theme.radius6,(function(e){return e.$itemHeight}),o.theme.gray100,o.theme.gray200,k,o.theme.gray600,o.theme.blue400,o.theme.blue400),v=f.default(d.Text)(h||(h=e.__makeTemplateObject([""],[""]))),w=f.default.span(x||(x=e.__makeTemplateObject(["\n  font-weight: 500;\n"],["\n  font-weight: 500;\n"]))),y=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: white;\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: white;\n    width: 12px;\n    height: 12px;\n  }\n"])),j,o.theme.blue100,o.theme.blue400,o.theme.blue400,o.theme.blue700,v,o.theme.blue600),q=f.default(m.default)(g||(g=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 i=a.activeIcon,o=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],g=x[1];t.useEffect((function(){g(h)}),[h]);return n.jsx(y,e.__assign({spacing:16,className:o},{children:c.map((function(t){return n.jsxs(j,e.__assign({type:"button",$itemHeight:l,"data-tip":t.tooltip,"data-disabled":t.disabled,onClick:function(){var e;e=t.value,g(e),u(e)},"data-state":t.value===b?"checked":""},{children:[t.tooltip&&n.jsx(q,e.__assign({effect:"solid",arrowColor:"transparent"},t.tooltipSetting)),p?p(t):n.jsxs("div",{children:[n.jsx(w,{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(r.CheckmarkIcon,{})}),t.value===b&&n.jsx(_,{children:i||n.jsx(r.CheckmarkIcon,{})})]}),t.value)}))}))};

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { Color } from "../../types/Color";
+import { Intent } from "../../types/Intent";
+declare type CSSProps = {
+    background?: Color;
+    color?: Color;
+};
+export declare type RoundedIconProps = {
+    children: ReactNode;
+    className?: string;
+    intent?: Intent;
+} & CSSProps;
+export declare const RoundedIcon: ({ background, children, className, color, intent, }: RoundedIconProps) => JSX.Element;
+export {};

package/components/rounded-icon/RoundedIcon.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a,c,o,s,l=t(require("styled-components")),i=l.default.div(a||(a=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?r.theme[e.background]:r.theme.gray200}),(function(e){return e.color?r.theme[e.color]:r.theme.gray600})),u=l.default(i)(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.blue100,r.theme.blue600),d=l.default(i)(o||(o=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.red100,r.theme.red600),g=l.default(i)(s||(s=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.orange100,r.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(d,e.__assign({className:c},{children:a}));case"primary":return n.jsx(u,e.__assign({className:c},{children:a}));case"warning":return n.jsx(g,e.__assign({className:c},{children:a}));default:return n.jsx(i,e.__assign({background:t,color:o,className:c},{children:a}))}};

package/components/section/HSection.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export declare type HSectionProps = {
+    children: ReactNode;
+    className?: string;
+    label?: ReactNode;
+    sublabel?: ReactNode;
+    /**
+     * @info Make the section content collapsible or not
+     * @default false
+     */
+    collapsible?: boolean;
+    /**
+     * @info Initial collapse state. **Note**: only have effect when `collapsible` is specified
+     * @default false
+     * */
+    collapseByDefault?: boolean;
+};
+export declare const HSection: ({ children, className, label, sublabel, collapsible, collapseByDefault, }: HSectionProps) => JSX.Element;

package/components/section/HSection.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../stack/HStack.js"),a=require("../../icons/ChevronUpIcon.js"),s=require("../../styles/constants/theme.js"),i=require("styled-components"),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(i),b=_.default(r.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),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"])),s.theme.space4,s.theme.gray300,s.theme.gray400,s.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 s=r.children,i=r.className,l=r.label,p=r.sublabel,m=void 0===p?"":p,f=r.collapsible,j=void 0!==f&&f,h=r.collapseByDefault,_=void 0!==h&&h,q=e.__read(t.useState(_),2),y=q[0],k=q[1];return n.jsxs(b,e.__assign({className:i||""},{children:[l&&n.jsx(u.SectionInnerWrapper,{children:n.jsxs(x,{children:[j?n.jsxs(v,e.__assign({role:"button",tabIndex:0,onClick:function(){return k(!y)},onKeyDown:function(){return null}},{children:[n.jsx(c.Text,e.__assign({type:"title"},{children:l})),n.jsx(g,{className:y?"collapsed":"",size:"sm",intent:"plain",icon:n.jsx(a.ChevronUpIcon,{}),onClick:function(){return k(!y)}})]})):n.jsx(c.Text,e.__assign({type:"title"},{children:l})),m&&n.jsx(d.SectionSubheader,{children:m})]})}),j?n.jsx(o.Collapse,e.__assign({collapsed:y},{children:s})):n.jsx("div",{children:s})]}))};

package/components/section/VSection.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare type VSectionProps = {
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    label?: ReactNode;
+    sublabel?: ReactNode;
+};
+export declare const VSection: ({ actions, children, className, label, sublabel, }: VSectionProps) => JSX.Element;

package/components/section/VSection.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("../stack/HStack.js"),t=require("../../styles/constants/theme.js"),n=require("styled-components"),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(n).default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),t.theme.space40);exports.VSection=function(t){var n=t.actions,u=t.children,l=t.className,d=t.label,j=t.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(s.HStack,e.__assign({spacing:8},{children:n}))]}),r.jsx("div",{children:u})]}))};

package/components/section/_SectionHeader.d.ts

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

package/components/section/_SectionHeader.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.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.className,l=n.children;return t.jsx(i,e.__assign({className:r||"",type:"title"},{children:l}))};

package/components/section/_SectionInnerWrapper.d.ts

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

package/components/section/_SectionInnerWrapper.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s,a=r(require("styled-components")).default.header(s||(s=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"],["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"])),n.theme.space24);exports.SectionInnerWrapper=function(n){var r=n.className,s=n.children;return t.jsx(a,e.__assign({className:r||""},{children:s}))};

package/components/section/_SectionSubheader.d.ts

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

package/components/section/_SectionSubheader.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js"),s=require("styled-components"),n=require("../text/Text.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,u=a(s).default(n.Text)(i||(i=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),r.theme.space8);exports.SectionSubheader=function(r){var s=r.className,n=r.children;return t.jsx(u,e.__assign({type:"body",color:"gray800",className:s||""},{children:n}))};

package/components/select/CountryMultiSelect.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { GroupBase, MenuListProps, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
+import { type HelpTextProps } from "../help-text/HelpText";
+import { type ICountryOption, type IUnavailableCountry } from "../../types/ICountry";
+import { IOption } from "../../types/IOption";
+export declare const MenuList: <Option extends IOption<string>, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, ...props }: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
+export interface CountryMultiSelectProps<Option extends IOption = IOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'>, HelpTextProps {
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    icon?: ReactNode;
+    label?: string;
+    onChange: (countryCodes: Option['value'][]) => void;
+    countryOptions: ICountryOption<Option['value']>[];
+    styles?: StylesConfig<Option, IsMulti, Group>;
+    unavailableCountries: IUnavailableCountry[];
+    value: Option['value'][];
+}
+export declare const CountryMultiSelect: <T extends string>({ label, countryOptions, onChange, unavailableCountries, value, ...props }: CountryMultiSelectProps<IOption<T>, true, GroupBase<IOption<T>>>) => JSX.Element;