@modul/mbui 0.0.20-beta-pv-52992-d5155aa6 → 0.0.20-beta-pv-53154-4403aebc

package/src/Select/SelectBase.tsx

@@ -1,22 +1,169 @@
 import * as React from 'react'
 
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
+
 import Select, {
-	GroupBase,
-	Props,
+	components,
+	ControlProps,
+	OptionProps,
+	DropdownIndicatorProps,
+	StylesConfig,
+	SingleValueProps,
+	MenuProps,
+	PlaceholderProps,
+	ValueContainerProps,
+	InputProps,
+	LoadingIndicatorProps,
+	IndicatorsContainerProps, GroupBase, Props,
 } from 'react-select'
-import {
-	colourStyles,
-	Control,
-	DropdownIndicator,
-	IndicatorsContainer,
-	Input,
-	LoadingIndicator,
-	Menu,
-	Placeholder,
-	SingleValue,
-	ValueContainer,
-	Option,
-} from './components'
+
+import { cn } from '../@/lib/utils'
+
+const selectTriggerClasses: string = `
+	flex
+	items-center
+	py-[12px]
+	px-[16px]
+	h-[44px]
+	text-left
+	border-[1px]
+	border-input
+	rounded-sm
+	cursor-pointer
+`
+
+const colourStyles: StylesConfig = {
+	control: () => ({}),
+	option: () => ({}),
+	input: () => ({}),
+	dropdownIndicator: () => ({}),
+	indicatorsContainer: () => ({}),
+	menu: () => ({}),
+	menuList: () => ({}),
+	singleValue: () => ({}),
+	valueContainer: () => ({}),
+}
+
+const Input = ({...props }: InputProps) => {
+	return <components.Input className='col-start-1 col-end-3 row-start-1 row-end-2' {...props} />
+}
+
+const Control = ({ children, ...props }: ControlProps) => {
+	const { isFocused } = props
+	return (
+		<components.Control
+			className={cn(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused })}
+			{...props}
+		>
+			{children}
+		</components.Control>
+	)
+}
+
+const optionClasses =
+	'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none'
+
+const Option = ({ children, ...props }: OptionProps) => {
+	const {
+		isSelected,
+		isFocused,
+		isDisabled,
+	} = props
+	return (
+		<components.Option
+			className={cn(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled })}
+			{...props}
+		>
+			<span className="flex basis-0 grow">{children}</span>
+
+			<span className="ml-[16px] shrink-0 size-[24px]">
+				{isSelected && (
+					<CheckSmall
+						width="24"
+						height="24"
+						className="text-primary"
+					/>
+				)}
+			</span>
+		</components.Option>
+	)
+}
+
+const IndicatorsContainer = ({ children, ...props }: IndicatorsContainerProps) => {
+	return (
+		<components.IndicatorsContainer className='flex items-center gap-x-[8px] shrink-0' {...props}>
+			{children}
+		</components.IndicatorsContainer>
+	)
+}
+
+const LoadingIndicator = ({...props }: LoadingIndicatorProps) => {
+	return (
+		<components.LoadingIndicator
+			className='text-light shrink-0'
+			{...props}
+		/>
+	)
+}
+
+const DropdownIndicator = ({ children, ...props }: DropdownIndicatorProps) => {
+	return (
+		<components.DropdownIndicator
+			className="shrink-0"
+			{...props}
+		>
+			<DropdownSmallOld
+				className="text-light"
+				width="12"
+				height="12"
+			/>
+		</components.DropdownIndicator>
+	)
+}
+
+const ValueContainer = ({ children, ...props }: ValueContainerProps) => {
+	return (
+		<components.ValueContainer
+			className="flex-1 grid"
+			{...props}
+		>
+			{children}
+		</components.ValueContainer>
+	)
+}
+
+const SingleValue = ({ children, ...props }: SingleValueProps) => {
+	return (
+		<components.SingleValue
+			className="col-start-1 col-end-3 row-start-1 row-end-2"
+			{...props}
+		>
+			{children}
+		</components.SingleValue>
+	)
+}
+
+const Menu = ({ children, ...props }: MenuProps) => {
+	return (
+		<components.Menu
+			className="z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm"
+			{...props}
+		>
+			{children}
+		</components.Menu>
+	)
+}
+
+const Placeholder = ({ children, ...props }: PlaceholderProps) => {
+	return (
+		<components.Placeholder
+			className="col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate"
+			{...props}
+		>
+			{children}
+		</components.Placeholder>
+	)
+}
 
 type SelectBaseProps<
 	Option,
