@modul/mbui 0.0.20-beta-test-30add321 → 0.0.20-beta-pv-52992-d5155aa6

package/dist/Drawer/Drawer.d.ts

@@ -1,7 +1,13 @@
 import * as React from 'react';
-declare const Drawer: typeof import("vaul").Root;
+import { Drawer as DrawerPrimitive } from 'vaul';
+declare const Drawer: {
+    ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+    displayName: string;
+};
 declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerPortal: typeof import("vaul").Portal;
 declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-export { Drawer, DrawerTrigger, DrawerContent, DrawerPortal, DrawerClose };
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    onAnimationEnd?: (open: boolean) => void;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerClose };

package/dist/Drawer/Drawer.js

@@ -1,15 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerClose = exports.DrawerPortal = exports.DrawerContent = exports.DrawerTrigger = exports.Drawer = void 0;
+exports.DrawerClose = exports.DrawerTitle = exports.DrawerContent = exports.DrawerTrigger = exports.Drawer = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
 const vaul_1 = require("vaul");
-const Drawer = vaul_1.Drawer.Root;
+const utils_1 = require("../@/lib/utils");
+const react_1 = require("react");
+const DrawerContext = React.createContext({ direction: 'bottom', modal: false });
+const Drawer = ({ ...props }) => {
+    return (React.createElement(DrawerContext.Provider, { value: { direction: props.direction, modal: props.modal } },
+        React.createElement(vaul_1.Drawer.Root, { ...props })));
+};
 exports.Drawer = Drawer;
+Drawer.displayName = 'Drawer';
 const DrawerTrigger = vaul_1.Drawer.Trigger;
 exports.DrawerTrigger = DrawerTrigger;
-const DrawerContent = vaul_1.Drawer.Content;
-exports.DrawerContent = DrawerContent;
 const DrawerPortal = vaul_1.Drawer.Portal;
-exports.DrawerPortal = DrawerPortal;
 const DrawerClose = vaul_1.Drawer.Close;
 exports.DrawerClose = DrawerClose;
+const DrawerOverlay = vaul_1.Drawer.Overlay;
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(vaul_1.Drawer.Title, { ref: ref, className: (0, utils_1.cn)(className), ...props })));
+exports.DrawerTitle = DrawerTitle;
+DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { direction = 'bottom', modal = false } = (0, react_1.useContext)(DrawerContext);
+    return (React.createElement(DrawerPortal, null,
+        modal && React.createElement(DrawerOverlay, { className: 'z-50 fixed inset-0 bg-[--drawer-overlay-bg]' }),
+        React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)(`z-50 fixed inset-x-0 flex flex-col bg-page shadow-sm max-h-[94%] sm:container`, direction === 'top' ? 'top-0 rounded-b-sm ' : 'bottom-0 rounded-t-sm', className), ...props },
+            direction !== 'top' && (React.createElement("div", { className: "pt-[4px] pb-[16px]" },
+                React.createElement("span", { className: "block bg-[--cl-graphite-5] mx-auto rounded-full w-[36px] h-[5px]" }))),
+            children,
+            direction === 'top' && (React.createElement("div", { className: "pt-[24px] pb-[16px]" },
+                React.createElement("svg", { className: "mx-auto", width: "38", height: "10", viewBox: "0 0 38 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z", fill: "var(--cl-graphite-5)" })))))));
+});
+exports.DrawerContent = DrawerContent;
+DrawerContent.displayName = 'DrawerContent';
 //# sourceMappingURL=Drawer.js.map

package/dist/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;AACA,+BAAgD;AAEhD,MAAM,MAAM,GAAG,aAAe,CAAC,IAAI,CAAA;AAM1B,wBAAM;AALf,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAK5B,sCAAa;AAJ9B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAIb,sCAAa;AAH7C,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAGI,oCAAY;AAF3D,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAEoB,kCAAW"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AACnC,iCAAkC;AAElC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;AAE9E,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAC;QAC9E,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AA2EQ,wBAAM;AAzEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAuE5B,sCAAa;AArE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAmEmB,kCAAW;AAjEvE,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAe,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,KACpB,KAAK,GACR,CACF,CAAC,CAAA;AAsD6C,kCAAW;AApD1D,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,MAAM,EAAC,SAAS,GAAG,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAC,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAEvE,OAAO,CACN,oBAAC,YAAY;QACX,KAAK,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAC,6CAA6C,GAAG;QACnF,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,+EAA+E,EAC/E,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,uBAAuB,EACrE,SAAS,CACT,KACG,KAAK;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,8BAAM,SAAS,EAAC,kEAAkE,GAAG,CAChF,CACN;YAEA,QAAQ;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;oBAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,sBAAsB,GAC1B,CACG,CACD,CACN,CACwB,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAI8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/Drawer/index.d.ts

@@ -1 +1 @@
-export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerPortal, } from './Drawer';
+export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerTitle, } from './Drawer';

package/dist/Drawer/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerPortal = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
+exports.DrawerTitle = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
 var Drawer_1 = require("./Drawer");
 Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
 Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return Drawer_1.DrawerTrigger; } });
 Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return Drawer_1.DrawerClose; } });
 Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return Drawer_1.DrawerContent; } });
-Object.defineProperty(exports, "DrawerPortal", { enumerable: true, get: function () { return Drawer_1.DrawerPortal; } });
+Object.defineProperty(exports, "DrawerTitle", { enumerable: true, get: function () { return Drawer_1.DrawerTitle; } });
 //# sourceMappingURL=index.js.map

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAMmB;AALlB,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,sGAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAMmB;AALlB,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA"}

package/dist/Input-OTP/Input.js

@@ -14,9 +14,10 @@ InputOTPGroup.displayName = 'InputOTPGroup';
 const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
     const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
     const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-    return (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', isActive && 'border-b-primary animate-caret-blink duration-1000', className), ...props },
+    return (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', isActive && 'z-10 ring-2 ring-ring ring-offset-background', className), ...props },
         char,
-        hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" }))));
+        hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" },
+            React.createElement("div", { className: "bg-foreground w-px h-4 animate-caret-blink duration-1000" })))));
 });
 exports.InputOTPSlot = InputOTPSlot;
 InputOTPSlot.displayName = 'InputOTPSlot';

package/dist/Input-OTP/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACD,CAAA;AAwDQ,4BAAQ;AAvDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AA6CkB,sCAAa;AA5ChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,QAAQ,IAAI,oDAAoD,EAChE,SAAS,CACT,KACG,KAAK;QAGR,IAAI;QACJ,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,uEAAuE,GAEhF,CACN,CACI,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK,qCAGJ,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACD,CAAA;AAwDQ,4BAAQ;AAvDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AA6CkB,sCAAa;AA5ChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,QAAQ,IAAI,8CAA8C,EAC1D,SAAS,CACT,KACG,KAAK;QAGR,IAAI;QACJ,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,uEAAuE;YACrF,6BAAK,SAAS,EAAC,0DAA0D,GAAG,CACvE,CACN,CACI,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK,qCAGJ,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,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';