@modul/mbui 0.0.10-beta-pv-52970-8bff8029 → 0.0.10-beta-pv-52970-19d10001

package/dist/Drawer/Drawer.js

@@ -5,7 +5,12 @@ 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 });
+const react_1 = require("react");
+const DrawerContext = React.createContext('bottom');
+const Drawer = ({ ...props }) => {
+    return (React.createElement(DrawerContext.Provider, { value: props.direction },
+        React.createElement(vaul_1.Drawer.Root, { ...props })));
+};
 exports.Drawer = Drawer;
 Drawer.displayName = 'Drawer';
 const DrawerTrigger = vaul_1.Drawer.Trigger;
@@ -17,13 +22,18 @@ 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 DrawerFooter = () => (React.createElement(DrawerClose, { className: "p-[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: "#243036", fillOpacity: "0.24" }))));
 const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
-    console.log("EF>", ref);
+    const direction = (0, react_1.useContext)(DrawerContext);
+    console.log("direction", direction);
     return (React.createElement(DrawerPortal, null,
-        React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)('fixed flex inset-x-0 bottom-0 flex-col bg-page drop-shadow-1 rounded-t-1 z-50', className), ...props }, children)));
+        React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)(`${direction ?? 'bottom'}-0 z-50 fixed inset-x-0 flex bg-page drop-shadow-1 sm:container flex-col *:shrink-0 rounded-t-1`, 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,
+            direction === 'top' &&
+                React.createElement(DrawerClose, { 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: "#cbcdd1" }))))));
 });
 exports.DrawerContent = DrawerContent;
 DrawerContent.displayName = 'DrawerContent';

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;AAGnC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE,CAAC,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAmE9G,wBAAM;AAjEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AA+D5B,sCAAa;AA7D9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AA2DmB,kCAAW;AAzDvE,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;AA8C6C,kCAAW;AA5C1D,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,YAAY,GAAa,GAAG,EAAE,CAAC,CACpC,oBAAC,WAAW,IAAC,SAAS,EAAC,UAAU;IAChC,6BACC,SAAS,EAAC,SAAS,EACnB,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,EACd,WAAW,EAAC,MAAM,GACjB,CACG,CACO,CACd,CAAA;AAED,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,OAAO,CAAC,GAAG,CAAC,KAAK,EAAC,GAAG,CAAC,CAAA;IACtB,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,+EAA+E,EAC/E,SAAS,CACT,KACG,KAAK,IAER,QAAQ,CACgB,CAEZ,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;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,SAAS,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAC3C,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IAEnC,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,GACC,SAAS,IAAI,QACd,iGAAiG,EACjG,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;gBACnB,oBAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB;oBAC3C,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;wBAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,GACb,CACG,CACO,CAEU,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/Page/Page.d.ts

@@ -3,6 +3,10 @@ declare type IProps = {
     children?: React.ReactNode;
     className?: string;
 };
-declare const PageNavbar: FC<IProps>;
-declare const Page: FC<IProps>;
-export { Page, PageNavbar };
+interface IPage extends FC<IProps> {
+    displayName: string;
+    Navbar: FC<IProps>;
+    Content: FC<IProps>;
+}
+declare const Page: IPage;
+export { Page };

package/dist/Page/Page.js

@@ -1,17 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageNavbar = exports.Page = void 0;
+exports.Page = void 0;
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const utils_1 = require("../@/lib/utils");
-const PageNavbar = ({ children, className }) => {
+const Navbar = ({ children, className }) => {
+    return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[44px] px-[20px]', className) }, children);
+};
+const Content = ({ children, className }) => {
     return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[44px] px-[20px]', className) }, children);
 };
-exports.PageNavbar = PageNavbar;
-PageNavbar.displayName = 'PageNavbar';
 const Page = ({ children, className }) => {
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)('sm:container bg-page h-screen', className) }, children));
+    return react_1.default.createElement("div", { className: (0, utils_1.cn)('sm:container bg-page h-screen', className) }, children);
 };
 exports.Page = Page;
 Page.displayName = 'Page';
+Page.Navbar = Navbar;
+Page.Content = Content;
 //# sourceMappingURL=Page.js.map

