@modul/mbui 0.0.27-beta-webpack-6d7a3f6c → 0.0.27-beta-fix-pv-53496-60a0aad0

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/Base/Input/Base.tsx

@@ -1,37 +0,0 @@
-import React, { ChangeEvent, ForwardedRef } from 'react'
-import { IMaskInput } from 'react-imask'
-import { IInputProps } from './types'
-
-const Base = React.forwardRef<HTMLInputElement, IInputProps>(
-	({ onChange, type = 'text', mask, ...props }: IInputProps, ref: ForwardedRef<HTMLInputElement>) => {
-		const handleChange = (event: ChangeEvent<HTMLInputElement>): void => {
-			// @ts-ignore
-			const val = event.target.value
-			onChange?.(val, event)
-		}
-
-		if (!mask) {
-			return (
-				<input
-					type={type}
-					ref={ref}
-					onChange={handleChange}
-					{...props}
-				/>
-			)
-		}
-
-		return (
-			// @ts-ignore
-			<IMaskInput
-				type={type}
-				inputRef={ref}
-				mask={mask}
-				onChange={handleChange}
-				{...props}
-			/>
-		)
-	}
-)
-
-export default Base

package/src/Base/Input/Input.tsx

@@ -1,42 +0,0 @@
-import React, { ForwardedRef } from 'react'
-import Base from './Base'
-import { IInputProps } from './types'
-
-const Input = React.forwardRef<HTMLInputElement, IInputProps>(
-	({ onChange, value, clearable, ...props }: IInputProps, ref: ForwardedRef<HTMLInputElement>) => {
-		const handleClearClick = (): void => {
-			onChange?.('')
-		}
-
-		if (!clearable) {
-			return (
-				<Base
-					ref={ref}
-					onChange={onChange}
-					value={value}
-					{...props}
-				/>
-			)
-		}
-
-		return (
-			<div className="input_wrap_clear">
-				<Base
-					ref={ref}
-					onChange={onChange}
-					value={value}
-					{...props}
-				/>
-				{value && (
-					<a
-						className="input_clear icon-cancel"
-						onClick={handleClearClick}
-						style={{ visibility: 'initial' }}
-					/>
-				)}
-			</div>
-		)
-	}
-)
-
-export default Input

package/src/Base/Input/index.ts

@@ -1,3 +0,0 @@
-import Input from './Input'
-
-export { Input }

package/src/Base/Input/types.ts

@@ -1,11 +0,0 @@
-import React, { ChangeEvent, ChangeEventHandler } from 'react'
-
-type CustomChangeEventHandler = (value: string, event?: ChangeEvent<HTMLInputElement>) => void
-
-type CombinedChangeEventHandler = ChangeEventHandler<HTMLInputElement> & CustomChangeEventHandler
-
-export interface IInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-	onChange?: CombinedChangeEventHandler
-	mask?: string | RegExp | (string | RegExp)[] | NumberConstructor
-	clearable?: boolean
-}

package/src/Base/Links/TextLink.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-
-type TextLinkProps = React.HTMLProps<HTMLAnchorElement>
-
-const TextLink = React.forwardRef<HTMLAnchorElement, TextLinkProps>(({ children, ...props }, ref) => {
-	return (
-		<a
-			ref={ref}
-			{...props}
-		>
-			{children}
-		</a>
-	)
-})
-
-export default TextLink

package/src/Base/Links/index.ts

@@ -1,3 +0,0 @@
-import TextLink from './TextLink'
-
-export { TextLink }

package/src/BottomNavigation/BottomNavigation.tsx

@@ -1,62 +0,0 @@
-import * as React from 'react'
-import { Slot } from '@radix-ui/react-slot'
-import { cn } from '../@/lib/utils'
-
-export interface BottomNavigationLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-	asChild?: boolean
-}
-
-export type IProps = {
-	className?: string
-	children: React.ReactNode
-}
-
-const btnClasses = `
-	inline-flex
-	flex-col
-	place-items-center
-	gap-y-[8px]
-	w-full
-	p-[8px]
-	text-[10px]
-	text-center
-	text-light
-	leading-[1.33]
-	transition
-	duration-300
-	hover:bg-btn-ghost-hover
-	hover:text-primary
-	focus:bg-btn-ghost-focus
-	active:bg-btn-ghost-active
-	data-[status=active]:text-primary
-`
-
-const BottomNavigationLink = React.forwardRef<HTMLButtonElement, BottomNavigationLinkProps>(({ className, asChild, ...props }, ref) => {
-	const Comp = asChild ? Slot : "button"
-	return (
-		<Comp
-			className={cn(btnClasses, className)}
-			ref={ref}
-			{...props}
-		/>
-	)
-})
-
-BottomNavigationLink.displayName = 'BottomNavigationLink'
-
-const BottomNavigationListItem = React.forwardRef(({ className, children }: IProps, ref) => (
-	<li className={className}>{children}</li>
-))
-BottomNavigationListItem.displayName = 'BottomNavigationListItem'
-
-const BottomNavigationList = React.forwardRef(({ className, children }: IProps, ref) => (
-	<ul className="flex *:w-[calc(100%_/_5)]">{children}</ul>
-))
-BottomNavigationList.displayName = 'BottomNavigationList'
-
-const BottomNavigation = React.forwardRef(({ className, children }: IProps, ref) => {
-	return <nav className={className}>{children}</nav>
-})
-BottomNavigation.displayName = 'BottomNavigation'
-
-export { BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink }

