@zonos/amino 3.4.51

package/components/select/CountryMultiSelect.js

@@ -0,0 +1 @@
+"use strict";var s=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js"),l=require("./MultiSelect.js");require("react"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../FlagIndex-d4385066.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("./_StyledReactSelect.js"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var c=function(n){var o=n.children,l=s.__rest(n,["children"]),c=l.getStyles,u=l.selectProps,a=u.allSelected,g=u.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},l,{children:[e.jsx("div",s.__assign({style:c("option",l)},{children:e.jsx(i.Checkbox,{checked:a,label:"Rest of world",onChange:g})})),o]}))};exports.CountryMultiSelect=function(r){var i=r.label,u=void 0===i?"Select countries":i,a=r.countryOptions,g=r.onChange,q=r.unavailableCountries,j=r.value,f=s.__rest(r,["label","countryOptions","onChange","unavailableCountries","value"]),t=a.map((function(r){var i=q.find((function(s){return s.code===r.code}));return s.__assign(s.__assign({},r),{icon:e.jsx(n.FlagIcon,{iconScale:"small",code:r.code}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),M=t.filter((function(s){return!j.includes(s.code)&&!s.isDisabled})),S={allSelected:!!j.length&&!M.length,toggleSelectAll:function(){return g(M.length?j.concat(M.map((function(s){return s.value}))):[])}};return e.jsx(l.MultiSelect,s.__assign({},f,{components:{MenuList:c},hasGroups:!0,hideSelectedOptions:!1,label:u,onChange:function(s){return g(s.map((function(s){return s.value})))},options:o.prepRegionCountryOptions(t),value:t.filter((function(s){return j.includes(s.code)}))},S))},exports.MenuList=c;

package/components/select/CountryPhoneSelect.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { GroupBase, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
+import type { HelpTextProps } from "../help-text/HelpText";
+import { ICountryOption } from "../../types/ICountry";
+import { IOption } from "../../types/IOption";
+export interface CountryPhoneSelectProps<Option extends IOption = IOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'value'>, HelpTextProps {
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    countryOptions: ICountryOption[];
+    hasGroups?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    phone: string;
+    phoneCountry: ICountryOption | null;
+    setPhone: (changed: string) => void;
+    setPhoneCountry: (changed: ICountryOption | null) => void;
+    styles?: StylesConfig<Option, IsMulti, Group>;
+}
+export declare const CountryPhoneSelect: ({ countryOptions, icon, label, phone, phoneCountry, setPhone, setPhoneCountry, ...props }: CountryPhoneSelectProps<ICountryOption>) => JSX.Element;

package/components/select/CountryPhoneSelect.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("../input/Input.js"),o=require("../input/input-type/_FloatLabelInput.js"),s=require("../../icons/ChevronDownIcon.js"),u=require("../../styles/constants/theme.js"),c=require("styled-components"),l=require("./Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/ChevronUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,d,j,f,x=a(c),m=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),h=x.default.div(d||(d=e.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),u.theme.gray700),q=x.default.div(j||(j=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"]))),v=x.default.div(f||(f=e.__makeTemplateObject(["\n  "," {\n    padding-left: 14px;\n  }\n"],["\n  "," {\n    padding-left: 14px;\n  }\n"])),o.InputValuePrefix),_=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},I=function(e){return n.jsxs(m,{children:[e.displayName,n.jsx(h,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var o=r.countryOptions,u=r.icon,c=r.label,a=void 0===c?"Phone number":c,p=r.phone,d=r.phoneCountry,j=r.setPhone,f=r.setPhoneCountry,x=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),m=e.__read(t.useState(!1),2),h=m[0],C=m[1],y={setMenuIsOpen:C},b=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(v,{children:n.jsx(i.Input,{label:a,prefix:n.jsxs(q,e.__assign({onClick:function(){return C(!h)}},{children:[u,n.jsx(s.ChevronDownIcon,{size:19})]})),onChange:function(e){return j(e.target.value)},valuePrefix:b,value:p})}),n.jsx(l.Select,e.__assign({},x,{components:{Control:function(){return null},MenuList:_},options:o,formatOptionLabel:I,menuIsOpen:h,onBlur:function(){return C(!1)},onChange:function(e){f(e),C(!1)},value:d},y))]})};

package/components/select/CountrySelect.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ICountryOption } from "../../types/ICountry";
+import { SelectProps } from './Select';
+declare type CountrySelectType<T extends string> = {
+    autoFocus?: SelectProps['autoFocus'];
+    countryOptions: ICountryOption<T>[];
+    filter?: (country: ICountryOption<T>) => boolean;
+    label?: string;
+    onChange: SelectProps<ICountryOption<T>>['onChange'];
+    placeholder?: string;
+    value: T | null;
+};
+export declare type CountrySelectProps<T extends string = string> = CountrySelectType<T> & Omit<SelectProps<ICountryOption<T>>, keyof CountrySelectType<T> | 'options'>;
+export declare const CountrySelect: <T extends string>({ autoFocus, countryOptions, filter, label, onChange, placeholder, value, ...props }: CountrySelectProps<T>) => JSX.Element;
+export {};

package/components/select/CountrySelect.js

