@modul/mbui 0.0.2 → 0.0.3-beta-pv-52770-7d2f2b64

package/src/components/SvgIcon/icons/Whatsapp.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWhatsapp = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-6 13c-.97 0-1.87-.29-2.64-.77L5 15l.86-2.2C5.32 12 5 11.04 5 10c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5m2.44-3.23c-.09.17-.22.32-.39.46-.1.09-.36.32-.74.25-2.16-.42-3.26-1.63-3.79-3.89-.06-.28.02-.43.23-.65.14-.15.3-.28.47-.39.18-.09.34-.06.46.08l.63.88c.12.21.04.43-.06.52l-.19.14c-.06.05-.15.1-.14.2.15.89.8 1.47 1.61 1.72.11.03.18 0 .26-.1.05-.06.18-.23.18-.23.09-.12.32-.2.52-.08l.88.63c.16.13.16.28.07.46"
+		/>
+	</SvgIcon>
+)
+export default SvgWhatsapp

package/src/components/SvgIcon/icons/WhatsappCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWhatsappCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1a9 9 0 1 0 .001 18.001A9 9 0 0 0 10 1m0 14c-.97 0-1.87-.29-2.64-.77L5 15l.86-2.2C5.32 12 5 11.04 5 10c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5m2.44-3.23c-.09.17-.22.32-.39.46-.1.09-.36.32-.74.25-2.16-.42-3.26-1.63-3.79-3.89-.06-.28.02-.43.23-.65.14-.15.3-.28.47-.39.18-.09.34-.06.46.08l.63.88c.12.21.04.43-.06.52l-.19.14c-.06.05-.15.1-.14.2.15.89.8 1.47 1.61 1.72.11.03.18 0 .26-.1.05-.06.18-.23.18-.23.09-.12.32-.2.52-.08l.88.63c.16.13.16.28.07.46"
+		/>
+	</SvgIcon>
+)
+export default SvgWhatsappCircle

package/src/components/SvgIcon/icons/Wheelchair.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWheelchair = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M6.267 2.588c0-.879.715-1.588 1.6-1.588s1.6.71 1.6 1.588c0 .88-.715 1.588-1.6 1.588s-1.6-.709-1.6-1.588m11.66 13.903-2.134-5.294a1.07 1.07 0 0 0-.992-.668h-4.46l-.426-2.117h3.82c.586 0 1.066-.477 1.066-1.06 0-.581-.48-1.058-1.067-1.058H9.49l-.043-.212a1.063 1.063 0 0 0-1.259-.826c-.576.117-.95.668-.832 1.25L8.422 11.8c.096.487.533.847 1.045.847h4.608l1.867 4.627c.224.55.854.805 1.387.593.544-.222.81-.836.598-1.376m-6.049-.614a4.76 4.76 0 0 1-2.944 1.005c-2.646 0-4.8-2.139-4.8-4.764 0-1.27.5-2.467 1.408-3.367a1.05 1.05 0 0 0 0-1.493 1.07 1.07 0 0 0-1.505 0A6.77 6.77 0 0 0 2 12.118C2 15.908 5.115 19 8.934 19a6.87 6.87 0 0 0 4.256-1.45c.47-.36.544-1.028.181-1.483a1.06 1.06 0 0 0-1.493-.19"
+		/>
+	</SvgIcon>
+)
+export default SvgWheelchair

package/src/components/SvgIcon/icons/index.ts