package/dist/Page/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAgC;AAChC,0CAAoC;AAOpC,MAAM,UAAU,GAAe,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,EAAE;IACxD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAC1E,QAAQ,CACJ,CAAA;AACP,CAAC,CAAA;AAcc,gCAAU;AAZzB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,IAAI,GAAe,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,EAAE;IAClD,OAAO,CACN,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,IAC5D,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAA;AAIQ,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AACjC,0CAAmC;AAOnC,MAAM,MAAM,GAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAU,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAU,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC/F,CAAC,CAAA;AAQD,MAAM,IAAI,GAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAU,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACxF,CAAC,CAAA;AAMQ,oBAAI;AAJb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA"}

package/dist/Page/index.d.ts

@@ -1 +1 @@
-export { Page, PageNavbar } from './Page';
+export { Page } from './Page';

package/dist/Page/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageNavbar = exports.Page = void 0;
+exports.Page = void 0;
 var Page_1 = require("./Page");
 Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
-Object.defineProperty(exports, "PageNavbar", { enumerable: true, get: function () { return Page_1.PageNavbar; } });
 //# sourceMappingURL=index.js.map

package/dist/Page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Page/index.ts"],"names":[],"mappings":";;;AAAA,+BAAyC;AAAhC,4FAAA,IAAI,OAAA;AAAE,kGAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Page/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/dist/index.d.ts

@@ -12,9 +12,8 @@ import { Button } from "./Button";
 import { Input } from "./Base/Input";
 import { Audio } from "./Audio";
 import { cn } from "./@/lib/utils";
-import { Drawer, DrawerTrigger, DrawerClose, DrawerContent } from './Drawer';
+import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer';
 import { Page } from "./Page";
-import { PageNavbar } from "./Page";
 import { Chip } from "./Chip";
 import { InputField, InputLabel } from "./Input";
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, PageNavbar, Chip, };
+export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chip = exports.PageNavbar = 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.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.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.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; } });
@@ -45,12 +45,11 @@ 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; } });
 const Page_1 = require("./Page");
 Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
