@modul/mbui 0.0.13-beta-pv-53036-95c1f4cc → 0.0.13-beta-pv-53036-d9e9902b

package/dist/Drawer/Drawer.js

@@ -25,7 +25,7 @@ DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
 const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
     const direction = (0, react_1.useContext)(DrawerContext);
     return (React.createElement(DrawerPortal, null,
-        React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)(`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1 max-h-[94%] sm:container`, direction === 'top' ? 'top-0 rounded-b-1 ' : 'bottom-0 rounded-t-1', className), ...props },
+        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(DrawerClose, { className: "pt-[4px] pb-[16px]" },
                 React.createElement("span", { className: "block bg-[#cbcdd1] mx-auto rounded-full w-[36px] h-[5px]" }))),
             children,

package/dist/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"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,QAAQ,CAAC,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS;QAC7C,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AAyEQ,wBAAM;AAvEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAqE5B,sCAAa;AAnE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAiEmB,kCAAW;AA/DvE,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;AAoD6C,kCAAW;AAlD1D,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,SAAS,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAE3C,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,mFAAmF,EACnF,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACnE,SAAS,CACT,KACG,KAAK;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,oBAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB;gBAC1C,8BAAM,SAAS,EAAC,0DAA0D,GAAG,CAChE,CACd;YAEA,QAAQ;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,oBAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC3C,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,SAAS,GACb,CACG,CACO,CACd,CACwB,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
+{"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,QAAQ,CAAC,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS;QAC7C,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AAyEQ,wBAAM;AAvEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAqE5B,sCAAa;AAnE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAiEmB,kCAAW;AA/DvE,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;AAoD6C,kCAAW;AAlD1D,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,SAAS,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAE3C,OAAO,CACN,oBAAC,YAAY;QACZ,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,oBAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB;gBAC1C,8BAAM,SAAS,EAAC,0DAA0D,GAAG,CAChE,CACd;YAEA,QAAQ;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,oBAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC3C,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,SAAS,GACb,CACG,CACO,CACd,CACwB,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Select: React.FC;
+export { Select };

package/dist/Select/Select.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const SelectBase_1 = require("./SelectBase");
+const Select = (props) => {
+    return React.createElement(SelectBase_1.SelectBase, { ...props });
+};
+exports.Select = Select;
+//# sourceMappingURL=Select.js.map

package/dist/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,6CAAyC;AAEzC,MAAM,MAAM,GAAa,CAAC,KAAK,EAAE,EAAE;IAClC,OAAO,oBAAC,uBAAU,OAAM,KAAK,GAAG,CAAA;AACjC,CAAC,CAAA;AAEQ,wBAAM"}

package/dist/Select/SelectAccountCard.js

@@ -27,7 +27,6 @@ const Option = ({ children, ...props }) => {
     const { isSelected, isFocused, isDisabled, 
     // @ts-ignore
     data: { label, account, balance, cur }, } = props;
-    const style = { cursor: 'pointer' };
     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" },
             React.createElement("span", null,
@@ -61,7 +60,7 @@ const SingleValue = ({ children, ...props }) => {
             cur)));
 };
 const Menu = ({ children, ...props }) => {
-    return (React.createElement(react_select_1.components.Menu, { className: "absolute inset-x-0 bg-page drop-shadow-1 mt-[8px] rounded-md", ...props }, children));
+    return (React.createElement(react_select_1.components.Menu, { className: "absolute inset-x-0 bg-page shadow-md mt-[8px] rounded-md", ...props }, children));
 };
 const SelectAccountCard = React.forwardRef(({ ...props }, ref) => (React.createElement(react_select_1.default, { isSearchable: false, components: {
         Control,

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

@@ -7,7 +7,7 @@ const Icon_1 = require("../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 border-[1px] border-input rounded-md h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
+const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
 const colourStyles = {
     control: () => ({}),
     option: () => ({}),
@@ -26,7 +26,7 @@ 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-md last:rounded-b-md px-[16px] py-[12px] w-full cursor-default select-none outline-none';
+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, 
     // @ts-ignore
@@ -52,12 +52,12 @@ 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: "absolute inset-x-0 bg-page drop-shadow-1 mt-[8px] rounded-md", ...props }, children));
+    return (React.createElement(react_select_1.components.Menu, { className: "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 SelectAsync = ({ ...props }) => (React.createElement(async_1.default, { classNamePrefix: 'red', components: {
+const SelectAsync = ({ ...props }) => (React.createElement(async_1.default, { components: {
         Control,
         Option,
         SingleValue,

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":"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"}

package/dist/Select/SelectBase.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const SelectBase: {
+    (props: any): React.JSX.Element;
+    displayName: string;
+};
+export { SelectBase };

package/dist/Select/SelectBase.js

@@ -0,0 +1,73 @@
+"use strict";
+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("../Icon");
+const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
+const utils_1 = require("../@/lib/utils");
+const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-md h-[44px] text-left px-[16px] py-[12px] 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-md last:rounded-b-md px-[16px] py-[12px] w-full cursor-default select-none outline-none';
+const Option = ({ children, ...props }) => {
+    console.log(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] w-[24px] h-[24px] shrink-0" }, 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: "absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-md", ...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 SelectBase = (props) => (React.createElement(react_select_1.default, { components: {
+        Control,
+        Option,
+        SingleValue,
+        DropdownIndicator,
+        IndicatorSeparator: () => null,
+        Menu,
+        ValueContainer,
+        Placeholder,
+        Input,
+        LoadingIndicator,
+        IndicatorsContainer
+    }, styles: colourStyles, unstyled: true, ...props }));
+exports.SelectBase = SelectBase;
+SelectBase.displayName = 'SelectBase';
+//# sourceMappingURL=SelectBase.js.map

package/dist/Select/SelectBase.js.map

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

package/dist/Select/index.d.ts

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

package/dist/Select/index.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectAsync = exports.SelectAccountCard = void 0;
+exports.Select = exports.SelectBase = exports.SelectAsync = exports.SelectAccountCard = void 0;
 var SelectAccountCard_1 = require("./SelectAccountCard");
 Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return SelectAccountCard_1.SelectAccountCard; } });
 var SelectAsync_1 = require("./SelectAsync");
 Object.defineProperty(exports, "SelectAsync", { enumerable: true, get: function () { return SelectAsync_1.SelectAsync; } });
-// export { Select } from './Select'
+var SelectBase_1 = require("./SelectBase");
+Object.defineProperty(exports, "SelectBase", { enumerable: true, get: function () { return SelectBase_1.SelectBase; } });
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
 //# sourceMappingURL=index.js.map

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,oCAAoC"}
+{"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"}

package/dist/Switch/Switch.js

@@ -5,8 +5,27 @@ const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const SwitchPrimitives = (0, tslib_1.__importStar)(require("@radix-ui/react-switch"));
 const utils_1 = require("../@/lib/utils");
-const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0, utils_1.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer border-light items-center rounded-full border-2 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref },
-    React.createElement(SwitchPrimitives.Thumb, { className: (0, utils_1.cn)("pointer-events-none block h-4 w-4 rounded-full bg-light shadow-md ring-0 transition-transform  data-[state=checked]:bg-page data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }))));
+const rootClasses = `
+	inline-flex items-center bg-light 
+	data-[state=checked]:bg-primary data-[state=unchecked]:bg-input 
+	disabled:opacity-50 shadow-sm rounded-full
+	focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
+	w-[32px] h-[18px]
+	transition-colors cursor-pointer
+	disabled:cursor-not-allowed peer shrink-0
+	focus-visible:outline-none
+`;
+const ThumbClasses = `
+	border-2 border-input data-[state=checked]:border-primary
+	bg-page shadow-md rounded-full ring-0
+	w-[18px] h-[18px]
+	transition-transform
+	data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0
+	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;
 //# sourceMappingURL=Switch.js.map

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;AAE1D,0CAAmC;AAEnC,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,EACX,uXAAuX,EACvX,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,IAAA,UAAE,EACX,qMAAqM,CACtM,GACD,CACoB,CACzB,CAAC,CAAA;AAGO,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":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAE1D,0CAAmC;AAEnC,MAAM,WAAW,GAAG;;;;;;;;;CASnB,CAAA;AACD,MAAM,YAAY,GAAG;;;;;;;CAOpB,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"}

package/dist/index.d.ts

@@ -23,4 +23,5 @@ import { SelectAccountCard, SelectAsync } from './Select';
 import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form';
 import { Calendar } from './Calendar';
 import { DatePicker } from './DatePicker';
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, };
+import { Select } from './Select';
+export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, };

package/dist/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputMask = exports.SelectAsync = exports.DatePicker = exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
+exports.Select = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -77,4 +78,6 @@ const Calendar_1 = require("./Calendar");
 Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
 const DatePicker_1 = require("./DatePicker");
 Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+const Select_2 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_2.Select; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,iCAA6B;AAsC5B,qFAtCQ,WAAI,OAsCR;AArCL,qCAAiC;AAsChC,uFAtCQ,eAAM,OAsCR;AArCP,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,+DAAyB;AAsCxB,eAtCM,cAAI,CAsCN;AArCL,2CAAsF;AAsCrF,yFAtCQ,oBAAQ,OAsCR;AACR,8FAvCkB,yBAAa,OAuClB;AACb,6FAxCiC,wBAAY,OAwCjC;AACZ,kGAzC+C,6BAAiB,OAyC/C;AAxClB,yDAK2B;AAuD1B,iGA3DA,mCAAgB,OA2DA;AAChB,qGA3DA,uCAAoB,OA2DA;AACpB,yGA3DA,2CAAwB,OA2DA;AACxB,qGA3DA,uCAAoB,OA2DA;AAzDrB,0DAA8B;AAgD7B,oBAAI;AA/CL,+CAAmF;AAkClF,4FAlCQ,yBAAW,OAkCR;AACX,mGAnCqB,gCAAkB,OAmCrB;AAClB,mGApCyC,gCAAkB,OAoCzC;AAnCnB,+CAMsB;AA8BrB,mGAnCA,gCAAkB,OAmCA;AAClB,yGAnCA,sCAAwB,OAmCA;AACxB,0GAnCA,uCAAyB,OAmCA;AACzB,0GAnCA,uCAAyB,OAmCA;AACzB,8GAnCA,2CAA6B,OAmCA;AAjC9B,qCAAiC;AAkChC,uFAlCQ,eAAM,OAkCR;AAjCP,mCAA+B;AAoC9B,sFApCQ,aAAK,OAoCR;AAnCN,yCAAkC;AAoCjC,mFApCQ,UAAE,OAoCR;AAnCH,qCAAyF;AAqCxF,uFArCQ,eAAM,OAqCR;AACN,8FAtCgB,sBAAa,OAsChB;AACb,4FAvC+B,oBAAW,OAuC/B;AACX,4FAxC4C,oBAAW,OAwC5C;AACX,8FAzCyD,sBAAa,OAyCzD;AAxCd,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,mCAA2D;AA6B1D,2FA7BQ,kBAAU,OA6BR;AACV,2FA9BoB,kBAAU,OA8BpB;AA8BV,0FA5DgC,iBAAS,OA4DhC;AA3DV,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,qCAAiC;AA4ChC,uFA5CQ,eAAM,OA4CR;AA3CP,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,yCAAqC;AA4CpC,yFA5CQ,mBAAQ,OA4CR;AA3CT,qCAAyD;AA4CxD,kGA5CQ,0BAAiB,OA4CR;AAUjB,4FAtD2B,oBAAW,OAsD3B;AArDZ,iCAAwG;AA4CvG,qFA5CQ,WAAI,OA4CR;AACJ,0FA7Cc,gBAAS,OA6Cd;AACT,0FA9CyB,gBAAS,OA8CzB;AACT,yFA/CoC,eAAQ,OA+CpC;AACR,4FAhD8C,kBAAW,OAgD9C;AACX,gGAjD2D,sBAAe,OAiD3D;AACf,4FAlD4E,kBAAW,OAkD5E;AAjDZ,yCAAqC;AAkDpC,yFAlDQ,mBAAQ,OAkDR;AAjDT,6CAAyC;AAkDxC,2FAlDQ,uBAAU,OAkDR"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAmC;AAuClC,wFAvCQ,iBAAO,OAuCR;AAtCR,iCAA6B;AAuC5B,qFAvCQ,WAAI,OAuCR;AAtCL,qCAAiC;AAuChC,uFAvCQ,eAAM,OAuCR;AAtCP,uCAAmC;AAuClC,wFAvCQ,iBAAO,OAuCR;AAtCR,+DAAyB;AAuCxB,eAvCM,cAAI,CAuCN;AAtCL,2CAAsF;AAuCrF,yFAvCQ,oBAAQ,OAuCR;AACR,8FAxCkB,yBAAa,OAwClB;AACb,6FAzCiC,wBAAY,OAyCjC;AACZ,kGA1C+C,6BAAiB,OA0C/C;AAzClB,yDAK2B;AAwD1B,iGA5DA,mCAAgB,OA4DA;AAChB,qGA5DA,uCAAoB,OA4DA;AACpB,yGA5DA,2CAAwB,OA4DA;AACxB,qGA5DA,uCAAoB,OA4DA;AA1DrB,0DAA8B;AAiD7B,oBAAI;AAhDL,+CAAmF;AAmClF,4FAnCQ,yBAAW,OAmCR;AACX,mGApCqB,gCAAkB,OAoCrB;AAClB,mGArCyC,gCAAkB,OAqCzC;AApCnB,+CAMsB;AA+BrB,mGApCA,gCAAkB,OAoCA;AAClB,yGApCA,sCAAwB,OAoCA;AACxB,0GApCA,uCAAyB,OAoCA;AACzB,0GApCA,uCAAyB,OAoCA;AACzB,8GApCA,2CAA6B,OAoCA;AAlC9B,qCAAiC;AAmChC,uFAnCQ,eAAM,OAmCR;AAlCP,mCAA+B;AAqC9B,sFArCQ,aAAK,OAqCR;AApCN,yCAAkC;AAqCjC,mFArCQ,UAAE,OAqCR;AApCH,qCAAyF;AAsCxF,uFAtCQ,eAAM,OAsCR;AACN,8FAvCgB,sBAAa,OAuChB;AACb,4FAxC+B,oBAAW,OAwC/B;AACX,4FAzC4C,oBAAW,OAyC5C;AACX,8FA1CyD,sBAAa,OA0CzD;AAzCd,iCAA6B;AA8C5B,qFA9CQ,WAAI,OA8CR;AA7CL,iCAA6B;AA8C5B,qFA9CQ,WAAI,OA8CR;AA7CL,mCAA2D;AA8B1D,2FA9BQ,kBAAU,OA8BR;AACV,2FA/BoB,kBAAU,OA+BpB;AA8BV,0FA7DgC,iBAAS,OA6DhC;AA5DV,mCAA+B;AA6C9B,sFA7CQ,aAAK,OA6CR;AA5CN,qCAAiC;AA6ChC,uFA7CQ,eAAM,OA6CR;AA5CP,mCAA+B;AA6C9B,sFA7CQ,aAAK,OA6CR;AA5CN,yCAAqC;AA6CpC,yFA7CQ,mBAAQ,OA6CR;AA5CT,qCAAyD;AA6CxD,kGA7CQ,0BAAiB,OA6CR;AAUjB,4FAvD2B,oBAAW,OAuD3B;AAtDZ,iCAAwG;AA6CvG,qFA7CQ,WAAI,OA6CR;AACJ,0FA9Cc,gBAAS,OA8Cd;AACT,0FA/CyB,gBAAS,OA+CzB;AACT,yFAhDoC,eAAQ,OAgDpC;AACR,4FAjD8C,kBAAW,OAiD9C;AACX,gGAlD2D,sBAAe,OAkD3D;AACf,4FAnD4E,kBAAW,OAmD5E;AAlDZ,yCAAqC;AAmDpC,yFAnDQ,mBAAQ,OAmDR;AAlDT,6CAAyC;AAmDxC,2FAnDQ,uBAAU,OAmDR;AAlDX,qCAAiC;AAqDhC,uFArDQ,eAAM,OAqDR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.13-beta-pv-53036-95c1f4cc",
+  "version": "0.0.13-beta-pv-53036-d9e9902b",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/@/config/index.ts

@@ -48,8 +48,12 @@ export default {
 				...label.backgroundColor
 			},
 			dropShadow: {
-				'1': 'var(--shadow-1)',
-				'2': 'var(--shadow-2)',
+				'sm': 'var(--shadow-sm)',
+				'md': 'var(--shadow-md)',
+			},
+			boxShadow: {
+				'sm': 'var(--shadow-sm)',
+				'md': 'var(--shadow-md)',
 			},
 			borderColor: {
 				input: {

package/src/Drawer/Drawer.tsx

@@ -47,8 +47,8 @@ const DrawerContent = React.forwardRef<
 			<DrawerPrimitive.Content
 				ref={ref}
 				className={cn(
-					`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1 max-h-[94%] sm:container`,
-					direction === 'top' ? 'top-0 rounded-b-1 ' : 'bottom-0 rounded-t-1',
+					`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}

package/src/Select/Select.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import { SelectBase } from './SelectBase'
+
+const Select: React.FC = (props) => {
+	return <SelectBase  {...props}/>
+}
+
+export { Select }

package/src/Select/SelectAccountCard.tsx

@@ -56,7 +56,6 @@ const Option = ({ children, ...props }: OptionProps) => {
 		// @ts-ignore
 		data: { label, account, balance, cur },
 	} = props
-	const style = { cursor: 'pointer' }
 	return (
 		<components.Option
 			className={cn(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled })}
@@ -133,7 +132,7 @@ const SingleValue = ({ children, ...props }: SingleValueProps) => {
 const Menu = ({ children, ...props }: MenuProps) => {
 	return (
 		<components.Menu
-			className="absolute inset-x-0 bg-page drop-shadow-1 mt-[8px] rounded-md"
+			className="absolute inset-x-0 bg-page shadow-md mt-[8px] rounded-md"
 			{...props}
 		>
 			{children}

package/src/Select/SelectAsync.tsx

@@ -22,7 +22,7 @@ import AsyncSelect from 'react-select/async'
 import { cn } from '../@/lib/utils'
 
 const selectTriggerClasses: string =
-	'flex items-center border-[1px] border-input rounded-md h-[44px] text-left px-[16px] py-[12px] cursor-pointer'
+	'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer'
 
 const colourStyles: StylesConfig = {
 	control: () => ({}),
@@ -53,7 +53,7 @@ const Control = ({ children, ...props }: ControlProps) => {
 }
 
 const optionClasses =
-	'flex items-center first:rounded-t-md last:rounded-b-md px-[16px] py-[12px] w-full cursor-default select-none outline-none'
+	'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 }: OptionProps) => {
 	const {
@@ -140,7 +140,7 @@ const SingleValue = ({ children, ...props }: SingleValueProps) => {
 const Menu = ({ children, ...props }: MenuProps) => {
 	return (
 		<components.Menu
-			className="absolute inset-x-0 bg-page drop-shadow-1 mt-[8px] rounded-md"
+			className="absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm"
 			{...props}
 		>
 			{children}
@@ -161,7 +161,6 @@ const Placeholder = ({ children, ...props }: PlaceholderProps) => {
 
 const SelectAsync = ({ ...props }) => (
 	<AsyncSelect
-	classNamePrefix='red'
 		components={{
 			Control,
 			Option,

package/src/Select/SelectBase.tsx

@@ -0,0 +1,182 @@
+import * as React from 'react'
+
+import { DropdownSmallOld, CheckSmall } from '../Icon'
+
+import Select, {
+	components,
+	ControlProps,
+	OptionProps,
+	DropdownIndicatorProps,
+	StylesConfig,
+	SingleValueProps,
+	MenuProps,
+	PlaceholderProps,
+	ValueContainerProps,
+	InputProps,
+	LoadingIndicatorProps,
+	IndicatorsContainerProps,
+} from 'react-select'
+
+import { cn } from '../@/lib/utils'
+
+const selectTriggerClasses: string =
+	'flex items-center border-[1px] border-input rounded-md h-[44px] text-left px-[16px] py-[12px] cursor-pointer'
+
+const colourStyles: StylesConfig = {
+	control: () => ({}),
+	option: () => ({}),
+	input: () => ({}),
+	dropdownIndicator: () => ({}),
+	indicatorsContainer: () => ({}),
+	menu: () => ({}),
+	menuList: () => ({}),
+	singleValue: () => ({}),
+	valueContainer: () => ({}),
+}
+
+const Input = ({...props }: InputProps) => {
+	return <components.Input className='col-start-1 col-end-3 row-start-1 row-end-2' {...props} />
+}
+
+const Control = ({ children, ...props }: ControlProps) => {
+	const { isFocused } = props
+	return (
+		<components.Control
+			className={cn(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused })}
+			{...props}
+		>
+			{children}
+		</components.Control>
+	)
+}
+
+const optionClasses =
+	'flex items-center first:rounded-t-md last:rounded-b-md px-[16px] py-[12px] w-full cursor-default select-none outline-none'
+
+const Option = ({ children, ...props }: OptionProps) => {
+	console.log(props)
+	const {
+		isSelected,
+		isFocused,
+		isDisabled,
+	} = props
+	return (
+		<components.Option
+			className={cn(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled })}
+			{...props}
+		>
+			<span className="flex basis-0 grow">{children}</span>
+
+			<span className="ml-[16px] w-[24px] h-[24px] shrink-0">
+				{isSelected && (
+					<CheckSmall
+						width="24"
+						height="24"
+						className="text-primary"
+					/>
+				)}
+			</span>
+		</components.Option>
+	)
+}
+
+const IndicatorsContainer = ({ children, ...props }: IndicatorsContainerProps) => {
+	return (
+		<components.IndicatorsContainer className='flex items-center gap-x-[8px] shrink-0' {...props}>
+			{children}
+		</components.IndicatorsContainer>
+	)
+}
+
+const LoadingIndicator = ({...props }: LoadingIndicatorProps) => {
+	return (
+		<components.LoadingIndicator
+			className='text-light shrink-0'
+			{...props}
+		/>
+	)
+}
+
+const DropdownIndicator = ({ children, ...props }: DropdownIndicatorProps) => {
+	return (
+		<components.DropdownIndicator
+			className="shrink-0"
+			{...props}
+		>
+			<DropdownSmallOld
+				className="text-light"
+				width="12"
+				height="12"
+			/>
+		</components.DropdownIndicator>
+	)
+}
+
+const ValueContainer = ({ children, ...props }: ValueContainerProps) => {
+	return (
+		<components.ValueContainer
+			className="flex-1 grid"
+			{...props}
+		>
+			{children}
+		</components.ValueContainer>
+	)
+}
+
+const SingleValue = ({ children, ...props }: SingleValueProps) => {
+	return (
+		<components.SingleValue
+			className="col-start-1 col-end-3 row-start-1 row-end-2"
+			{...props}
+		>
+			{children}
+		</components.SingleValue>
+	)
+}
+
+const Menu = ({ children, ...props }: MenuProps) => {
+	return (
+		<components.Menu
+			className="absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-md"
+			{...props}
+		>
+			{children}
+		</components.Menu>
+	)
+}
+
+const Placeholder = ({ children, ...props }: PlaceholderProps) => {
+	return (
+		<components.Placeholder
+			className="col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate"
+			{...props}
+		>
+			{children}
+		</components.Placeholder>
+	)
+}
+
+const SelectBase = (props) => (
+	<Select
+		components={{
+			Control,
+			Option,
+			SingleValue,
+			DropdownIndicator,
+			IndicatorSeparator: () => null,
+			Menu,
+			ValueContainer,
+			Placeholder,
+			Input,
+			LoadingIndicator,
+			IndicatorsContainer
+		}}
+		styles={colourStyles}
+		unstyled={true}
+		{...props}
+	/>
+)
+
+SelectBase.displayName = 'SelectBase'
+
+export { SelectBase }

package/src/Select/index.ts

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

package/src/Switch/Switch.tsx

@@ -4,25 +4,44 @@ import * as SwitchPrimitives from "@radix-ui/react-switch"
 
 import { cn } from "../@/lib/utils"
 
+const rootClasses = `
+	inline-flex items-center bg-light 
+	data-[state=checked]:bg-primary data-[state=unchecked]:bg-input 
+	disabled:opacity-50 shadow-sm rounded-full
+	focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
+	w-[32px] h-[18px]
+	transition-colors cursor-pointer
+	disabled:cursor-not-allowed peer shrink-0
+	focus-visible:outline-none
+`
+const ThumbClasses = `
+	border-2 border-input data-[state=checked]:border-primary
+	bg-page shadow-md rounded-full ring-0
+	w-[18px] h-[18px]
+	transition-transform
+	data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0
+	pointer-events-none
+`
+
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
   React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
 >(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer border-light items-center rounded-full border-2 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+	rootClasses,
       className
     )}
     {...props}
     ref={ref}
   >
+	<span className=""></span>
     <SwitchPrimitives.Thumb
-      className={cn(
-        "pointer-events-none block h-4 w-4 rounded-full bg-light shadow-md ring-0 transition-transform  data-[state=checked]:bg-page data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-      )}
+      className={ThumbClasses}
     />
   </SwitchPrimitives.Root>
 ))
+
 Switch.displayName = SwitchPrimitives.Root.displayName
 
 export { Switch }

package/src/assets/css/global.css

@@ -3,6 +3,26 @@
 @tailwind utilities;
 
 @layer base {
+    html,
+    body {
+        height: 100%;
+        min-height: 100%;
+        color: var(--text-base)
+    }
+
+    body {
+        margin: 0;
+        /* max-width: 640px; */
+        min-width: 320px;
+        -webkit-overflow-scrolling: touch;
+    }
+
+    @supports (-webkit-touch-callout: none) {
+        html,
+        body {
+            height: -webkit-fill-available;
+        }
+    }
 
     @font-face {
         font-weight: 100 900;
@@ -148,8 +168,8 @@
         
         /* SHADOWS */
         /* =========================================== */
-        --shadow-1: 0px 4px 16px rgba(36, 48, 54, 0.08);
-        --shadow-2: 0 2px 10px rgba(36, 48, 54, 0.12);
+        --shadow-sm: 0px 4px 16px rgba(36, 48, 54, 0.08);
+        --shadow-md: 0 2px 10px rgba(36, 48, 54, 0.12);
         /* =========================================== */
         /* SHADOWS */
     }

package/src/index.ts

@@ -34,6 +34,7 @@ import { SelectAccountCard, SelectAsync } from './Select'
 import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form'
 import { Calendar } from './Calendar'
 import { DatePicker } from './DatePicker'
+import { Select } from './Select'
 
 export {
 	Tooltip,
@@ -86,4 +87,5 @@ export {
 	DatePicker,
 	SelectAsync,
 	InputMask,
+	Select,
 }