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

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/index.d.ts

@@ -8,10 +8,10 @@ import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, Botto
 import * as Icon from './Icon';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible';
 import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from './Collapsible';
-import { Button, buttonVariants, ButtonWidget } from './Button';
+import { Button, ButtonWidget } from './Button';
 import { Audio } from './Audio';
 import { cn } from './@/lib/utils';
-import { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerPortal } from './Drawer';
+import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer';
 import { Page } from './Page';
 import { Chip } from './Chip';
 import { InputField, InputLabel, InputMask } from './Input';
@@ -19,16 +19,13 @@ import { Alert } from './Alert';
 import { Switch } from './Switch';
 import { Label } from './Label';
 import { Textarea } from './Textarea';
-import { SelectAccountCard, SelectAsync } from './Select';
+import { SelectAccountCard, SelectAsync, SelectAccount, Select } from './Select';
 import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form';
 import { Calendar } from './Calendar';
 import { DatePicker } from './DatePicker';
-import { Select } from './Select';
-import { Progress } from './Progress';
+import { Progress } from "./Progress";
 import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
 import { MessageTyping } from "./Chat";
 import { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses } from './FavoritePyments';
 import { DigitKeyPad } from "./DigitKeyPad";
-import { Badge, badgeVariants } from './Badge';
-import { Checkbox } from './Checkbox';
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, buttonVariants, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, MessageTyping, FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, Badge, badgeVariants, Checkbox, farvoriteLinkClasses, DigitKeyPad, ButtonWidget, DrawerPortal, };
+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, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, SelectAccount, SelectAsync, Select, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, InputMask, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, MessageTyping, FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses, DigitKeyPad, ButtonWidget, };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.Progress = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.buttonVariants = 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.DrawerPortal = exports.ButtonWidget = exports.DigitKeyPad = exports.farvoriteLinkClasses = exports.Checkbox = exports.badgeVariants = exports.Badge = exports.FarvoritePaymentDescription = exports.FavoritePaymentsItem = exports.FavoritePaymentsList = exports.MessageTyping = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = void 0;
+exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.Select = exports.SelectAsync = exports.SelectAccount = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Progress = 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.ButtonWidget = exports.DigitKeyPad = exports.farvoriteLinkClasses = exports.FarvoritePaymentDescription = exports.FavoritePaymentsItem = exports.FavoritePaymentsList = exports.MessageTyping = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.InputMask = exports.DatePicker = exports.Calendar = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -37,7 +37,6 @@ Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true,
 Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsibleContentItem; } });
 const Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
-Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return Button_1.buttonVariants; } });
 Object.defineProperty(exports, "ButtonWidget", { enumerable: true, get: function () { return Button_1.ButtonWidget; } });
 const Audio_1 = require("./Audio");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
@@ -46,9 +45,9 @@ Object.defineProperty(exports, "cn", { enumerable: true, get: function () { retu
 const 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, "DrawerTitle", { enumerable: true, get: function () { return Drawer_1.DrawerTitle; } });
 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; } });
 const Page_1 = require("./Page");
 Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
 const Chip_1 = require("./Chip");
@@ -68,6 +67,8 @@ Object.defineProperty(exports, "Textarea", { enumerable: true, get: function ()
 const Select_1 = require("./Select");
 Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return Select_1.SelectAccountCard; } });
 Object.defineProperty(exports, "SelectAsync", { enumerable: true, get: function () { return Select_1.SelectAsync; } });
+Object.defineProperty(exports, "SelectAccount", { enumerable: true, get: function () { return Select_1.SelectAccount; } });
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
 const Form_1 = require("./Form");
 Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
 Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return Form_1.FormLabel; } });
@@ -80,8 +81,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; } });
 const Progress_1 = require("./Progress");
 Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return Progress_1.Progress; } });
 const AlertDialog_1 = require("./AlertDialog");
