@modul/mbui 0.0.20-beta-pv-53154-4403aebc → 0.0.21-beta-test-8a4f2b68

package/dist/Icon/icons/Share.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const SvgIcon_1 = require("../SvgIcon");
-const SvgShare = (props) => (React.createElement(SvgIcon_1.SvgIcon, { width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...props },
-    React.createElement("path", { fill: "currentColor", d: "M16 18H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h6c.55 0 1 .45 1 1s-.45 1-1 1H4v12h12v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 1.1-.9 2-2 2m1.71-12.71-3-3c-.39-.39-1.03-.39-1.42 0s-.39 1.03 0 1.42l1.3 1.3C10.37 5.23 7 8.73 7 13c0 .55.45 1 1 1s1-.45 1-1c0-3.16 2.45-5.76 5.56-5.98l-1.27 1.27c-.39.39-.39 1.03 0 1.42.41.39 1.02.38 1.42 0l3-3c.39-.39.39-1.03 0-1.42" })));
+const SvgShare = (props) => (React.createElement(SvgIcon_1.SvgIcon, { width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ...props },
+    React.createElement("path", { fill: "currentColor", d: "M19 23H5c-1.1 0-2-.9-2-2V10c0-1.1.9-2 2-2h3c.55 0 1 .45 1 1s-.45 1-1 1H5v11h14V10h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c1.1 0 2 .9 2 2v11c0 1.1-.9 2-2 2ZM15.71 4.29l-3-3a.9959.9959 0 0 0-1.41 0l-3 3c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 4.41V15c0 .55.45 1 1 1s1-.45 1-1V4.41l1.29 1.29c.39.39 1.02.39 1.41 0 .4-.38.4-1.02.01-1.41Z" })));
 exports.default = SvgShare;
 //# sourceMappingURL=Share.js.map

package/dist/Icon/icons/Share.js.map

@@ -1 +1 @@
-{"version":3,"file":"Share.js","sourceRoot":"","sources":["../../../src/Icon/icons/Share.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAE9B,wCAAoC;AACpC,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpD,oBAAC,iBAAO,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,KACf,KAAK;IAET,8BACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2VAA2V,GAC5V,CACO,CACV,CAAA;AACD,kBAAe,QAAQ,CAAA"}
+{"version":3,"file":"Share.js","sourceRoot":"","sources":["../../../src/Icon/icons/Share.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAE9B,wCAAoC;AACpC,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpD,oBAAC,iBAAO,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,KACf,KAAK;IAET,8BACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+UAA+U,GAChV,CACO,CACV,CAAA;AACD,kBAAe,QAAQ,CAAA"}

package/dist/Select/SelectAccount.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { GroupBase, Props } from 'react-select';
+declare type SelectAccountProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group>;
+declare function SelectAccount<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectAccountProps<Option, IsMulti, Group>): React.JSX.Element;
+declare namespace SelectAccount {
+    var displayName: string;
+}
+export { SelectAccount };

package/dist/Select/SelectAccount.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectAccount = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const Icon_1 = require("../../src/Icon");
+const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
+const utils_1 = require("../@/lib/utils");
+const components_1 = require("./components");
+const Option = ({ children, ...props }) => {
+    const { isSelected, isFocused, isDisabled, 
+    // @ts-ignore
+    data: { label, account, balance, cur }, } = props;
+    return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(components_1.optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
+        React.createElement("span", { className: "flex basis-0 grow" },
+            React.createElement("span", null,
+                React.createElement("span", { className: "text-[16px`] leading-[1.375]" }, label),
+                React.createElement("br", null),
+                React.createElement("span", { className: "text-[12px] text-light" }, account)),
+            React.createElement("span", { className: "ml-auto shrink-0" }, cur)),
+        React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
+};
+const SingleValue = ({ children, ...props }) => {
+    const { 
+    // @ts-ignore
+    data: { account, cur }, } = props;
+    return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props },
+        account,
+        " (",
+        cur,
+        ")"));
+};
+function SelectAccount(props) {
+    return (React.createElement(react_select_1.default, { components: {
+            Control: components_1.Control,
+            Option,
+            SingleValue,
+            DropdownIndicator: components_1.DropdownIndicator,
+            IndicatorSeparator: () => null,
+            Menu: components_1.Menu,
+            ValueContainer: components_1.ValueContainer,
+            Placeholder: components_1.Placeholder,
+            Input: components_1.Input,
+            LoadingIndicator: components_1.LoadingIndicator,
+            IndicatorsContainer: components_1.IndicatorsContainer,
+        }, styles: components_1.colourStyles, unstyled: true, ...props }));
+}
+exports.SelectAccount = SelectAccount;
+SelectAccount.displayName = 'SelectAccount';
+//# sourceMappingURL=SelectAccount.js.map

