@modul/mbui 0.0.6-beta-pv-52894-2be4150a → 0.0.7-beta-pv-52960-774124f7

package/dist/Logo/Logo.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import bank from '../assets/images/logo/bank/logo.svg';
-interface LogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+interface ILogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     variant?: bank;
 }
-declare const Logo: React.FC<LogoProps>;
+declare const Logo: React.FC<ILogoProps>;
 export default Logo;

package/dist/Logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../src/Logo/Logo.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,gBAAgB;AAChB,gGAAsD;AAWtD,MAAM,KAAK,GAAG;IACb,IAAI,EAAE;QACL,GAAG,EAAE,kBAAI;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,GAAG,EAAE,YAAY;KACjB;CACD,CAAA;AAED,MAAM,IAAI,GAAwB,CAAC,EAAE,OAAO,GAAG,kBAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE;IACvF,OAAO,CACN,uCACC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EACvB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,IAAI,KAAK,EACpC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,IAAI,MAAM,EACvC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,GAC7B,CACF,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../src/Logo/Logo.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,gBAAgB;AAChB,gGAAsD;AAWtD,MAAM,KAAK,GAAG;IACb,IAAI,EAAE;QACL,GAAG,EAAE,kBAAI;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,GAAG,EAAE,YAAY;KACjB;CACD,CAAA;AAED,MAAM,IAAI,GAAyB,CAAC,EAAE,OAAO,GAAG,kBAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE;IACxF,OAAO,CACN,uCACC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EACvB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,IAAI,KAAK,EACpC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,IAAI,MAAM,EACvC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,GAC7B,CACF,CAAA;AACF,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/dist/Page/Page.d.ts

@@ -0,0 +1,7 @@
+import React, { FC } from 'react';
+declare type IPageProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+declare const Page: FC<IPageProps>;
+export { Page };

package/dist/Page/Page.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 Page = ({ children, className }) => {
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)('sm:container bg-dashboard h-screen', className) }, children));
+};
+exports.Page = Page;
+//# sourceMappingURL=Page.js.map

package/dist/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAgC;AAChC,0CAAoC;AAOpC,MAAM,IAAI,GAAmB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,EAAE;IACtD,OAAO,CACN,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,oCAAoC,EAAE,SAAS,CAAC,IACjE,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAA;AAEQ,oBAAI"}

package/dist/Page/index.d.ts

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

package/dist/Page/index.js

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

package/dist/Page/index.js.map

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

package/dist/index.d.ts

@@ -13,4 +13,5 @@ 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, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, };
+import { Page } from "./Page";
+export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = exports.Icon = 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.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = exports.Icon = 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; } });
@@ -49,4 +49,6 @@ Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function
 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; } });
