@modul/mbui 0.0.20-beta-test-ac75fb8e → 0.0.20-beta-pv-53139-48074e41

package/dist/Alert/Alert.js

@@ -25,7 +25,7 @@ const getClass = (variant, type) => {
     return variants[variant];
 };
 const Alert = ({ className, variant = 'info', type, children, ...props }) => {
-    return (React.createElement("div", { className: (0, utils_1.cn)('flex', getClass(variant, type)), role: 'alert', ...props },
+    return (React.createElement("div", { className: (0, utils_1.cn)('flex', getClass(variant, type), className), role: 'alert', ...props },
         AlertIcons[variant],
         React.createElement("div", { className: 'pt-[2px]' }, children)));
 };

package/dist/Alert/Alert.js.map

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

package/dist/Button/Button.js

@@ -81,7 +81,7 @@ const buttonVariants = ({ variant, className, icon }) => {
             },
         },
         defaultVariants: {
-            variant: 'outline',
+            variant: 'primary',
         },
     })({ variant, className });
 };

package/dist/Drawer/Drawer.d.ts

@@ -1,7 +1,13 @@
 import * as React from 'react';
-declare const Drawer: typeof import("vaul").Root;
+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 DrawerContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerPortal: typeof import("vaul").Portal;
 declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-export { Drawer, DrawerTrigger, DrawerContent, DrawerPortal, DrawerClose };
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+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, DrawerContent, DrawerTitle, DrawerClose };

package/dist/Drawer/Drawer.js

@@ -1,15 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerClose = exports.DrawerPortal = exports.DrawerContent = exports.DrawerTrigger = exports.Drawer = void 0;
+exports.DrawerClose = exports.DrawerTitle = exports.DrawerContent = 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 Drawer = vaul_1.Drawer.Root;
+const utils_1 = require("../@/lib/utils");
+const react_1 = require("react");
+const DrawerContext = React.createContext({ direction: 'bottom', modal: false });
+const Drawer = ({ ...props }) => {
+    return (React.createElement(DrawerContext.Provider, { value: { direction: props.direction, modal: props.modal } },
+        React.createElement(vaul_1.Drawer.Root, { ...props })));
+};
 exports.Drawer = Drawer;
+Drawer.displayName = 'Drawer';
 const DrawerTrigger = vaul_1.Drawer.Trigger;
 exports.DrawerTrigger = DrawerTrigger;
-const DrawerContent = vaul_1.Drawer.Content;
-exports.DrawerContent = DrawerContent;
 const DrawerPortal = vaul_1.Drawer.Portal;
-exports.DrawerPortal = DrawerPortal;
 const DrawerClose = vaul_1.Drawer.Close;
 exports.DrawerClose = DrawerClose;
+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 DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { direction = 'bottom', modal = false } = (0, react_1.useContext)(DrawerContext);
+    return (React.createElement(DrawerPortal, null,
+        modal && React.createElement(DrawerOverlay, { className: 'z-50 fixed inset-0 bg-[--drawer-overlay-bg]' }),
+        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("div", { className: "pt-[4px] pb-[16px]" },
+                React.createElement("span", { className: "block bg-[--cl-graphite-5] mx-auto rounded-full w-[36px] h-[5px]" }))),
+            children,
+            direction === 'top' && (React.createElement("div", { 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: "var(--cl-graphite-5)" })))))));
+});
+exports.DrawerContent = DrawerContent;
+DrawerContent.displayName = 'DrawerContent';
 //# sourceMappingURL=Drawer.js.map