@@ -0,0 +1 @@
+"use strict";var s=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../icons/flag-icon/FlagIcon.js"),i=require("./Select.js");require("react"),require("../../FlagIndex-d4385066.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("./_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.CountrySelect=function(o){var c=o.autoFocus,n=o.countryOptions,u=o.filter,l=void 0===u?Boolean:u,a=o.label,q=void 0===a?"Select country":a,j=o.onChange,g=o.placeholder,f=o.value,t=s.__rest(o,["autoFocus","countryOptions","filter","label","onChange","placeholder","value"]),M=n.flatMap((function(i){return l(i)?s.__assign(s.__assign({},i),{icon:e.jsx(r.FlagIcon,{iconScale:"small",code:i.code})}):[]})),S=M.filter((function(s){return s.value===f})),C=S.find(Boolean);return e.jsx(i.Select,s.__assign({autoFocus:c,icon:e.jsx(r.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),options:M,label:q,onChange:j,placeholder:g,value:S},t))};

package/components/select/MultiSelect.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { GroupBase, Props, PropsValue, SelectComponentsConfig, StylesConfig } from 'react-select';
+import { type HelpTextProps } from "../help-text/HelpText";
+import { IOption } from "../../types/IOption";
+declare type RequiredProps = 'onChange' | 'options' | 'value';
+export interface MultiSelectProps<Option extends IOption = IOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps>, Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>>, HelpTextProps {
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    hasGroups?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    styles?: StylesConfig<Option, IsMulti, Group>;
+    /**
+     * @example
+     * value: { label: string; value: string; }[];
+     */
+    value: PropsValue<Option>;
+}
+export declare type IGroupOption<Option extends IOption> = {
+    data: Option;
+    index: 0;
+    isDisabled: false;
+    isSelected: false;
+    type: 'option';
+} & IOption;
+export declare const MultiSelect: <Option extends IOption<string>, Group extends GroupBase<Option>>({ closeMenuOnSelect, hideSelectedOptions, ...props }: MultiSelectProps<Option, true, Group>) => JSX.Element;
+export {};

package/components/select/MultiSelect.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../checkbox/Checkbox.js"),n=require("./_StyledReactSelect.js");require("react"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.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");var i=function(n){var i=n.children,s=n.label,c=n.getStyles,o=n.innerProps,u=n.options,l=n.selectProps,a=l.value,d=u.filter((function(e){return!e.isDisabled})),p=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),h=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),j=d.length===h.length;return t.jsxs("div",e.__assign({style:c("group",n)},o,{children:[t.jsx("div",e.__assign({style:c("option",n)},{children:t.jsx(r.Checkbox,{checked:j,label:"string"==typeof s?s:"",onChange:function(){var e=j?a.filter((function(e){return!h.find((function(t){return t.value===e.value}))})):a.concat(p);l.onChange(e,{action:j?"deselect-group":"select-group",option:j?h:p})}})})),i]}))};exports.MultiSelect=function(r){var s=r.closeMenuOnSelect,c=void 0!==s&&s,o=r.hideSelectedOptions,u=void 0===o||o,l=e.__rest(r,["closeMenuOnSelect","hideSelectedOptions"]);return t.jsx(n.StyledReactSelect,e.__assign({},l,{closeMenuOnSelect:c,components:e.__assign({Group:i},l.components),hideSelectedOptions:u,isMulti:!0}))};

