@modul/mbui 0.0.12 → 0.0.13-beta-pv-53036-bbe30888

package/src/Form/Form.tsx

@@ -0,0 +1,152 @@
+import * as React from 'react'
+import * as LabelPrimitive from '@radix-ui/react-label'
+import { Slot } from '@radix-ui/react-slot'
+import { Controller, ControllerProps, FieldPath, FieldValues, FormProvider, useFormContext } from 'react-hook-form'
+
+import { cn } from '../@/lib/utils'
+import { Label } from '../Label'
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+	TFieldValues extends FieldValues = FieldValues,
+	TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+	name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)
+
+const FormField = <
+	TFieldValues extends FieldValues = FieldValues,
+	TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+	...props
+}: ControllerProps<TFieldValues, TName>) => {
+	return (
+		<FormFieldContext.Provider value={{ name: props.name }}>
+			<Controller {...props} />
+		</FormFieldContext.Provider>
+	)
+}
+
+const useFormField = () => {
+	const fieldContext = React.useContext(FormFieldContext)
+	const itemContext = React.useContext(FormItemContext)
+	const { getFieldState, formState } = useFormContext()
+
+	const fieldState = getFieldState(fieldContext.name, formState)
+
+	if (!fieldContext) {
+		throw new Error('useFormField should be used within <FormField>')
+	}
+
+	const { id } = itemContext
+
+	return {
+		id,
+		name: fieldContext.name,
+		formItemId: `${id}-form-item`,
+		formDescriptionId: `${id}-form-item-description`,
+		formMessageId: `${id}-form-item-message`,
+		...fieldState,
+	}
+}
+
+type FormItemContextValue = {
+	id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)
+
+const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+	({ className, ...props }, ref) => {
+		const id = React.useId()
+
+		return (
+			<FormItemContext.Provider value={{ id }}>
+				<div
+					ref={ref}
+					className={cn('space-y-2', className)}
+					{...props}
+				/>
+			</FormItemContext.Provider>
+		)
+	}
+)
+FormItem.displayName = 'FormItem'
+
+const FormLabel = React.forwardRef<
+	React.ElementRef<typeof LabelPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+	const { error, formItemId } = useFormField()
+
+	return (
+		<Label
+			ref={ref}
+			className={cn(error && 'text-destructive', className)}
+			htmlFor={formItemId}
+			{...props}
+		/>
+	)
+})
+FormLabel.displayName = 'FormLabel'
+
+const FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(
+	({ ...props }, ref) => {
+		const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+		return (
+			<Slot
+				ref={ref}
+				id={formItemId}
+				aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}
+				aria-invalid={!!error}
+				{...props}
+			/>
+		)
+	}
+)
+FormControl.displayName = 'FormControl'
+
+const FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+	({ className, ...props }, ref) => {
+		const { formDescriptionId } = useFormField()
+
+		return (
+			<p
+				ref={ref}
+				id={formDescriptionId}
+				className={cn('text-[0.8rem] text-muted-foreground', className)}
+				{...props}
+			/>
+		)
+	}
+)
+FormDescription.displayName = 'FormDescription'
+
+const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+	({ className, children, ...props }, ref) => {
+		const { error, formMessageId } = useFormField()
+		const body = error ? String(error?.message) : children
+
+		if (!body) {
+			return null
+		}
+
+		return (
+			<p
+				ref={ref}
+				id={formMessageId}
+				className={cn('text-[0.8rem] font-medium text-destructive', className)}
+				{...props}
+			>
+				{body}
+			</p>
+		)
+	}
+)
+FormMessage.displayName = 'FormMessage'
+
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField }

package/src/Form/index.ts

@@ -0,0 +1 @@
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField } from './Form'

package/src/Input/Input.tsx

@@ -21,7 +21,7 @@ const InputField = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<
 		<input
 			type={type}
 			className={cn(
-				'border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-1 focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed',
+				'border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed',
 				className
 			)}
 			ref={ref}

package/src/Page/Page.tsx