package/src/BottomNavigation/index.ts

@@ -1 +0,0 @@
-export { BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink } from './BottomNavigation'

package/src/Button/Button.tsx

@@ -1,124 +0,0 @@
-import * as React from 'react'
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
-import { cn } from '../@/lib/utils'
-
-const buttonClasses = {
-	base: `
-		inline-flex
-		justify-center
-		items-center
-		border-[2px]
-		rounded-md
-		font-medium
-		leading-[1]
-		focus-visible:ring
-		focus-visible:outline-none
-		ring-offset-1
-		disabled:pointer-events-none
-		transition-colors
-		whitespace-nowrap
-		shrink-0
-	`,
-	primary: `
-		text-btn-primary
-		bg-btn-primary
-		border-btn-primary
-		hover:bg-btn-primary-hover
-		hover:border-btn-primary-hover
-		focus-visible:bg-btn-primary-focus
-		focus-visible:border-btn-primary-focus
-		active:bg-btn-primary-active
-		active:border-btn-primary-active
-		disabled:bg-btn-primary-disabled
-		disabled:border-btn-primary-disabled
-	`,
-	secondary: `
-		text-btn-secondary
-		bg-btn-secondary
-		border-btn-secondary
-		hover:bg-btn-secondary-hover
-		hover:border-btn-secondary-hover
-		focus-visible:bg-btn-secondary-focus
-		focus-visibleborder-btn-secondary-focus
-		active:bg-btn-secondary-active
-		active:border-btn-secondary-active
-		disabled:text-btn-secondary-disabled
-	`,
-	outline: `
-		text-btn-outline
-		border-[1px]
-		border-btn-outline
-		hover:border-btn-outline-hover
-		focus:border-btn-outline-focus
-		active:border-btn-outline-active
-		disabled:border-btn-outline-disabled
-		disabled:text-btn-outline-disabled
-	`,
-	ghost: `
-		text-btn-ghost
-		border-transparent
-		hover:text-btn-ghost-hover
-		focus-visible:text-btn-ghost-focus
-		active:text-btn-ghost-active
-		disabled:text-btn-ghost-disabled
-	`,
-}
-
-const getPadings = (icon, variant) => {
-	return cn(
-		icon && 'p-[12px] aspect-square',
-		icon && variant === 'outline' && 'p-[13px] aspect-square',
-		!icon && 'px-[24px] py-[12px]',
-		!icon && variant === 'outline' && 'px-[25px] py-[13px]',
-	)
-}
-interface IVariantProps {
-	variant?: 'primary'| 'secondary' | 'outline' | 'ghost',
-	className?: string,
-	icon?: boolean
-}
-
-
-const buttonVariants = ({ variant, className, icon }: IVariantProps) => {
-	return cva(`${buttonClasses.base} ${getPadings(icon, variant)}`,
-		{
-			variants: {
-				variant: {
-					primary: buttonClasses.primary,
-					secondary: buttonClasses.secondary,
-					outline: buttonClasses.outline,
-					ghost: buttonClasses.ghost,
-				},
-			},
-			defaultVariants: {
-				variant: 'primary',
-			},
-		}
-	)({ variant, className })
-}
-
-export interface ButtonProps
-	extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-		VariantProps<typeof buttonVariants> {
-	asChild?: boolean
-	icon?: boolean
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-	({ className, variant, asChild = false, icon, ...props }, ref) => {
-		const Comp = asChild ? Slot : 'button'
-
-		return (
-			<Comp
-				className={cn(buttonVariants({ variant, className, icon }))}
-				ref={ref}
-				{...props}
-			/>
-		)
-	}
-)
-
-Button.displayName = 'Button'
-
-export { Button, buttonVariants }

package/src/Button/ButtonWidget.tsx