package/components/select/Select.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { ActionMeta, GroupBase, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
+import { type HelpTextProps } from "../help-text/HelpText";
+import { IOption } from "../../types/IOption";
+import { Size } from "../../types/Size";
+declare type RequiredProps = 'options' | 'value';
+export interface SelectProps<Option extends IOption = IOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps>, Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>>, HelpTextProps {
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    hasGroups?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    /**
+     * @example
+     * onChange={changed => setExampleValue(changed?.value || null)}
+     */
+    onChange: (changed: Option | null, actionMeta: ActionMeta<Option>) => void;
+    size?: Size;
+    styles?: StylesConfig<Option, IsMulti, Group>;
+    /**
+     * @example
+     * value={options.filter(x => x.value === exampleValue)}
+     */
+    value: Option[] | Option | null;
+    /** Close the select dropdown menu when scrolling outside of menu to prevent graphical jank */
+    closeOnOutsideScroll?: boolean;
+}
+export declare const Select: <Option extends IOption<string>, Group extends GroupBase<Option> = GroupBase<Option>>({ label, isClearable, value, ...props }: SelectProps<Option, false, Group>) => JSX.Element;
+export {};

package/components/select/Select.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("./_StyledReactSelect.js");require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(t){var i=t.label,c=t.isClearable,l=void 0===c||c,o=t.value,n=e.__rest(t,["label","isClearable","value"]);if(Array.isArray(o)&&o.length>1)throw Error("Only one selection allowed for '".concat(i,"' select (").concat(o.length,") selected."));return r.jsx(s.StyledReactSelect,e.__assign({},n,{label:i,isClearable:l,isMulti:!1,value:o}))};

package/components/select/_StyledReactSelect.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { GroupBase, OptionProps, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
+import { type HelpTextProps } from "../help-text/HelpText";
+import { IOption } from "../../types/IOption";
+import { Size } from "../../types/Size";
+declare type AdditionalProps = {
+    hasGroups?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    size?: Size;
+};
+export declare const CheckboxOptionComponent: <Option extends IOption<string>, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
+export interface StyledReactSelectProps<Option extends IOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Props<Option, IsMulti, Group>, HelpTextProps, AdditionalProps {
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    size?: Size;
+    styles?: StylesConfig<Option, IsMulti, Group>;
+    closeOnOutsideScroll?: boolean;
+}
+export declare const StyledReactSelect: <Option extends IOption<string>, IsMulti extends boolean, Group extends GroupBase<Option>>({ components, error, helpText, hasGroups, icon, label, size, styles, placeholder, menuPosition, closeOnOutsideScroll, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => JSX.Element;
+export {};

package/components/select/_StyledReactSelect.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),s=require("react"),i=require("react-select"),o=require("../checkbox/Checkbox.js"),t=require("../help-text/HelpText.js"),r=require("../../icons/CheckCircleIcon.js"),a=require("../../icons/DoubleChevronIcon.js"),l=require("../../icons/RemoveCircleIcon.js"),c=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),p=require("styled-components");function h(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var g,m,f,_,x,b,v,j,y,k,T,z=h(i),w=h(p),C=function(s){return e.jsx(i.components.ClearIndicator,n.__assign({},s,{children:e.jsx(l.RemoveCircleIcon,{size:19})}))},I=function(s){return e.jsx(i.components.DropdownIndicator,n.__assign({},s,{children:e.jsx(a.DoubleChevronIcon,{size:20})}))},O=w.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"])),d.theme.gray700),S=w.default.label(b||(b=n.__makeTemplateObject(["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"],["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"])),d.theme.transition,d.theme.fontSizeBase,d.theme.fontSizeBase,d.theme.space16,d.theme.space40,d.theme.fontSizeBase,d.theme.space8,(function(e){var s=e.$size;return"sm"===s&&p.css(m||(m=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "])),s,s,s)}),(function(e){var s=e.$size;return"md"===s&&p.css(f||(f=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "])),s,s,s)}),(function(e){var s=e.$size;return"lg"===s&&p.css(_||(_=n.__makeTemplateObject(["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "],["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "])),s,s)}),(function(e){var s=e.$size;return"xl"===s&&p.css(x||(x=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "])),s,s,s)})),q=w.default.div(v||(v=n.__makeTemplateObject(["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"],["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"])),d.theme.glowError),R=w.default.strong(j||(j=n.__makeTemplateObject(["\n  font-weight: 600;\n"],["\n  font-weight: 600;\n"]))),L=function(s){var i=s.children,o=s.cx,t=s.getStyles,r=s.className,a=s.hasValue,l=s.isDisabled,c=s.isFocused,d=s.innerRef,u=s.innerProps,p=s.menuIsOpen,h=s.selectProps,g=h.icon,m=h.label,f=h.value,_=h.size;return e.jsxs("div",n.__assign({className:o({control:!0,"control--is-disabled":l,"control--is-focused":c,"control--menu-is-open":p},[r,a?"has-value":"",g?"has-icon":"",c?"is-focused":"",m||Array.isArray(f)&&f.length>1?"has-label":"",_,"react-select-control"].join(" ")),ref:d,style:t("control",s)},u,{children:[g&&e.jsx(O,{children:g}),e.jsxs(S,n.__assign({$size:_},{children:[m," ",Array.isArray(f)&&f.length>1&&e.jsxs(R,{children:["(",f.length," selected)"]})]})),i]}))},M=w.default.div(y||(y=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: black;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: black;\n  }\n"])),(function(n){return n.$color||"inherit"})),P=w.default.div(k||(k=n.__makeTemplateObject(["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"],["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"])),d.theme.gray100),D=w.default.div(T||(T=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),B=function(s){var i=s.children,o=s.color,t=s.icon;return e.jsxs(M,n.__assign({$color:o},{children:[t,i]}))},N=function(s){var o=s.children,t=n.__rest(s,["children"]);return e.jsx(i.components.MultiValueLabel,n.__assign({},t,{children:e.jsx(B,n.__assign({icon:t.data.icon},{children:o}))}))},$=function(s){var i=s.innerProps;return e.jsx("div",n.__assign({},i,{role:"button"},{children:e.jsx(c.RemoveIcon,{size:14})}))},V=function(s){var i=s.children,t=s.data,a=s.getStyles,l=s.innerRef,c=s.innerProps,d=s.isDisabled,u=s.isSelected,p=s.isFocused,h=s.className,g=s.selectProps,m=g.hasGroups,f=a("option",s),_=f.color,x=n.__rest(f,["color"]);return m&&(x.paddingLeft=48),e.jsx("div",n.__assign({ref:l},c,{children:e.jsx(P,n.__assign({style:x,className:[h,p?"is-focused":"",d?"is-disabled":""].join(" ")},{children:g.isMulti?e.jsx(o.Checkbox,{checked:u,disabled:d,icon:t.icon,label:t.label,labelDescription:t.labelDescription,onChange:function(){}}):e.jsxs(D,{children:[e.jsx(B,n.__assign({color:_,icon:t.icon},{children:i})),u&&e.jsx(r.CheckCircleIcon,{color:"blue600",size:16})]})}))}))},W={clearIndicator:function(e){return n.__assign(n.__assign({},e),{color:"".concat(d.theme.gray700),paddingLeft:14,paddingRight:4})},control:function(e,s){var i=s.selectProps.size;return n.__assign(n.__assign({},e),{borderColor:"".concat(d.theme.gray200),borderRadius:6,cursor:"pointer",color:d.theme.gray800,height:"var(--amino-size-".concat(i,")"),flexWrap:"inherit",minHeight:"var(--amino-size-".concat(i,")"),boxShadow:s.isFocused?"".concat(d.theme.glowBlue):""})},dropdownIndicator:function(e){return n.__assign(n.__assign({},e),{color:"".concat(d.theme.gray900),paddingLeft:4,paddingRight:10})},group:function(e){return n.__assign(n.__assign({},e),{paddingTop:0,paddingBottom:0})},indicatorSeparator:function(e){return n.__assign(n.__assign({},e),{width:0})},menu:function(e){return n.__assign(n.__assign({},e),{borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(e){return n.__assign(n.__assign({},e),{paddingTop:8,paddingLeft:8,paddingRight:8})},multiValue:function(e){return n.__assign(n.__assign({},e),{background:d.theme.gray200,color:"black",fontWeight:500,minWidth:"inherit"})},option:function(e,s){return n.__assign(n.__assign({},e),{color:s.isSelected?d.theme.blue600:"black",fontWeight:s.isSelected?500:400,backgroundColor:"inherit",paddingTop:7,paddingRight:12,paddingBottom:7,paddingLeft:8,borderRadius:"8px",cursor:"pointer"})},placeholder:function(e){return n.__assign(n.__assign({},e),{opacity:0,".has-label.is-focused &":{opacity:1}})},singleValue:function(e){return n.__assign(n.__assign({},e),{fontWeight:500})},valueContainer:function(e){return n.__assign(n.__assign({},e),{flexWrap:"nowrap",padding:"unset",paddingLeft:12,".has-icon &":{paddingLeft:0}})}};exports.CheckboxOptionComponent=V,exports.StyledReactSelect=function(i){var o=i.components,r=i.error,a=i.helpText,l=i.hasGroups,c=i.icon,d=i.label,p=i.size,h=void 0===p?"xl":p,g=i.styles,m=i.placeholder,f=i.menuPosition,_=void 0===f?"fixed":f,x=i.closeOnOutsideScroll,b=void 0!==x&&x,v=n.__rest(i,["components","error","helpText","hasGroups","icon","label","size","styles","placeholder","menuPosition","closeOnOutsideScroll"]),j={hasGroups:l,icon:c,label:d,size:h},y=s.useMemo((function(){return u.getTestId({componentName:"select",name:d})}),[d]),k=s.useRef(null),T=s.useMemo((function(){return!!b&&function(n){var e,s,i;return!(n.target instanceof HTMLElement)||(null===(i=!(null===(s=null===(e=k.current)||void 0===e?void 0:e.menuListRef)||void 0===s?void 0:s.isEqualNode(n.target)))||void 0===i||i)}}),[b]);return e.jsxs(q,n.__assign({"data-testid":y,className:[r?"has-error":""].join(" ")},{children:[e.jsx(z.default,n.__assign({components:n.__assign({ClearIndicator:C,Control:L,DropdownIndicator:I,MultiValueLabel:N,MultiValueRemove:$,Option:V},o),menuPosition:_,placeholder:m||"",styles:n.__assign(n.__assign({},g),W),ref:k,closeMenuOnScroll:T},v,j)),e.jsx(t.HelpText,{error:r,helpText:a})]}))};

package/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export declare type SkeletonProps = {
+    className?: string;
+    children?: ReactNode;
+    width?: number;
+    height?: number;
+    animation?: boolean;
+};
+/**
+ * Displays a blocky outline of content that can be used as a loader
+ *
+ * @param width - Optional width in pixels
+ * @param height - Optional height in em
+ */
+export declare const Skeleton: ({ className, children, width, height, animation, }: SkeletonProps) => JSX.Element;

package/components/skeleton/Skeleton.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js"),r=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}var i,s,o,d=a(r),l=r.keyframes(i||(i=n.__makeTemplateObject(["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"]))),u=r.css(s||(s=n.__makeTemplateObject(["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"],["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"])),l),c=d.default.div(o||(o=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"])),(function(n){return n.height?"".concat(n.height,"px"):"1em"}),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),e.theme.radius6,e.theme.gray200,(function(n){return n.animation&&u}));exports.Skeleton=function(e){var r=e.className,a=e.children,i=e.width,s=e.height,o=e.animation,d=void 0===o||o;return t.jsx(c,n.__assign({width:i,height:s,animation:d,className:r},{children:a}))};

