@modul/mbui 0.0.19 → 0.0.20-beta-test-ac75fb8e

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: {
+    variant?: "default";
+    size?: "default" | "dot";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, size, ...props }: BadgeProps): React.JSX.Element;
+export { Badge, badgeVariants };

package/dist/Badge/Badge.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeVariants = exports.Badge = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../@/lib/utils");
+const badgeClasses = {
+    variant: {
+        base: `
+			inline-block
+			focus:ring-2
+			focus:ring-ring
+			focus:ring-offset-2
+			focus:outline-none
+			transition-colors
+			rounded-full
+			`,
+        default: `
+			bg-critical
+			text-white
+		`,
+    },
+    size: {
+        default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
+        dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
+        sm: '',
+        md: '',
+        lg: '',
+    },
+};
+const badgeVariants = (0, class_variance_authority_1.cva)(badgeClasses.variant.base, {
+    variants: {
+        variant: {
+            default: badgeClasses.variant.default,
+        },
+        size: {
+            default: badgeClasses.size.default,
+            dot: badgeClasses.size.dot
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+exports.badgeVariants = badgeVariants;
+function Badge({ className, variant, size, ...props }) {
+    return (React.createElement("div", { className: (0, utils_1.cn)(badgeVariants({ variant, size }), className), ...props }));
+}
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE;QACR,IAAI,EAAE;;;;;;;;IAQJ;QACF,OAAO,EAAE;;;GAGR;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,0DAA0D;QACnE,GAAG,EAAE,4DAA4D;QACjE,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACN;CACD,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;IACpD,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO;SACrC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;YAClC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG;SAC1B;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CAAC,CAAA;AAac,sCAAa;AAT7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAEQ,sBAAK"}

package/dist/Badge/index.d.ts

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

package/dist/Badge/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeVariants = exports.Badge = void 0;
+var 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; } });
+//# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":";;;AAAA,iCAA8C;AAArC,8FAAA,KAAK,OAAA;AAAE,sGAAA,aAAa,OAAA"}

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,35 @@
+"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

@@ -0,0 +1 @@
+{"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

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

package/dist/Checkbox/index.js

@@ -0,0 +1,6 @@
+"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

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

package/dist/Drawer/Drawer.d.ts

@@ -1,13 +1,7 @@
 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 Drawer: typeof import("vaul").Root;
 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>>;
-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 };
+export { Drawer, DrawerTrigger, DrawerContent, DrawerPortal, DrawerClose };

package/dist/Drawer/Drawer.js

@@ -1,39 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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"));
+exports.DrawerClose = exports.DrawerPortal = exports.DrawerContent = exports.DrawerTrigger = exports.Drawer = void 0;
 const vaul_1 = require("vaul");
-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 })));
-};
+const Drawer = vaul_1.Drawer.Root;
 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":";;;;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"}
+{"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"}

package/dist/Drawer/index.d.ts

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

package/dist/Drawer/index.js

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

package/dist/Input-OTP/Input.js

@@ -14,10 +14,9 @@ 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 && 'z-10 ring-2 ring-ring ring-offset-background', 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 animate-caret-blink duration-1000', className), ...props },
         char,
-        hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" },
-            React.createElement("div", { className: "bg-foreground w-px h-4 animate-caret-blink duration-1000" })))));
+        hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" }))));
 });
 exports.InputOTPSlot = InputOTPSlot;
 InputOTPSlot.displayName = 'InputOTPSlot';

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,8CAA8C,EAC1D,SAAS,CACT,KACG,KAAK;QAGR,IAAI;QACJ,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,uEAAuE;YACrF,6BAAK,SAAS,EAAC,0DAA0D,GAAG,CACvE,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,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"}

package/dist/index.d.ts

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

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.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
-exports.ButtonWidget = exports.DigitKeyPad = exports.farvoriteLinkClasses = exports.FarvoritePaymentDescription = exports.FavoritePaymentsItem = exports.FavoritePaymentsList = exports.MessageTyping = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = void 0;
+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;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -37,6 +37,7 @@ Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true,
 Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsibleContentItem; } });
 const Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return Button_1.buttonVariants; } });
 Object.defineProperty(exports, "ButtonWidget", { enumerable: true, get: function () { return Button_1.ButtonWidget; } });
 const Audio_1 = require("./Audio");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