@@ -1,67 +0,0 @@
-import * as React from 'react'
-import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
-import { cn } from '../@/lib/utils'
-
-const buttonClasses = `
-		inline-flex
-		items-center
-		shrink-0
-		p-[8px]
-		rounded-md
-		font-medium
-		leading-[1]
-		focus-visible:ring
-		focus-visible:outline-none
-		ring-offset-1
-		transition-colors
-		whitespace-nowrap
-		bg-page
-		shadow-md
-		active:shadow-sm
-		disabled:pointer-events-none
-`
-
-interface IProps {
-	children?: React.ReactNode
-	className?: string
-}
-
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-	asChild?: boolean
-}
-
-const Icon: React.FC<IProps> = ({ children }) => {
-	return <span className="flex justify-center items-center bg-primary-light [&+span]:ml-[16px] rounded-full text-primary size-[40px]">{children}</span>
-}
-
-const Content: React.FC<IProps> = ({ children, className }) => {
-	return <span className={cn('text-dark', className)}>{children}</span>
-}
-
-interface IButtonWidgetProps {
-	displayName: string
-	Icon: typeof Icon
-	Content: typeof Content
-}
-
-const ButtonWidget: React.FC<ButtonProps> & IButtonWidgetProps = ({ className, asChild = false, ...props }) => {
-		const Comp = asChild ? Slot : 'button'
-		return (
-			<Comp
-				className={cn(buttonClasses, className)}
-				{...props}
-			/>
-		)
-	}
-
-
-ButtonWidget.displayName = 'ButtonWidget'
-
-ButtonWidget.Icon = Icon
-ButtonWidget.Icon.displayName = 'ButtonWidget.Icon'
-
-ButtonWidget.Content = Content
-ButtonWidget.Content.displayName = 'ButtonWidget.Content'
-
-export { ButtonWidget }

package/src/Button/index.ts

@@ -1,2 +0,0 @@
-export { Button, buttonVariants } from './Button'
-export { ButtonWidget } from './ButtonWidget'

package/src/Calendar/Calendar.tsx

@@ -1,61 +0,0 @@
-import * as React from 'react'
-import { DayPicker } from 'react-day-picker'
-import { cn } from '../@/lib/utils'
-import ru from 'date-fns/locale/ru'
-
-const daySelectedClasses = 'bg-btn-primary text-btn-primary rounded-sm'
-const dayTodayClasses = 'bg-btn-secondary text-btn-secondary rounded-sm'
-const rangeMiddleClasses = 'date-range-middle aria-selected:bg-btn-primary/50 aria-selected:text-white'
-const btnNavClasses =
-	'opacity-50 hover:opacity-100 ring-offset-2 focus-visible:opacity-100 focus-visible:outline-primary border-input border rounded-sm shadow-sm'
-
-export type CalendarProps = React.ComponentProps<typeof DayPicker>
-function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {
-	return (
-		<DayPicker
-			locale={ru}
-			showOutsideDays={showOutsideDays}
-			className={cn('inline-flex', className)}
-			classNames={{
-				months: 'relative',
-				month: 'flex flex-col space-y-[16px] items-center',
-				month_grid: 'w-full border-collapse',
-				month_caption: 'inline m-x-auto',
-				caption_label: 'text-sm font-medium capitalize',
-				nav: 'flex justify-between absolute start-0 end-0',
-				button_previous: btnNavClasses,
-				button_next: btnNavClasses,
-				weekdays: 'flex',
-				weekday: 'text-light w-[32px] font-normal text-[14px]',
-				week: 'flex w-full mt-2',
-				day_button: 'w-[32px] h-[32px] p-0',
-				day: cn(
-					'aria-selected:opacity-100 text-[14px] leading-[1]',
-					props.mode === 'range'
-						? '[&:(.day-range-middle)]:rounded-0 [&:has(>.day-range-end)]:rounded-r-sm [&:has(>.day-range-start)]:rounded-l-sm first:[&:has([aria-selected])]:rounded-l-sm last:[&:has([aria-selected])]:rounded-r-sm'
-						: '[&:([aria-selected])]:rounded-sm'
-				),
-				range_start: 'day-range-start',
-				range_end: 'day-range-end',
-				range_middle: rangeMiddleClasses,
-				selected: daySelectedClasses,
-				today: dayTodayClasses,
-				outside:
-					'day-outside opacity-50 aria-selected:bg-primary aria-selected:text-[white] aria-selected:opacity-30',
-				disabled: 'text-light opacity-50',
-				hidden: 'invisible',
-				...classNames,
-			}}
-			components={
-				{
-					// Chevron: () => <Left className="w-4 h-4" />,
-				}
-			}
-			{...props}
-		/>
-	)
-}
-
-Calendar.displayName = 'Calendar'
-
-export { Calendar }

package/src/Calendar/index.ts

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

package/src/Chat/MessageTyping.tsx