@@ -0,0 +1,203 @@
+export { default as AddList } from './AddList'
+export { default as AlertCircleSolid } from './AlertCircleSolid'
+export { default as AlertCircle } from './AlertCircle'
+export { default as AlertDiamondSolid } from './AlertDiamondSolid'
+export { default as AlertDiamond } from './AlertDiamond'
+export { default as AlertShield } from './AlertShield'
+export { default as Android } from './Android'
+export { default as Apple } from './Apple'
+export { default as Archive } from './Archive'
+export { default as ArrowCircle } from './ArrowCircle'
+export { default as ArrowDown } from './ArrowDown'
+export { default as ArrowLeft } from './ArrowLeft'
+export { default as ArrowRight } from './ArrowRight'
+export { default as ArrowUpCorner } from './ArrowUpCorner'
+export { default as ArrowUp } from './ArrowUp'
+export { default as ArrowsChange } from './ArrowsChange'
+export { default as Atm } from './Atm'
+export { default as Attach } from './Attach'
+export { default as Bank } from './Bank'
+export { default as Bold } from './Bold'
+export { default as Bonus } from './Bonus'
+export { default as Building } from './Building'
+export { default as CalendarCancel } from './CalendarCancel'
+export { default as Calendar } from './Calendar'
+export { default as CallEnd } from './CallEnd'
+export { default as CallMissed } from './CallMissed'
+export { default as Call } from './Call'
+export { default as Callback } from './Callback'
+export { default as Camera } from './Camera'
+export { default as CancelSolid } from './CancelSolid'
+export { default as Cancel } from './Cancel'
+export { default as CardLock } from './CardLock'
+export { default as CardRefill } from './CardRefill'
+export { default as CardReissue } from './CardReissue'
+export { default as CardScan } from './CardScan'
+export { default as CardToCard } from './CardToCard'
+export { default as CardUnlock } from './CardUnlock'
+export { default as Card } from './Card'
+export { default as Change } from './Change'
+export { default as Chart } from './Chart'
+export { default as ChatSolid } from './ChatSolid'
+export { default as Chat } from './Chat'
+export { default as CheckCircleSolid } from './CheckCircleSolid'
+export { default as CheckCircle } from './CheckCircle'
+export { default as CheckShield } from './CheckShield'
+export { default as CheckSmall } from './CheckSmall'
+export { default as Check } from './Check'
+export { default as Checklist } from './Checklist'
+export { default as Circle } from './Circle'
+export { default as Clock } from './Clock'
+export { default as Close } from './Close'
+export { default as Coins } from './Coins'
+export { default as Collapse } from './Collapse'
+export { default as Copy } from './Copy'
+export { default as Cup } from './Cup'
+export { default as CurrencyChange } from './CurrencyChange'
+export { default as CurrencyTransfer } from './CurrencyTransfer'
+export { default as Deposit } from './Deposit'
+export { default as Diamond } from './Diamond'
+export { default as DislikeSolid } from './DislikeSolid'
+export { default as Dislike } from './Dislike'
+export { default as DocCancel } from './DocCancel'
+export { default as Doc } from './Doc'
+export { default as Dollar } from './Dollar'
+export { default as DoubleArrow } from './DoubleArrow'
+export { default as DoubleTick } from './DoubleTick'
+export { default as Download } from './Download'
+export { default as DropdownSmallOld } from './DropdownSmallOld'
+export { default as Dropdown } from './Dropdown'
+export { default as Dropup } from './Dropup'
+export { default as Edit } from './Edit'
+export { default as Email } from './Email'
+export { default as Excel } from './Excel'
+export { default as Expand } from './Expand'
+export { default as EyeOff } from './EyeOff'
+export { default as Eye } from './Eye'
+export { default as FavoriteSolid } from './FavoriteSolid'
+export { default as Favorite } from './Favorite'
+export { default as FbCircle } from './FbCircle'
+export { default as Fb } from './Fb'
+export { default as FileAdd } from './FileAdd'
+export { default as File } from './File'
+export { default as Files } from './Files'
+export { default as Filter } from './Filter'
+export { default as Folder } from './Folder'
+export { default as Geolocation } from './Geolocation'
+export { default as Gift } from './Gift'
+export { default as Globe } from './Globe'
+export { default as HeartSolid } from './HeartSolid'
+export { default as Heart } from './Heart'
+export { default as Help } from './Help'
+export { default as Home } from './Home'
+export { default as Housing } from './Housing'
+export { default as IgCircle } from './IgCircle'
+export { default as Ig } from './Ig'
+export { default as InfoBook } from './InfoBook'
+export { default as InfoSolid } from './InfoSolid'
+export { default as Info } from './Info'
+export { default as Italic } from './Italic'
+export { default as Key } from './Key'
+export { default as Left } from './Left'
+export { default as Lightbulb } from './Lightbulb'
+export { default as LikeSolid } from './LikeSolid'
+export { default as Like } from './Like'
+export { default as Link } from './Link'
+export { default as Lock } from './Lock'
+export { default as Logout } from './Logout'
+export { default as MagicWand } from './MagicWand'
+export { default as MailSend } from './MailSend'
+export { default as Mail } from './Mail'
+export { default as MapPin } from './MapPin'
+export { default as Map } from './Map'
+export { default as Menu } from './Menu'
+export { default as MicOff } from './MicOff'
+export { default as Mic } from './Mic'
+export { default as MinusCircle } from './MinusCircle'
+export { default as MinusShort } from './MinusShort'
+export { default as Minus } from './Minus'
+export { default as Moneybox } from './Moneybox'
+export { default as More } from './More'
+export { default as Move } from './Move'
+export { default as Newbie } from './Newbie'
+export { default as News } from './News'
+export { default as Notes } from './Notes'
+export { default as Notification } from './Notification'
+export { default as OkCircle } from './OkCircle'
+export { default as Ok } from './Ok'
+export { default as OrderLoad } from './OrderLoad'
+export { default as OrderSend } from './OrderSend'
+export { default as Order } from './Order'
+export { default as PauseCircle } from './PauseCircle'
+export { default as Pause } from './Pause'
+export { default as Payment } from './Payment'
+export { default as PhoneShake } from './PhoneShake'
+export { default as PlaySolid } from './PlaySolid'
+export { default as Play } from './Play'
+export { default as PlusCircle } from './PlusCircle'
+export { default as Plus } from './Plus'
+export { default as Pos } from './Pos'
+export { default as Print } from './Print'
+export { default as QrPay } from './QrPay'
+export { default as Redirect } from './Redirect'
+export { default as Refill } from './Refill'
+export { default as Refund } from './Refund'
+export { default as Reload } from './Reload'
+export { default as ReplyShapeSolid } from './ReplyShapeSolid'
+export { default as ReplyShape } from './ReplyShape'
+export { default as Reply } from './Reply'
+export { default as Request } from './Request'
+export { default as Right } from './Right'
+export { default as Route } from './Route'
+export { default as Ruble } from './Ruble'
+export { default as Sbp } from './Sbp'
+export { default as Search } from './Search'
+export { default as Send } from './Send'
+export { default as Services } from './Services'
+export { default as Settings } from './Settings'
+export { default as Share } from './Share'
+export { default as ShoppingCart } from './ShoppingCart'
+export { default as Sign } from './Sign'
+export { default as SlotMachine } from './SlotMachine'
+export { default as SortDownSolid } from './SortDownSolid'
+export { default as SortDown } from './SortDown'
+export { default as SortUpSolid } from './SortUpSolid'
+export { default as SortUp } from './SortUp'
+export { default as Stop } from './Stop'
+export { default as Support } from './Support'
+export { default as Sync } from './Sync'
+export { default as Table } from './Table'
+export { default as Tariffs } from './Tariffs'
+export { default as TgCircle } from './TgCircle'
+export { default as Tg } from './Tg'
+export { default as Timeout } from './Timeout'
+export { default as Timer } from './Timer'
+export { default as Trash } from './Trash'
+export { default as TurnOff } from './TurnOff'
+export { default as TwitterCircle } from './TwitterCircle'
+export { default as Twitter } from './Twitter'
+export { default as Underline } from './Underline'
+export { default as Unlink } from './Unlink'
+export { default as UnsortedSolid } from './UnsortedSolid'
+export { default as Unsorted } from './Unsorted'
+export { default as Upload } from './Upload'
+export { default as UserAdd } from './UserAdd'
+export { default as UserCard } from './UserCard'
+export { default as UserEdit } from './UserEdit'
+export { default as UserQueue } from './UserQueue'
+export { default as User } from './User'
+export { default as ViberCircle } from './ViberCircle'
+export { default as Viber } from './Viber'
+export { default as ViewGrid } from './ViewGrid'
+export { default as ViewHorizontal } from './ViewHorizontal'
+export { default as ViewList } from './ViewList'
+export { default as ViewRows } from './ViewRows'
+export { default as ViewVertical } from './ViewVertical'
+export { default as VkCircle } from './VkCircle'
+export { default as Vk } from './Vk'
+export { default as Wallet } from './Wallet'
+export { default as WarningClean } from './WarningClean'
+export { default as Warning } from './Warning'
+export { default as WhatsappCircle } from './WhatsappCircle'
+export { default as Whatsapp } from './Whatsapp'
+export { default as Wheelchair } from './Wheelchair'