package/components/slide-over/SlideOver.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { IAminoTheme } from "../../types/IAminoTheme";
+export declare type SlideOverProps = {
+    children: ReactNode;
+    actions?: ReactNode;
+    label?: string;
+    onClose: () => void;
+    open: boolean;
+    theme?: IAminoTheme;
+    modal?: boolean;
+    subtitle?: ReactNode;
+};
+export declare const SlideOver: ({ children, actions, label, onClose, open, theme: _theme, subtitle, modal, }: SlideOverProps) => import("react").ReactPortal | null;

package/components/slide-over/SlideOver.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react-dom"),i=require("react-hotkeys-hook"),a=require("framer-motion"),r=require("../backdrop/Backdrop.js"),o=require("../stack/HStack.js"),s=require("../stack/VStack.js"),d=require("../text/Text.js"),c=require("../../icons/RemoveIcon.js"),l=require("../../styles/constants/theme.js"),u=require("styled-components");function p(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var h,m,x,g,b,f=p(t),y=p(u),j=y.default(a.motion.div)(h||(h=e.__makeTemplateObject(["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"],["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"])),l.theme.surfaceColor,l.theme.v3ShadowXxl,l.theme.border),k=y.default.header(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.border),v=y.default.div(x||(x=e.__makeTemplateObject(["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"],["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"])),l.theme.gray200,l.theme.textColor),_=y.default.div(g||(g=e.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"])),l.theme.space24),q=y.default.div(b||(b=e.__makeTemplateObject(["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.border,l.theme.surfaceColorSecondary,l.theme.space8);exports.SlideOver=function(t){var l=t.children,u=t.actions,p=t.label,h=t.onClose,m=t.open,x=t.theme,g=t.subtitle,b=t.modal,y=void 0===b||b;return i.useHotkeys("esc",h),"undefined"!=typeof document?f.default.createPortal(n.jsxs(a.AnimatePresence,{children:[m&&n.jsx(r.Backdrop,{initial:{opacity:0},animate:{opacity:y?.65:0},exit:{opacity:0},transition:{duration:.35},"data-theme":x,onClick:h},"dialog-backdrop"),m&&n.jsxs(j,e.__assign({transition:{ease:[.4,0,.2,1],duration:.45},initial:{opacity:0,x:300},animate:{opacity:1,x:0},exit:{opacity:0,x:300}},{children:[n.jsxs(k,{children:[g?n.jsxs(s.VStack,e.__assign({spacing:0,className:"header-content"},{children:[n.jsx(d.Text,e.__assign({type:"title"},{children:p})),g]})):n.jsx(d.Text,e.__assign({type:"title",className:"header-content"},{children:p})),n.jsx(v,e.__assign({onClick:h},{children:n.jsx(c.RemoveIcon,{})}))]}),n.jsx(_,{children:l}),u&&n.jsx(q,{children:n.jsx(o.HStack,e.__assign({spacing:8},{children:u}))})]}),"slide-over")]}),document.querySelector("body")):null};

package/components/slider/Slider.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare type SliderProps = {
+    className?: string;
+    hideIndicator?: boolean;
+    max?: number;
+    min?: number;
+    onChange: (newValue: number) => void;
+    step?: number;
+    /**
+     * How thick you want the progress look
+     * @default 12
+     * */
+    size?: 8 | 12;
+    /**
+     * @default "%"
+     */
+    suffix?: string;
+    value: number;
+};
+export declare const Slider: ({ hideIndicator, max, min, onChange, className, step, size, suffix, value, }: SliderProps) => JSX.Element;

package/components/slider/Slider.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("@radix-ui/react-slider"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var o,a,s,d,l,c,h,u,p=i(require("styled-components")),b=p.default(t.Root)(o||(o=n.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"],["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"]))),m=p.default(t.Track)(a||(a=n.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"],["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"])),r.theme.gray200,r.theme.v3ShadowInset,(function(n){return n.$size&&"".concat(n.$size,"px")})),x=p.default(t.Range)(s||(s=n.__makeTemplateObject(["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"],["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"])),r.theme.primary),g=p.default(t.Thumb)(d||(d=n.__makeTemplateObject(["\n  background: white;\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"],["\n  background: white;\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"])),r.theme.border,r.theme.v3ShadowBase,(function(n){return n.$size&&"".concat(2*n.$size,"px")}),(function(n){return n.$size&&"".concat(2*n.$size,"px")}),r.theme.gray100,r.theme.primary,r.theme.glowBlue),f=p.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  height: ",";\n"],["\n  position: relative;\n  height: ",";\n"])),(function(n){return!n.$hideIndicator&&"calc(56px + ".concat(r.theme.space24," + 10px)")})),_=p.default.div(c||(c=n.__makeTemplateObject(["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"],["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"])),r.theme.blue100,r.theme.radius6,r.theme.radius6,r.theme.blue800),v=p.default.div(h||(h=n.__makeTemplateObject(["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"],["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"])),r.theme.blue100,r.theme.radius6,r.theme.radius6),w=p.default.div(u||(u=n.__makeTemplateObject(["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"],["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"])),r.theme.space24);exports.Slider=function(t){var r=t.hideIndicator,i=void 0!==r&&r,o=t.max,a=t.min,s=t.onChange,d=t.className,l=t.step,c=t.size,h=void 0===c?12:c,u=t.suffix,p=void 0===u?"%":u,j=t.value;return e.jsx(f,n.__assign({className:d,$hideIndicator:i},{children:e.jsxs(b,n.__assign({max:o,min:a,onValueChange:function(e){var t=n.__read(e,1)[0];return void 0!==t&&s(t)},step:l,value:[j]},{children:[e.jsx(m,n.__assign({$size:h},{children:e.jsx(x,{})})),e.jsx(g,n.__assign({$size:h},{children:!i&&e.jsxs(w,{children:[e.jsx(v,{}),e.jsx(_,{children:e.jsxs("span",{children:[j,p]})})]})}))]}))}))};

package/components/sortable-list/SortableList.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { SortingStrategy } from '@dnd-kit/sortable/dist/types';
+import { DragEndEvent } from './SortableListDeps';
+export interface SortableListProps {
+    children: ReactNode;
+    itemIds: string[];
+    handleDragEnd: (e: DragEndEvent) => void;
+    sortingStrategy?: SortingStrategy;
+}
+export declare const SortableList: ({ children, itemIds, handleDragEnd, sortingStrategy, }: SortableListProps) => JSX.Element;

package/components/sortable-list/SortableList.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("@dnd-kit/core"),i=require("@dnd-kit/modifiers"),n=require("@dnd-kit/sortable");function s(e){return e&&e.__esModule?e:{default:e}}var l,o=s(require("styled-components")).default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"])));exports.SortableList=function(s){var l=s.children,d=s.itemIds,a=s.handleDragEnd,c=s.sortingStrategy,u=void 0===c?n.verticalListSortingStrategy:c;return t.jsx(r.DndContext,e.__assign({onDragEnd:a,collisionDetection:r.closestCenter,modifiers:[i.restrictToParentElement,i.restrictToVerticalAxis]},{children:t.jsx(n.SortableContext,e.__assign({items:d,strategy:u},{children:t.jsx(o,{children:l})}))}))};

package/components/sortable-list/SortableListDeps.d.ts

@@ -0,0 +1,2 @@
+export type { DragEndEvent } from '@dnd-kit/core/dist/types';
+export { arrayMove } from '@dnd-kit/sortable';

package/components/sortable-list/SortableListDeps.js

@@ -0,0 +1 @@
+"use strict";var e=require("@dnd-kit/sortable");Object.defineProperty(exports,"arrayMove",{enumerable:!0,get:function(){return e.arrayMove}});

package/components/sortable-list/SortableListItem.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface SortableListItemProps {
+    children: ReactNode;
+    useHandle?: boolean;
+    id: string;
+    handleIconSize?: number;
+}
+/** @description This must be a direct child of SortableList */
+export declare const SortableListItem: ({ children, useHandle, id, handleIconSize, }: SortableListItemProps) => JSX.Element;

package/components/sortable-list/SortableListItem.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),s=require("@dnd-kit/sortable"),t=require("@dnd-kit/utilities"),i=require("../../icons/DragIcon.js"),r=require("../../styles/constants/theme.js"),a=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var d,o,c=l(a),u=c.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),r.theme.space24),f=c.default.div(o||(o=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"])));exports.SortableListItem=function(r){var a=r.children,l=r.useHandle,d=r.id,o=r.handleIconSize,c=void 0===o?20:o,j=s.useSortable({id:d}),_=j.attributes,x=j.listeners,m=j.setNodeRef,g=j.transform,h=j.transition,p={transform:t.CSS.Transform.toString(g),transition:h};return n.jsx("div",e.__assign({ref:m},{children:l?n.jsxs(u,e.__assign({style:p},{children:[n.jsx(f,{children:a}),n.jsx("div",e.__assign({},x,_,{children:n.jsx(i.DragIcon,{size:c})}))]})):n.jsx(u,e.__assign({style:p},x,_,{children:n.jsx(f,{children:a})}))}))};

package/components/spinner/Spinner.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Intent } from "../../types";
+export declare type SpinnerColor = 'black' | 'white' | Exclude<Intent, 'default' | 'error'>;
+export declare type SpinnerProps = {
+    size?: number;
+    color?: SpinnerColor;
+    className?: string;
+};
+export declare const Spinner: ({ size, color, className }: SpinnerProps) => JSX.Element;

package/components/spinner/Spinner.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js"),o=require("styled-components");function t(n){return n&&n.__esModule?n:{default:n}}var i,a,s,d,c,l=t(o),b=o.keyframes(i||(i=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  35%{\n    transform: rotate(360deg);\n  }\n  70% {\n    transform: rotate(697.5deg);\n  }\n  100% {\n    transform: rotate(720deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  35%{\n    transform: rotate(360deg);\n  }\n  70% {\n    transform: rotate(697.5deg);\n  }\n  100% {\n    transform: rotate(720deg);\n  }\n"]))),p=o.keyframes(a||(a=n.__makeTemplateObject(["\n  65%, 75% {\n    transform: rotate(-45deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n"],["\n  65%, 75% {\n    transform: rotate(-45deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n"]))),f=l.default.span(c||(c=n.__makeTemplateObject(["\n  display: inline-block;\n  border: ","px solid ",";\n  border-top-color: ",";\n  animation: "," "," linear infinite;\n  border-radius: 50%;\n  transform: rotate(45deg);\n  width: ","px;\n  height: ","px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    top: -","px;\n    left: -","px;\n    width: ","px;\n    height: ","px;\n    border-radius: 50%;\n    border: ","px solid transparent;\n    border-right-color: ",";\n    z-index: 1;\n    animation: "," "," linear infinite;\n  }\n\n  &.black {\n    border: ","px solid rgba(0, 0, 0, 0.3);\n    border-top-color: #0c0c0c;\n    &::before {\n      border-right-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &.white {\n    border: ","px solid rgba(255, 255, 255, 0.3);\n    border-top-color: white;\n    &::before {\n      border-right-color: rgba(255, 255, 255, 0.3);\n    }\n  }\n\n  &.info {\n    border-top-color: ",";\n  }\n  &.success {\n    border-top-color: ",";\n  }\n  &.danger {\n    border-top-color: ",";\n  }\n  &.warning {\n    border-top-color: ",";\n  }\n"],["\n  display: inline-block;\n  border: ","px solid ",";\n  border-top-color: ",";\n  animation: "," "," linear infinite;\n  border-radius: 50%;\n  transform: rotate(45deg);\n  width: ","px;\n  height: ","px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    top: -","px;\n    left: -","px;\n    width: ","px;\n    height: ","px;\n    border-radius: 50%;\n    border: ","px solid transparent;\n    border-right-color: ",";\n    z-index: 1;\n    animation: "," "," linear infinite;\n  }\n\n  &.black {\n    border: ","px solid rgba(0, 0, 0, 0.3);\n    border-top-color: #0c0c0c;\n    &::before {\n      border-right-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &.white {\n    border: ","px solid rgba(255, 255, 255, 0.3);\n    border-top-color: white;\n    &::before {\n      border-right-color: rgba(255, 255, 255, 0.3);\n    }\n  }\n\n  &.info {\n    border-top-color: ",";\n  }\n  &.success {\n    border-top-color: ",";\n  }\n  &.danger {\n    border-top-color: ",";\n  }\n  &.warning {\n    border-top-color: ",";\n  }\n"])),(function(n){return n.size/8}),e.theme.gray100,e.theme.blue600,o.css(s||(s=n.__makeTemplateObject(["\n      ",""],["\n      ",""])),b),"1.5s",(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.size/8}),(function(n){return n.size/8}),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.size/8}),e.theme.gray100,o.css(d||(d=n.__makeTemplateObject(["\n        ",""],["\n        ",""])),p),"1.5s",(function(n){return n.size/8}),(function(n){return n.size/8}),e.theme.blue600,e.theme.green600,e.theme.red600,e.theme.orange600);exports.Spinner=function(n){var e=n.size,o=n.color,t=n.className;return r.jsx(f,{className:[t,o||""].join(" "),size:e||32,color:o})};

