@modul/mbui 0.0.4-beta-pv-52894-6d5156ce → 0.0.4-beta-pv-52894-f5bcf45d

package/dist/DasboardDrawer/DashboardDrawer.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+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 DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare type DrawerListProps = {
+    children: React.ReactNode;
+};
+declare const DrawerList: React.FC<DrawerListProps>;
+declare type DrawerListItemProps = {
+    value: string;
+    label: string | JSX.Element;
+    isSelected?: boolean;
+};
+declare const DrawerListItem: React.FC<DrawerListItemProps>;
+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, DrawerClose, DrawerContent, DrawerList, DrawerListItem };

package/dist/DasboardDrawer/DashboardDrawer.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = 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 utils_1 = require("../@/lib/utils");
+const Drawer = ({ ...props }) => React.createElement(vaul_1.Drawer.Root, { ...props });
+exports.Drawer = Drawer;
+Drawer.displayName = 'Drawer';
+const DrawerTrigger = vaul_1.Drawer.Trigger;
+exports.DrawerTrigger = DrawerTrigger;
+const DrawerPortal = vaul_1.Drawer.Portal;
+const DrawerClose = vaul_1.Drawer.Close;
+exports.DrawerClose = DrawerClose;
+const DrawerFooter = () => (React.createElement("div", { className: "p-[16px] cursor-pointer" },
+    React.createElement("svg", { className: "block 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: "#243036", "fill-opacity": "0.24" }))));
+const DrawerList = ({ children }) => {
+    return (React.createElement("div", { role: "listbox", className: "px-[12px] py-[20px]" }, children));
+};
+exports.DrawerList = DrawerList;
+const DrawerListItem = ({ label, value, isSelected }) => {
+    return (React.createElement("div", { role: "option", "aria-labelledby": "", "aria-selected": isSelected, className: "flex", tabIndex: 0 },
+        React.createElement("div", { className: "shrink-0" },
+            React.createElement("p", { className: "font-medium text-[14px] text-muted leading-[1.4]", id: "" }, label),
+            React.createElement("p", { className: "font-bold text-[20px] leading-[1.2]" }, value)),
+        isSelected && React.createElement("span", null)));
+};
+exports.DrawerListItem = DrawerListItem;
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(DrawerPortal, null,
+    React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)('fixed inset-x-0 top-0 flex h-auto flex-col bg-app bg-[#fff] shadow-sm rounded-[8px] #24303614; 0px 0px 16px 4px', className), ...props },
+        children,
+        React.createElement(DrawerFooter, null)))));
+exports.DrawerContent = DrawerContent;
+DrawerContent.displayName = 'DrawerContent';
+//# sourceMappingURL=DashboardDrawer.js.map

package/dist/DasboardDrawer/DashboardDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardDrawer.js","sourceRoot":"","sources":["../../src/DasboardDrawer/DashboardDrawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AAEnC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE,CAAC,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAqF9G,wBAAM;AApFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAkF5B,sCAAa;AAhF9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AA8ET,kCAAW;AA5E3C,MAAM,YAAY,GAAa,GAAG,EAAE,CAAC,CACpC,6BAAK,SAAS,EAAC,yBAAyB;IACvC,6BACC,SAAS,EAAC,eAAe,EACzB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,kBACD,MAAM,GAClB,CACG,CACD,CACN,CAAA;AAID,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,OAAO,CACN,6BACC,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,qBAAqB,IAE9B,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AA8C2D,gCAAU;AAxCtE,MAAM,cAAc,GAAkC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,OAAO,CACN,6BACC,IAAI,EAAC,QAAQ,qBACG,EAAE,mBACH,UAAU,EACzB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC;QAEX,6BAAK,SAAS,EAAC,UAAU;YACxB,2BACC,SAAS,EAAC,kDAAkD,EAC5D,EAAE,EAAC,EAAE,IAEJ,KAAK,CACH;YACJ,2BAAG,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAK,CACzD;QACL,UAAU,IAAI,iCAAa,CACvB,CACN,CAAA;AACF,CAAC,CAAA;AAmBuE,wCAAc;AAjBtF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,oBAAC,YAAY;IACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,iHAAiH,EAAE,SAAS,CAAC,KACvI,KAAK;QAER,QAAQ;QACT,oBAAC,YAAY,OAAG,CACS,CACZ,CACf,CAAC,CAAA;AAG2C,sCAAa;AAF1D,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/DasboardDrawer/index.d.ts