@@ -15,7 +15,7 @@ const Navbar: FC<IProps> = ({ children, className }) => {
 }
 
 const Content: FC<IProps> = ({ children, className }) => {
-	return <div className={cn('px-[20px] py-[16px]', className)}>{children}</div>
+	return <div className={cn('px-[20px] py-[16px] overflow-y-auto', className)}>{children}</div>
 }
 
 const Page: IPage = ({ children, className }: IProps) => {

package/src/Select/SelectAccountCard.tsx

@@ -0,0 +1,163 @@
+import * as React from 'react'
+
+import { DropdownSmallOld, CheckSmall } from '../Icon'
+
+import Select, {
+	components,
+	ControlProps,
+	OptionProps,
+	DropdownIndicatorProps,
+	StylesConfig,
+	SingleValueProps,
+	MenuProps,
+	ValueContainerProps,
+} from 'react-select'
+
+import { cn } from '../@/lib/utils'
+
+const selectTriggerClasses: string =
+	'flex items-center bg-gradient-to-r from-[--cl-blue-3] to-primary shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)] px-[16px] py-[8px] border-none rounded-md min-h-[80px] text-left text-white'
+
+const colourStyles: StylesConfig = {
+	control: () => ({}),
+	option: () => ({}),
+	input: () => ({}),
+	dropdownIndicator: () => ({}),
+	indicatorsContainer: () => ({}),
+	menu: () => ({}),
+	menuList: () => ({}),
+	singleValue: () => ({}),
+	valueContainer: () => ({}),
+}
+
+const Control = ({ children, ...props }: ControlProps) => {
+	const style = { cursor: 'pointer' }
+	return (
+		<components.Control
+			className={selectTriggerClasses}
+			{...props}
+		>
+			{children}
+		</components.Control>
+	)
+}
+
+const optionClasses =
+	'flex items-center first:rounded-t-md last:rounded-b-md px-[12px] py-[16px] w-full cursor-default select-none outline-none'
+
+const Option = ({ children, ...props }: OptionProps) => {
+	const {
+		isSelected,
+		isFocused,
+		isDisabled,
+		// @ts-ignore
+		data : { label, account, balance, cur },
+	} = props
+	const style = { cursor: 'pointer' }
+	return (
+		<components.Option
+			className={cn(
+				optionClasses,
+				{ 'bg-light': isFocused },
+				{ 'opacity-50 pointer-events-none': isDisabled }
+			)}
+			{...props}
+		>
+			<span className="flex basis-0 grow">
+				<span>
+					<span>{label}</span><br/>
+					<span className='text-[14px] text-light'>{account}</span>
+				</span>
+				<span  className='ml-auto shrink-0'>
+					{balance}&nbsp;{cur}
+				</span>
+			</span>
+
+			<span className='ml-[16px] w-[24px] h-[24px] shrink-0'>
+				{isSelected && (
+					<CheckSmall
+						width="24"
+						height="24"
+						className="text-primary"
+					/>
+				)}
+			</span>
+
+		</components.Option>
+	)
+}
+
+const DropdownIndicator = ({ children, ...props }: DropdownIndicatorProps) => {
+	return (
+		<components.DropdownIndicator
+			className="shrink-0"
+			{...props}
+		>
+			<DropdownSmallOld
+				className="text-white"
+				width="16"
+				height="16"
+			/>
+		</components.DropdownIndicator>
+	)
+}
+
+const ValueContainer = ({ children, ...props }: ValueContainerProps) => {
+	return (
+		<components.ValueContainer
+			className="flex-1 grid"
+			{...props}
+		>
+			{children}
+		</components.ValueContainer>
+	)
+}
+
+const SingleValue = ({ children, ...props }: SingleValueProps) => {
+	// @ts-ignore
+	const { label, account, balance, cur } = props.data
+	return (
+		<components.SingleValue className='col-start-1 col-end-3 row-start-1 row-end-2' {...props}>
+			<span className="block max-w-full text-[16px] truncate leading-[1.5]">
+				{label} <span className="opacity-75 text-[14px] leading-[1.42]">{account}</span>
+			</span>
+			<span className="block mt-[8px] font-medium text-[24px] leading-[1.333]">
+				{balance} {cur}
+			</span>
+		</components.SingleValue>
+	)
+}
+
+const Menu = ({ children, ...props }: MenuProps) => {
+	return (
+		<components.Menu
+			className="bg-page drop-shadow-1 mt-[8px] rounded-md"
+			{...props}
+		>
+			{children}
+		</components.Menu>
+	)
+}
+
+const SelectAccountCard = React.forwardRef<Select, { className: string | undefined }>(({ className, ...props }, ref) => (
+	<Select
+		className={cn(className)}
+		classNamePrefix="super"
+		isDisabled={false}
+		isSearchable={false}
+		components={{
+			Control,
+			Option,
+			SingleValue,
+			DropdownIndicator,
+			IndicatorSeparator: () => null,
+			Menu,
+			ValueContainer,
+		}}
+		styles={colourStyles}
+		unstyled={true}
+		{...props}
+	/>
+))
+
+export { SelectAccountCard }

package/src/Select/index.ts

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

package/src/Switch/Switch.tsx

@@ -0,0 +1,28 @@
+
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "../@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer border-light items-center rounded-full border-2 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-4 w-4 rounded-full bg-light shadow-md ring-0 transition-transform  data-[state=checked]:bg-page data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }

package/src/Switch/index.ts

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

package/src/Textarea/Textarea.tsx

@@ -0,0 +1,24 @@
+import * as React from "react"
+
+import { cn } from "../@/lib/utils"
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 placeholder:text-light focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Textarea.displayName = "Textarea"
+
+export { Textarea }

package/src/Textarea/index.ts

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

package/src/assets/css/global.css

@@ -73,7 +73,7 @@
         --cl-red-6: #f9c1bd;
         --cl-red-7: #ffe9e9;
 
-        --text-base: var(--cl-graphite-1);
+        --base: var(--cl-graphite-1);
         --primary: var(--cl-blue-2);
         --primary-light: var(--cl-blue-7);
         --success: var(--cl-green-3);
@@ -81,6 +81,7 @@
         --light: var(--cl-graphite-3);
         --dark: var(--cl-graphite-2);
         --disabled: var(--cl-graphite-4);
+        --bg-light: var(--cl-graphite-7);
         --warning: var(--cl-yellow-2);
         --warning-light: var(--cl-yellow-7);
         --critical: var(--cl-red-4);
@@ -89,6 +90,7 @@
 
         --page-bg: var(--cl-white);
 
+
         /* ЦВЕТ КНОПОК */
         /* =========================================== */
         --btn-primary: var(--cl-white);
@@ -130,6 +132,7 @@
         
         /* ЦВЕТ ПОЛЯ ВВОДА */
         /* =========================================== */
+
         
         /* =========================================== */
         /* ЦВЕТ ПОЛЯ ВВОДА */
@@ -138,7 +141,8 @@
         /* BORDER */
         /* =========================================== */
         --border-color: var(--cl-graphite-5);
-        --border-radius-1: 8px;
+        --border-radius-sm: 4px;
+        --border-radius-md: 8px;
         /* =========================================== */
         /* BORDER */
         

package/src/index.ts

@@ -1,47 +1,36 @@
-import { Tooltip } from "./Tooltip";
-import { Tabs } from "./Tabs";
-import { Slider } from "./Slider";
-import { Popover } from "./Popover";
-import Logo from "./Logo";
-import { InputOTP, 
-	InputOTPGroup, 
-	InputOTPSlot, 
-	InputOTPSeparator 
-} from "./Input-OTP";
+import { Tooltip } from './Tooltip'
+import { Tabs } from './Tabs'
+import { Slider } from './Slider'
+import { Popover } from './Popover'
+import Logo from './Logo'
+import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './Input-OTP'
 import {
-	BottomNavigation, 
-	BottomNavigationList, 
-	BottomNavigationListItem, 
-	BottomNavigationLink
-} from "./BottomNavigation";
-import * as Icon from "./Icon";
-import {
-	Collapsible,
-	CollapsibleTrigger,
-	CollapsibleContent
-} from "./Collapsible";
+	BottomNavigation,
+	BottomNavigationList,
+	BottomNavigationListItem,
+	BottomNavigationLink,
+} from './BottomNavigation'
+import * as Icon from './Icon'
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible'
 import {
 	AccountCollapsible,
 	AccountCollapsibleHeader,
 	AccountCollapsibleTrigger,
 	AccountCollapsibleContent,
 	AccountCollapsibleContentItem,
-} from "./Collapsible";
-import { Button } from "./Button";
-import { Input } from "./Base/Input";
-import { Audio } from "./Audio";
-import { cn } from "./@/lib/utils";
-import {
-	Drawer,
-	DrawerTrigger,
-	DrawerTitle,
-	DrawerClose,
-	DrawerContent
-} from './Drawer'
-import { Page } from "./Page";
-import { Chip } from "./Chip";
-import { InputField, InputLabel } from "./Input";
-import { Info } from "./Info";
+} from './Collapsible'
+import { Button } from './Button'
+import { Audio } from './Audio'
+import { cn } from './@/lib/utils'
+import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer'
+import { Page } from './Page'
+import { Chip } from './Chip'
+import { InputField, InputLabel } from './Input'
+import { Alert } from './Alert'
+import { Switch } from './Switch'
+import { Label } from './Label'
+import { Textarea } from './Textarea'
+import { SelectAccountCard } from './Select'
 
 export {
 	Tooltip,
@@ -62,7 +51,6 @@ export {
 	AccountCollapsibleContent,
 	AccountCollapsibleContentItem,
 	Button,
-	Input,
 	InputField,
 	InputLabel,
 	Audio,
@@ -79,5 +67,9 @@ export {
 	BottomNavigationLink,
 	Page,
 	Chip,
-	Info,
-};
+	Alert,
+	Switch,
+	Label,
+	Textarea,
+	SelectAccountCard,
+}

package/dist/Base/Input/Base.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IInputProps } from './types';
-declare const Base: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
-export default Base;