package/dist/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;AACA,+BAAgD;AAEhD,MAAM,MAAM,GAAG,aAAe,CAAC,IAAI,CAAA;AAM1B,wBAAM;AALf,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAK5B,sCAAa;AAJ9B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAIb,sCAAa;AAH7C,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAGI,oCAAY;AAF3D,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAEoB,kCAAW"}
+{"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,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;AAE9E,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAC;QAC9E,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,EAAC,SAAS,GAAG,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAC,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAEvE,OAAO,CACN,oBAAC,YAAY;QACX,KAAK,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAC,6CAA6C,GAAG;QACnF,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,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,8BAAM,SAAS,EAAC,kEAAkE,GAAG,CAChF,CACN;YAEA,QAAQ;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,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,sBAAsB,GAC1B,CACG,CACD,CACN,CACwB,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAI8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/Drawer/index.d.ts

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

package/dist/Drawer/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerPortal = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
+exports.DrawerTitle = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
 var 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, "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; } });
+Object.defineProperty(exports, "DrawerTitle", { enumerable: true, get: function () { return Drawer_1.DrawerTitle; } });
 //# sourceMappingURL=index.js.map

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAMmB;AALlB,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,sGAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAMmB;AALlB,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA"}

package/dist/FavoritePyments/FavoritePaymentsList.js

@@ -13,7 +13,7 @@ const farvoriteLinkClasses = `
 `;
 exports.farvoriteLinkClasses = farvoriteLinkClasses;
 const FavoritePaymentsList = ({ children }) => {
-    return react_1.default.createElement("ul", { className: "didivide-y" }, children);
+    return react_1.default.createElement("ul", { className: "divide-y" }, children);
 };
 exports.FavoritePaymentsList = FavoritePaymentsList;
 const FavoritePaymentsItem = ({ children }) => {

package/dist/FavoritePyments/FavoritePaymentsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritePaymentsList.js","sourceRoot":"","sources":["../../src/FavoritePyments/FavoritePaymentsList.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AAEjC,MAAM,oBAAoB,GAAW;;;;;;;CAOpC,CAAA;AA8BiF,oDAAoB;AA5BtG,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,sCAAI,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAM,CAAA;AAClD,CAAC,CAAA;AA0BQ,oDAAoB;AAxB7B,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,0CAAK,QAAQ,CAAM,CAAA;AAC3B,CAAC,CAAA;AAsB8B,oDAAoB;AAdnD,MAAM,2BAA2B,GAAe,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,EAAE;IAC1E,OAAO,CACN;QACC,wCAAM,SAAS,EAAC,MAAM;YACrB,wCAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAQ;YACxC,wCAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ,CACvD;QACP,wCAAM,SAAS,EAAC,+DAA+D,IAC7E,OAAO,CACF,CACL,CACH,CAAA;AACF,CAAC,CAAA;AAEoD,kEAA2B"}
+{"version":3,"file":"FavoritePaymentsList.js","sourceRoot":"","sources":["../../src/FavoritePyments/FavoritePaymentsList.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AAEjC,MAAM,oBAAoB,GAAW;;;;;;;CAOpC,CAAA;AA8BiF,oDAAoB;AA5BtG,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,sCAAI,SAAS,EAAC,UAAU,IAAE,QAAQ,CAAM,CAAA;AAChD,CAAC,CAAA;AA0BQ,oDAAoB;AAxB7B,MAAM,oBAAoB,GAAoC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC5E,OAAO,0CAAK,QAAQ,CAAM,CAAA;AAC3B,CAAC,CAAA;AAsB8B,oDAAoB;AAdnD,MAAM,2BAA2B,GAAe,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,EAAE;IAC1E,OAAO,CACN;QACC,wCAAM,SAAS,EAAC,MAAM;YACrB,wCAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAQ;YACxC,wCAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ,CACvD;QACP,wCAAM,SAAS,EAAC,+DAA+D,IAC7E,OAAO,CACF,CACL,CACH,CAAA;AACF,CAAC,CAAA;AAEoD,kEAA2B"}

package/dist/Input-OTP/Input.js

@@ -14,7 +14,7 @@ InputOTPGroup.displayName = 'InputOTPGroup';
 const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
     const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
     const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-    return (React.createElement("div", { ref: ref, className: (0, utils_1.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', className), ...props },
+    return (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', isActive && 'border-b-primary', className), ...props },
         char,
         hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" }))));
 });

package/dist/Input-OTP/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACD,CAAA;AAwDQ,4BAAQ;AAvDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AA6CkB,sCAAa;AA5ChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,QAAQ,IAAI,oDAAoD,EAChE,SAAS,CACT,KACG,KAAK;QAGR,IAAI;QACJ,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,uEAAuE,GAEhF,CACN,CACI,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK,qCAGJ,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACD,CAAA;AAwDQ,4BAAQ;AAvDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AA6CkB,sCAAa;AA5ChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,wGAAwG,EACxG,QAAQ,IAAI,kBAAkB,EAC9B,SAAS,CACT,KACG,KAAK;QAGR,IAAI;QACJ,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,uEAAuE,GAEhF,CACN,CACI,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK,qCAGJ,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/Page/Page.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const utils_1 = require("../@/lib/utils");
 const Navbar = ({ children, className }) => {
-    return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[44px] px-[20px] shrink-0', className) }, children);
+    return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[--page-header-height] px-[20px] shrink-0', className) }, children);
 };
 const Content = ({ children, className }) => {
     return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px] overflow-y-auto grow', className) }, children);

package/dist/Page/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,0CAAmC;AAMnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,+CAA+C,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACxG,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,0CAA0C,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACnG,CAAC,CAAA;AAOD,MAAM,IAAI,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5D,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,0CAA0C;QAC1C,2GAA2G;QAC3G,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,0CAAmC;AAMnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,+DAA+D,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACxH,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,0CAA0C,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AACnG,CAAC,CAAA;AAOD,MAAM,IAAI,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5D,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,0CAA0C;QAC1C,2GAA2G;QAC3G,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/Toaster/Toaster.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { ToasterProps, ExternalToast } from 'sonner';
+declare const Toaster: {
+    ({ ...props }: ToasterProps): React.JSX.Element;
+    displayName: string;
+};
+interface IToast {
+    success: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode;
+    critical: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode;
+    snackbar: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode;
+}
+declare const toast: IToast;
+export { Toaster, toast };

package/dist/Toaster/Toaster.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = exports.Toaster = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const Icon_1 = require("../Icon");
+const sonner_1 = require("sonner");
+const Toaster = ({ ...props }) => {
+    return (react_1.default.createElement(sonner_1.Toaster, { visibleToasts: 1, toastOptions: {
+            unstyled: true,
+            classNames: {
+                icon: 'shrink-0 size-[24px]',
+                toast: 'px-[12px] py-[8px] text-white border-none rounded-md flex w-full sm:width-[--page-container-width] shadow-md',
+                description: 'text-[14px] leading-[1.125] mt-[4px]',
+                content: 'grow',
+                actionButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+                cancelButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+            },
+        }, expand: true, ...props }));
+};
+exports.Toaster = Toaster;
+Toaster.displayName = 'Toaster';
+const toast = {
+    success: (title, options) => {
+        return (0, sonner_1.toast)(title, {
+            position: 'top-center',
+            icon: react_1.default.createElement(Icon_1.CheckCircleSolid, null),
+            classNames: {
+                content: 'w-[calc(100%-28px)]',
+            },
+            className: 'bg-success',
+            ...options,
+        });
+    },
+    critical: (title, options) => {
+        return (0, sonner_1.toast)(title, {
+            position: 'top-center',
+            icon: react_1.default.createElement(Icon_1.InfoSolid, null),
+            duration: Infinity,
+            classNames: {
+                content: 'w-[calc(100%-28px)]',
+            },
+            className: 'bg-critical',
+            ...options,
+        });
+    },
+    snackbar: (title, options) => {
+        return (0, sonner_1.toast)(title, {
+            position: 'bottom-center',
+            classNames: {
+                toast: 'items-center',
+                content: 'mt-0'
+            },
+            className: 'bg-[--base]',
+            ...options,
+        });
+    },
+};
+exports.toast = toast;
+//# sourceMappingURL=Toaster.js.map

package/dist/Toaster/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/Toaster/Toaster.tsx"],"names":[],"mappings":";;;;AAAA,+DAAwC;AACxC,kCAAqD;AACrD,mCAAmG;AAEnG,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC9C,OAAO,CACN,8BAAC,gBAAc,IACd,aAAa,EAAE,CAAC,EAChB,YAAY,EAAE;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE;gBACX,IAAI,EAAE,sBAAsB;gBAC5B,KAAK,EAAE,8GAA8G;gBACrH,WAAW,EAAE,sCAAsC;gBACnD,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,0CAA0C;gBACxD,YAAY,EAAE,0CAA0C;aACxD;SACD,EACD,MAAM,EAAE,IAAI,KACR,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AA+CQ,0BAAO;AA7ChB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAM/B,MAAM,KAAK,GAAW;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAC3B,OAAO,IAAA,cAAS,EAAC,KAAK,EAAE;YACvB,QAAQ,EAAE,YAAY;YACtB,IAAI,EAAE,8BAAC,uBAAgB,OAAG;YAC1B,UAAU,EAAE;gBACX,OAAO,EAAE,qBAAqB;aAC9B;YACD,SAAS,EAAE,YAAY;YACvB,GAAG,OAAO;SACV,CAAC,CAAA;IACH,CAAC;IAED,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAC5B,OAAO,IAAA,cAAS,EAAC,KAAK,EAAE;YACvB,QAAQ,EAAE,YAAY;YACtB,IAAI,EAAE,8BAAC,gBAAS,OAAG;YACnB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE;gBACX,OAAO,EAAE,qBAAqB;aAC9B;YACD,SAAS,EAAE,aAAa;YACxB,GAAG,OAAO;SACV,CAAC,CAAA;IACH,CAAC;IAED,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAC5B,OAAO,IAAA,cAAS,EAAC,KAAK,EAAE;YACvB,QAAQ,EAAE,eAAe;YACzB,UAAU,EAAE;gBACX,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,MAAM;aACf;YACD,SAAS,EAAE,aAAa;YACxB,GAAG,OAAO;SACV,CAAC,CAAA;IACH,CAAC;CACD,CAAA;AAEiB,sBAAK"}

package/dist/Toaster/index.d.ts

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

package/dist/Toaster/index.js

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

package/dist/Toaster/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Toaster/index.ts"],"names":[],"mappings":";;;AAAA,qCAAyC;AAAhC,kGAAA,OAAO,OAAA;AAAE,gGAAA,KAAK,OAAA"}

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger
 import { Button, buttonVariants, ButtonWidget } from './Button';
 import { Audio } from './Audio';
 import { cn } from './@/lib/utils';
-import { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerPortal } from './Drawer';
+import { Drawer, DrawerTrigger, DrawerClose, DrawerContent } from './Drawer';
 import { Page } from './Page';
 import { Chip } from './Chip';
 import { InputField, InputLabel, InputMask } from './Input';
@@ -30,5 +30,5 @@ 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, };
+import { Toaster, toast } from './Toaster';
+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, farvoriteLinkClasses, Badge, badgeVariants, DigitKeyPad, ButtonWidget, Toaster, toast, };

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.toast = exports.Toaster = exports.ButtonWidget = exports.DigitKeyPad = exports.badgeVariants = exports.Badge = 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.Select = exports.InputMask = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -48,7 +48,6 @@ Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () {
 Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return Drawer_1.DrawerTrigger; } });
 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");
@@ -106,6 +105,7 @@ Object.defineProperty(exports, "DigitKeyPad", { enumerable: true, get: function
 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; } });
+const Toaster_1 = require("./Toaster");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toaster_1.Toaster; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return Toaster_1.toast; } });
 //# 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-53139-48074e41",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,10 +46,11 @@
     "react-hook-form": "7.53.0",
     "react-imask": "7.6.1",
     "react-select": "5.8.0",