-const Page_2 = require("./Page");
-Object.defineProperty(exports, "PageNavbar", { enumerable: true, get: function () { return Page_2.PageNavbar; } });
 const Chip_1 = require("./Chip");
 Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
 const Input_2 = require("./Input");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA6CnC,wFA7CQ,iBAAO,OA6CR;AA5CR,iCAA8B;AA6C7B,qFA7CQ,WAAI,OA6CR;AA5CL,qCAAkC;AA6CjC,uFA7CQ,eAAM,OA6CR;AA5CP,uCAAoC;AA6CnC,wFA7CQ,iBAAO,OA6CR;AA5CR,+DAA0B;AA6CzB,eA7CM,cAAI,CA6CN;AA5CL,2CAIqB;AAyCpB,yFA7CQ,oBAAQ,OA6CR;AACR,8FA7CA,yBAAa,OA6CA;AACb,6FA7CA,wBAAY,OA6CA;AACZ,kGA7CA,6BAAiB,OA6CA;AA3ClB,yDAK4B;AA0D3B,iGA9DA,mCAAgB,OA8DA;AAChB,qGA9DA,uCAAoB,OA8DA;AACpB,yGA9DA,2CAAwB,OA8DA;AACxB,qGA9DA,uCAAoB,OA8DA;AA5DrB,0DAA+B;AAoD9B,oBAAI;AAnDL,+CAIuB;AAiCtB,4FApCA,yBAAW,OAoCA;AACX,mGApCA,gCAAkB,OAoCA;AAClB,mGApCA,gCAAkB,OAoCA;AAlCnB,+CAMuB;AA6BtB,mGAlCA,gCAAkB,OAkCA;AAClB,yGAlCA,sCAAwB,OAkCA;AACxB,0GAlCA,uCAAyB,OAkCA;AACzB,0GAlCA,uCAAyB,OAkCA;AACzB,8GAlCA,2CAA6B,OAkCA;AAhC9B,qCAAkC;AAiCjC,uFAjCQ,eAAM,OAiCR;AAhCP,wCAAqC;AAiCpC,sFAjCQ,aAAK,OAiCR;AAhCN,mCAAgC;AAmC/B,sFAnCQ,aAAK,OAmCR;AAlCN,yCAAmC;AAmClC,mFAnCQ,UAAE,OAmCR;AAlCH,qCAKiB;AA+BhB,uFAnCA,eAAM,OAmCA;AACN,8FAnCA,sBAAa,OAmCA;AACb,4FAnCA,oBAAW,OAmCA;AACX,8FAnCA,sBAAa,OAmCA;AAjCd,iCAA8B;AAsC7B,qFAtCQ,WAAI,OAsCR;AArCL,iCAAoC;AAsCnC,2FAtCQ,iBAAU,OAsCR;AArCX,iCAA8B;AAsC7B,qFAtCQ,WAAI,OAsCR;AArCL,mCAAiD;AAsBhD,2FAtBQ,kBAAU,OAsBR;AACV,2FAvBoB,kBAAU,OAuBpB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA6CnC,wFA7CQ,iBAAO,OA6CR;AA5CR,iCAA8B;AA6C7B,qFA7CQ,WAAI,OA6CR;AA5CL,qCAAkC;AA6CjC,uFA7CQ,eAAM,OA6CR;AA5CP,uCAAoC;AA6CnC,wFA7CQ,iBAAO,OA6CR;AA5CR,+DAA0B;AA6CzB,eA7CM,cAAI,CA6CN;AA5CL,2CAIqB;AAyCpB,yFA7CQ,oBAAQ,OA6CR;AACR,8FA7CA,yBAAa,OA6CA;AACb,6FA7CA,wBAAY,OA6CA;AACZ,kGA7CA,6BAAiB,OA6CA;AA3ClB,yDAK4B;AA2D3B,iGA/DA,mCAAgB,OA+DA;AAChB,qGA/DA,uCAAoB,OA+DA;AACpB,yGA/DA,2CAAwB,OA+DA;AACxB,qGA/DA,uCAAoB,OA+DA;AA7DrB,0DAA+B;AAoD9B,oBAAI;AAnDL,+CAIuB;AAiCtB,4FApCA,yBAAW,OAoCA;AACX,mGApCA,gCAAkB,OAoCA;AAClB,mGApCA,gCAAkB,OAoCA;AAlCnB,+CAMuB;AA6BtB,mGAlCA,gCAAkB,OAkCA;AAClB,yGAlCA,sCAAwB,OAkCA;AACxB,0GAlCA,uCAAyB,OAkCA;AACzB,0GAlCA,uCAAyB,OAkCA;AACzB,8GAlCA,2CAA6B,OAkCA;AAhC9B,qCAAkC;AAiCjC,uFAjCQ,eAAM,OAiCR;AAhCP,wCAAqC;AAiCpC,sFAjCQ,aAAK,OAiCR;AAhCN,mCAAgC;AAmC/B,sFAnCQ,aAAK,OAmCR;AAlCN,yCAAmC;AAmClC,mFAnCQ,UAAE,OAmCR;AAlCH,qCAMiB;AA8BhB,uFAnCA,eAAM,OAmCA;AACN,8FAnCA,sBAAa,OAmCA;AACb,4FAnCA,oBAAW,OAmCA;AACX,4FAnCA,oBAAW,OAmCA;AACX,8FAnCA,sBAAa,OAmCA;AAjCd,iCAA8B;AAsC7B,qFAtCQ,WAAI,OAsCR;AArCL,iCAA8B;AAsC7B,qFAtCQ,WAAI,OAsCR;AArCL,mCAAiD;AAsBhD,2FAtBQ,kBAAU,OAsBR;AACV,2FAvBoB,kBAAU,OAuBpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.10-beta-pv-52970-8bff8029",
+  "version": "0.0.10-beta-pv-52970-19d10001",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/Drawer/Drawer.tsx

@@ -1,9 +1,17 @@
 import * as React from 'react'
 import { Drawer as DrawerPrimitive } from 'vaul'
 import { cn } from '../@/lib/utils'
-import { useContext } from 'react';
+import { useContext } from 'react'
 
-const Drawer = ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => <DrawerPrimitive.Root {...props} />
+const DrawerContext = React.createContext('bottom')
+
+const Drawer = ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => {
+	return (
+		<DrawerContext.Provider value={props.direction}>
+			<DrawerPrimitive.Root {...props} />
+		</DrawerContext.Provider>
+	)
+}
 
 Drawer.displayName = 'Drawer'
 
@@ -28,43 +36,51 @@ const DrawerTitle = React.forwardRef<
 
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName
 