package/components/stack/GridSpacing.d.ts

@@ -0,0 +1,2 @@
+export declare type GridAlignment = 'start' | 'end';
+export declare type GridSpacing = 0 | 8 | 16 | 24 | 40;

package/components/stack/GridSpacing.js

@@ -0,0 +1 @@
+"use strict";

package/components/stack/HStack.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StackProps } from './Stack';
+/**
+ * A horizontal stack
+ *
+ * @param alignment - Optional alignment
+ * @param spacing - Optional spacing between elements
+ */
+export declare const HStack: ({ children, spacing, ...props }: StackProps) => JSX.Element;

package/components/stack/HStack.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"),c=require("./Stack.js");function i(e){return e&&e.__esModule?e:{default:e}}var s,a=i(t).default(c.Stack)(s||(s=e.__makeTemplateObject(["\n  grid-column-gap: ",";\n  grid-auto-flow: column;\n"],["\n  grid-column-gap: ",";\n  grid-auto-flow: column;\n"])),(function(e){return r.theme["space".concat(e.$spacing)]}));exports.HStack=function(r){var t=r.children,c=r.spacing,i=void 0===c?24:c,s=e.__rest(r,["children","spacing"]);return n.jsx(a,e.__assign({$spacing:i},s,{children:t}))};

package/components/stack/Stack.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { GridAlignment, GridSpacing } from './GridSpacing';
+declare type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'translate' | 'style' | 'prefix' | 'contentEditable' | 'inputMode' | 'children'>;
+export interface StackProps extends DivProps {
+    /** @default 'unset' */
+    alignment?: GridAlignment;
+    /** @default 24 */
+    spacing?: GridSpacing;
+    children: ReactNode;
+}
+export declare const Stack: ({ children, alignment, ...otherProps }: StackProps) => JSX.Element;
+export {};