+    "sonner": "^1.5.0",
     "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/Alert/Alert.tsx

@@ -58,7 +58,7 @@ type TAlertProps = IAlertProps & React.DetailedHTMLProps<React.HTMLAttributes<HT
 const Alert: React.FC<TAlertProps> & IAlertComponents = ({ className, variant = 'info', type, children, ...props }) => {
 	return (
 		<div
-			className={cn('flex', getClass(variant, type))}
+			className={cn('flex', getClass(variant, type), className)}
 			role='alert'
 			{...props}
 		>

package/src/Button/Button.tsx

@@ -92,7 +92,7 @@ const buttonVariants = ({ variant, className, icon }: IVariantProps) => {
 				},
 			},
 			defaultVariants: {
-				variant: 'outline',
+				variant: 'primary',
 			},
 		}
 	)({ variant, className })

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/FavoritePyments/FavoritePaymentsList.tsx

@@ -10,7 +10,7 @@ const farvoriteLinkClasses: string = `
 `
 
 const FavoritePaymentsList: FC<{children: React.ReactNode}> = ({children}) => {
-	return <ul className="didivide-y">{children}</ul>
+	return <ul className="divide-y">{children}</ul>
 }
 
 const FavoritePaymentsItem: FC<{children: React.ReactNode}> = ({children}) => {

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 && 'border-b-primary',
 				className
 			)}
 			{...props}