package/dist/Base/Input/Base.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const react_imask_1 = require("react-imask");
-const Base = react_1.default.forwardRef(({ onChange, type = 'text', mask, ...props }, ref) => {
-    const handleChange = (event) => {
-        // @ts-ignore
-        const val = event.target.value;
-        onChange?.(val, event);
-    };
-    if (!mask) {
-        return (react_1.default.createElement("input", { type: type, ref: ref, onChange: handleChange, ...props }));
-    }
-    return (
-    // @ts-ignore
-    react_1.default.createElement(react_imask_1.IMaskInput, { type: type, inputRef: ref, mask: mask, onChange: handleChange, ...props }));
-});
-exports.default = Base;
-//# sourceMappingURL=Base.js.map

package/dist/Base/Input/Base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/Base/Input/Base.tsx"],"names":[],"mappings":";;;AAAA,+DAAwD;AACxD,6CAAwC;AAGxC,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe,EAAE,GAAmC,EAAE,EAAE;IACjG,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAQ,EAAE;QACnE,aAAa;QACb,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CACN,yCACC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,KAClB,KAAK,GACR,CACF,CAAA;KACD;IAED,OAAO;IACN,aAAa;IACb,8BAAC,wBAAU,IACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,KAClB,KAAK,GACR,CACF,CAAA;AACF,CAAC,CACD,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/dist/Base/Input/Input.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IInputProps } from './types';
-declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/dist/Base/Input/Input.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const Base_1 = (0, tslib_1.__importDefault)(require("./Base"));
-const Input = react_1.default.forwardRef(({ onChange, value, clearable, ...props }, ref) => {
-    const handleClearClick = () => {
-        onChange?.('');
-    };
-    if (!clearable) {
-        return (react_1.default.createElement(Base_1.default, { ref: ref, onChange: onChange, value: value, ...props }));
-    }
-    return (react_1.default.createElement("div", { className: "input_wrap_clear" },
-        react_1.default.createElement(Base_1.default, { ref: ref, onChange: onChange, value: value, ...props }),
-        value && (react_1.default.createElement("a", { className: "input_clear icon-cancel", onClick: handleClearClick, style: { visibility: 'initial' } }))));
-});
-exports.default = Input;
-//# sourceMappingURL=Input.js.map