@@ -24,9 +171,11 @@ type SelectBaseProps<
 	Group extends GroupBase<Option> = GroupBase<Option>
 > = Props<Option, IsMulti, Group>
 
-function SelectBase<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(
-	props: SelectBaseProps<Option, IsMulti, Group>
-) {
+function SelectBase<
+	Option,
+	IsMulti extends boolean = false,
+	Group extends GroupBase<Option> = GroupBase<Option>
+>(props: SelectBaseProps<Option, IsMulti, Group>) {
 	return (
 		<Select
 			components={{
@@ -40,7 +189,7 @@ function SelectBase<Option, IsMulti extends boolean = false, Group extends Group
 				Placeholder,
 				Input,
 				LoadingIndicator,
-				IndicatorsContainer,
+				IndicatorsContainer
 			}}
 			styles={colourStyles}
 			unstyled={true}

package/src/Select/index.ts

@@ -1,5 +1,4 @@
 export { SelectAccountCard } from './SelectAccountCard'
-export { SelectAccount } from './SelectAccount'
 export { SelectAsync } from './SelectAsync'
 export { SelectBase } from './SelectBase'
 export { Select } from './Select'

package/src/Toaster/Toaster.tsx

@@ -0,0 +1,71 @@
+import React, { ReactNode } from 'react'
+import { InfoSolid, CheckCircleSolid } from '../Icon'
+import { Toaster as ToastContainer, toast as toastItem, ToasterProps, ExternalToast } from 'sonner'
+
+const Toaster = ({ ...props }: ToasterProps) => {
+	return (
+		<ToastContainer
+			visibleToasts={1}
+			toastOptions={{
+				unstyled: true,
+				classNames: {
+					icon: 'shrink-0 size-[24px]',
+					toast: 'px-[12px] py-[8px] text-white border-none rounded-md flex w-full sm:width-[--page-container-width] shadow-md',
+					description: 'text-[14px] leading-[1.125] mt-[4px]',
+					content: 'grow',
+					actionButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+					cancelButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+				},
+			}}
+			expand={true}
+			{...props}
+		/>
+	)
+}
+
+Toaster.displayName = 'Toaster'
+interface IToast {
+	success: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+	critical: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+	snackbar: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+}
+const toast: IToast = {
+	success: (title, options) => {
+		return toastItem(title, {
+			position: 'top-center',
+			icon: <CheckCircleSolid />,
+			classNames: {
+				content: 'w-[calc(100%-28px)]',
+			},
+			className: 'bg-success',
+			...options,
+		})
+	},
+
+	critical: (title, options) => {
+		return toastItem(title, {
+			position: 'top-center',
+			icon: <InfoSolid />,
+			duration: Infinity,
+			classNames: {
+				content: 'w-[calc(100%-28px)]',
+			},
+			className: 'bg-critical',
+			...options,
+		})
+	},
+
+	snackbar: (title, options) => {
+		return toastItem(title, {
+			position: 'bottom-center',
+			classNames: {
+				toast: 'items-center',
+				content: 'mt-0'
+			},
+			className: 'bg-[--base]',
+			...options,
+		})
+	},
+}
+
+export { Toaster, toast }

package/src/Toaster/index.ts

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

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);
         /* =========================================== */
         /* ЦВЕТ КНОПОК */
         
@@ -183,6 +186,11 @@
         /* =========================================== */
         /* DRAWER */
 
+        --page-header-geight: 44px;
+        --page-container-width: 375px;
+
+
+
     }
 
 

package/src/assets/images/logo/sbp-logo.svg

@@ -0,0 +1 @@
+<svg fill="none" height="36" width="68" xmlns="http://www.w3.org/2000/svg"><path d="m56.8 14.7v7.47h-2.62v-5.24h-2.54v5.24h-2.64v-7.47zm-9.04 4.16c0 2.17-1.82 3.6-4.25 3.6-2.52 0-4.36-1.51-4.36-4.96 0-2.96 1.89-5.4 4.68-5.44 1.22 0 3.85-.06 3.85-.06l-1.18 2.18h-2.38a2.48 2.48 0 0 0 -2.45 2.15 3.6 3.6 0 0 1 2.52-.95c2.23 0 3.57 1.37 3.57 3.48zm-2.7 0c0-.98-.63-1.55-1.54-1.55-.9 0-1.56.58-1.56 1.56a1.51 1.51 0 0 0 1.56 1.6c.98 0 1.54-.73 1.54-1.61zm-8 1.05c-.5.25-1.04.4-1.59.43-1.1.03-2.06-.64-2.06-1.85 0-1.2.85-1.84 2.03-1.84.73 0 1.68.5 1.68.5l1.06-1.9a4.28 4.28 0 0 0 -2.57-.76c-2.61.01-4.61 1.66-4.61 3.99s1.89 3.98 4.6 3.93c.87-.04 1.7-.28 2.46-.7z" fill="#1c1637"/><path d="m4 9.53 3.64 6.5v3.95l-3.64 6.49z" fill="#5b57a2"/><path d="m17.97 13.66 3.4-2.09h6.98l-10.38 6.35z" fill="#d90751"/><path d="m17.95 9.5.02 8.59-3.65-2.24v-12.85z" fill="#fab718"/><path d="m28.35 11.57h-6.97l-3.43-2.07-3.63-6.5z" fill="#ed6f26"/><path d="m17.97 26.5v-4.17l-3.65-2.2v12.87z" fill="#63b22f"/><path d="m21.37 24.43-13.73-8.4-3.64-6.51 24.34 14.9h-6.97z" fill="#1487c9"/><path d="m14.32 33 3.65-6.5 3.4-2.07h6.96l-14 8.57z" fill="#017f36"/><path d="m4 26.47 10.35-6.33-3.48-2.14-3.23 1.97z" fill="#984995"/></svg>

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, DrawerTitle } from './Drawer'
 import { Page } from './Page'
 import { Chip } from './Chip'
 import { InputField, InputLabel, InputMask } from './Input'
