@modul/mbui 0.0.20-beta-test-ac75fb8e → 0.0.20-beta-pv-52992-d5155aa6

package/dist/Badge/Badge.js

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

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

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

package/dist/Badge/index.js

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

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

@@ -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/Badge/Badge.tsx

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

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

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'

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

@@ -1,75 +0,0 @@
-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>
-	)
-}