package/components/stack/Stack.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");function r(n){return n&&n.__esModule?n:{default:n}}var t,i=r(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"],["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"])),(function(n){return n.$alignment||"unset"}));exports.Stack=function(r){var t=r.children,s=r.alignment,u=n.__rest(r,["children","alignment"]);return e.jsx(i,n.__assign({$alignment:s},u,{children:t}))};

package/components/stack/VStack.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StackProps } from './Stack';
+/**
+ * A vertical stack
+ *
+ * @param alignment - Optional alignment
+ * @param spacing - Optional spacing between elements
+ */
+export declare const VStack: ({ children, spacing, ...props }: StackProps) => JSX.Element;

package/components/stack/VStack.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),n=require("styled-components"),i=require("./Stack.js");function s(e){return e&&e.__esModule?e:{default:e}}var a,c=s(n).default(i.Stack)(a||(a=e.__makeTemplateObject(["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"],["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"])),(function(e){return t.theme["space".concat(e.$spacing)]}));exports.VStack=function(t){var n=t.children,i=t.spacing,s=void 0===i?24:i,a=e.__rest(t,["children","spacing"]);return r.jsx(c,e.__assign({$spacing:s},a,{children:n}))};

package/components/styles/ColorPalette.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ColorPalette: () => JSX.Element;