@@ -0,0 +1 @@
+export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem } from './DashboardDrawer';

package/dist/DasboardDrawer/index.js

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

package/dist/DasboardDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DasboardDrawer/index.ts"],"names":[],"mappings":";;;AAAA,qDAO4B;AAN3B,yGAAA,MAAM,OAAA;AACN,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,iHAAA,cAAc,OAAA"}

package/dist/index.d.ts

@@ -12,4 +12,5 @@ import { Button } from "./Button";
 import { Input } from "./Base/Input";
 import { Audio } from "./Audio";
 import { cn } from "./@/lib/utils";
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, Audio, cn, BottomNavigation, Icon, };
+import { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem } from './DasboardDrawer';
+export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, Audio, cn, BottomNavigation, Icon, Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = exports.BottomNavigation = exports.cn = exports.Audio = exports.Input = 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.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.BottomNavigation = exports.cn = exports.Audio = exports.Input = 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;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -39,4 +39,11 @@ const Audio_1 = require("./Audio");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
 const utils_1 = require("./@/lib/utils");
 Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
+const DasboardDrawer_1 = require("./DasboardDrawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return DasboardDrawer_1.Drawer; } });
+Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return DasboardDrawer_1.DrawerTrigger; } });
+Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return DasboardDrawer_1.DrawerClose; } });
+Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return DasboardDrawer_1.DrawerContent; } });
+Object.defineProperty(exports, "DrawerList", { enumerable: true, get: function () { return DasboardDrawer_1.DrawerList; } });
+Object.defineProperty(exports, "DrawerListItem", { enumerable: true, get: function () { return DasboardDrawer_1.DrawerListItem; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA0BnC,wFA1BQ,iBAAO,OA0BR;AAzBR,iCAA8B;AA0B7B,qFA1BQ,WAAI,OA0BR;AAzBL,qCAAkC;AA0BjC,uFA1BQ,eAAM,OA0BR;AAzBP,uCAAoC;AA0BnC,wFA1BQ,iBAAO,OA0BR;AAzBR,+DAA0B;AA0BzB,eA1BM,cAAI,CA0BN;AAzBL,2CAAuF;AA0BtF,yFA1BQ,oBAAQ,OA0BR;AACR,8FA3BkB,yBAAa,OA2BlB;AACb,6FA5BiC,wBAAY,OA4BjC;AACZ,kGA7B+C,6BAAiB,OA6B/C;AA5BlB,yDAAsD;AAyCrD,iGAzCQ,mCAAgB,OAyCR;AAxCjB,0DAA+B;AAyC9B,oBAAI;AAxCL,+CAIuB;AAuBtB,4FA1BA,yBAAW,OA0BA;AACX,mGA1BA,gCAAkB,OA0BA;AAClB,mGA1BA,gCAAkB,OA0BA;AAxBnB,+CAMuB;AAmBtB,mGAxBA,gCAAkB,OAwBA;AAClB,yGAxBA,sCAAwB,OAwBA;AACxB,0GAxBA,uCAAyB,OAwBA;AACzB,0GAxBA,uCAAyB,OAwBA;AACzB,8GAxBA,2CAA6B,OAwBA;AAtB9B,qCAAkC;AAuBjC,uFAvBQ,eAAM,OAuBR;AAtBP,wCAAqC;AAuBpC,sFAvBQ,aAAK,OAuBR;AAtBN,mCAAgC;AAuB/B,sFAvBQ,aAAK,OAuBR;AAtBN,yCAAmC;AAuBlC,mFAvBQ,UAAE,OAuBR"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AAkCnC,wFAlCQ,iBAAO,OAkCR;AAjCR,iCAA8B;AAkC7B,qFAlCQ,WAAI,OAkCR;AAjCL,qCAAkC;AAkCjC,uFAlCQ,eAAM,OAkCR;AAjCP,uCAAoC;AAkCnC,wFAlCQ,iBAAO,OAkCR;AAjCR,+DAA0B;AAkCzB,eAlCM,cAAI,CAkCN;AAjCL,2CAAuF;AAkCtF,yFAlCQ,oBAAQ,OAkCR;AACR,8FAnCkB,yBAAa,OAmClB;AACb,6FApCiC,wBAAY,OAoCjC;AACZ,kGArC+C,6BAAiB,OAqC/C;AApClB,yDAAsD;AAiDrD,iGAjDQ,mCAAgB,OAiDR;AAhDjB,0DAA+B;AAiD9B,oBAAI;AAhDL,+CAIuB;AA+BtB,4FAlCA,yBAAW,OAkCA;AACX,mGAlCA,gCAAkB,OAkCA;AAClB,mGAlCA,gCAAkB,OAkCA;AAhCnB,+CAMuB;AA2BtB,mGAhCA,gCAAkB,OAgCA;AAClB,yGAhCA,sCAAwB,OAgCA;AACxB,0GAhCA,uCAAyB,OAgCA;AACzB,0GAhCA,uCAAyB,OAgCA;AACzB,8GAhCA,2CAA6B,OAgCA;AA9B9B,qCAAkC;AA+BjC,uFA/BQ,eAAM,OA+BR;AA9BP,wCAAqC;AA+BpC,sFA/BQ,aAAK,OA+BR;AA9BN,mCAAgC;AA+B/B,sFA/BQ,aAAK,OA+BR;AA9BN,yCAAmC;AA+BlC,mFA/BQ,UAAE,OA+BR;AA9BH,qDAOyB;AA0BxB,uFAhCA,uBAAM,OAgCA;AACN,8FAhCA,8BAAa,OAgCA;AACb,4FAhCA,4BAAW,OAgCA;AACX,8FAhCA,8BAAa,OAgCA;AACb,2FAhCA,2BAAU,OAgCA;AACV,+FAhCA,+BAAc,OAgCA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.4-beta-pv-52894-6d5156ce",
+  "version": "0.0.4-beta-pv-52894-f5bcf45d",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/DasboardDrawer/DashboardDrawer.tsx

@@ -1,5 +1,3 @@
-'use client'
-
 import * as React from 'react'
 import { Drawer as DrawerPrimitive } from 'vaul'
 import { cn } from '../@/lib/utils'
@@ -71,7 +69,7 @@ const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isSelecte
 		</div>
 	)
 }
-// const Drawer
+
 const DrawerContent = React.forwardRef<
 	React.ElementRef<typeof DrawerPrimitive.Content>,
 	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
@@ -79,7 +77,7 @@ const DrawerContent = React.forwardRef<
 	<DrawerPortal>
 		<DrawerPrimitive.Content
 			ref={ref}
-			className={cn('fixed inset-x-0 top-0 flex h-auto flex-col bg-app', className)}
+			className={cn('fixed inset-x-0 top-0 flex h-auto flex-col bg-app bg-[#fff] shadow-sm rounded-[8px] #24303614; 0px 0px 16px 4px', className)}
 			{...props}
 		>
 			{children}

package/src/DasboardDrawer/index.ts

@@ -1,14 +1,8 @@
 export {
 	Drawer,
-	// DrawerPortal,
-	// DrawerOverlay,
 	DrawerTrigger,
 	DrawerClose,
 	DrawerContent,
-	// DrawerHeader,
-	// DrawerFooter,
-	// DrawerTitle,
-	// DrawerDescription,
 	DrawerList,
 	DrawerListItem
   } from './DashboardDrawer'

package/src/index.ts

@@ -22,6 +22,14 @@ import { Button } from "./Button";
 import { Input } from "./Base/Input";
 import { Audio } from "./Audio";
 import { cn } from "./@/lib/utils";
+import {
+	Drawer,
+	DrawerTrigger,
+	DrawerClose,
+	DrawerContent,
+	DrawerList,
+	DrawerListItem
+} from './DasboardDrawer'
 
 export {
 	Tooltip,
@@ -47,4 +55,10 @@ export {
 	cn,
 	BottomNavigation,
 	Icon,
+	Drawer,
+	DrawerTrigger,
+	DrawerClose,
+	DrawerContent,
+	DrawerList,
+	DrawerListItem
 };