package/src/Page/Page.tsx

@@ -6,7 +6,7 @@ type IProps = {
 	className?: string
 }
 const Navbar: FC<IProps> = ({ children, className }) => {
-	return <div className={cn('flex items-center h-[44px] px-[20px] shrink-0', className)}>{children}</div>
+	return <div className={cn('flex items-center h-[--page-header-height] px-[20px] shrink-0', className)}>{children}</div>
 }
 
 const Content: FC<IProps> = ({ children, className }) => {

package/src/Toaster/Toaster.tsx

@@ -0,0 +1,71 @@
+import React, { ReactNode } from 'react'
+import { InfoSolid, CheckCircleSolid } from '../Icon'
+import { Toaster as ToastContainer, toast as toastItem, ToasterProps, ExternalToast } from 'sonner'
+
+const Toaster = ({ ...props }: ToasterProps) => {
+	return (
+		<ToastContainer
+			visibleToasts={1}
+			toastOptions={{
+				unstyled: true,
+				classNames: {
+					icon: 'shrink-0 size-[24px]',
+					toast: 'px-[12px] py-[8px] text-white border-none rounded-md flex w-full sm:width-[--page-container-width] shadow-md',
+					description: 'text-[14px] leading-[1.125] mt-[4px]',
+					content: 'grow',
+					actionButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+					cancelButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+				},
+			}}
+			expand={true}
+			{...props}
+		/>
+	)
+}
+
+Toaster.displayName = 'Toaster'
+interface IToast {
+	success: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+	critical: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+	snackbar: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+}
+const toast: IToast = {
+	success: (title, options) => {
+		return toastItem(title, {
+			position: 'top-center',
+			icon: <CheckCircleSolid />,
+			classNames: {
+				content: 'w-[calc(100%-28px)]',
+			},
+			className: 'bg-success',
+			...options,
+		})
+	},
+
+	critical: (title, options) => {
+		return toastItem(title, {
+			position: 'top-center',
+			icon: <InfoSolid />,
+			duration: Infinity,
+			classNames: {
+				content: 'w-[calc(100%-28px)]',
+			},
+			className: 'bg-critical',
+			...options,
+		})
+	},
+
+	snackbar: (title, options) => {
+		return toastItem(title, {
+			position: 'bottom-center',
+			classNames: {
+				toast: 'items-center',
+				content: 'mt-0'
+			},
+			className: 'bg-[--base]',
+			...options,
+		})
+	},
+}
+
+export { Toaster, toast }

package/src/Toaster/index.ts

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

package/src/assets/css/global.css

@@ -186,6 +186,11 @@
         /* =========================================== */
         /* DRAWER */
 
+        --page-header-geight: 44px;
+        --page-container-width: 375px;
+
+
+
     }
 
 