@@ -30,12 +30,12 @@ import { Alert } from './Alert'
 import { Switch } from './Switch'
 import { Label } from './Label'
 import { Textarea } from './Textarea'
-import { SelectAccountCard, SelectAsync, SelectAccount, Select } from './Select'
+import { SelectAccountCard, SelectAsync } from './Select'
 import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form'
 import { Calendar } from './Calendar'
 import { DatePicker } from './DatePicker'
-
-import { Progress } from "./Progress"
+import { Select } from './Select'
+import { Progress } from './Progress'
 import {
 	AlertDialog,
 	AlertDialogTrigger,
@@ -50,7 +50,8 @@ import {
 import { MessageTyping } from "./Chat"
 import { FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses } from './FavoritePyments'
 import { DigitKeyPad } from "./DigitKeyPad"
-
+import { Badge, badgeVariants } from './Badge'
+import { Toaster, toast } from './Toaster'
 
 export {
 	Tooltip,
@@ -71,6 +72,7 @@ export {
 	AccountCollapsibleContent,
 	AccountCollapsibleContentItem,
 	Button,
+	buttonVariants,
 	InputField,
 	InputLabel,
 	Audio,
@@ -93,9 +95,6 @@ export {
 	Label,
 	Textarea,
 	SelectAccountCard,
-	SelectAccount,
-	SelectAsync,
-	Select,
 	Form,
 	FormLabel,
 	FormField,
@@ -105,7 +104,9 @@ export {
 	FormMessage,
 	Calendar,
 	DatePicker,
+	SelectAsync,
 	InputMask,
+	Select,
 	AlertDialog,
 	AlertDialogTrigger,
 	AlertDialogContent,
@@ -120,6 +121,10 @@ export {
 	FavoritePaymentsItem,
 	FarvoritePaymentDescription,
 	farvoriteLinkClasses,
+	Badge,
+	badgeVariants,
 	DigitKeyPad,
 	ButtonWidget,
-}
+	Toaster,
+	toast,
+}

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

@@ -0,0 +1,91 @@
+import React, { useState } from 'react'
+import {
+	Alert,
+	Button,
+	cn,
+	Drawer,
+	DrawerContent,
+	DrawerTitle,
+	DrawerTrigger,
+	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 = () => {
+	const [snap, setSnap] = useState<number | string | null>('148px')
+	return (
+		<Page>
+			<Page.Navbar>
+				<a
+					href=""
+					className="ml-auto"
+				>
+					<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>
+	)
+}

package/dist/Select/SelectAccount.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { GroupBase, Props } from 'react-select';
-declare type SelectAccountProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group>;
-declare function SelectAccount<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectAccountProps<Option, IsMulti, Group>): React.JSX.Element;
-declare namespace SelectAccount {
-    var displayName: string;
-}
-export { SelectAccount };

package/dist/Select/SelectAccount.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectAccount = void 0;
-const tslib_1 = require("tslib");
-const React = (0, tslib_1.__importStar)(require("react"));
-const Icon_1 = require("../../src/Icon");
-const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
-const utils_1 = require("../@/lib/utils");
-const components_1 = require("./components");
-const Option = ({ children, ...props }) => {
-    const { isSelected, isFocused, isDisabled, 
-    // @ts-ignore
-    data: { label, account, balance, cur }, } = props;
-    return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(components_1.optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
-        React.createElement("span", { className: "flex basis-0 grow" },
-            React.createElement("span", null,
-                React.createElement("span", { className: "text-[16px`] leading-[1.375]" }, label),
-                React.createElement("br", null),
-                React.createElement("span", { className: "text-[12px] text-light" }, account)),
-            React.createElement("span", { className: "ml-auto shrink-0" }, cur)),
-        React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
-};
-const SingleValue = ({ children, ...props }) => {
-    const { 
-    // @ts-ignore
-    data: { account, cur }, } = props;
-    return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props },
-        account,
-        " (",
-        cur,
-        ")"));
-};
-function SelectAccount(props) {
-    return (React.createElement(react_select_1.default, { components: {
-            Control: components_1.Control,
-            Option,
-            SingleValue,
-            DropdownIndicator: components_1.DropdownIndicator,
-            IndicatorSeparator: () => null,
-            Menu: components_1.Menu,
-            ValueContainer: components_1.ValueContainer,
-            Placeholder: components_1.Placeholder,
-            Input: components_1.Input,
-            LoadingIndicator: components_1.LoadingIndicator,
-            IndicatorsContainer: components_1.IndicatorsContainer,
-        }, styles: components_1.colourStyles, unstyled: true, ...props }));
-}
-exports.SelectAccount = SelectAccount;
-SelectAccount.displayName = 'SelectAccount';
-//# sourceMappingURL=SelectAccount.js.map

package/dist/Select/SelectAccount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectAccount.js","sourceRoot":"","sources":["../../src/Select/SelectAccount.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAA2C;AAC3C,0EAAkG;AAClG,0CAAmC;AACnC,6CAWqB;AAErB,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACtD,MAAM,EACL,UAAU,EACV,SAAS,EACT,UAAU;IACV,aAAa;IACb,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GACtC,GAAG,KAAK,CAAA;IACT,OAAO,CACN,oBAAC,yBAAU,CAAC,MAAM,IACjB,SAAS,EAAE,IAAA,UAAE,EAAC,0BAAa,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,gCAAgC,EAAE,UAAU,EAAE,CAAC,KACpH,KAAK;QAET,8BAAM,SAAS,EAAC,mBAAmB;YAClC;gBACC,8BAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ;gBAC7D,+BAAM;gBACN,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACnD;YACP,8BAAM,SAAS,EAAC,kBAAkB,IAAE,GAAG,CAAQ,CACzC;QAEP,8BAAM,SAAS,EAAC,gCAAgC,IAC9C,UAAU,IAAI,CACd,oBAAC,iBAAU,IACV,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,cAAc,GACvB,CACF,CACK,CACY,CACpB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAChE,MAAM;IACL,aAAa;IACb,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GACtB,GAAG,KAAK,CAAA;IACT,OAAO,CACN,oBAAC,yBAAU,CAAC,WAAW,IACtB,SAAS,EAAC,6CAA6C,KACnD,KAAK;QAER,OAAO;;QAAI,GAAG;YACS,CACzB,CAAA;AACF,CAAC,CAAA;AAQD,SAAS,aAAa,CACrB,KAAiD;IAEjD,OAAO,CACN,oBAAC,sBAAM,IACN,UAAU,EAAE;YACX,OAAO,EAAP,oBAAO;YACP,MAAM;YACN,WAAW;YACX,iBAAiB,EAAjB,8BAAiB;YACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;YAC9B,IAAI,EAAJ,iBAAI;YACJ,cAAc,EAAd,2BAAc;YACd,WAAW,EAAX,wBAAW;YACX,KAAK,EAAL,kBAAK;YACL,gBAAgB,EAAhB,6BAAgB;YAChB,mBAAmB,EAAnB,gCAAmB;SACnB,EACD,MAAM,EAAE,yBAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAIQ,sCAAa;AAFtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/Select/components/components.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ControlProps, OptionProps, DropdownIndicatorProps, StylesConfig, SingleValueProps, MenuProps, PlaceholderProps, ValueContainerProps, InputProps, LoadingIndicatorProps, IndicatorsContainerProps } from 'react-select';
-declare const Input: ({ ...props }: InputProps) => React.JSX.Element;
-declare const Control: ({ children, ...props }: ControlProps) => React.JSX.Element;
-declare const colourStyles: StylesConfig;
-declare const optionClasses = "flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none";
-declare const Option: ({ children, ...props }: OptionProps) => React.JSX.Element;
-declare const IndicatorsContainer: ({ children, ...props }: IndicatorsContainerProps) => React.JSX.Element;
-declare const LoadingIndicator: ({ ...props }: LoadingIndicatorProps) => React.JSX.Element;
-declare const DropdownIndicator: ({ children, ...props }: DropdownIndicatorProps) => React.JSX.Element;
-declare const ValueContainer: ({ children, ...props }: ValueContainerProps) => React.JSX.Element;
-declare const SingleValue: ({ children, ...props }: SingleValueProps) => React.JSX.Element;
-declare const Menu: ({ children, ...props }: MenuProps) => React.JSX.Element;
-declare const Placeholder: ({ children, ...props }: PlaceholderProps) => React.JSX.Element;
-export { Input, Control, colourStyles, optionClasses, Option, IndicatorsContainer, LoadingIndicator, DropdownIndicator, ValueContainer, SingleValue, Menu, Placeholder, };

package/dist/Select/components/components.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = exports.Menu = exports.SingleValue = exports.ValueContainer = exports.DropdownIndicator = exports.LoadingIndicator = exports.IndicatorsContainer = exports.Option = exports.optionClasses = exports.colourStyles = exports.Control = exports.Input = void 0;
-const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const react_select_1 = require("react-select");
-const utils_1 = require("../../@/lib/utils");
-const Icon_1 = require("../../Icon");
-const Input = ({ ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.Input, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }));
-};
-exports.Input = Input;
-const selectTriggerClasses = `
-	flex
-	items-center
-	py-[12px]
-	px-[16px]
-	h-[44px]
-	text-left
-	border-[1px]
-	border-input
-	rounded-sm
-	cursor-pointer
-`;
-const Control = ({ children, ...props }) => {
-    const { isFocused } = props;
-    return (react_1.default.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
-};
-exports.Control = Control;
-const colourStyles = {
-    control: () => ({}),
-    option: () => ({}),
-    input: () => ({}),
-    dropdownIndicator: () => ({}),
-    indicatorsContainer: () => ({}),
-    menu: () => ({}),
-    menuList: () => ({}),
-    singleValue: () => ({}),
-    valueContainer: () => ({}),
-};
-exports.colourStyles = colourStyles;
-const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
-exports.optionClasses = optionClasses;
-const Option = ({ children, ...props }) => {
-    const { isSelected, isFocused, isDisabled } = props;
-    return (react_1.default.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
-        react_1.default.createElement("span", { className: "flex basis-0 grow" }, children),
-        react_1.default.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (react_1.default.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
-};
-exports.Option = Option;
-const IndicatorsContainer = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.IndicatorsContainer, { className: "flex items-center gap-x-[8px] shrink-0", ...props }, children));
-};
-exports.IndicatorsContainer = IndicatorsContainer;
-const LoadingIndicator = ({ ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.LoadingIndicator, { className: "text-light shrink-0", ...props }));
-};
-exports.LoadingIndicator = LoadingIndicator;
-const DropdownIndicator = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
-        react_1.default.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
-};
-exports.DropdownIndicator = DropdownIndicator;
-const ValueContainer = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
-};
-exports.ValueContainer = ValueContainer;
-const SingleValue = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
-};
-exports.SingleValue = SingleValue;
-const Menu = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
-};
-exports.Menu = Menu;
-const Placeholder = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
-};
-exports.Placeholder = Placeholder;
-//# sourceMappingURL=components.js.map

package/dist/Select/components/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/Select/components/components.tsx"],"names":[],"mappings":"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"}

package/dist/Select/components/index.d.ts

@@ -1 +0,0 @@
-export { Input, Control, colourStyles, optionClasses, Option, IndicatorsContainer, LoadingIndicator, DropdownIndicator, ValueContainer, SingleValue, Menu, Placeholder, } from './components';