package/dist/Base/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Base/Input/Input.tsx"],"names":[],"mappings":";;;AAAA,+DAA2C;AAC3C,+DAAyB;AAGzB,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe,EAAE,GAAmC,EAAE,EAAE;IAC9F,MAAM,gBAAgB,GAAG,GAAS,EAAE;QACnC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAI,CAAC,SAAS,EAAE;QACf,OAAO,CACN,8BAAC,cAAI,IACJ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,GACR,CACF,CAAA;KACD;IAED,OAAO,CACN,uCAAK,SAAS,EAAC,kBAAkB;QAChC,8BAAC,cAAI,IACJ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,GACR;QACD,KAAK,IAAI,CACT,qCACC,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/B,CACF,CACI,CACN,CAAA;AACF,CAAC,CACD,CAAA;AAED,kBAAe,KAAK,CAAA"}

package/dist/Base/Input/index.d.ts

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

package/dist/Base/Input/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const tslib_1 = require("tslib");
-const Input_1 = (0, tslib_1.__importDefault)(require("./Input"));
-exports.Input = Input_1.default;
-//# sourceMappingURL=index.js.map

package/dist/Base/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Base/Input/index.ts"],"names":[],"mappings":";;;;AAAA,iEAA2B;AAElB,gBAFF,eAAK,CAEE"}

package/dist/Base/Input/types.d.ts

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

package/dist/Base/Input/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/Base/Input/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Base/Input/types.ts"],"names":[],"mappings":""}

package/dist/Info/Info.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/Info/Info.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EAAC,2CAA2C,EAAE;IACrE,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,sBAAsB;YAC7B,OAAO,EAAE,kBAAkB;YAC3B,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,wBAAwB;SAClC;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,OAAO;KAChB;CACD,CAAC,CAAA;AAMF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzG,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAC/C,KAAK,IAER,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/dist/Info/index.d.ts

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

package/dist/Info/index.js

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

package/dist/Info/index.js.map

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