+const Page_1 = require("./Page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
 //# 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;AA2CnC,wFA3CQ,iBAAO,OA2CR;AA1CR,iCAA8B;AA2C7B,qFA3CQ,WAAI,OA2CR;AA1CL,qCAAkC;AA2CjC,uFA3CQ,eAAM,OA2CR;AA1CP,uCAAoC;AA2CnC,wFA3CQ,iBAAO,OA2CR;AA1CR,+DAA0B;AA2CzB,eA3CM,cAAI,CA2CN;AA1CL,2CAIqB;AAuCpB,yFA3CQ,oBAAQ,OA2CR;AACR,8FA3CA,yBAAa,OA2CA;AACb,6FA3CA,wBAAY,OA2CA;AACZ,kGA3CA,6BAAiB,OA2CA;AAzClB,yDAK4B;AAwD3B,iGA5DA,mCAAgB,OA4DA;AAChB,qGA5DA,uCAAoB,OA4DA;AACpB,yGA5DA,2CAAwB,OA4DA;AACxB,qGA5DA,uCAAoB,OA4DA;AA1DrB,0DAA+B;AAgD9B,oBAAI;AA/CL,+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;AAyBxB,uFA/BA,uBAAM,OA+BA;AACN,8FA/BA,8BAAa,OA+BA;AACb,4FA/BA,4BAAW,OA+BA;AACX,8FA/BA,8BAAa,OA+BA;AACb,2FA/BA,2BAAU,OA+BA;AACV,+FA/BA,+BAAc,OA+BA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA4CnC,wFA5CQ,iBAAO,OA4CR;AA3CR,iCAA8B;AA4C7B,qFA5CQ,WAAI,OA4CR;AA3CL,qCAAkC;AA4CjC,uFA5CQ,eAAM,OA4CR;AA3CP,uCAAoC;AA4CnC,wFA5CQ,iBAAO,OA4CR;AA3CR,+DAA0B;AA4CzB,eA5CM,cAAI,CA4CN;AA3CL,2CAIqB;AAwCpB,yFA5CQ,oBAAQ,OA4CR;AACR,8FA5CA,yBAAa,OA4CA;AACb,6FA5CA,wBAAY,OA4CA;AACZ,kGA5CA,6BAAiB,OA4CA;AA1ClB,yDAK4B;AAyD3B,iGA7DA,mCAAgB,OA6DA;AAChB,qGA7DA,uCAAoB,OA6DA;AACpB,yGA7DA,2CAAwB,OA6DA;AACxB,qGA7DA,uCAAoB,OA6DA;AA3DrB,0DAA+B;AAiD9B,oBAAI;AAhDL,+CAIuB;AAgCtB,4FAnCA,yBAAW,OAmCA;AACX,mGAnCA,gCAAkB,OAmCA;AAClB,mGAnCA,gCAAkB,OAmCA;AAjCnB,+CAMuB;AA4BtB,mGAjCA,gCAAkB,OAiCA;AAClB,yGAjCA,sCAAwB,OAiCA;AACxB,0GAjCA,uCAAyB,OAiCA;AACzB,0GAjCA,uCAAyB,OAiCA;AACzB,8GAjCA,2CAA6B,OAiCA;AA/B9B,qCAAkC;AAgCjC,uFAhCQ,eAAM,OAgCR;AA/BP,wCAAqC;AAgCpC,sFAhCQ,aAAK,OAgCR;AA/BN,mCAAgC;AAgC/B,sFAhCQ,aAAK,OAgCR;AA/BN,yCAAmC;AAgClC,mFAhCQ,UAAE,OAgCR;AA/BH,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;AA9Bf,iCAA8B;AAmC7B,qFAnCQ,WAAI,OAmCR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.6-beta-pv-52894-2be4150a",
+  "version": "0.0.7-beta-pv-52960-774124f7",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/@/config/index.ts

@@ -1,7 +1,12 @@
 import button from "./button"
 
 export default {
-		container: {},
+		container: {
+			center: true,
+		},
+		screens: {
+			sm: '375px',
+		},
 		extend: {
 			colors: {
 				muted: 'var(--muted)',

package/src/Logo/Logo.tsx

@@ -6,7 +6,7 @@ import bank from '../assets/images/logo/bank/logo.svg'
 /* @ts-ignore */
 // import garant from '../assets/images/logo/garant/logo.svg'
 
-interface LogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+interface ILogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
 	variant?: bank
 	// variant?: bank | kassa | garant
 }
@@ -20,7 +20,7 @@ const LOGOS = {
 	},
 }
 
-const Logo: React.FC<LogoProps> = ({ variant = bank, width, height, alt, className }) => {
+const Logo: React.FC<ILogoProps> = ({ variant = bank, width, height, alt, className }) => {
 	return (
 		<img
 			className={className}

package/src/Page/Page.tsx

@@ -0,0 +1,17 @@
+import React, {FC} from 'react';
+import { cn } from '../@/lib/utils';
+
+type IPageProps = {
+	children?: React.ReactNode,
+	className?: string
+}
+
+const Page: FC<IPageProps> = ({children, className}) => {
+	return (
+		<div className={cn('sm:container bg-dashboard h-screen', className)}>
+			{children}
+		</div>
+	);
+}
+
+export { Page };

package/src/Page/index.ts

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

package/src/index.ts

@@ -39,6 +39,7 @@ import {
 	DrawerList,
 	DrawerListItem
 } from './DasboardDrawer'
+import { Page } from "./Page";
 
 export {
 	Tooltip,
@@ -73,4 +74,5 @@ export {
 	BottomNavigationList,
 	BottomNavigationListItem,
 	BottomNavigationLink,
+	Page
 };