package/dist/Select/SelectAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAccount.js","sourceRoot":"","sources":["../../src/Select/SelectAccount.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAA2C;AAC3C,0EAAkG;AAClG,0CAAmC;AACnC,6CAWqB;AAErB,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACtD,MAAM,EACL,UAAU,EACV,SAAS,EACT,UAAU;IACV,aAAa;IACb,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GACtC,GAAG,KAAK,CAAA;IACT,OAAO,CACN,oBAAC,yBAAU,CAAC,MAAM,IACjB,SAAS,EAAE,IAAA,UAAE,EAAC,0BAAa,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,gCAAgC,EAAE,UAAU,EAAE,CAAC,KACpH,KAAK;QAET,8BAAM,SAAS,EAAC,mBAAmB;YAClC;gBACC,8BAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ;gBAC7D,+BAAM;gBACN,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACnD;YACP,8BAAM,SAAS,EAAC,kBAAkB,IAAE,GAAG,CAAQ,CACzC;QAEP,8BAAM,SAAS,EAAC,gCAAgC,IAC9C,UAAU,IAAI,CACd,oBAAC,iBAAU,IACV,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,cAAc,GACvB,CACF,CACK,CACY,CACpB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAChE,MAAM;IACL,aAAa;IACb,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GACtB,GAAG,KAAK,CAAA;IACT,OAAO,CACN,oBAAC,yBAAU,CAAC,WAAW,IACtB,SAAS,EAAC,6CAA6C,KACnD,KAAK;QAER,OAAO;;QAAI,GAAG;YACS,CACzB,CAAA;AACF,CAAC,CAAA;AAQD,SAAS,aAAa,CACrB,KAAiD;IAEjD,OAAO,CACN,oBAAC,sBAAM,IACN,UAAU,EAAE;YACX,OAAO,EAAP,oBAAO;YACP,MAAM;YACN,WAAW;YACX,iBAAiB,EAAjB,8BAAiB;YACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;YAC9B,IAAI,EAAJ,iBAAI;YACJ,cAAc,EAAd,2BAAc;YACd,WAAW,EAAX,wBAAW;YACX,KAAK,EAAL,kBAAK;YACL,gBAAgB,EAAhB,6BAAgB;YAChB,mBAAmB,EAAnB,gCAAmB;SACnB,EACD,MAAM,EAAE,yBAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAIQ,sCAAa;AAFtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/Select/SelectAccountCard.js

@@ -6,6 +6,7 @@ const React = (0, tslib_1.__importStar)(require("react"));
 const Icon_1 = require("../../src/Icon");
 const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
 const utils_1 = require("../@/lib/utils");