@@ -103,9 +102,4 @@ Object.defineProperty(exports, "FarvoritePaymentDescription", { enumerable: true
 Object.defineProperty(exports, "farvoriteLinkClasses", { enumerable: true, get: function () { return FavoritePyments_1.farvoriteLinkClasses; } });
 const DigitKeyPad_1 = require("./DigitKeyPad");
 Object.defineProperty(exports, "DigitKeyPad", { enumerable: true, get: function () { return DigitKeyPad_1.DigitKeyPad; } });
-const Badge_1 = require("./Badge");
-Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
-Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
-const Checkbox_1 = require("./Checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
 //# 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;AAyDlC,wFAzDQ,iBAAO,OAyDR;AAxDR,iCAA6B;AAyD5B,qFAzDQ,WAAI,OAyDR;AAxDL,qCAAiC;AAyDhC,uFAzDQ,eAAM,OAyDR;AAxDP,uCAAmC;AAyDlC,wFAzDQ,iBAAO,OAyDR;AAxDR,+DAAyB;AAyDxB,eAzDM,cAAI,CAyDN;AAxDL,2CAAsF;AAyDrF,yFAzDQ,oBAAQ,OAyDR;AACR,8FA1DkB,yBAAa,OA0DlB;AACb,6FA3DiC,wBAAY,OA2DjC;AACZ,kGA5D+C,6BAAiB,OA4D/C;AA3DlB,yDAK2B;AA2E1B,iGA/EA,mCAAgB,OA+EA;AAChB,qGA/EA,uCAAoB,OA+EA;AACpB,yGA/EA,2CAAwB,OA+EA;AACxB,qGA/EA,uCAAoB,OA+EA;AA7ErB,0DAA8B;AAoE7B,oBAAI;AAnEL,+CAAmF;AAqDlF,4FArDQ,yBAAW,OAqDR;AACX,mGAtDqB,gCAAkB,OAsDrB;AAClB,mGAvDyC,gCAAkB,OAuDzC;AAtDnB,+CAMsB;AAiDrB,mGAtDA,gCAAkB,OAsDA;AAClB,yGAtDA,sCAAwB,OAsDA;AACxB,0GAtDA,uCAAyB,OAsDA;AACzB,0GAtDA,uCAAyB,OAsDA;AACzB,8GAtDA,2CAA6B,OAsDA;AApD9B,qCAA+D;AAqD9D,uFArDQ,eAAM,OAqDR;AACN,+FAtDgB,uBAAc,OAsDhB;AAqDd,6FA3GgC,qBAAY,OA2GhC;AA1Gb,mCAA+B;AAwD9B,sFAxDQ,aAAK,OAwDR;AAvDN,yCAAkC;AAwDjC,mFAxDQ,UAAE,OAwDR;AAvDH,qCAA0F;AAyDzF,uFAzDQ,eAAM,OAyDR;AACN,8FA1DgB,sBAAa,OA0DhB;AAEb,4FA5D+B,oBAAW,OA4D/B;AACX,8FA7D4C,sBAAa,OA6D5C;AA4Cb,6FAzG2D,qBAAY,OAyG3D;AAxGb,iCAA6B;AAiE5B,qFAjEQ,WAAI,OAiER;AAhEL,iCAA6B;AAiE5B,qFAjEQ,WAAI,OAiER;AAhEL,mCAA2D;AAiD1D,2FAjDQ,kBAAU,OAiDR;AACV,2FAlDoB,kBAAU,OAkDpB;AA+BV,0FAjFgC,iBAAS,OAiFhC;AAhFV,mCAA+B;AAiE9B,sFAjEQ,aAAK,OAiER;AAhEN,qCAAiC;AAiEhC,uFAjEQ,eAAM,OAiER;AAhEP,mCAA+B;AAiE9B,sFAjEQ,aAAK,OAiER;AAhEN,yCAAqC;AAiEpC,yFAjEQ,mBAAQ,OAiER;AAhET,qCAAyD;AAiExD,kGAjEQ,0BAAiB,OAiER;AAUjB,4FA3E2B,oBAAW,OA2E3B;AA1EZ,iCAAwG;AAiEvG,qFAjEQ,WAAI,OAiER;AACJ,0FAlEc,gBAAS,OAkEd;AACT,0FAnEyB,gBAAS,OAmEzB;AACT,yFApEoC,eAAQ,OAoEpC;AACR,4FArE8C,kBAAW,OAqE9C;AACX,gGAtE2D,sBAAe,OAsE3D;AACf,4FAvE4E,kBAAW,OAuE5E;AAtEZ,yCAAqC;AAuEpC,yFAvEQ,mBAAQ,OAuER;AAtET,6CAAyC;AAuExC,2FAvEQ,uBAAU,OAuER;AAtEX,qCAAiC;AAyEhC,uFAzEQ,eAAM,OAyER;AAxEP,yCAAqC;AAuDpC,yFAvDQ,mBAAQ,OAuDR;AAtDT,+CAUsB;AA8DrB,4FAvEA,yBAAW,OAuEA;AACX,mGAvEA,gCAAkB,OAuEA;AAClB,mGAvEA,gCAAkB,OAuEA;AAClB,kGAvEA,+BAAiB,OAuEA;AACjB,kGAvEA,+BAAiB,OAuEA;AACjB,iGAvEA,8BAAgB,OAuEA;AAChB,uGAvEA,oCAAsB,OAuEA;AACtB,kGAvEA,+BAAiB,OAuEA;AACjB,kGAvEA,+BAAiB,OAuEA;AArElB,iCAAsC;AAsErC,8FAtEQ,oBAAa,OAsER;AArEd,uDAAiI;AAsEhI,qGAtEQ,sCAAoB,OAsER;AACpB,qGAvE8B,sCAAoB,OAuE9B;AACpB,4GAxEoD,6CAA2B,OAwEpD;AAI3B,qGA5EiF,sCAAoB,OA4EjF;AA3ErB,+CAA2C;AA4E1C,4FA5EQ,yBAAW,OA4ER;AA3EZ,mCAA8C;AAuE7C,sFAvEQ,aAAK,OAuER;AACL,8FAxEe,qBAAa,OAwEf;AAvEd,yCAAqC;AAwEpC,yFAxEQ,mBAAQ,OAwER"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.20-beta-test-ac75fb8e",
+  "version": "0.0.20-beta-pv-52992-d5155aa6",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,7 +24,6 @@
     "@hookform/resolvers": "3.9.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "1.1.1",
-    "@radix-ui/react-checkbox": "1.1.1",
     "@radix-ui/react-collapsible": "1.1.0",
     "@radix-ui/react-dropdown-menu": "2.1.1",
     "@radix-ui/react-label": "2.1.0",
@@ -49,7 +48,7 @@
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.4",
     "tailwindcss-animate": "^1.0.7",
-    "vaul": "0.9.9",
+    "vaul": "0.9.1",
     "zod": "3.23.8"
   },
   "devDependencies": {

package/src/@/config/index.ts

@@ -75,15 +75,10 @@ export default {
 				from: { height: 'var(--radix-accordion-content-height)' },
 				to: { height: '0' },
 			},
-			'caret-blink': {
-				'0%,70%,100%': { opacity: '1' },
-				'20%,50%': { opacity: '0' },
-			},
 		},
 		animation: {
 			'accordion-down': 'accordion-down 0.2s ease-out',
 			'accordion-up': 'accordion-up 0.2s ease-out',
-			'caret-blink': 'caret-blink 1.25s ease-out infinite',
 		},
 	},
 }