@@ -1,61 +0,0 @@
-import React, { FC, SVGProps } from 'react'
-import { cn } from '../@/lib/utils'
-
-export const MessageTyping: FC<SVGProps<SVGElement>> = ({ className }) => {
-	return (
-		<svg
-			className={cn(className)}
-			width="72"
-			height="40"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v24a8 8 0 0 1-8 8H0V8Z"
-				fill="#F5F5F6"
-			/>
-			<path
-				id="dot_1"
-				d="M20 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
-				fill="#9B9FA8"
-			/>
-			<animate
-				href="#dot_1"
-				attributeType="CSS"
-				attributeName="opacity"
-				values="1;0;1;"
-				dur=".8s"
-				begin="0"
-				repeatCount="indefinite"
-			/>
-			<path
-				id="dot_2"
-				d="M36 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
-				fill="#9B9FA8"
-			/>
-			<animate
-				href="#dot_2"
-				attributeType="CSS"
-				attributeName="opacity"
-				values="1;0;1;"
-				dur=".8s"
-				begin=".15s"
-				repeatCount="indefinite"
-			/>
-			<path
-				id="dot_3"
-				d="M52 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
-				fill="#9B9FA8"
-			/>
-			<animate
-				href="#dot_3"
-				attributeType="CSS"
-				attributeName="opacity"
-				values="1;0;1;"
-				dur=".8s"
-				begin=".3s"
-				repeatCount="indefinite"
-			/>
-		</svg>
-	)
-}

package/src/Chat/index.ts

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

package/src/Checkbox/Checkbox.tsx

@@ -1,28 +0,0 @@
-
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-import { cn } from "../@/lib/utils"
-import { Check } from '../Icon'
-
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof CheckboxPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <CheckboxPrimitive.Root
-    ref={ref}
-    className={cn(
-      "peer h-[16px] w-[14px] shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    )}
-    {...props}
-  >
-    <CheckboxPrimitive.Indicator
-      className={cn("flex items-center justify-center text-current")}
-    >
-      <Check className="w-[16px] h-[16px] text-white" />
-    </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/Chip/Chip.tsx

@@ -1,55 +0,0 @@
-import React from 'react'
-import { cva, type VariantProps } from 'class-variance-authority'
-import { Slot } from '@radix-ui/react-slot'
-import { cn } from '../@/lib/utils'
-
-const chipVariants = cva(
-	'inline-flex justify-center items-center border-[2px] disabled:opacity-[.24] rounded-full ring-offset-1 font-medium whitespace-nowrap transition-colors disabled:pointer-events-none',
-	{
-		variants: {
-			variant: {
-				primary:
-					'text-btn-primary bg-btn-primary hover:bg-btn-primary-hover focus:bg-btn-primary-focus active:bg-btn-primary-active border-btn-primary hover:border-btn-primary-hover focus:border-btn-primary-focus active:border-btn-primary-active',
-				secondary:
-					'text-btn-secondary bg-btn-secondary hover:bg-btn-secondary-hover focus:bg-btn-secondary-focus active:bg-btn-secondary-active border-btn-secondary hover:border-btn-secondary-hover focus:border-btn-secondary-focus active:border-btn-secondary-active',
-				success:
-					'text-btn-success bg-btn-success hover:bg-btn-success-hover focus:bg-btn-success-focus active:bg-btn-success-active border-btn-success hover:border-btn-success-hover focus:border-btn-success-focus active:border-btn-success-active',
-				'primary-outline':
-					'text-btn-primary-outline hover:text-btn-primary-outline-hover focus:text-btn-primary-outline-focus active:text-btn-primary-outline-active bg-btn-primary-outline hover:bg-btn-primary-outline-hover focus:bg-btn-primary-outline-focus active:bg-btn-primary-outline-active border-btn-primary-outline hover:border-btn-primary-outline-hover focus:border-btn-primary-outline-focus active:border-btn-primary-outline-active',
-				outline: 'border-[1px] text-btn-outline border-btn-outline ring-[currentColor]',
-				ghost: 'text-btn-ghost bg-btn-ghost hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active border-transparent',
-			},
-			size: {
-				lg: '',
-				md: '',
-				sm: 'h-[14px] px-[20px] text-[10px] leading-[1.4]',
-				xs: '',
-				xxs: '',
-			},
-		},
-		defaultVariants: {
-			variant: 'secondary',
-			size: 'sm',
-		},
-	}
-)
-
-export interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {
-	asChild?: boolean
-}
-
-const Chip = React.forwardRef<HTMLButtonElement, IChipProps>(({ children, variant, size, className, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "span"
-
-	return (
-		<Comp
-        className={cn(chipVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-	)
-})
-
-Chip.displayName = 'Chip'
-
-export { Chip }

package/src/Chip/index.ts

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