-const DrawerFooter: React.FC = () => (
-	<DrawerClose className="p-[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="#243036"
-				fillOpacity="0.24"
-			/>
-		</svg>
-	</DrawerClose>
-)
-
 const DrawerContent = React.forwardRef<
 	React.ElementRef<typeof DrawerPrimitive.Content>,
 	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
 >(({ className, children, ...props }, ref) => {
-	console.log("EF>",ref)
+	const direction = useContext(DrawerContext)
+	console.log("direction", direction)
+
 	return (
 		<DrawerPortal>
 			<DrawerPrimitive.Content
 				ref={ref}
 				className={cn(
-					'fixed flex inset-x-0 bottom-0 flex-col bg-page drop-shadow-1 rounded-t-1 z-50',
+					`${
+						direction ?? 'bottom'
+					}-0 z-50 fixed inset-x-0 flex bg-page drop-shadow-1 sm:container flex-col *:shrink-0 rounded-t-1`,
 					className
 				)}
 				{...props}
 			>
+				{direction !== 'top' && (
+					<DrawerClose className="pt-[4px] pb-[16px]">
+						<span className="block bg-[#cbcdd1] mx-auto rounded-full w-[36px] h-[5px]" />
+					</DrawerClose>
+				)}
+
 				{children}
+
+				{direction === 'top' &&
+					<DrawerClose 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="#cbcdd1"
+							/>
+						</svg>
+					</DrawerClose>
+				}
 			</DrawerPrimitive.Content>
-			{/* <DrawerOverlay className='fixed inset-0 bg-[#000]/70'/> */}
 		</DrawerPortal>
 	)
 })

package/src/DrawerCompanyList/CompanyList.tsx

@@ -58,6 +58,6 @@ const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isActive,
 export { CompanyList }
 
 
-<DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
+{/* <DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
 {children}
-<DrawerFooter />
+<DrawerFooter /> */}

package/src/Page/Page.tsx

@@ -1,27 +1,31 @@
-import React, {FC} from 'react';
-import { cn } from '../@/lib/utils';
+import React, { FC } from 'react'
+import { cn } from '../@/lib/utils'
 
 type IProps = {
-	children?: React.ReactNode,
+	children?: React.ReactNode
 	className?: string
 }
 
-const PageNavbar: FC<IProps> = ({children, className}) => {
-	return <div className={cn('flex items-center h-[44px] px-[20px]', className)}>
-		{children}
-	</div>
+const Navbar: FC = ({ children, className }: IProps) => {
+	return <div className={cn('flex items-center h-[44px] px-[20px]', className)}>{children}</div>
 }
 
-PageNavbar.displayName = 'PageNavbar'
+const Content: FC = ({ children, className }: IProps) => {
+	return <div className={cn('flex items-center h-[44px] px-[20px]', className)}>{children}</div>
+}
+
+interface IPage extends FC<IProps> {
+	displayName: string
+	Navbar: FC<IProps>
+	Content: FC<IProps>
+}
 
-const Page: FC<IProps> = ({children, className}) => {
-	return (
-		<div className={cn('sm:container bg-page h-screen', className)}>
-			{children}
-		</div>
-	);
+const Page: IPage = ({ children, className }: IProps) => {
+	return <div className={cn('sm:container bg-page h-screen', className)}>{children}</div>
 }
 
 Page.displayName = 'Page'
+Page.Navbar = Navbar
+Page.Content = Content
 
-export { Page, PageNavbar };
+export { Page }

package/src/Page/index.ts

@@ -1 +1 @@
-export { Page, PageNavbar } from './Page'
+export { Page } from './Page'

package/src/index.ts

@@ -34,11 +34,11 @@ import { cn } from "./@/lib/utils";
 import {
 	Drawer,
 	DrawerTrigger,
+	DrawerTitle,
 	DrawerClose,
 	DrawerContent
 } from './Drawer'
 import { Page } from "./Page";
-import { PageNavbar } from "./Page";
 import { Chip } from "./Chip";
 import { InputField, InputLabel } from "./Input";
 
@@ -69,6 +69,7 @@ export {
 	Icon,
 	Drawer,
 	DrawerTrigger,
+	DrawerTitle,
 	DrawerClose,
 	DrawerContent,
 	BottomNavigation,
@@ -76,6 +77,5 @@ export {
 	BottomNavigationListItem,
 	BottomNavigationLink,
 	Page,
-	PageNavbar,
 	Chip,
 };