@@ -45,9 +46,9 @@ Object.defineProperty(exports, "cn", { enumerable: true, get: function () { retu
 const Drawer_1 = require("./Drawer");
 Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
 Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return Drawer_1.DrawerTrigger; } });
-Object.defineProperty(exports, "DrawerTitle", { enumerable: true, get: function () { return Drawer_1.DrawerTitle; } });
 Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return Drawer_1.DrawerClose; } });
 Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return Drawer_1.DrawerContent; } });
+Object.defineProperty(exports, "DrawerPortal", { enumerable: true, get: function () { return Drawer_1.DrawerPortal; } });
 const Page_1 = require("./Page");
 Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
 const Chip_1 = require("./Chip");
@@ -102,4 +103,9 @@ Object.defineProperty(exports, "FarvoritePaymentDescription", { enumerable: true
 Object.defineProperty(exports, "farvoriteLinkClasses", { enumerable: true, get: function () { return FavoritePyments_1.farvoriteLinkClasses; } });
 const DigitKeyPad_1 = require("./DigitKeyPad");
 Object.defineProperty(exports, "DigitKeyPad", { enumerable: true, get: function () { return DigitKeyPad_1.DigitKeyPad; } });
+const Badge_1 = require("./Badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
+const Checkbox_1 = require("./Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"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.19",
+  "version": "0.0.20-beta-test-ac75fb8e",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,6 +24,7 @@
     "@hookform/resolvers": "3.9.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "1.1.1",
+    "@radix-ui/react-checkbox": "1.1.1",
     "@radix-ui/react-collapsible": "1.1.0",
     "@radix-ui/react-dropdown-menu": "2.1.1",
     "@radix-ui/react-label": "2.1.0",
@@ -48,7 +49,7 @@
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.4",
     "tailwindcss-animate": "^1.0.7",
-    "vaul": "0.9.1",
+    "vaul": "0.9.9",
     "zod": "3.23.8"
   },
   "devDependencies": {

package/src/@/config/index.ts

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

package/src/Badge/Badge.tsx

@@ -0,0 +1,58 @@
+import * as React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+import { cn } from '../@/lib/utils'
+
+const badgeClasses = {
+	variant: {
+		base: `
+			inline-block
+			focus:ring-2
+			focus:ring-ring
+			focus:ring-offset-2
+			focus:outline-none
+			transition-colors
+			rounded-full
+			`,
+		default: `
+			bg-critical
+			text-white
+		`,
+	},
+	size: {
+		default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
+		dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
+		sm: '',
+		md: '',
+		lg: '',
+	},
+}
+
+const badgeVariants = cva(badgeClasses.variant.base, {
+	variants: {
+		variant: {
+			default: badgeClasses.variant.default,
+		},
+		size: {
+			default: badgeClasses.size.default,
+			dot: badgeClasses.size.dot
+		},
+	},
+	defaultVariants: {
+		variant: 'default',
+		size: 'default',
+	},
+})
+
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, size, ...props }: BadgeProps) {
+	return (
+		<div
+			className={cn(badgeVariants({ variant, size }), className)}
+			{...props}
+		/>
+	)
+}
+
+export { Badge, badgeVariants }

package/src/Badge/index.ts

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

package/src/Checkbox/Checkbox.tsx

@@ -0,0 +1,44 @@
+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

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

package/src/Drawer/Drawer.tsx

@@ -1,89 +1,10 @@
 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
 
-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 }
+export { Drawer, DrawerTrigger, DrawerContent, DrawerPortal, DrawerClose}

package/src/Drawer/index.ts

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

package/src/Input-OTP/Input.tsx

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

package/src/assets/css/global.css

@@ -92,7 +92,7 @@
         --bg-light: var(--cl-graphite-7);
         --warning: var(--cl-orange-2);
         --warning-light: var(--cl-yellow-7);
-        --critical: var(--cl-red-3);
+        --critical: var(--cl-red-2);
         --critical-light: var(--cl-red-7);
         /* --text-quaternary:; */
 
@@ -134,6 +134,9 @@
         --btn-txt-primary-hover: var(--cl-blue-3);
         --btn-txt-primary-focus: var(--cl-blue-3);
         --btn-txt-primary-active: var(--cl-blue-1);
+
+        --btn-widget-bg:var(--page-bg);
+        --btn-widget-icon:var(--primary);
         /* =========================================== */
         /* ЦВЕТ КНОПОК */
         

package/src/index.ts

@@ -19,10 +19,10 @@ import {
 	AccountCollapsibleContent,
 	AccountCollapsibleContentItem,
 } from './Collapsible'
-import { Button, ButtonWidget } from './Button'
+import { Button, buttonVariants, ButtonWidget } from './Button'
 import { Audio } from './Audio'
 import { cn } from './@/lib/utils'
-import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer'
+import { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerPortal } from './Drawer'
 import { Page } from './Page'
 import { Chip } from './Chip'
 import { InputField, InputLabel, InputMask } from './Input'
@@ -35,7 +35,7 @@ import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, For
 import { Calendar } from './Calendar'
 import { DatePicker } from './DatePicker'
 import { Select } from './Select'
-import { Progress } from "./Progress"
+import { Progress } from './Progress'
 import {
 	AlertDialog,
 	AlertDialogTrigger,
@@ -50,6 +50,8 @@ import {
 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 {
@@ -71,6 +73,7 @@ export {
 	AccountCollapsibleContent,
 	AccountCollapsibleContentItem,
 	Button,
+	buttonVariants,
 	InputField,
 	InputLabel,
 	Audio,
@@ -78,7 +81,7 @@ export {
 	Icon,
 	Drawer,
 	DrawerTrigger,
-	DrawerTitle,
+	// DrawerTitle,
 	DrawerClose,
 	DrawerContent,
 	BottomNavigation,
@@ -118,7 +121,11 @@ export {
 	FavoritePaymentsList,
 	FavoritePaymentsItem,
 	FarvoritePaymentDescription,
+	Badge,
+	badgeVariants,
+	Checkbox,
 	farvoriteLinkClasses,
 	DigitKeyPad,
 	ButtonWidget,
-}
+	DrawerPortal,
+}

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

@@ -0,0 +1,75 @@
+import React from 'react'
+import { Button, InputOTP, InputOTPGroup, InputOTPSlot, Page } from '../../..'
+import { Close } from '../../../Icon'
+
+const InputSMS: React.FC = (props) => (
+	<InputOTP
+		maxLength={5}
+		{...props}
+	>
+		<InputOTPGroup className="gap-[10px] mx-auto">
+			<InputOTPSlot
+				index={0}
+				className="font-bold text-[40px] leading-[1.1]"
+			/>
+			<InputOTPSlot
+				className="font-bold text-[40px] leading-[1.1]"
+				index={1}
+			/>
+			<InputOTPSlot
+				className="font-bold text-[40px] leading-[1.1]"
+				index={2}
+			/>
+			<InputOTPSlot
+				className="font-bold text-[40px] leading-[1.1]"
+				index={3}
+			/>
+			<InputOTPSlot
+				className="font-bold text-[40px] leading-[1.1]"
+				index={4}
+			/>
+		</InputOTPGroup>
+	</InputOTP>
+)
+
+export const smsSignPage = () => {
+	return (
+		<Page>
+			<Page.Navbar>
+				<a href="">
+					<Close className="text-primary" />
+				</a>
+			</Page.Navbar>
+			<Page.Content className='flex flex-col'>
+				<h1 className="mt-[32px] mb-[16px] font-medium text-[20px] text-center leading-[1.2]">
+					Введите код из&nbsp;сообщения
+					<br />
+					<span className="font-normal text-[16px] leading-[1.3]">Код отправлен на +7 960 888 00-00</span>
+				</h1>
+
+				<form className='flex flex-col grow'>
+					<div
+						className="relative mb-[8px] h-[24px] text-center text-critical"
+						role="alert"
+					>
+						{true && <span>Введен неверный ПИН-код</span>}
+					</div>
+					<InputSMS />
+					<p className="mt-[32px] text-[12px] text-center text-light leading-[1.16]">
+						Выслать код повторно через{' '}
+						<span
+							role="timer"
+							aria-live="polite"
+							aria-atomic="true"
+						>
+							1&nbsp;минуту 16&nbsp;секунд
+						</span>
+					</p>
+					<div className='mt-auto'>
+					<Button className='mt-[32px] w-full'>Подтвердить</Button>
+					</div>
+				</form>
+			</Page.Content>
+		</Page>
+	)
+}