package/components/styles/ColorPalette.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),r=require("styled-components"),a=require("../stack/VStack.js"),i=require("../text/Text.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var s,l,o,d=c(r),u=["blue","cyan","green","orange","purple","red","gray"],p=["100","200","300","400","500","600","700","800","900","1000"],m=d.default.div(s||(s=e.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(auto-fit, calc(33% - ","));\n  gap: ",";\n  align-items: center;\n"],["\n  display: grid;\n  grid-template-columns: repeat(auto-fit, calc(33% - ","));\n  gap: ",";\n  align-items: center;\n"])),t.theme.space24,t.theme.space24),g=d.default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ",";\n  text-align: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ",";\n  text-align: center;\n"])),t.theme.space24),_=d.default.div(o||(o=e.__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  padding: ",";\n  background: ",";\n"],["\n  color: ",";\n  font-size: ",";\n  padding: ",";\n  background: ",";\n"])),(function(e){return e.color}),t.theme.fontSizeS,t.theme.space24,(function(e){return t.theme[e.background]}));exports.ColorPalette=function(){return n.jsx(m,{children:u.map((function(t){return n.jsxs(g,{children:[n.jsx(i.Text,e.__assign({type:"title"},{children:t.toUpperCase()})),n.jsx(a.VStack,e.__assign({spacing:0},{children:("gray"!==t?p:e.__spreadArray(e.__spreadArray(["0","50"],e.__read(p),!1),["1100","1200","1300"],!1)).map((function(r){var a="".concat(t).concat(r);return n.jsx("div",{children:n.jsx(_,e.__assign({background:a,color:Number(r)<500?"black":"white"},{children:n.jsx(i.Text,{children:r})}))},a)}))}))]},t)}))})};

package/components/styles/Shadow.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Shadow: () => JSX.Element;

package/components/styles/Shadow.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),a=require("react/jsx-runtime"),n=require("react"),r=require("../../styles/constants/theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var s,l,i=t(require("styled-components")),d=[{label:"Inset",value:"inset"},{label:"Base",value:"small"},{label:"Medium",value:"base"},{label:"Large",value:"medium"},{label:"XL",value:"large"},{label:"2XL",value:"larger"}],u=i.default.div(s||(s=e.__makeTemplateObject(["\n  margin-bottom: ",";\n  box-shadow: var(",");\n  background: ",";\n  padding: "," ",";\n"],["\n  margin-bottom: ",";\n  box-shadow: var(",");\n  background: ",";\n  padding: "," ",";\n"])),r.theme.space40,(function(e){return e.shadow}),r.theme.gray100,r.theme.space16,r.theme.space24),o=i.default.div(l||(l=e.__makeTemplateObject(["\n  background: white;\n  padding: "," ",";\n"],["\n  background: white;\n  padding: "," ",";\n"])),r.theme.space8,r.theme.space24);exports.Shadow=function(){return a.jsx(o,{children:d.map((function(r){var t=r.label,s=r.value,l="--amino-shadow-".concat(s);return a.jsxs(n.Fragment,{children:[a.jsxs("p",{children:["Shadow intensity: ",t]}),a.jsx(u,e.__assign({shadow:l},{children:a.jsxs("p",{children:["var(",l,")"]})}))]},l)}))})};

package/components/surface/Surface.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Depth } from "../../types/Depth";
+declare type Props = {
+    children: ReactNode;
+    className?: string;
+    depth?: Depth;
+    dense?: boolean;
+};
+export declare const Surface: ({ children, dense, className, depth }: Props) => JSX.Element;
+export {};