+const components_1 = require("./components");
 const selectTriggerClasses = `
 	flex
 	items-center
@@ -22,38 +23,15 @@ const selectTriggerClasses = `
 	shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)]
 	cursor-pointer
 `;
-const colourStyles = {
-    control: () => ({}),
-    option: () => ({}),
-    input: () => ({}),
-    dropdownIndicator: () => ({}),
-    indicatorsContainer: () => ({}),
-    menu: () => ({}),
-    menuList: () => ({}),
-    singleValue: () => ({}),
-    valueContainer: () => ({}),
-};
 const Control = ({ children, ...props }) => {
     const { isFocused } = props;
     return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
 };
-const optionClasses = `
-	flex
-	items-center
-	py-[16px]
-	px-[12px]
-	w-full
-	first:rounded-t-md
-	last:rounded-b-md
-	cursor-default
-	select-none
-	outline-none
-`;
 const Option = ({ children, ...props }) => {
     const { isSelected, isFocused, isDisabled, 
     // @ts-ignore
     data: { label, account, balance, cur }, } = props;
-    return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
+    return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(components_1.optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
         React.createElement("span", { className: "flex basis-0 grow" },
             React.createElement("span", null,
                 React.createElement("span", null, label),
@@ -69,9 +47,6 @@ const DropdownIndicator = ({ children, ...props }) => {
     return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
         React.createElement(Icon_1.DropdownSmallOld, { className: "text-white", width: "16", height: "16" })));
 };
-const ValueContainer = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
-};
 const SingleValue = ({ children, ...props }) => {
     // @ts-ignore
     const { label, account, balance, cur } = props.data;
@@ -85,9 +60,6 @@ const SingleValue = ({ children, ...props }) => {
             " ",
             cur)));
 };
-const Menu = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-md mt-[8px] rounded-md", ...props }, children));
-};
 const SelectAccountCard = (props) => {
     return (React.createElement(react_select_1.default, { isSearchable: false, components: {
             Control,
@@ -95,9 +67,9 @@ const SelectAccountCard = (props) => {
             SingleValue,
             DropdownIndicator,
             IndicatorSeparator: () => null,
-            Menu,
-            ValueContainer,
-        }, styles: colourStyles, unstyled: true, ...props }));
+            Menu: components_1.Menu,
+            ValueContainer: components_1.ValueContainer,
+        }, styles: components_1.colourStyles, unstyled: true, ...props }));
 };
 exports.SelectAccountCard = SelectAccountCard;
 //# sourceMappingURL=SelectAccountCard.js.map

package/dist/Select/SelectAccountCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}

package/dist/Select/SelectAsync.js

@@ -3,82 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectAsync = void 0;
 const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
-const Icon_1 = require("../../src/Icon");
-const react_select_1 = require("react-select");
 const async_1 = (0, tslib_1.__importDefault)(require("react-select/async"));
-const utils_1 = require("../@/lib/utils");
-const selectTriggerClasses = `
-	flex
-	items-center
-	py-[12px]
-	px-[16px]
-	h-[44px]
-	border-[1px]
-	border-input
-	rounded-sm
-	text-left
-	cursor-pointer
-`;
-const colourStyles = {
-    control: () => ({}),
-    option: () => ({}),
-    input: () => ({}),
-    dropdownIndicator: () => ({}),
-    indicatorsContainer: () => ({}),
-    menu: () => ({}),
-    menuList: () => ({}),
-    singleValue: () => ({}),
-    valueContainer: () => ({}),
-};
-const Input = ({ ...props }) => {
-    return React.createElement(react_select_1.components.Input, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props });
-};
-const Control = ({ children, ...props }) => {
-    const { isFocused } = props;
-    return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
-};
-const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
-const Option = ({ children, ...props }) => {
-    const { isSelected, isFocused, isDisabled, } = props;
-    return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
-        React.createElement("span", { className: "flex basis-0 grow" }, children),
-        React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
-};
-const IndicatorsContainer = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
-};
-const LoadingIndicator = ({ ...props }) => {
-    return (React.createElement(react_select_1.components.LoadingIndicator, { className: 'text-light shrink-0', ...props }));
-};
-const DropdownIndicator = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
-        React.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
-};
-const ValueContainer = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
-};
-const SingleValue = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
-};
-const Menu = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
-};
-const Placeholder = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
-};
+const components_1 = require("./components");
 const SelectAsync = ({ ...props }) => (React.createElement(async_1.default, { components: {
-        Control,
-        Option,
-        SingleValue,
-        DropdownIndicator,
+        Control: components_1.Control,
+        Option: components_1.Option,
+        SingleValue: components_1.SingleValue,
+        DropdownIndicator: components_1.DropdownIndicator,
         IndicatorSeparator: () => null,
-        Menu,
-        ValueContainer,
-        Placeholder,
-        Input,
-        LoadingIndicator,
-        IndicatorsContainer
-    }, styles: colourStyles, unstyled: true, ...props }));
+        Menu: components_1.Menu,
+        ValueContainer: components_1.ValueContainer,
+        Placeholder: components_1.Placeholder,
+        Input: components_1.Input,
+        LoadingIndicator: components_1.LoadingIndicator,
+        IndicatorsContainer: components_1.IndicatorsContainer
+    }, styles: components_1.colourStyles, unstyled: true, ...props }));
 exports.SelectAsync = SelectAsync;
 SelectAsync.displayName = 'SelectAsync';
 //# sourceMappingURL=SelectAsync.js.map

package/dist/Select/SelectAsync.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,4EAA4C;AAC5C,6CAA6K;AAE7K,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrC,oBAAC,eAAW,IACX,UAAU,EAAE;QACX,OAAO,EAAP,oBAAO;QACP,MAAM,EAAN,mBAAM;QACN,WAAW,EAAX,wBAAW;QACX,iBAAiB,EAAjB,8BAAiB;QACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;QAC9B,IAAI,EAAJ,iBAAI;QACJ,cAAc,EAAd,2BAAc;QACd,WAAW,EAAX,wBAAW;QACX,KAAK,EAAL,kBAAK;QACL,gBAAgB,EAAhB,6BAAgB;QAChB,mBAAmB,EAAnB,gCAAmB;KACnB,EACD,MAAM,EAAE,yBAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AAIQ,kCAAW;AAFpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/Select/SelectBase.js

@@ -3,82 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectBase = void 0;
 const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
-const Icon_1 = require("../../src/Icon");
-const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
-const utils_1 = require("../@/lib/utils");
-const selectTriggerClasses = `
-	flex
-	items-center
-	py-[12px]
-	px-[16px]
-	h-[44px]
-	text-left
-	border-[1px]
-	border-input
-	rounded-sm
-	cursor-pointer
-`;
-const colourStyles = {
-    control: () => ({}),
-    option: () => ({}),
-    input: () => ({}),
-    dropdownIndicator: () => ({}),
-    indicatorsContainer: () => ({}),
-    menu: () => ({}),
-    menuList: () => ({}),
-    singleValue: () => ({}),
-    valueContainer: () => ({}),
-};
-const Input = ({ ...props }) => {
-    return React.createElement(react_select_1.components.Input, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props });
-};
-const Control = ({ children, ...props }) => {
-    const { isFocused } = props;
-    return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
-};
-const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
-const Option = ({ children, ...props }) => {
-    const { isSelected, isFocused, isDisabled, } = props;
-    return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
-        React.createElement("span", { className: "flex basis-0 grow" }, children),
-        React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
-};
-const IndicatorsContainer = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
-};
-const LoadingIndicator = ({ ...props }) => {
-    return (React.createElement(react_select_1.components.LoadingIndicator, { className: 'text-light shrink-0', ...props }));
-};
-const DropdownIndicator = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
-        React.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
-};
-const ValueContainer = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
-};
-const SingleValue = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
-};
-const Menu = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
-};
-const Placeholder = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
-};
+const react_select_1 = (0, tslib_1.__importDefault)(require("react-select"));
+const components_1 = require("./components");
 function SelectBase(props) {
     return (React.createElement(react_select_1.default, { components: {
-            Control,
-            Option,
-            SingleValue,
-            DropdownIndicator,
+            Control: components_1.Control,
+            Option: components_1.Option,
+            SingleValue: components_1.SingleValue,
+            DropdownIndicator: components_1.DropdownIndicator,
             IndicatorSeparator: () => null,
-            Menu,
-            ValueContainer,
-            Placeholder,
-            Input,
-            LoadingIndicator,
-            IndicatorsContainer
-        }, styles: colourStyles, unstyled: true, ...props }));
+            Menu: components_1.Menu,
+            ValueContainer: components_1.ValueContainer,
+            Placeholder: components_1.Placeholder,
+            Input: components_1.Input,
+            LoadingIndicator: components_1.LoadingIndicator,
+            IndicatorsContainer: components_1.IndicatorsContainer,
+        }, styles: components_1.colourStyles, unstyled: true, ...props }));
 }
 exports.SelectBase = SelectBase;
 SelectBase.displayName = 'SelectBase';

package/dist/Select/SelectBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,6EAGqB;AACrB,6CAYqB;AAQrB,SAAS,UAAU,CAClB,KAA8C;IAE9C,OAAO,CACN,oBAAC,sBAAM,IACN,UAAU,EAAE;YACX,OAAO,EAAP,oBAAO;YACP,MAAM,EAAN,mBAAM;YACN,WAAW,EAAX,wBAAW;YACX,iBAAiB,EAAjB,8BAAiB;YACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;YAC9B,IAAI,EAAJ,iBAAI;YACJ,cAAc,EAAd,2BAAc;YACd,WAAW,EAAX,wBAAW;YACX,KAAK,EAAL,kBAAK;YACL,gBAAgB,EAAhB,6BAAgB;YAChB,mBAAmB,EAAnB,gCAAmB;SACnB,EACD,MAAM,EAAE,yBAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAIQ,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/Select/components/components.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ControlProps, OptionProps, DropdownIndicatorProps, StylesConfig, SingleValueProps, MenuProps, PlaceholderProps, ValueContainerProps, InputProps, LoadingIndicatorProps, IndicatorsContainerProps } from 'react-select';
+declare const Input: ({ ...props }: InputProps) => React.JSX.Element;
+declare const Control: ({ children, ...props }: ControlProps) => React.JSX.Element;
+declare const colourStyles: StylesConfig;
+declare const optionClasses = "flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none";
+declare const Option: ({ children, ...props }: OptionProps) => React.JSX.Element;
+declare const IndicatorsContainer: ({ children, ...props }: IndicatorsContainerProps) => React.JSX.Element;
+declare const LoadingIndicator: ({ ...props }: LoadingIndicatorProps) => React.JSX.Element;
+declare const DropdownIndicator: ({ children, ...props }: DropdownIndicatorProps) => React.JSX.Element;
+declare const ValueContainer: ({ children, ...props }: ValueContainerProps) => React.JSX.Element;
+declare const SingleValue: ({ children, ...props }: SingleValueProps) => React.JSX.Element;
+declare const Menu: ({ children, ...props }: MenuProps) => React.JSX.Element;
+declare const Placeholder: ({ children, ...props }: PlaceholderProps) => React.JSX.Element;
+export { Input, Control, colourStyles, optionClasses, Option, IndicatorsContainer, LoadingIndicator, DropdownIndicator, ValueContainer, SingleValue, Menu, Placeholder, };

package/dist/Select/components/components.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Placeholder = exports.Menu = exports.SingleValue = exports.ValueContainer = exports.DropdownIndicator = exports.LoadingIndicator = exports.IndicatorsContainer = exports.Option = exports.optionClasses = exports.colourStyles = exports.Control = exports.Input = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const react_select_1 = require("react-select");
+const utils_1 = require("../../@/lib/utils");
+const Icon_1 = require("../../Icon");
+const Input = ({ ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.Input, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }));
+};
+exports.Input = Input;
+const selectTriggerClasses = `
+	flex
+	items-center
+	py-[12px]
+	px-[16px]
+	h-[44px]
+	text-left
+	border-[1px]
+	border-input
+	rounded-sm
+	cursor-pointer
+`;
+const Control = ({ children, ...props }) => {
+    const { isFocused } = props;
+    return (react_1.default.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
+};
+exports.Control = Control;
+const colourStyles = {
+    control: () => ({}),
+    option: () => ({}),
+    input: () => ({}),
+    dropdownIndicator: () => ({}),
+    indicatorsContainer: () => ({}),
+    menu: () => ({}),
+    menuList: () => ({}),
+    singleValue: () => ({}),
+    valueContainer: () => ({}),
+};
+exports.colourStyles = colourStyles;
+const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
+exports.optionClasses = optionClasses;
+const Option = ({ children, ...props }) => {
+    const { isSelected, isFocused, isDisabled } = props;
+    return (react_1.default.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
+        react_1.default.createElement("span", { className: "flex basis-0 grow" }, children),
+        react_1.default.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (react_1.default.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
+};
+exports.Option = Option;
+const IndicatorsContainer = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.IndicatorsContainer, { className: "flex items-center gap-x-[8px] shrink-0", ...props }, children));
+};
+exports.IndicatorsContainer = IndicatorsContainer;
+const LoadingIndicator = ({ ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.LoadingIndicator, { className: "text-light shrink-0", ...props }));
+};
+exports.LoadingIndicator = LoadingIndicator;
+const DropdownIndicator = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
+        react_1.default.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
+};
+exports.DropdownIndicator = DropdownIndicator;
+const ValueContainer = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
+};
+exports.ValueContainer = ValueContainer;
+const SingleValue = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
+};
+exports.SingleValue = SingleValue;
+const Menu = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
+};
+exports.Menu = Menu;
+const Placeholder = ({ children, ...props }) => {
+    return (react_1.default.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
+};
+exports.Placeholder = Placeholder;
+//# sourceMappingURL=components.js.map

package/dist/Select/components/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/Select/components/components.tsx"],"names":[],"mappings":"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"}

package/dist/Select/components/index.d.ts

@@ -0,0 +1 @@
+export { Input, Control, colourStyles, optionClasses, Option, IndicatorsContainer, LoadingIndicator, DropdownIndicator, ValueContainer, SingleValue, Menu, Placeholder, } from './components';

package/dist/Select/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Placeholder = exports.Menu = exports.SingleValue = exports.ValueContainer = exports.DropdownIndicator = exports.LoadingIndicator = exports.IndicatorsContainer = exports.Option = exports.optionClasses = exports.colourStyles = exports.Control = exports.Input = void 0;
+var components_1 = require("./components");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return components_1.Input; } });
+Object.defineProperty(exports, "Control", { enumerable: true, get: function () { return components_1.Control; } });
+Object.defineProperty(exports, "colourStyles", { enumerable: true, get: function () { return components_1.colourStyles; } });
+Object.defineProperty(exports, "optionClasses", { enumerable: true, get: function () { return components_1.optionClasses; } });
+Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return components_1.Option; } });
+Object.defineProperty(exports, "IndicatorsContainer", { enumerable: true, get: function () { return components_1.IndicatorsContainer; } });
+Object.defineProperty(exports, "LoadingIndicator", { enumerable: true, get: function () { return components_1.LoadingIndicator; } });
+Object.defineProperty(exports, "DropdownIndicator", { enumerable: true, get: function () { return components_1.DropdownIndicator; } });
+Object.defineProperty(exports, "ValueContainer", { enumerable: true, get: function () { return components_1.ValueContainer; } });
+Object.defineProperty(exports, "SingleValue", { enumerable: true, get: function () { return components_1.SingleValue; } });
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return components_1.Menu; } });
+Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return components_1.Placeholder; } });
+//# sourceMappingURL=index.js.map

package/dist/Select/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Select/components/index.tsx"],"names":[],"mappings":";;;AAAA,2CAcqB;AAbpB,mGAAA,KAAK,OAAA;AACL,qGAAA,OAAO,OAAA;AACP,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,oGAAA,MAAM,OAAA;AACN,iHAAA,mBAAmB,OAAA;AACnB,8GAAA,gBAAgB,OAAA;AAChB,+GAAA,iBAAiB,OAAA;AACjB,4GAAA,cAAc,OAAA;AACd,yGAAA,WAAW,OAAA;AACX,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA"}

package/dist/Select/index.d.ts

@@ -1,4 +1,5 @@
 export { SelectAccountCard } from './SelectAccountCard';
+export { SelectAccount } from './SelectAccount';
 export { SelectAsync } from './SelectAsync';
 export { SelectBase } from './SelectBase';
 export { Select } from './Select';

package/dist/Select/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = exports.SelectBase = exports.SelectAsync = exports.SelectAccountCard = void 0;
+exports.Select = exports.SelectBase = exports.SelectAsync = exports.SelectAccount = exports.SelectAccountCard = void 0;
 var SelectAccountCard_1 = require("./SelectAccountCard");
 Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return SelectAccountCard_1.SelectAccountCard; } });
+var SelectAccount_1 = require("./SelectAccount");
+Object.defineProperty(exports, "SelectAccount", { enumerable: true, get: function () { return SelectAccount_1.SelectAccount; } });
 var SelectAsync_1 = require("./SelectAsync");
 Object.defineProperty(exports, "SelectAsync", { enumerable: true, get: function () { return SelectAsync_1.SelectAsync; } });
 var SelectBase_1 = require("./SelectBase");

package/dist/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,0GAAA,WAAW,OAAA;AACpB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AACnB,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA;AAC1B,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,6CAA2C;AAAlC,0GAAA,WAAW,OAAA;AACpB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AACnB,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}

package/dist/Switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/dist/Switch/Switch.js

@@ -8,8 +8,8 @@ const utils_1 = require("../@/lib/utils");
 const rootClasses = `
 	inline-flex
 	items-center