package/src/assets/images/logo/sbp-logo.svg

@@ -0,0 +1 @@
+<svg fill="none" height="36" width="68" xmlns="http://www.w3.org/2000/svg"><path d="m56.8 14.7v7.47h-2.62v-5.24h-2.54v5.24h-2.64v-7.47zm-9.04 4.16c0 2.17-1.82 3.6-4.25 3.6-2.52 0-4.36-1.51-4.36-4.96 0-2.96 1.89-5.4 4.68-5.44 1.22 0 3.85-.06 3.85-.06l-1.18 2.18h-2.38a2.48 2.48 0 0 0 -2.45 2.15 3.6 3.6 0 0 1 2.52-.95c2.23 0 3.57 1.37 3.57 3.48zm-2.7 0c0-.98-.63-1.55-1.54-1.55-.9 0-1.56.58-1.56 1.56a1.51 1.51 0 0 0 1.56 1.6c.98 0 1.54-.73 1.54-1.61zm-8 1.05c-.5.25-1.04.4-1.59.43-1.1.03-2.06-.64-2.06-1.85 0-1.2.85-1.84 2.03-1.84.73 0 1.68.5 1.68.5l1.06-1.9a4.28 4.28 0 0 0 -2.57-.76c-2.61.01-4.61 1.66-4.61 3.99s1.89 3.98 4.6 3.93c.87-.04 1.7-.28 2.46-.7z" fill="#1c1637"/><path d="m4 9.53 3.64 6.5v3.95l-3.64 6.49z" fill="#5b57a2"/><path d="m17.97 13.66 3.4-2.09h6.98l-10.38 6.35z" fill="#d90751"/><path d="m17.95 9.5.02 8.59-3.65-2.24v-12.85z" fill="#fab718"/><path d="m28.35 11.57h-6.97l-3.43-2.07-3.63-6.5z" fill="#ed6f26"/><path d="m17.97 26.5v-4.17l-3.65-2.2v12.87z" fill="#63b22f"/><path d="m21.37 24.43-13.73-8.4-3.64-6.51 24.34 14.9h-6.97z" fill="#1487c9"/><path d="m14.32 33 3.65-6.5 3.4-2.07h6.96l-14 8.57z" fill="#017f36"/><path d="m4 26.47 10.35-6.33-3.48-2.14-3.23 1.97z" fill="#984995"/></svg>