package/components/surface/Surface.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),a=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var r,t,d,o,c,h=s(require("styled-components")),u=h.default.div(r||(r=e.__makeTemplateObject(["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"],["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"])),n.theme.surfaceColor,n.theme.space24,n.theme.textColor,(function(e){return e.dense?n.theme.radius6:n.theme.radius8})),l=h.default(u)(t||(t=e.__makeTemplateObject(["\n  box-shadow: ",";\n  border: ",";\n"],["\n  box-shadow: ",";\n  border: ",";\n"])),n.theme.v3ShadowBase,n.theme.border),m=h.default(u)(d||(d=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowMedium),i=h.default(u)(o||(o=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowLarge),b=h.default(u)(c||(c=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowXl);exports.Surface=function(n){var s=n.children,r=n.dense,t=n.className;switch(n.depth){case"depth64":return a.jsx(b,e.__assign({dense:r,className:t||""},{children:s}));case"depth16":return a.jsx(i,e.__assign({dense:r,className:t||""},{children:s}));case"depth8":return a.jsx(m,e.__assign({dense:r,className:t||""},{children:s}));default:return a.jsx(l,e.__assign({dense:r,className:t||""},{children:s}))}};

package/components/switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export declare type SwitchProps = {
+    checked: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    labelDescription?: string;
+    onChange: (checked: boolean) => void;
+    subtitle?: string;
+};
+export declare const Switch: ({ checked, disabled, icon, label, labelDescription, onChange, subtitle, }: SwitchProps) => JSX.Element;

package/components/switch/Switch.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var a,l,s,o,c,d,h,p=r(require("styled-components")),u=p.default.div(a||(a=n.__makeTemplateObject(["\n  background: white;\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ","; ;\n"],["\n  background: white;\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ","; ;\n"])),i.theme.transition,(function(n){return n.checked?"calc(100% - 14px)":"2px"})),m=p.default.div(l||(l=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"])),i.theme.space16,(function(n){return n.checked?i.theme.primary:i.theme.gray400}),i.theme.space16),g=p.default(t.Text)(s||(s=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),x=p.default(t.Text)(o||(o=n.__makeTemplateObject([""],[""]))),b=p.default.span(c||(c=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),i.theme.gray600),_=p.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),f=p.default.label(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),m,(function(n){return n.checked?i.theme.gray300:""}),g,i.theme.gray600,x,i.theme.gray400);exports.Switch=function(t){var i=t.checked,r=t.disabled,a=t.icon,l=t.label,s=t.labelDescription,o=t.onChange,c=t.subtitle;return e.jsxs(f,n.__assign({className:r?"disabled":"",checked:i,htmlFor:l,onClick:function(){return!r&&o(!i)}},{children:[e.jsx(m,n.__assign({checked:i},{children:e.jsx(u,{checked:i,id:l})})),e.jsxs("div",{children:[e.jsxs(_,{children:[a,e.jsxs(g,n.__assign({type:"input-label"},{children:[l,s&&e.jsx(b,{children:s})]}))]}),c&&e.jsx(x,n.__assign({type:"subtitle"},{children:c}))]})]}))};

package/components/table/Table.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare type TableProps = {
+    children: ReactNode;
+    className?: string;
+    size?: 'medium' | 'small';
+};
+export declare const Table: ({ children, className, size }: TableProps) => JSX.Element;

package/components/table/Table.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime");function i(e){return e&&e.__esModule?e:{default:e}}var n,r=i(require("styled-components")).default.table(n||(n=e.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));exports.Table=function(i){var n=i.children,a=i.className,s=i.size,l=void 0===s?"medium":s;return t.jsx(r,e.__assign({className:[a,"Amino-table-size-".concat(l)].filter(Boolean).join(" ")},{children:n}))};

package/components/table/TableBody.d.ts

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

package/components/table/TableBody.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime");exports.TableBody=function(s){var a=s.children,i=s.className;return r.jsx("tbody",e.__assign({className:i},{children:a}))};

package/components/table/TableCell.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+declare type StyledProps = {
+    align?: 'center' | 'justify' | 'left' | 'right';
+    borderBottom?: string;
+    padding?: string;
+};
+export declare type TableCellProps = {
+    children?: ReactNode;
+    className?: string;
+    colSpan?: number;
+    tag?: 'td' | 'th';
+} & StyledProps;
+export declare const TableCell: ({ align, borderBottom, children, colSpan, className, padding, tag, }: TableCellProps) => JSX.Element;
+export {};

package/components/table/TableCell.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),i=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}var s,l,o,r,d,m=a(i),p=i.css(s||(s=n.__makeTemplateObject(["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"],["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"])),t.theme.space16,t.theme.space16),c=i.css(o||(o=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return e.padding?i.css(l||(l=n.__makeTemplateObject(["\n          padding: ",";\n        "],["\n          padding: ",";\n        "])),e.padding):p})),u=m.default.td(r||(r=n.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"],["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"])),(function(n){return n.align}),(function(n){return n.borderBottom||"1px solid ".concat(t.theme.gray200)}),t.theme.fontSizeBase,c),f=m.default.div(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"])));exports.TableCell=function(t){var i=t.align,a=void 0===i?"left":i,s=t.borderBottom,l=t.children,o=t.colSpan,r=t.className,d=t.padding,m=t.tag;return e.jsx(u,n.__assign({as:m,align:a,borderBottom:s,className:r,colSpan:o,padding:d},{children:e.jsx(f,{children:l})}))};

package/components/table/TableFooter.d.ts

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

package/components/table/TableFooter.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime");exports.TableFooter=function(s){var t=s.children,a=s.className;return r.jsx("tfoot",e.__assign({className:a},{children:t}))};