-	w-[32px]
-	h-[18px]
+	w-[44px]
+	h-[24px]
 	bg-light 
 	shadow-sm
 	rounded-full
@@ -22,6 +22,7 @@ const rootClasses = `
 	disabled:cursor-not-allowed peer shrink-0
 	disabled:opacity-50
 	transition-colors cursor-pointer
+	[&+input]:hidden
 `;
 const ThumbClasses = `
 	size-[18px]
@@ -38,7 +39,6 @@ const ThumbClasses = `
 	pointer-events-none
 `;
 const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0, utils_1.cn)(rootClasses, className), ...props, ref: ref },
-    React.createElement("span", { className: "" }),
     React.createElement(SwitchPrimitives.Thumb, { className: ThumbClasses }))));
 exports.Switch = Switch;
 Switch.displayName = SwitchPrimitives.Root.displayName;

package/dist/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAC1D,0CAAmC;AAEnC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;CAiBnB,CAAA;AACD,MAAM,YAAY,GAAG;;;;;;;;;;;;;CAapB,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,IAAA,UAAE,EAChB,WAAW,EACN,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAEX,8BAAM,SAAS,EAAC,EAAE,GAAQ;IACvB,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,YAAY,GACvB,CACoB,CACzB,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,sFAA0D;AAC1D,0CAAmC;AAEnC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;CAkBnB,CAAA;AACD,MAAM,YAAY,GAAG;;;;;;;;;;;;;CAapB,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,gBAAgB,CAAC,IAAI,IACrB,SAAS,EAAE,IAAA,UAAE,EAAC,WAAW,EAAE,SAAS,CAAC,KACjC,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAE,YAAY,GAAI,CAC5B,CACxB,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}