package/src/Drawer/Drawer.tsx

@@ -1,10 +1,89 @@
 import * as React from 'react'
 import { Drawer as DrawerPrimitive } from 'vaul'
+import { cn } from '../@/lib/utils'
+import { useContext } from 'react'
+
+const DrawerContext = React.createContext({direction: 'bottom', modal: false})
+
+const Drawer = ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => {
+	return (
+		<DrawerContext.Provider value={{direction: props.direction, modal: props.modal}}>
+			<DrawerPrimitive.Root {...props} />
+		</DrawerContext.Provider>
+	)
+}
+
+Drawer.displayName = 'Drawer'
 
-const Drawer = DrawerPrimitive.Root
 const DrawerTrigger = DrawerPrimitive.Trigger
-const DrawerContent = DrawerPrimitive.Content
+
 const DrawerPortal = DrawerPrimitive.Portal
+
 const DrawerClose = DrawerPrimitive.Close
 
-export { Drawer, DrawerTrigger, DrawerContent, DrawerPortal, DrawerClose}
+const DrawerOverlay = DrawerPrimitive.Overlay
+
+const DrawerTitle = React.forwardRef<
+	React.ElementRef<typeof DrawerPrimitive.Title>,
+	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+>(({ className, ...props }, ref) => (
+	<DrawerPrimitive.Title
+		ref={ref}
+		className={cn(className)}
+		{...props}
+	/>
+))
+
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
+const DrawerContent = React.forwardRef<
+	React.ElementRef<typeof DrawerPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
+>(({ className, children, ...props }, ref) => {
+	const {direction = 'bottom', modal = false} = useContext(DrawerContext)
+
+	return (
+		<DrawerPortal>
+			{modal && <DrawerOverlay className='z-50 fixed inset-0 bg-[--drawer-overlay-bg]' />}
+			<DrawerPrimitive.Content
+				ref={ref}
+				className={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' && (
+					<div className="pt-[4px] pb-[16px]">
+						<span className="block bg-[--cl-graphite-5] mx-auto rounded-full w-[36px] h-[5px]" />
+					</div>
+				)}
+
+				{children}
+
+				{direction === 'top' && (
+					<div className="pt-[24px] pb-[16px]">
+						<svg
+							className="mx-auto"
+							width="38"
+							height="10"
+							viewBox="0 0 38 10"
+							fill="none"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<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)"
+							/>
+						</svg>
+					</div>
+				)}
+			</DrawerPrimitive.Content>
+		</DrawerPortal>
+	)
+})
+
+DrawerContent.displayName = 'DrawerContent'
+
+export { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerClose }

package/src/Drawer/index.ts

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

package/src/Input-OTP/Input.tsx

@@ -37,7 +37,7 @@ const InputOTPSlot = React.forwardRef<
 			ref={ref}
 			className={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',
+				isActive && 'z-10 ring-2 ring-ring ring-offset-background',
 				className
 			)}
 			{...props}
@@ -46,7 +46,7 @@ const InputOTPSlot = React.forwardRef<
 			{char}
 			{hasFakeCaret && (
 				<div className="absolute inset-0 flex justify-center items-center pointer-events-none">
-					{/* <div className="bg-primary w-[2px] h-[32px] animate-caret-blink duration-1000" /> */}
+					<div className="bg-foreground w-px h-4 animate-caret-blink duration-1000" />
 				</div>
 			)}
 		</div>

package/src/Select/SelectAccount.tsx

@@ -0,0 +1,101 @@
+import * as React from 'react'
+import { CheckSmall } from '../../src/Icon'
+import Select, { components, OptionProps, SingleValueProps, GroupBase, Props } from 'react-select'
+import { cn } from '../@/lib/utils'
+import {
+	colourStyles,
+	Control,
+	DropdownIndicator,
+	IndicatorsContainer,
+	Input,
+	LoadingIndicator,
+	Menu,
+	optionClasses,
+	Placeholder,
+	ValueContainer,
+} from './components'
+
+const Option = ({ children, ...props }: OptionProps) => {
+	const {
+		isSelected,
+		isFocused,
+		isDisabled,
+		// @ts-ignore
+		data: { label, account, balance, cur },
+	} = props
+	return (
+		<components.Option
+			className={cn(optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled })}
+			{...props}
+		>
+			<span className="flex basis-0 grow">
+				<span>
+					<span className="text-[16px`] leading-[1.375]">{label}</span>
+					<br />
+					<span className="text-[12px] text-light">{account}</span>
+				</span>
+				<span className="ml-auto shrink-0">{cur}</span>
+			</span>
+
+			<span className="ml-[16px] shrink-0 size-[24px]">
+				{isSelected && (
+					<CheckSmall
+						width="24"
+						height="24"
+						className="text-primary"
+					/>
+				)}
+			</span>
+		</components.Option>
+	)
+}
+
+const SingleValue = ({ children, ...props }: SingleValueProps) => {
+	const {
+		// @ts-ignore
+		data: { account, cur },
+	} = props
+	return (
+		<components.SingleValue
+			className="col-start-1 col-end-3 row-start-1 row-end-2"
+			{...props}
+		>
+			{account} ({cur})
+		</components.SingleValue>
+	)
+}
+
+type SelectAccountProps<
+	Option,
+	IsMulti extends boolean = false,
+	Group extends GroupBase<Option> = GroupBase<Option>
+> = Props<Option, IsMulti, Group>
+
+function SelectAccount<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(
+	props: SelectAccountProps<Option, IsMulti, Group>
+) {
+	return (
+		<Select
+			components={{
+				Control,
+				Option,
+				SingleValue,
+				DropdownIndicator,
+				IndicatorSeparator: () => null,
+				Menu,
+				ValueContainer,
+				Placeholder,
+				Input,
+				LoadingIndicator,
+				IndicatorsContainer,
+			}}
+			styles={colourStyles}
+			unstyled={true}
+			{...props}
+		/>
+	)
+}
+
+SelectAccount.displayName = 'SelectAccount'
+
+export { SelectAccount }