package/src/components/SvgIcon/index.ts

@@ -0,0 +1 @@
+export * as default from './icons'

package/src/index.ts

@@ -1,6 +1,30 @@
-import { Button } from './Base/Buttons'
-import { TextLink } from './Base/Links'
-import { DatePicker } from './DatePicker'
-import { Input } from './Base/Input'
+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 { BottonNavigation } from "./components/BottonNavigation";
+import { Collapse } from "./Collapse";
+import { Button } from "./Base/Buttons";
+import { Input } from "./Base/Input";
+import { Audio } from "./Audio";
+import { cn } from "./@/lib/utils";
 
-export { Button, TextLink, DatePicker, Input }
+export {
+	Tooltip,
+	Tabs,
+	Slider,
+	Popover,
+	Logo,
+	InputOTP,
+	InputOTPGroup,
+	InputOTPSlot,
+	InputOTPSeparator,
+	Collapse,
+	Button,
+	Input,
+	Audio,
+	cn,
+};
+export type { BottonNavigation };

package/src/DatePicker/DatePicker.styl

@@ -1,5 +0,0 @@
-.react-datepicker-wrapper
-  background red
-  padding 30px
-  &::before
-    content 'ТИМУР НЕ БЕЙ, Я ТЕСТИЛ'

package/src/DatePicker/index.tsx