package/src/index.ts

@@ -22,7 +22,7 @@ import {
 import { Button, buttonVariants, ButtonWidget } from './Button'
 import { Audio } from './Audio'
 import { cn } from './@/lib/utils'
-import { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerPortal } from './Drawer'
+import { Drawer, DrawerTrigger, DrawerClose, DrawerContent } from './Drawer'
 import { Page } from './Page'
 import { Chip } from './Chip'
 import { InputField, InputLabel, InputMask } from './Input'
@@ -51,8 +51,7 @@ import { MessageTyping } from "./Chat"
 import { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses } from './FavoritePyments'
 import { DigitKeyPad } from "./DigitKeyPad"
 import { Badge, badgeVariants } from './Badge'
-import { Checkbox } from './Checkbox'
-
+import { Toaster, toast } from './Toaster'
 
 export {
 	Tooltip,
@@ -81,7 +80,7 @@ export {
 	Icon,
 	Drawer,
 	DrawerTrigger,
-	// DrawerTitle,
+
 	DrawerClose,
 	DrawerContent,
 	BottomNavigation,
@@ -121,11 +120,11 @@ export {
 	FavoritePaymentsList,
 	FavoritePaymentsItem,
 	FarvoritePaymentDescription,
+	farvoriteLinkClasses,
 	Badge,
 	badgeVariants,
-	Checkbox,
-	farvoriteLinkClasses,
 	DigitKeyPad,
 	ButtonWidget,
-	DrawerPortal,
+	Toaster,
+	toast,
 }

package/src/pages/payments/SmsSign/sms-sign.tsx

@@ -1,5 +1,17 @@
-import React from 'react'
-import { Button, InputOTP, InputOTPGroup, InputOTPSlot, Page } from '../../..'
+import React, { useState } from 'react'
+import {
+	Alert,
+	Button,
+	cn,
+	Drawer,
+	DrawerContent,
+	DrawerTitle,
+	DrawerTrigger,
+	InputOTP,
+	InputOTPGroup,
+	InputOTPSlot,
+	Page,
+} from '../../..'
 import { Close } from '../../../Icon'
 
 const InputSMS: React.FC = (props) => (
@@ -33,14 +45,18 @@ const InputSMS: React.FC = (props) => (
 )
 
 export const smsSignPage = () => {
+	const [snap, setSnap] = useState<number | string | null>('148px')
 	return (
 		<Page>
 			<Page.Navbar>
-				<a href="">
+				<a
+					href=""
+					className="ml-auto"
+				>
 					<Close className="text-primary" />
 				</a>
 			</Page.Navbar>
-			<Page.Content className='flex flex-col'>
+			{/* <Page.Content className='flex flex-col'>
 				<h1 className="mt-[32px] mb-[16px] font-medium text-[20px] text-center leading-[1.2]">
 					Введите код из&nbsp;сообщения
 					<br />
@@ -69,6 +85,66 @@ export const smsSignPage = () => {
 					<Button className='mt-[32px] w-full'>Подтвердить</Button>
 					</div>
 				</form>
+			</Page.Content> */}
+			<Page.Content>
+				<Drawer
+					snapPoints={['148px', '355px', 1]}
+					activeSnapPoint={snap}
+					setActiveSnapPoint={setSnap}
+				>
+					<DrawerTrigger>
+						<Button variant="primary">Перевести</Button>
+					</DrawerTrigger>
+					<DrawerContent>
+						<DrawerTitle className="sr-only">Перевести</DrawerTitle>
+						<div className="px-[20px] pt-[8px]">
+							<p
+								className={cn('font-medium text-[12px] leading-[1.16] mb-[16px]', 'text-success', {
+									'text-critical': false,
+								})}
+							>
+								Отклонен, <time dateTime="">30 января 2024, 11:23</time>
+							</p>
+							<p className="font-medium text-[40px] leading-[1.1] mb-[16px]">3598,00 ₽</p>
+							<div className="space-y-[8px]">
+								<p className="">
+									<span className="text-light text-[12px] leading-[1.16]">Платёжное поручение:</span>{' '}
+									№91 от 01.01.2024
+								</p>
+								<p className="">
+									<span className="text-light text-[12px] leading-[1.16]">Со счёта:</span> Расчётный
+									счёт (•••• 4590)
+								</p>
+								<p className="">
+									<span className="text-light text-[12px] leading-[1.16]">На счёт:</span> Карточный
+									счёт (•••• 6416)
+								</p>
+							</div>
+
+							<hr
+								role="presentation"
+								className="my-[16px]"
+							/>
+
+							<Alert
+								variant="critical"
+								className="my-[16px]"
+							>
+								<Alert.Description>
+									Произошла ошибка при отправке в банк: Клиент не является владельцем счёта
+								</Alert.Description>
+							</Alert>
+
+							<Button>Повторить</Button>
+
+							<p className="mt-[32px]">
+								<span className="text-light">Назначение:</span>
+								<br />
+								Перевод между счетами. Без НДС
+							</p>
+						</div>
+					</DrawerContent>
+				</Drawer>
 			</Page.Content>
 		</Page>
 	)

package/dist/Checkbox/Checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Checkbox };

package/dist/Checkbox/Checkbox.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-const tslib_1 = require("tslib");
-const React = (0, tslib_1.__importStar)(require("react"));
-const CheckboxPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-checkbox"));
-const icons_1 = require("../Icon/icons");
-const checkboxClasses = {
-    root: `
-		peer
-		size-[18px]
-		shrink-0
-		rounded-sm
-		border-2
-		border-input
-		focus-visible:outline-none
-		focus-visible:ring-1 focus-visible:ring-ring
-		disabled:cursor-not-allowed disabled:opacity-50
-		data-[state=checked]:bg-primary
-		data-[state=checked]:border-primary
-		data-[state=checked]:text-white
-		`,
-    indicator: `
-		flex
-		justify-center
-		items-center
-		text-current
-	`
-};
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => (React.createElement(CheckboxPrimitive.Root, { ref: ref, className: checkboxClasses.root, ...props },
-    React.createElement(CheckboxPrimitive.Indicator, { className: checkboxClasses.indicator },
-        React.createElement(icons_1.CheckSmall, { className: "size-[14px]" })))));
-exports.Checkbox = Checkbox;
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yFAA6D;AAC7D,yCAA0C;AAE1C,MAAM,eAAe,GAAG;IACvB,IAAI,EAAE;;;;;;;;;;;;;GAaJ;IACF,SAAS,EAAE;;;;;EAKV;CACD,CAAA;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,iBAAiB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,CAAC,IAAI,KAC3B,KAAK;IAET,oBAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAE,eAAe,CAAC,SAAS;QAChE,oBAAC,kBAAU,IAAC,SAAS,EAAC,aAAa,GAAG,CACT,CACN,CACzB,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAA"}

package/dist/Checkbox/index.d.ts

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

package/dist/Checkbox/index.js

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

package/dist/Checkbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/src/Checkbox/Checkbox.tsx

@@ -1,44 +0,0 @@
-import * as React from 'react'
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
-import { CheckSmall } from '../Icon/icons'
-
-const checkboxClasses = {
-	root: `
-		peer
-		size-[18px]
-		shrink-0
-		rounded-sm
-		border-2
-		border-input
-		focus-visible:outline-none
-		focus-visible:ring-1 focus-visible:ring-ring
-		disabled:cursor-not-allowed disabled:opacity-50
-		data-[state=checked]:bg-primary
-		data-[state=checked]:border-primary
-		data-[state=checked]:text-white
-		`,
-	indicator: `
-		flex
-		justify-center
-		items-center
-		text-current
-	`
-}
-
-const Checkbox = React.forwardRef<
-	React.ElementRef<typeof CheckboxPrimitive.Root>,
-	React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
->(({ className, ...props }, ref) => (
-	<CheckboxPrimitive.Root
-		ref={ref}
-		className={checkboxClasses.root}
-		{...props}
-	>
-		<CheckboxPrimitive.Indicator className={checkboxClasses.indicator}>
-			<CheckSmall className="size-[14px]" />
-		</CheckboxPrimitive.Indicator>
-	</CheckboxPrimitive.Root>
-))
-Checkbox.displayName = CheckboxPrimitive.Root.displayName
-
-export { Checkbox }

package/src/Checkbox/index.ts

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