package/src/Select/SelectAccountCard.tsx

@@ -5,14 +5,12 @@ import Select, {
 	ControlProps,
 	OptionProps,
 	DropdownIndicatorProps,
-	StylesConfig,
 	SingleValueProps,
-	MenuProps,
-	ValueContainerProps,
 	Props,
 	GroupBase,
 } from 'react-select'
 import { cn } from '../@/lib/utils'
+import { colourStyles, Menu, optionClasses, ValueContainer } from './components'
 
 const selectTriggerClasses: string = `
 	flex
@@ -30,19 +28,6 @@ const selectTriggerClasses: string = `
 	shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)]
 	cursor-pointer
 `
-
-const colourStyles: StylesConfig = {
-	control: () => ({}),
-	option: () => ({}),
-	input: () => ({}),
-	dropdownIndicator: () => ({}),
-	indicatorsContainer: () => ({}),
-	menu: () => ({}),
-	menuList: () => ({}),
-	singleValue: () => ({}),
-	valueContainer: () => ({}),
-}
-
 const Control = ({ children, ...props }: ControlProps) => {
 	const { isFocused } = props
 	return (
@@ -58,19 +43,6 @@ const Control = ({ children, ...props }: ControlProps) => {
 	)
 }
 
-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 }: OptionProps) => {
 	const {
 		isSelected,
@@ -123,17 +95,6 @@ const DropdownIndicator = ({ children, ...props }: DropdownIndicatorProps) => {
 	)
 }
 
-const ValueContainer = ({ children, ...props }: ValueContainerProps) => {
-	return (
-		<components.ValueContainer
-			className="flex-1 grid"
-			{...props}
-		>
-			{children}
-		</components.ValueContainer>
-	)
-}
-
 const SingleValue = ({ children, ...props }: SingleValueProps) => {
 	// @ts-ignore
 	const { label, account, balance, cur } = props.data
@@ -152,17 +113,6 @@ const SingleValue = ({ children, ...props }: SingleValueProps) => {
 	)
 }
 
-const Menu = ({ children, ...props }: MenuProps) => {
-	return (
-		<components.Menu
-			className="z-[1] absolute inset-x-0 bg-page shadow-md mt-[8px] rounded-md"
-			{...props}
-		>
-			{children}
-		</components.Menu>
-	)
-}
-
 type SelectAccountCardProps<
 	Option,
 	IsMulti extends boolean = false,