@@ -1,21 +0,0 @@
-import DatePicker, { setDefaultLocale, registerLocale } from 'react-datepicker'
-import ru from 'date-fns/esm/locale/ru'
-
-import 'react-datepicker/dist/react-datepicker.css'
-import './DatePicker.styl'
-
-registerLocale('ru', ru)
-setDefaultLocale('ru')
-
-/* дизайн https://www.figma.com/file/JWoRIl9t7iUo2OCMUAXe8jho/Web-UI-Kit?type=design&node-id=17470-175761&mode=design&t=BHB7X1HxYLkndvZD-0
-Виды:
-  1 - DatePicker (обычный)
-  2 - MonthPicker
-  3 - YearPicker
-  4 - DateRangePicker
-  5 - WithButtonTriggerDatePicker
-  6 - на остальные морально не готовы
-
- */
-
-export { DatePicker }

package/src/stories/DatePicker/DatePicker.stories.tsx

@@ -1,47 +0,0 @@
-import React, { useState } from 'react'
-import type { Meta, StoryObj } from '@storybook/react'
-import { DatePicker } from '../../DatePicker'
-
-const meta: Meta<typeof DatePicker> = {
-	component: DatePicker,
-}
-
-export default meta
-type Story = StoryObj<typeof DatePicker>
-
-const DefaultDatePickerWrapper = (props) => {
-	const [startDate, setStartDate] = useState(new Date())
-	return (
-		<DatePicker
-			selected={startDate}
-			locale='ru-RU'
-			onChange={(date) => setStartDate(date)}
-			{...props}
-		/>
-	)
-}
-export const Default: Story = {
-	args: {
-		dateFormat: 'dd.MM.yyyy',
-		disabled: false,
-		dateFormatCalendar: 'dd.MM.yyyy',
-	},
-	render: (args) => <DefaultDatePickerWrapper {...args} />,
-}
-
-export const TimePicker: Story = {
-	args: {
-		...Default.args,
-		dateFormat: 'hh:mm',
-		timeCaption: 'Выберите время:',
-		timeIntervals: 30,
-		timeFormat: 'hh:mm',
-	},
-	render: (args) => (
-		<DefaultDatePickerWrapper
-			showTimeSelect
-			showTimeSelectOnly
-			{...args}
-		/>
-	),
-}

package/src/stories/Input/Input.stories.tsx

@@ -1,30 +0,0 @@
-import React, { useState } from 'react'
-import type { Meta, StoryObj } from '@storybook/react'
-import { Input } from '../../Base/Input'
-
-const meta: Meta<typeof Input> = {
-	component: Input,
-}
-type Story = StoryObj<typeof Input>
-
-const DefaultInputWrapper = (props) => {
-	const [val, setVal] = useState<string>('')
-	return (
-		<Input
-			value={val}
-			onChange={(e) => setVal(e)}
-			type="text"
-			{...props}
-		/>
-	)
-}
-
-export const Default: Story = {
-	args: {
-		disabled: false,
-		placeholder: 'placeholder...',
-	},
-	render: (args) => <DefaultInputWrapper {...args} />,
-}
-
-export default meta