diff --git a/.gitignore b/.gitignore
index 69d7ceb8..fb1e9718 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,6 +20,7 @@ vendor/
 /plugins/*/
 # Except for the ones in this repo
 !/plugins/wp-test-plugin/
+!/plugins/wptelegram-comments/
 
 # Build tools/IDEs
 .rollup.cache/
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index ac72c25f..2abbf999 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -4,4 +4,4 @@
 		"bmewburn.vscode-intelephense-client",
 		"biomejs.biome"
 	]
-}
\ No newline at end of file
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 34632e38..58b90f6e 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -13,4 +13,4 @@
 		"quickfix.biome": "explicit",
 		"source.organizeImports.biome": "explicit"
 	}
-}
\ No newline at end of file
+}
diff --git a/packages/js/adapters/ColorPicker/ColorInputPicker.tsx b/packages/js/adapters/ColorPicker/ColorInputPicker.tsx
new file mode 100644
index 00000000..45cf087f
--- /dev/null
+++ b/packages/js/adapters/ColorPicker/ColorInputPicker.tsx
@@ -0,0 +1,81 @@
+import {
+	Button,
+	ButtonProps,
+	InputAddonProps,
+	InputProps,
+	Popover,
+	PopoverBody,
+	PopoverContent,
+	PopoverTrigger,
+} from '@chakra-ui/react';
+import { useCallback, useMemo, useState } from 'react';
+import { TextInput } from '../Input';
+import { useDebouncedCallback } from '../hooks';
+import { ColorPicker, ColorPickerProps } from './ColorPicker';
+
+const addonBeforeProps: InputAddonProps = { px: '0px', py: '0px' };
+
+export const ColorInputPicker: React.FC<ColorPickerProps> = ({
+	value,
+	onChange,
+	...props
+}) => {
+	const [currentColor, setCurrentColor] = useState(value || '');
+
+	const buttonProps = useMemo<ButtonProps>(
+		() => ({ backgroundColor: currentColor }),
+		[currentColor],
+	);
+
+	const onChangeInput = useCallback<NonNullable<InputProps['onChange']>>(
+		(event) => {
+			const newColor = event.target.value;
+
+			onChange?.(newColor);
+			setCurrentColor(newColor);
+		},
+		[onChange],
+	);
+
+	const onChangeColor = useCallback(
+		(newColor: string) => {
+			onChange?.(newColor);
+			setCurrentColor(newColor);
+		},
+		[onChange],
+	);
+
+	const debouncedOnChangeColor = useDebouncedCallback(onChangeColor, 200);
+
+	return (
+		<Popover placement="bottom">
+			<TextInput
+				addonBeforeProps={addonBeforeProps}
+				addonBefore={
+					<PopoverTrigger>
+						<Button
+							variant="ghost"
+							borderEndRadius="0px"
+							height="100%"
+							{...buttonProps}
+							_hover={buttonProps}
+							_active={buttonProps}
+						/>
+					</PopoverTrigger>
+				}
+				value={currentColor}
+				maxWidth="100px"
+				onChange={onChangeInput}
+			/>
+			<PopoverContent maxW="max-content">
+				<PopoverBody padding="0px">
+					<ColorPicker
+						value={currentColor}
+						onChange={debouncedOnChangeColor}
+						{...props}
+					/>
+				</PopoverBody>
+			</PopoverContent>
+		</Popover>
+	);
+};
diff --git a/packages/js/adapters/ColorPicker/ColorPicker.tsx b/packages/js/adapters/ColorPicker/ColorPicker.tsx
new file mode 100644
index 00000000..a0f313ac
--- /dev/null
+++ b/packages/js/adapters/ColorPicker/ColorPicker.tsx
@@ -0,0 +1,16 @@
+import { HexColorPicker } from 'react-colorful';
+
+type HexColorPickerProps = React.ComponentProps<typeof HexColorPicker>;
+
+export interface ColorPickerProps
+	extends Partial<Omit<HexColorPickerProps, 'color'>> {
+	value?: string;
+	ref?: unknown;
+}
+
+export const ColorPicker: React.FC<ColorPickerProps> = ({
+	value,
+	...props
+}) => {
+	return <HexColorPicker color={value} {...props} />;
+};
diff --git a/packages/js/adapters/ColorPicker/index.ts b/packages/js/adapters/ColorPicker/index.ts
new file mode 100644
index 00000000..347b3111
--- /dev/null
+++ b/packages/js/adapters/ColorPicker/index.ts
@@ -0,0 +1,4 @@
+export * from './ColorPicker';
+export * from './ColorInputPicker';
+
+export { HexColorInput as ColorInput } from 'react-colorful';
diff --git a/packages/js/adapters/Input/NumberInput.tsx b/packages/js/adapters/Input/NumberInput.tsx
new file mode 100644
index 00000000..d03d6d0e
--- /dev/null
+++ b/packages/js/adapters/Input/NumberInput.tsx
@@ -0,0 +1,30 @@
+import { forwardRef } from 'react';
+import {
+	NumberDecrementStepper,
+	NumberIncrementStepper,
+	NumberInput as ChakraNumberInput,
+	NumberInputProps as ChakraNumberInputProps,
+	NumberInputField,
+	NumberInputStepper,
+} from '@chakra-ui/react';
+
+export interface NumberInputProps
+	extends Omit<ChakraNumberInputProps, 'onChange'> {
+	// fix the mess created by react-hook-form and chakra
+	onChange?: React.ChangeEventHandler<HTMLInputElement>;
+	onChangeValue?: (valueAsString: string, valueAsNumber: number) => void;
+}
+
+export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
+	({ onChange, onChangeValue, ...props }, ref) => {
+		return (
+			<ChakraNumberInput {...props} onChange={onChangeValue}>
+				<NumberInputField onChange={onChange} ref={ref} />
+				<NumberInputStepper>
+					<NumberIncrementStepper />
+					<NumberDecrementStepper />
+				</NumberInputStepper>
+			</ChakraNumberInput>
+		);
+	},
+);
diff --git a/packages/js/adapters/Input/TextInput.tsx b/packages/js/adapters/Input/TextInput.tsx
new file mode 100644
index 00000000..02284469
--- /dev/null
+++ b/packages/js/adapters/Input/TextInput.tsx
@@ -0,0 +1,44 @@
+import {
+	Input,
+	InputAddonProps,
+	InputGroup,
+	InputGroupProps,
+	InputLeftAddon,
+	InputProps,
+	InputRightAddon,
+} from '@chakra-ui/react';
+import { forwardRef } from 'react';
+
+export interface TextInputProps extends InputProps {
+	addonBefore?: React.ReactNode;
+	addonAfter?: React.ReactNode;
+	addonBeforeProps?: InputAddonProps;
+	addonAfterProps?: InputAddonProps;
+	wrapperProps?: InputGroupProps;
+}
+
+export const TextInput = forwardRef<HTMLInputElement, TextInputProps>(
+	(
+		{
+			addonBefore,
+			addonAfter,
+			addonBeforeProps,
+			addonAfterProps,
+			wrapperProps,
+			...rest
+		},
+		ref,
+	) => {
+		return (
+			<InputGroup {...wrapperProps}>
+				{addonBefore && (
+					<InputLeftAddon {...addonBeforeProps}>{addonBefore}</InputLeftAddon>
+				)}
+				<Input {...rest} ref={ref} />
+				{addonAfter && (
+					<InputRightAddon {...addonAfterProps}>{addonAfter}</InputRightAddon>
+				)}
+			</InputGroup>
+		);
+	},
+);
diff --git a/packages/js/adapters/Input/index.ts b/packages/js/adapters/Input/index.ts
new file mode 100644
index 00000000..4c103ceb
--- /dev/null
+++ b/packages/js/adapters/Input/index.ts
@@ -0,0 +1,2 @@
+export * from './TextInput';
+export * from './NumberInput';
diff --git a/packages/js/adapters/Link/Link.tsx b/packages/js/adapters/Link/Link.tsx
new file mode 100644
index 00000000..b0160821
--- /dev/null
+++ b/packages/js/adapters/Link/Link.tsx
@@ -0,0 +1,11 @@
+import { forwardRef } from 'react';
+import {
+	Link as ChakraLink,
+	LinkProps as ChakraLinkProps,
+} from '@chakra-ui/react';
+
+export const Link = forwardRef<HTMLAnchorElement, ChakraLinkProps>(
+	(props, ref) => {
+		return <ChakraLink ref={ref} color="#0073aa" isExternal {...props} />;
+	},
+);
diff --git a/packages/js/adapters/Link/index.ts b/packages/js/adapters/Link/index.ts
new file mode 100644
index 00000000..3db78f51
--- /dev/null
+++ b/packages/js/adapters/Link/index.ts
@@ -0,0 +1 @@
+export * from './Link';
diff --git a/packages/js/adapters/Modal/Modal.tsx b/packages/js/adapters/Modal/Modal.tsx
new file mode 100644
index 00000000..18cf3fd8
--- /dev/null
+++ b/packages/js/adapters/Modal/Modal.tsx
@@ -0,0 +1,92 @@
+import {
+	Modal as ChakraModal,
+	ModalBody,
+	ModalCloseButton,
+	ModalContent,
+	ModalFooter,
+	ModalHeader,
+	ModalOverlay,
+	Button,
+	ButtonProps,
+} from '@chakra-ui/react';
+
+export interface ModalProps extends React.ComponentProps<typeof ChakraModal> {
+	bodyClassName?: string;
+	cancelButtonProps?: ButtonProps;
+	className?: string;
+	closeButton?: React.ReactNode;
+	content?: React.ReactNode;
+	destroyOnClose?: boolean;
+	footerContent?: React.ReactNode;
+	isClosable?: boolean;
+	submitButtonProps?: ButtonProps;
+	title?: React.ReactNode;
+	withBorder?: boolean;
+}
+
+export const Modal: React.FC<ModalProps> = ({
+	bodyClassName,
+	cancelButtonProps,
+	children,
+	className,
+	closeButton,
+	content,
+	destroyOnClose = true,
+	footerContent,
+	isClosable = true,
+	isOpen,
+	submitButtonProps,
+	title,
+	...props
+}) => {
+	if (destroyOnClose && !isOpen) {
+		return null;
+	}
+
+	const cancelButton = cancelButtonProps && (
+		<Button mr={3} {...cancelButtonProps} />
+	);
+	const submitButton = submitButtonProps && (
+		<Button variantColor="blue" {...submitButtonProps} />
+	);
+	const defaultFooterNode = (cancelButton || submitButton) && (
+		<>
+			{cancelButton}
+			{submitButton}
+		</>
+	);
+
+	const footerNode = footerContent ? (
+		<>
+			{cancelButton && cancelButton}
+			{footerContent}
+		</>
+	) : (
+		defaultFooterNode
+	);
+
+	return (
+		<ChakraModal
+			closeOnOverlayClick={isClosable}
+			isCentered
+			isOpen={isOpen}
+			{...props}
+		>
+			<ModalOverlay>
+				<ModalContent role="alertdialog" className={className}>
+					<ModalHeader>{title}</ModalHeader>
+
+					{closeButton ? (
+						closeButton
+					) : (
+						<ModalCloseButton isDisabled={!isClosable} />
+					)}
+
+					<ModalBody className={bodyClassName}>{children || content}</ModalBody>
+
+					{footerNode && <ModalFooter>{footerNode}</ModalFooter>}
+				</ModalContent>
+			</ModalOverlay>
+		</ChakraModal>
+	);
+};
diff --git a/packages/js/adapters/Modal/index.ts b/packages/js/adapters/Modal/index.ts
new file mode 100644
index 00000000..cb89ee17
--- /dev/null
+++ b/packages/js/adapters/Modal/index.ts
@@ -0,0 +1 @@
+export * from './Modal';
diff --git a/packages/js/adapters/Multicheck/MultiCheck.tsx b/packages/js/adapters/Multicheck/MultiCheck.tsx
new file mode 100644
index 00000000..2ff09895
--- /dev/null
+++ b/packages/js/adapters/Multicheck/MultiCheck.tsx
@@ -0,0 +1,53 @@
+import {
+	Checkbox,
+	CheckboxGroup,
+	CheckboxGroupProps,
+	Stack,
+	StackProps,
+} from '@chakra-ui/react';
+import { useMemo } from 'react';
+
+import type { OptionsType } from '../types';
+
+export interface MultiCheckProps extends CheckboxGroupProps {
+	name?: string;
+	options?: OptionsType;
+	isInline?: boolean;
+	ref?: unknown;
+}
+
+const dir: StackProps['direction'] = ['column', 'row'];
+
+export const MultiCheck: React.FC<MultiCheckProps> = ({
+	children,
+	options,
+	isInline,
+	...restProps
+}) => {
+	const childNodes = useMemo(() => {
+		return options?.map(({ label, value, ...rest }, index) => {
+			return (
+				<Checkbox value={value} {...rest} key={`${value}${index}`}>
+					{label}
+				</Checkbox>
+			);
+		});
+	}, [options]);
+
+	// make sure the value is array
+	const value = useMemo(
+		() =>
+			restProps.value === undefined ? restProps.value : restProps.value || [],
+		[restProps.value],
+	);
+
+	const direction = isInline ? dir : 'column';
+
+	return (
+		<CheckboxGroup {...restProps} value={value}>
+			<Stack direction={direction} spacing="0.5em">
+				{childNodes || children}
+			</Stack>
+		</CheckboxGroup>
+	);
+};
diff --git a/packages/js/adapters/Multicheck/index.ts b/packages/js/adapters/Multicheck/index.ts
new file mode 100644
index 00000000..72da87db
--- /dev/null
+++ b/packages/js/adapters/Multicheck/index.ts
@@ -0,0 +1 @@
+export * from './MultiCheck';
diff --git a/packages/js/adapters/Radio/Radio.tsx b/packages/js/adapters/Radio/Radio.tsx
new file mode 100644
index 00000000..4b13825e
--- /dev/null
+++ b/packages/js/adapters/Radio/Radio.tsx
@@ -0,0 +1,48 @@
+import {
+	Radio as CharaRadio,
+	RadioGroup,
+	RadioGroupProps as ChakraRadioProps,
+	Stack,
+	StackProps,
+} from '@chakra-ui/react';
+import { forwardRef, useMemo } from 'react';
+
+import type { OptionsType } from '../types';
+
+export interface RadioProps extends Partial<ChakraRadioProps> {
+	options?: OptionsType;
+	isInline?: boolean;
+	isDisabled?: boolean;
+}
+
+const dir: StackProps['direction'] = ['column', 'row'];
+
+export const Radio = forwardRef<HTMLInputElement, RadioProps>(
+	({ children, options, isDisabled, isInline, name, ...restProps }, ref) => {
+		const childNodes = useMemo(() => {
+			return options?.map(({ label, value, ...rest }, index) => {
+				const key = `${name}-${value}-${index}`;
+				return (
+					<CharaRadio
+						id={key}
+						{...rest}
+						value={value?.toString() || ''}
+						key={key}
+					>
+						{label}
+					</CharaRadio>
+				);
+			});
+		}, [name, options]);
+
+		const direction = isInline ? dir : 'column';
+
+		return (
+			<RadioGroup {...restProps} disabled={isDisabled} name={name} ref={ref}>
+				<Stack direction={direction} spacing="1em">
+					{childNodes || children}
+				</Stack>
+			</RadioGroup>
+		);
+	},
+);
diff --git a/packages/js/adapters/Radio/index.ts b/packages/js/adapters/Radio/index.ts
new file mode 100644
index 00000000..bfbe6d09
--- /dev/null
+++ b/packages/js/adapters/Radio/index.ts
@@ -0,0 +1 @@
+export * from './Radio';
diff --git a/packages/js/adapters/Select/MultiSelect.tsx b/packages/js/adapters/Select/MultiSelect.tsx
new file mode 100644
index 00000000..fee944b9
--- /dev/null
+++ b/packages/js/adapters/Select/MultiSelect.tsx
@@ -0,0 +1,20 @@
+import { forwardRef } from 'react';
+import ReactSelect, { Props } from 'react-select';
+
+type Option = { label: string; value: string };
+
+export type MultiSelectProps = Props<Option, true>;
+
+export const MultiSelect = forwardRef<ReactSelect, MultiSelectProps>(
+	(props, ref) => {
+		return (
+			<ReactSelect
+				classNamePrefix="react-select"
+				isMulti
+				{...props}
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				ref={ref as any}
+			/>
+		);
+	},
+) as React.FC<MultiSelectProps>;
diff --git a/packages/js/adapters/Select/MultiSelectAsync.tsx b/packages/js/adapters/Select/MultiSelectAsync.tsx
new file mode 100644
index 00000000..27434815
--- /dev/null
+++ b/packages/js/adapters/Select/MultiSelectAsync.tsx
@@ -0,0 +1,25 @@
+import { forwardRef } from 'react';
+import { GroupBase } from 'react-select';
+import ReactSelectAsync, { AsyncProps } from 'react-select/async';
+
+import { components } from './components';
+
+type Option = { label: string; value: string };
+
+export type MultiSelectAsyncProps = AsyncProps<Option, true, GroupBase<Option>>;
+
+export const MultiSelectAsync = forwardRef<
+	ReactSelectAsync,
+	MultiSelectAsyncProps
+>((props, ref) => {
+	return (
+		<ReactSelectAsync
+			classNamePrefix="react-select"
+			components={components}
+			isMulti
+			{...props}
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			ref={ref as any}
+		/>
+	);
+}) as React.FC<MultiSelectAsyncProps>;
diff --git a/packages/js/adapters/Select/Select.tsx b/packages/js/adapters/Select/Select.tsx
new file mode 100644
index 00000000..cd241c44
--- /dev/null
+++ b/packages/js/adapters/Select/Select.tsx
@@ -0,0 +1,54 @@
+import {
+	Select as ChakraSelect,
+	SelectProps as ChakraSelectProps,
+} from '@chakra-ui/react';
+import { forwardRef, useMemo } from 'react';
+import type { OptionsType } from '../types';
+
+export interface SelectProps extends ChakraSelectProps {
+	options?: OptionsType<string>;
+}
+
+const rootProps = { maxW: 'max-content' };
+
+export const Select = forwardRef<HTMLSelectElement, SelectProps>(
+	({ options, children, ...selectProps }, ref) => {
+		const childNodes = useMemo<React.ReactNode>(() => {
+			return options?.map(
+				({ label, options: optionGroups, value, ...optionProps }, index) => {
+					if (optionGroups?.length && label) {
+						return (
+							<optgroup
+								label={label as string}
+								key={`${label}${index}`}
+								{...optionProps}
+							>
+								{optionGroups.map((grp) => (
+									<>{grp}</>
+								))}
+								{optionGroups.map(
+									({ label: optLabel, value, ...optProps }, i) => (
+										<option {...optProps} value={value} key={`${value}${i}`}>
+											{optLabel}
+										</option>
+									),
+								)}
+							</optgroup>
+						);
+					}
+					return (
+						<option {...optionProps} value={value} key={`${value}${index}`}>
+							{label}
+						</option>
+					);
+				},
+			);
+		}, [options]);
+
+		return (
+			<ChakraSelect rootProps={rootProps} ref={ref} {...selectProps}>
+				{childNodes || children}
+			</ChakraSelect>
+		);
+	},
+);
diff --git a/packages/js/adapters/Select/SelectAsync.tsx b/packages/js/adapters/Select/SelectAsync.tsx
new file mode 100644
index 00000000..7bf6f0d6
--- /dev/null
+++ b/packages/js/adapters/Select/SelectAsync.tsx
@@ -0,0 +1,24 @@
+import { forwardRef } from 'react';
+import { GroupBase } from 'react-select';
+import ReactSelectAsync, { AsyncProps } from 'react-select/async';
+
+import { components } from './components';
+
+type Option = { label: string; value: string };
+
+export type SelectAsyncProps = AsyncProps<Option, false, GroupBase<Option>>;
+
+export const SelectAsync = forwardRef<ReactSelectAsync, SelectAsyncProps>(
+	(props, ref) => {
+		return (
+			<ReactSelectAsync
+				classNamePrefix="react-select"
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				components={components as any}
+				{...props}
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				ref={ref as any}
+			/>
+		);
+	},
+) as React.FC<SelectAsyncProps>;
diff --git a/packages/js/adapters/Select/components.tsx b/packages/js/adapters/Select/components.tsx
new file mode 100644
index 00000000..62afa5d7
--- /dev/null
+++ b/packages/js/adapters/Select/components.tsx
@@ -0,0 +1,13 @@
+import type { Props } from 'react-select';
+import { Spinner } from '@chakra-ui/react';
+
+export type MultiSelectAsyncProps = Props<
+	{ label: string; value: string },
+	true
+>;
+
+export const components: MultiSelectAsyncProps['components'] = {
+	LoadingIndicator: () => (
+		<Spinner color="blue.500" size="sm" marginInlineEnd="5px" />
+	),
+};
diff --git a/packages/js/adapters/Select/index.ts b/packages/js/adapters/Select/index.ts
new file mode 100644
index 00000000..b4700308
--- /dev/null
+++ b/packages/js/adapters/Select/index.ts
@@ -0,0 +1,4 @@
+export * from './Select';
+export * from './SelectAsync';
+export * from './MultiSelect';
+export * from './MultiSelectAsync';
diff --git a/packages/js/adapters/Tabs/Tabs.tsx b/packages/js/adapters/Tabs/Tabs.tsx
new file mode 100644
index 00000000..ce7691d5
--- /dev/null
+++ b/packages/js/adapters/Tabs/Tabs.tsx
@@ -0,0 +1,65 @@
+import {
+	Tab,
+	TabList,
+	TabPanel,
+	TabPanels,
+	Tabs as ChakraTabs,
+	TabsProps as ChakraTabsProps,
+} from '@chakra-ui/react';
+import { useMemo } from 'react';
+
+export interface TabItemProps {
+	id?: string;
+	title?: React.ReactNode;
+}
+
+export interface TabItem extends TabItemProps {
+	Component: React.ComponentType;
+}
+
+export interface TabsProps extends Partial<ChakraTabsProps> {
+	items: Array<TabItem>;
+	renderTab?: (props: TabItemProps) => JSX.Element;
+	renderPanel?: (props: TabItemProps) => JSX.Element;
+}
+
+export const Tabs: React.FC<TabsProps> = ({
+	items,
+	renderPanel,
+	renderTab,
+	...rest
+}) => {
+	const { tabList, tabPanels } = useMemo(() => {
+		return items.reduce<{
+			tabList: Array<React.ReactNode>;
+			tabPanels: Array<React.ReactNode>;
+		}>(
+			(bucket, { Component, id, title }, index) => {
+				const tab = renderTab?.({ id, title }) || (
+					<Tab key={id || index}>{title}</Tab>
+				);
+
+				const panel = renderPanel?.({ id, title }) || (
+					<TabPanel key={id || index}>
+						<Component />
+					</TabPanel>
+				);
+
+				bucket.tabList.push(tab);
+				bucket.tabPanels.push(panel);
+
+				return bucket;
+			},
+			{ tabList: [], tabPanels: [] },
+		);
+	}, [items, renderPanel, renderTab]);
+
+	return (
+		<ChakraTabs {...rest}>
+			<TabList mb="1em" flexWrap="wrap">
+				{tabList}
+			</TabList>
+			<TabPanels>{tabPanels}</TabPanels>
+		</ChakraTabs>
+	);
+};
diff --git a/packages/js/adapters/Tabs/index.ts b/packages/js/adapters/Tabs/index.ts
new file mode 100644
index 00000000..856dbbb3
--- /dev/null
+++ b/packages/js/adapters/Tabs/index.ts
@@ -0,0 +1 @@
+export * from './Tabs';
diff --git a/packages/js/adapters/hooks/index.ts b/packages/js/adapters/hooks/index.ts
new file mode 100644
index 00000000..abd10ed3
--- /dev/null
+++ b/packages/js/adapters/hooks/index.ts
@@ -0,0 +1 @@
+export { useDebouncedCallback } from 'use-debounce';
diff --git a/packages/js/adapters/index.ts b/packages/js/adapters/index.ts
new file mode 100644
index 00000000..a37a74ca
--- /dev/null
+++ b/packages/js/adapters/index.ts
@@ -0,0 +1,80 @@
+export * from './ColorPicker';
+export * from './Input';
+export * from './Link';
+export * from './Modal';
+export * from './Multicheck';
+export * from './Radio';
+export * from './Select';
+export * from './Tabs';
+export * from './theme';
+
+export * from './types';
+
+export {
+	Accordion,
+	AccordionButton,
+	AccordionIcon,
+	AccordionItem,
+	AccordionPanel,
+	AlertDialog,
+	AlertDialogBody,
+	AlertDialogCloseButton,
+	AlertDialogContent,
+	AlertDialogFooter,
+	AlertDialogHeader,
+	AlertDialogOverlay,
+	Badge,
+	Box,
+	Button,
+	ButtonGroup,
+	Code,
+	Collapse,
+	Divider,
+	Flex,
+	FormControl,
+	FormErrorMessage,
+	FormHelperText,
+	FormLabel,
+	Heading,
+	IconButton,
+	Input,
+	InputGroup,
+	InputRightAddon,
+	List,
+	ListItem,
+	Popover,
+	PopoverArrow,
+	PopoverBody,
+	PopoverContent,
+	PopoverTrigger,
+	SimpleGrid,
+	Stack,
+	StackDivider,
+	StackItem,
+	Switch,
+	Tab,
+	Tag,
+	TagCloseButton,
+	TagLabel,
+	Text,
+	Textarea,
+	Tooltip,
+	useDisclosure,
+	useToast,
+} from '@chakra-ui/react';
+
+export type {
+	BoxProps,
+	ButtonProps,
+	ButtonGroupProps,
+	CodeProps,
+	IconButtonProps,
+	InputProps,
+	StackProps,
+	LinkProps,
+	SelectProps,
+	SwitchProps,
+	TextareaProps,
+	TextProps,
+	UseToastOptions,
+} from '@chakra-ui/react';
diff --git a/packages/js/adapters/package.json b/packages/js/adapters/package.json
new file mode 100644
index 00000000..8dc7788d
--- /dev/null
+++ b/packages/js/adapters/package.json
@@ -0,0 +1,33 @@
+{
+	"name": "@wpsocio/adapters",
+	"version": "1.0.0",
+	"private": true,
+	"license": "GPL-3.0",
+	"type": "module",
+	"module": "index.ts",
+	"exports": {
+		".": {
+			"import": "./index.ts"
+		},
+		"./*": {
+			"import": "./*/index.tsx"
+		}
+	},
+	"dependencies": {
+		"@chakra-ui/react": "^2.8.2",
+		"@emotion/react": "^11.11.1",
+		"@emotion/styled": "^11.11.0",
+		"framer-motion": "^10.16.16",
+		"react-colorful": "^5.6.1",
+		"react-select": "^5.8.0",
+		"use-debounce": "^10.0.0"
+	},
+	"devDependencies": {
+		"@types/react": "^18.2.45",
+		"@types/react-dom": "^18.2.17",
+		"@types/react-select": "^5.0.1",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"typescript": "^5.3.3"
+	}
+}
diff --git a/packages/js/adapters/theme/ThemeProvider.tsx b/packages/js/adapters/theme/ThemeProvider.tsx
new file mode 100644
index 00000000..3c540b5b
--- /dev/null
+++ b/packages/js/adapters/theme/ThemeProvider.tsx
@@ -0,0 +1,15 @@
+import { ChakraProvider, extendTheme } from '@chakra-ui/react';
+
+import './styles.scss';
+
+const theme = extendTheme({ direction: document.documentElement.dir });
+
+export const ThemeProvider: React.FC<React.PropsWithChildren> = ({
+	children,
+}) => {
+	return (
+		<ChakraProvider theme={theme} resetCSS>
+			{children}
+		</ChakraProvider>
+	);
+};
diff --git a/packages/js/adapters/theme/index.ts b/packages/js/adapters/theme/index.ts
new file mode 100644
index 00000000..8abd195f
--- /dev/null
+++ b/packages/js/adapters/theme/index.ts
@@ -0,0 +1 @@
+export * from './ThemeProvider';
diff --git a/packages/js/adapters/theme/styles.scss b/packages/js/adapters/theme/styles.scss
new file mode 100644
index 00000000..cd24fe2f
--- /dev/null
+++ b/packages/js/adapters/theme/styles.scss
@@ -0,0 +1,70 @@
+@import './variables.scss';
+
+body {
+	font-size: initial !important;
+	p {
+		font-size: initial !important;
+	}
+}
+
+.form-table {
+	border-collapse: collapse;
+	margin-top: 0.5em;
+	width: 100%;
+	clear: both;
+	th {
+		vertical-align: top;
+		text-align: left;
+		padding: 20px 10px 20px 0;
+		width: 200px;
+		line-height: 1.3;
+		font-weight: 600;
+	}
+	td {
+		margin-bottom: 9px;
+		padding: 15px 10px;
+		line-height: 1.3;
+		vertical-align: middle;
+	}
+	@media screen and (max-width: $breakpointMd) {
+		box-sizing: border-box;
+		th,
+		td {
+			display: block;
+			width: auto;
+		}
+	}
+}
+
+/* Fix WP Style conflicts */
+@media screen and (max-width: $breakpointLg) {
+	#wpcontent {
+		padding-left: 0px !important;
+		padding-right: 0px !important;
+	}
+}
+.wp-core-ui {
+	select,
+	&:disabled {
+		font-size: unset !important;
+		border-color: inherit !important;
+		max-width: unset !important;
+		background: unset !important;
+		background-image: unset !important;
+		padding-inline-end: 2rem;
+	}
+}
+.react-select {
+	&__input {
+		input[type='text'] {
+			line-height: unset;
+			min-height: 26px;
+		}
+	}
+	&__multi-value__label {
+		white-space: pre-wrap !important;
+	}
+}
+label {
+	cursor: pointer;
+}
diff --git a/packages/js/adapters/theme/variables.scss b/packages/js/adapters/theme/variables.scss
new file mode 100644
index 00000000..d55efe5d
--- /dev/null
+++ b/packages/js/adapters/theme/variables.scss
@@ -0,0 +1,7 @@
+// define them globally
+$breakpointSm: 576px;
+$breakpointMd: 782px;
+$breakpointPublish: 850px;
+$breakpointLg: 960px;
+$breakpointXl: 1200px;
+$breakpointXXl: 1500px;
diff --git a/packages/js/adapters/tsconfig.json b/packages/js/adapters/tsconfig.json
new file mode 100644
index 00000000..b91ffb7c
--- /dev/null
+++ b/packages/js/adapters/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "preserve",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"noEmit": true,
+	},
+	"include": [
+		"**/*.tsx",
+		"**/*.ts"
+	]
+}
\ No newline at end of file
diff --git a/packages/js/adapters/types.ts b/packages/js/adapters/types.ts
new file mode 100644
index 00000000..b82bab2f
--- /dev/null
+++ b/packages/js/adapters/types.ts
@@ -0,0 +1,10 @@
+export interface OptionProps<Value = string | number, Label = React.ReactNode> {
+	value?: Value;
+	label?: Label;
+	options?: Array<Omit<OptionProps<Value, Label>, 'options'>>; // for optgroup
+}
+
+export type OptionsType<
+	Value = string | number,
+	Label = React.ReactNode,
+> = Array<OptionProps<Value, Label>>;
diff --git a/packages/js/components/Code.tsx b/packages/js/components/Code.tsx
new file mode 100644
index 00000000..e02e07d9
--- /dev/null
+++ b/packages/js/components/Code.tsx
@@ -0,0 +1,16 @@
+import { Code as CodeAdapter, CodeProps } from '@wpsocio/adapters';
+
+export const Code: React.FC<CodeProps> = ({ children, ...rest }) => {
+	return (
+		<CodeAdapter
+			whiteSpace="pre-wrap"
+			p="0.4em"
+			color="#c10808"
+			backgroundColor="transparent"
+			textAlign="left"
+			{...rest}
+		>
+			{children}
+		</CodeAdapter>
+	);
+};
diff --git a/packages/js/components/ConfirmDialog.tsx b/packages/js/components/ConfirmDialog.tsx
new file mode 100644
index 00000000..cb22e6c5
--- /dev/null
+++ b/packages/js/components/ConfirmDialog.tsx
@@ -0,0 +1,68 @@
+import { useCallback, useRef } from 'react';
+
+import {
+	AlertDialog,
+	AlertDialogBody,
+	AlertDialogCloseButton,
+	AlertDialogContent,
+	AlertDialogFooter,
+	AlertDialogHeader,
+	AlertDialogOverlay,
+	Button,
+	ButtonProps,
+	useDisclosure,
+} from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+
+export interface ConfirmDialogProps {
+	body: string;
+	cancelText?: string;
+	confirmText?: string;
+	onConfirm?: VoidFunction;
+	title: string;
+	triggerProps: ButtonProps;
+}
+
+export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
+	body,
+	cancelText,
+	confirmText,
+	onConfirm,
+	title,
+	triggerProps,
+}) => {
+	const { isOpen, onOpen, onClose } = useDisclosure();
+	const cancelRef = useRef(null);
+
+	const onClickConfirm = useCallback(() => {
+		onClose();
+		onConfirm?.();
+	}, [onClose, onConfirm]);
+
+	return (
+		<>
+			<Button {...triggerProps} onClick={onOpen} />
+			<AlertDialog
+				leastDestructiveRef={cancelRef}
+				onClose={onClose}
+				isOpen={isOpen}
+				isCentered
+			>
+				<AlertDialogOverlay />
+				<AlertDialogContent>
+					<AlertDialogHeader>{title}</AlertDialogHeader>
+					<AlertDialogCloseButton />
+					<AlertDialogBody>{body}</AlertDialogBody>
+					<AlertDialogFooter>
+						<Button ref={cancelRef} onClick={onClose}>
+							{cancelText || __('No')}
+						</Button>
+						<Button ml={3} onClick={onClickConfirm} colorScheme="blue">
+							{confirmText || __('Yes')}
+						</Button>
+					</AlertDialogFooter>
+				</AlertDialogContent>
+			</AlertDialog>
+		</>
+	);
+};
diff --git a/packages/js/components/Description.tsx b/packages/js/components/Description.tsx
new file mode 100644
index 00000000..60e6a6c1
--- /dev/null
+++ b/packages/js/components/Description.tsx
@@ -0,0 +1,9 @@
+import { Text, TextProps } from '@wpsocio/adapters';
+
+export const Description: React.FC<TextProps> = ({ children, ...props }) => {
+	return (
+		<Text as="p" fontStyle="italic" className="description" {...props}>
+			{children}
+		</Text>
+	);
+};
diff --git a/packages/js/components/InstructionsLink.tsx b/packages/js/components/InstructionsLink.tsx
new file mode 100644
index 00000000..86afe6c1
--- /dev/null
+++ b/packages/js/components/InstructionsLink.tsx
@@ -0,0 +1,17 @@
+import { Link } from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+
+interface InstructionsLinkProps {
+	link: string;
+	text?: string;
+}
+
+export const InstructionsLink: React.FC<
+	React.PropsWithChildren<InstructionsLinkProps>
+> = ({ link, text, children }) => {
+	return (
+		<Link href={link} isExternal>
+			{text || children || __('Click here for instructions.')}
+		</Link>
+	);
+};
diff --git a/packages/js/components/Smile.tsx b/packages/js/components/Smile.tsx
new file mode 100644
index 00000000..7147fece
--- /dev/null
+++ b/packages/js/components/Smile.tsx
@@ -0,0 +1,7 @@
+export const Smile = () => {
+	return (
+		<span role="img" aria-label="Smile">
+			🙂
+		</span>
+	);
+};
diff --git a/packages/js/components/VerticalDivider.tsx b/packages/js/components/VerticalDivider.tsx
new file mode 100644
index 00000000..ed08eab9
--- /dev/null
+++ b/packages/js/components/VerticalDivider.tsx
@@ -0,0 +1,30 @@
+import { Box, Flex } from '@wpsocio/adapters';
+
+export interface VerticalDividerProps {
+	height?: string;
+}
+
+export const VerticalDivider: React.FC<
+	React.PropsWithChildren<VerticalDividerProps>
+> = ({ children, height = '1em' }) => {
+	const divider = (
+		<Box
+			width={0}
+			height={height}
+			borderLeft="1px solid"
+			borderLeftColor="gray.300"
+		/>
+	);
+	return (
+		<Flex
+			className="or"
+			justifyContent="center"
+			alignItems="center"
+			flexDirection="column"
+		>
+			{divider}
+			{children}
+			{divider}
+		</Flex>
+	);
+};
diff --git a/packages/js/components/YouTubeVideo.tsx b/packages/js/components/YouTubeVideo.tsx
new file mode 100644
index 00000000..6f534523
--- /dev/null
+++ b/packages/js/components/YouTubeVideo.tsx
@@ -0,0 +1,53 @@
+import type { CSSProperties } from 'react';
+
+import { Box } from '@wpsocio/adapters';
+
+type YouTubeVideoProps = {
+	videoId: string;
+	title: string;
+	asGridCol?: boolean;
+};
+
+const parentStyle: CSSProperties = {
+	position: 'relative',
+	paddingBottom: '56.25%' /* 16:9 */,
+	paddingTop: 25,
+	height: 0,
+};
+
+const iframeStyle: CSSProperties = {
+	position: 'absolute',
+	top: 0,
+	left: 0,
+	width: '100%',
+	height: '100%',
+};
+
+const gridColMS = { sm: '', md: 'auto' };
+
+export const YouTubeVideo: React.FC<YouTubeVideoProps> = ({
+	videoId,
+	title,
+	asGridCol,
+}) => {
+	const output = (
+		<Box style={parentStyle}>
+			<iframe
+				title={title}
+				style={iframeStyle}
+				src={`https://www.youtube.com/embed/${videoId}`}
+				frameBorder="0"
+			/>
+		</Box>
+	);
+
+	if (!asGridCol) {
+		return output;
+	}
+
+	return (
+		<Box maxWidth="380px" marginInlineStart={gridColMS}>
+			{output}
+		</Box>
+	);
+};
diff --git a/packages/js/components/button/index.tsx b/packages/js/components/button/index.tsx
deleted file mode 100644
index 9e9de5e4..00000000
--- a/packages/js/components/button/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Button as WPButton } from '@wordpress/components';
-
-export const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>> = (
-	props,
-) => {
-	return <WPButton {...props} variant="link" />;
-};
diff --git a/packages/js/components/collapse/Collapse.tsx b/packages/js/components/collapse/Collapse.tsx
new file mode 100644
index 00000000..10ad4527
--- /dev/null
+++ b/packages/js/components/collapse/Collapse.tsx
@@ -0,0 +1,35 @@
+import {
+	Accordion,
+	AccordionButton,
+	AccordionIcon,
+	AccordionItem,
+	AccordionPanel,
+	Box,
+} from '@wpsocio/adapters';
+
+export interface CollapseProps {
+	title: string;
+	body?: React.ReactNode;
+}
+
+export const Collapse: React.FC<React.PropsWithChildren<CollapseProps>> = ({
+	body,
+	children,
+	title,
+}) => {
+	return (
+		<Accordion allowToggle>
+			<AccordionItem>
+				<AccordionButton>
+					<Box flex="1" textAlign="start">
+						{title}
+					</Box>
+					<AccordionIcon />
+				</AccordionButton>
+				<AccordionPanel>
+					<Box>{body || children}</Box>
+				</AccordionPanel>
+			</AccordionItem>
+		</Accordion>
+	);
+};
diff --git a/packages/js/components/collapse/index.ts b/packages/js/components/collapse/index.ts
new file mode 100644
index 00000000..5fda9982
--- /dev/null
+++ b/packages/js/components/collapse/index.ts
@@ -0,0 +1 @@
+export * from './Collapse';
diff --git a/packages/js/components/cols/Cols60x40.tsx b/packages/js/components/cols/Cols60x40.tsx
new file mode 100644
index 00000000..26388abb
--- /dev/null
+++ b/packages/js/components/cols/Cols60x40.tsx
@@ -0,0 +1,5 @@
+import { Columns, ColumnsProps } from './Columns';
+
+export const Cols60x40: React.FC<ColumnsProps> = (props) => {
+	return <Columns leftColWidth="60%" rightColWidth="40%" {...props} />;
+};
diff --git a/packages/js/components/cols/Cols75x25.tsx b/packages/js/components/cols/Cols75x25.tsx
new file mode 100644
index 00000000..fe783b24
--- /dev/null
+++ b/packages/js/components/cols/Cols75x25.tsx
@@ -0,0 +1,5 @@
+import { Columns, ColumnsProps } from './Columns';
+
+export const Cols75x25: React.FC<ColumnsProps> = (props) => {
+	return <Columns leftColWidth="75%" rightColWidth="25%" {...props} />;
+};
diff --git a/packages/js/components/cols/Columns.tsx b/packages/js/components/cols/Columns.tsx
new file mode 100644
index 00000000..5cb8c49a
--- /dev/null
+++ b/packages/js/components/cols/Columns.tsx
@@ -0,0 +1,53 @@
+import { Box, Flex, BoxProps } from '@wpsocio/adapters';
+import { useMemo } from 'react';
+
+const commonColumnProps: BoxProps = {
+	borderWidth: '1px',
+	borderColor: 'gray.200',
+	borderRadius: '0.1rem',
+};
+
+const baseColumnWidth: BoxProps['maxW'] = ['100%', '100%', '100%'];
+
+export interface ColumnsProps extends BoxProps {
+	addBorders?: boolean;
+	leftCol: React.ReactNode;
+	rightCol: React.ReactNode;
+	leftColWidth?: string;
+	rightColWidth?: string;
+}
+
+export const Columns: React.FC<ColumnsProps> = ({
+	addBorders,
+	children,
+	leftCol,
+	leftColWidth = '50%',
+	rightCol,
+	rightColWidth = '50%',
+	...rest
+}) => {
+	const flexBasisFirst = useMemo(
+		() => [...baseColumnWidth, leftColWidth],
+		[leftColWidth],
+	);
+	const flexBasisSecond = useMemo(
+		() => [...baseColumnWidth, rightColWidth],
+		[rightColWidth],
+	);
+
+	return (
+		<Flex flexWrap="wrap" mt="1em" {...rest}>
+			<Box flexBasis={flexBasisFirst} maxW={flexBasisFirst} px="0.4rem">
+				<Box {...(addBorders && commonColumnProps)} mb="1rem" background="#fff">
+					{leftCol}
+				</Box>
+			</Box>
+			<Box flexBasis={flexBasisSecond} maxW={flexBasisSecond} px="0.4rem">
+				<Box {...(addBorders && commonColumnProps)} mb="1rem" background="#fff">
+					{rightCol}
+				</Box>
+			</Box>
+			{children}
+		</Flex>
+	);
+};
diff --git a/packages/js/components/cols/index.ts b/packages/js/components/cols/index.ts
new file mode 100644
index 00000000..54452434
--- /dev/null
+++ b/packages/js/components/cols/index.ts
@@ -0,0 +1,3 @@
+export * from './Cols75x25';
+export * from './Cols60x40';
+export * from './Columns';
diff --git a/packages/js/components/debug-data/DebugData.tsx b/packages/js/components/debug-data/DebugData.tsx
new file mode 100644
index 00000000..d85bc869
--- /dev/null
+++ b/packages/js/components/debug-data/DebugData.tsx
@@ -0,0 +1,48 @@
+import type { CSSProperties } from 'react';
+
+import { isDev } from '@wpsocio/utilities';
+
+import { Collapse } from '../collapse';
+
+const style: CSSProperties = {
+	borderRadius: '5px',
+	boxSizing: 'border-box',
+	padding: '1em 2em',
+	color: '#a9ce47',
+	backgroundColor: '#26203d',
+	whiteSpace: 'pre-wrap',
+};
+
+export interface DebugDataProps {
+	data: unknown;
+	asJson?: boolean;
+	asCollapse?: boolean;
+}
+
+export const DebugData: React.FC<DebugDataProps> = ({
+	data,
+	asJson = true,
+	asCollapse = true,
+}) => {
+	if (!isDev) {
+		return null;
+	}
+
+	let dataToRender = '';
+
+	// data may not be serializable
+	try {
+		dataToRender = asJson ? JSON.stringify(data, null, 2) : `${data}`;
+	} catch (error) {
+		// console.error((error as Error).message);
+		console.log('ERROR', data);
+	}
+
+	const output = <pre style={style}>{dataToRender}</pre>;
+
+	if (!asCollapse) {
+		return output;
+	}
+
+	return <Collapse title={'Debug Data'}>{output}</Collapse>;
+};
diff --git a/packages/js/components/debug-data/index.ts b/packages/js/components/debug-data/index.ts
new file mode 100644
index 00000000..0136e8a4
--- /dev/null
+++ b/packages/js/components/debug-data/index.ts
@@ -0,0 +1 @@
+export * from './DebugData';
diff --git a/packages/js/components/index.ts b/packages/js/components/index.ts
index 3dbad0e9..524cc8ec 100644
--- a/packages/js/components/index.ts
+++ b/packages/js/components/index.ts
@@ -1,3 +1,16 @@
-export * from './button';
-
-//test
+export * from './Code';
+export * from './collapse';
+export * from './cols';
+export * from './ConfirmDialog';
+export * from './Description';
+export * from './debug-data';
+export * from './instructions';
+export * from './InstructionsLink';
+export * from './plugin-info';
+export * from './section-card';
+export * from './Smile';
+export * from './stack';
+export * from './wptg-social-icons';
+export * from './widget-info';
+export * from './VerticalDivider';
+export * from './YouTubeVideo';
diff --git a/packages/js/components/instructions/Instructions.tsx b/packages/js/components/instructions/Instructions.tsx
new file mode 100644
index 00000000..8bf52e61
--- /dev/null
+++ b/packages/js/components/instructions/Instructions.tsx
@@ -0,0 +1,27 @@
+import { __ } from '@wpsocio/i18n';
+import { SectionCard, SectionCardProps } from '../section-card';
+
+const headerProps = {
+	backgroundColor: '#343a40',
+	color: '#fff',
+};
+
+export interface InstructionsProps extends SectionCardProps {
+	highContrast?: boolean;
+}
+
+export const Instructions: React.FC<Partial<InstructionsProps>> = ({
+	children,
+	highContrast = true,
+	...rest
+}) => {
+	return (
+		<SectionCard
+			title={__('INSTRUCTIONS!')}
+			headerProps={highContrast ? headerProps : undefined}
+			{...rest}
+		>
+			{children}
+		</SectionCard>
+	);
+};
diff --git a/packages/js/components/instructions/index.ts b/packages/js/components/instructions/index.ts
new file mode 100644
index 00000000..86e00034
--- /dev/null
+++ b/packages/js/components/instructions/index.ts
@@ -0,0 +1 @@
+export * from './Instructions';
diff --git a/packages/js/components/package.json b/packages/js/components/package.json
index 234d901f..3e7f94f0 100644
--- a/packages/js/components/package.json
+++ b/packages/js/components/package.json
@@ -5,22 +5,25 @@
 	"license": "GPL-3.0",
 	"type": "module",
 	"module": "index.ts",
-  "source": "index.ts",
 	"exports": {
 		".": {
-      "import": "./index.ts"
-    },
+			"import": "./index.ts"
+		},
 		"./*": {
 			"import": "./*/index.tsx"
 		}
 	},
 	"dependencies": {
-		"@wordpress/components": "^25.12.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
+		"@wpsocio/adapters": "workspace:*",
+		"@wpsocio/services": "workspace:*",
+		"@wpsocio/icons": "workspace:*",
+		"@wpsocio/utilities": "workspace:*",
+		"@wpsocio/i18n": "workspace:*"
 	},
 	"devDependencies": {
-		"@types/react": "^18.2.37",
-		"@types/react-dom": "^18.2.15"
+		"@types/react": "^18.2.45",
+		"@types/react-dom": "^18.2.17",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
 	}
 }
diff --git a/packages/js/components/plugin-info/PluginHeader.tsx b/packages/js/components/plugin-info/PluginHeader.tsx
new file mode 100644
index 00000000..56c5e06d
--- /dev/null
+++ b/packages/js/components/plugin-info/PluginHeader.tsx
@@ -0,0 +1,69 @@
+import { Box, Flex, Heading, Text } from '@wpsocio/adapters';
+import type { BaseAssetsData, PluginInfo } from '@wpsocio/services';
+import { Description } from '../Description';
+
+import { SectionCard, SectionCardProps } from '../section-card';
+
+export interface PluginHeaderProps
+	extends PluginInfo,
+		Omit<SectionCardProps, 'title'> {
+	assets: BaseAssetsData;
+	socialIcons?: React.ReactNode;
+}
+
+const headerOverflow = ['hidden', 'inherit'];
+const headerMaxWidth = ['80%', '90%'];
+
+export const PluginHeader: React.FC<PluginHeaderProps> = ({
+	assets,
+	title,
+	version,
+	description,
+	socialIcons,
+	...sectionCardProps
+}) => {
+	return (
+		<SectionCard
+			title={
+				<Flex alignItems="center">
+					{assets.logoUrl && (
+						<Box
+							alt={title}
+							as="img"
+							className="header-logo"
+							display="inline-block"
+							h="2rem"
+							marginEnd="0.5em"
+							src={assets.logoUrl}
+							verticalAlign="middle"
+							w="2rem"
+						/>
+					)}
+					<Box width="100%">
+						<Heading
+							as="h4"
+							size="md"
+							fontWeight={600}
+							display="inline-block"
+							m={0}
+							maxWidth={headerMaxWidth}
+							whiteSpace="nowrap"
+							textOverflow="ellipsis"
+							overflow={headerOverflow}
+							lineHeight={1.3}
+						>
+							{title}
+						</Heading>
+						<Text as="span" fontSize="80%" fontStyle="italic" color="gray.500">
+							&nbsp;v{version}
+						</Text>
+					</Box>
+				</Flex>
+			}
+			{...sectionCardProps}
+		>
+			<Description>{description}</Description>
+			{socialIcons}
+		</SectionCard>
+	);
+};
diff --git a/packages/js/components/plugin-info/PluginInfoCard.tsx b/packages/js/components/plugin-info/PluginInfoCard.tsx
new file mode 100644
index 00000000..38cc2a6c
--- /dev/null
+++ b/packages/js/components/plugin-info/PluginInfoCard.tsx
@@ -0,0 +1,122 @@
+import { Box, BoxProps, Link, Stack, Text } from '@wpsocio/adapters';
+import { __, sprintf } from '@wpsocio/i18n';
+import { Description } from '../Description';
+import { Smile } from '../Smile';
+import { SectionCard } from '../section-card';
+
+const StackItem: React.FC<BoxProps> = (props) => {
+	return (
+		<Box
+			p="1em"
+			textAlign="center"
+			borderBottom="1px"
+			borderBottomColor="gray.200"
+			width="100%"
+			{...props}
+		/>
+	);
+};
+
+export interface PluginInfoCardProps {
+	description?: string;
+	title: string;
+	reviewLink?: string;
+	socialIcons?: React.ReactNode;
+	helpText?: string;
+	supportLink?: string;
+	supportLinkText?: string;
+	upsell?: React.ReactNode;
+}
+
+const linkHoverProps = { borderBottom: 'none' };
+const bodyProps = { px: 0, py: 0 };
+
+export const PluginInfoCard: React.FC<PluginInfoCardProps> = ({
+	description,
+	helpText,
+	reviewLink,
+	socialIcons,
+	supportLink,
+	supportLinkText,
+	title,
+	upsell,
+}) => {
+	return (
+		<SectionCard
+			title={title}
+			border="1px"
+			borderColor="gray.200"
+			bodyProps={bodyProps}
+		>
+			<Stack spacing={1} align="center">
+				<StackItem>
+					<Description textAlign="start">{description}</Description>
+				</StackItem>
+				{socialIcons && <StackItem>{socialIcons}</StackItem>}
+				{reviewLink && (
+					<StackItem>
+						<Text mb="0.5em">{sprintf(__('Do you like %s?'), title)}</Text>
+						<Box>
+							<Link
+								href={reviewLink}
+								rel="noopener noreferrer"
+								target="_blank"
+								textDecoration="none"
+								p="0.5em"
+								_hover={linkHoverProps}
+							>
+								<Text
+									aria-label={__('Write a review')}
+									as="span"
+									color="orange.300"
+									fontSize="1.5rem"
+								>
+									{'★★★★★'}
+								</Text>
+							</Link>
+						</Box>
+					</StackItem>
+				)}
+				{upsell && <StackItem>{upsell}</StackItem>}
+				<StackItem borderBottom={0}>
+					<Box>
+						<Text as="span">{__('Need help?')}</Text>
+					</Box>
+					{helpText && (
+						<Box>
+							<Text as="span" fontWeight={600}>
+								{helpText}
+							</Text>
+						</Box>
+					)}
+				</StackItem>
+
+				{supportLink && (
+					<StackItem p={0} borderBottom={0} w="100%">
+						<Link
+							display="block"
+							p="0.75rem 1.25rem"
+							color="#004085"
+							bg="#b8daff"
+							fontWeight={700}
+							fontStyle="italic"
+							href={supportLink}
+							target="_blank"
+							rel="noopener noreferrer"
+							textDecoration="none"
+							_hover={linkHoverProps}
+						>
+							{supportLinkText || helpText}
+						</Link>
+					</StackItem>
+				)}
+
+				<StackItem>
+					<Box>
+						<Smile />
+					</Box>
+				</StackItem>
+			</Stack>
+		</SectionCard>
+	);
+};
diff --git a/packages/js/components/plugin-info/index.ts b/packages/js/components/plugin-info/index.ts
new file mode 100644
index 00000000..4fd9887c
--- /dev/null
+++ b/packages/js/components/plugin-info/index.ts
@@ -0,0 +1,2 @@
+export * from './PluginHeader';
+export * from './PluginInfoCard';
diff --git a/packages/js/components/section-card/SectionCard.tsx b/packages/js/components/section-card/SectionCard.tsx
new file mode 100644
index 00000000..d175d07a
--- /dev/null
+++ b/packages/js/components/section-card/SectionCard.tsx
@@ -0,0 +1,28 @@
+import { Box, BoxProps } from '@wpsocio/adapters';
+
+export interface SectionCardProps extends Omit<BoxProps, 'title'> {
+	title: React.ReactNode;
+	body?: React.ReactNode;
+	headerProps?: BoxProps;
+	bodyProps?: BoxProps;
+}
+
+export const SectionCard: React.FC<SectionCardProps> = ({
+	body,
+	children,
+	title,
+	headerProps,
+	bodyProps,
+	...rest
+}) => {
+	return (
+		<Box border="1px" roundedTop="md" borderColor="gray.200" mb="2em" {...rest}>
+			<Box px="1rem" py=".5rem" bgColor="#eaeaea" {...headerProps}>
+				{title}
+			</Box>
+			<Box px="1.5rem" py="1rem" {...bodyProps}>
+				{body || children}
+			</Box>
+		</Box>
+	);
+};
diff --git a/packages/js/components/section-card/index.ts b/packages/js/components/section-card/index.ts
new file mode 100644
index 00000000..eeaeb826
--- /dev/null
+++ b/packages/js/components/section-card/index.ts
@@ -0,0 +1 @@
+export * from './SectionCard';
diff --git a/packages/js/components/stack/FeildStack.tsx b/packages/js/components/stack/FeildStack.tsx
new file mode 100644
index 00000000..f767dc78
--- /dev/null
+++ b/packages/js/components/stack/FeildStack.tsx
@@ -0,0 +1,18 @@
+import { Stack, StackProps } from '@wpsocio/adapters';
+
+const direction: StackProps['direction'] = ['column', 'row'];
+
+export const FeildStack: React.FC<React.PropsWithChildren<unknown>> = ({
+	children,
+}) => {
+	return (
+		<Stack
+			direction={direction}
+			flexWrap="wrap"
+			justifyContent="space-between"
+			spacing="1em"
+		>
+			{children}
+		</Stack>
+	);
+};
diff --git a/packages/js/components/stack/FeildStackItem.tsx b/packages/js/components/stack/FeildStackItem.tsx
new file mode 100644
index 00000000..e35338aa
--- /dev/null
+++ b/packages/js/components/stack/FeildStackItem.tsx
@@ -0,0 +1,9 @@
+import { StackItem, BoxProps } from '@wpsocio/adapters';
+
+export const FeildStackItem: React.FC<BoxProps> = ({ children, ...props }) => {
+	return (
+		<StackItem flexBasis="31%" {...props}>
+			{children}
+		</StackItem>
+	);
+};
diff --git a/packages/js/components/stack/index.ts b/packages/js/components/stack/index.ts
new file mode 100644
index 00000000..96551f08
--- /dev/null
+++ b/packages/js/components/stack/index.ts
@@ -0,0 +1,2 @@
+export * from './FeildStack';
+export * from './FeildStackItem';
diff --git a/packages/js/components/widget-info/WidgetInfo.tsx b/packages/js/components/widget-info/WidgetInfo.tsx
new file mode 100644
index 00000000..5acd8239
--- /dev/null
+++ b/packages/js/components/widget-info/WidgetInfo.tsx
@@ -0,0 +1,74 @@
+import { __, sprintf } from '@wpsocio/i18n';
+import { Link } from '@wpsocio/adapters';
+import { createInterpolateElement } from '@wpsocio/utilities';
+import { Code } from '../Code';
+import { Smile } from '../Smile';
+
+import { WidgetInfoCard } from './WidgetInfoCard';
+import { WidgetInfoItem } from './WidgetInfoItem';
+
+export interface WidgetInfoProps {
+	adminUrl: string;
+	phpCode: string;
+	shortcode1: string;
+	shortcode2: string;
+	title: string;
+}
+
+export const WidgetInfo: React.FC<WidgetInfoProps> = ({
+	adminUrl,
+	phpCode,
+	shortcode1,
+	shortcode2,
+	title,
+}) => {
+	return (
+		<WidgetInfoCard>
+			<WidgetInfoItem textAlign="start">
+				{createInterpolateElement(
+					sprintf(
+						/* translators: 1, 2 Menu names */
+						__(
+							'Goto %1$s and click/drag %2$s and place it where you want it to be.',
+						),
+						'<Path />',
+						'<Widget />',
+					),
+					{
+						Path: (
+							<>
+								<b>{__('Appearance')}</b> &gt;{' '}
+								<Link href={`${adminUrl}/widgets.php`}>{__('Widgets')}</Link>
+							</>
+						),
+						Widget: <b>{title}</b>,
+					},
+				)}
+			</WidgetInfoItem>
+			<WidgetInfoItem textAlign="start">
+				{__(
+					'Alternately, you can use the below shortcode or the block available in block editor.',
+				)}
+			</WidgetInfoItem>
+			<WidgetInfoItem>{__('Inside page or post content:')}</WidgetInfoItem>
+			<WidgetInfoItem>
+				<Code width="100%">{shortcode1}</Code>
+			</WidgetInfoItem>
+			<WidgetInfoItem>{__('Inside the theme templates')}</WidgetInfoItem>
+			<WidgetInfoItem>
+				<Code width="100%">{`<?php\n${phpCode}\n?>`}</Code>
+				<br />
+				<span>{__('or')}</span>
+				<br />
+				<Code width="100%">
+					{`<?php\n$shortcode = '${
+						shortcode2 || shortcode1
+					}';\necho do_shortcode( $shortcode );\n?>`}
+				</Code>
+			</WidgetInfoItem>
+			<WidgetInfoItem>
+				<Smile />
+			</WidgetInfoItem>
+		</WidgetInfoCard>
+	);
+};
diff --git a/packages/js/components/widget-info/WidgetInfoCard.tsx b/packages/js/components/widget-info/WidgetInfoCard.tsx
new file mode 100644
index 00000000..da53569d
--- /dev/null
+++ b/packages/js/components/widget-info/WidgetInfoCard.tsx
@@ -0,0 +1,20 @@
+import { Stack, StackProps } from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+import { SectionCard } from '../section-card';
+
+const bodyProps = { px: 0, py: 0 };
+
+export interface WidgetInfoCardProps {
+	spacing?: StackProps['spacing'];
+	title?: string;
+}
+
+export const WidgetInfoCard: React.FC<
+	React.PropsWithChildren<WidgetInfoCardProps>
+> = ({ children, spacing = '1em', title }) => {
+	return (
+		<SectionCard title={title || __('Widget Info')} bodyProps={bodyProps}>
+			<Stack spacing={spacing}>{children}</Stack>
+		</SectionCard>
+	);
+};
diff --git a/packages/js/components/widget-info/WidgetInfoItem.tsx b/packages/js/components/widget-info/WidgetInfoItem.tsx
new file mode 100644
index 00000000..9147dc97
--- /dev/null
+++ b/packages/js/components/widget-info/WidgetInfoItem.tsx
@@ -0,0 +1,14 @@
+import { BoxProps, StackItem as StackedItem } from '@wpsocio/adapters';
+
+export const WidgetInfoItem: React.FC<BoxProps> = (props) => {
+	return (
+		<StackedItem
+			p="1em"
+			textAlign="center"
+			borderBottom="1px"
+			borderBottomColor="gray.200"
+			width="100%"
+			{...props}
+		/>
+	);
+};
diff --git a/packages/js/components/widget-info/index.ts b/packages/js/components/widget-info/index.ts
new file mode 100644
index 00000000..4701bdb1
--- /dev/null
+++ b/packages/js/components/widget-info/index.ts
@@ -0,0 +1,3 @@
+export * from './WidgetInfo';
+export * from './WidgetInfoCard';
+export * from './WidgetInfoItem';
diff --git a/packages/js/components/wptg-social-icons/WPTGSocialIcons.tsx b/packages/js/components/wptg-social-icons/WPTGSocialIcons.tsx
new file mode 100644
index 00000000..6c859f71
--- /dev/null
+++ b/packages/js/components/wptg-social-icons/WPTGSocialIcons.tsx
@@ -0,0 +1,66 @@
+import { Box, Link, Stack, StackItem, Text } from '@wpsocio/adapters';
+import { __, sprintf } from '@wpsocio/i18n';
+import { insertScript } from '@wpsocio/utilities';
+import { useEffect } from 'react';
+
+import './styles.scss';
+
+export interface WPTGSocialIconsProps {
+	tgIconUrl: string;
+}
+
+export const WPTGSocialIcons: React.FC<WPTGSocialIconsProps> = ({
+	tgIconUrl,
+}) => {
+	useEffect(() => {
+		insertScript(
+			'facebook-jssdk',
+			'//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9',
+		);
+		insertScript('twitter-widget', 'https://platform.twitter.com/widgets.js');
+	}, []);
+
+	return (
+		<Stack
+			direction="column"
+			spacing="1em"
+			className="wptelegram-social-icons"
+			alignItems="center"
+		>
+			<StackItem className="wptelegram-social-icons__icon">
+				<Box
+					className="fb-like"
+					data-href="https://www.facebook.com/WPTelegram"
+					data-layout="button_count"
+					data-action="like"
+					data-size="small"
+					data-show-faces="false"
+					data-share="false"
+				/>
+			</StackItem>
+			<StackItem className="wptelegram-social-icons__icon">
+				<Box
+					as="a"
+					href="https://twitter.com/WPTelegram"
+					className="twitter-follow-button"
+					data-show-count="false"
+				>
+					{sprintf(__('Follow %s'), '@WPTelegram')}
+				</Box>
+			</StackItem>
+			<StackItem className="wptelegram-social-icons__icon wptelegram-social-icons__icon--telegram">
+				<Link href="https://t.me/WPTelegram" isExternal whiteSpace="nowrap">
+					<Box
+						as="img"
+						src={tgIconUrl} /* d='inline-block'  */
+						role="presentation"
+						verticalAlign="middle"
+					/>
+					<Text as="small" color="#fff">
+						{sprintf(__('Join %s'), '@WPTelegram')}
+					</Text>
+				</Link>
+			</StackItem>
+		</Stack>
+	);
+};
diff --git a/packages/js/components/wptg-social-icons/index.ts b/packages/js/components/wptg-social-icons/index.ts
new file mode 100644
index 00000000..80f175ac
--- /dev/null
+++ b/packages/js/components/wptg-social-icons/index.ts
@@ -0,0 +1 @@
+export * from './WPTGSocialIcons';
diff --git a/packages/js/components/wptg-social-icons/styles.scss b/packages/js/components/wptg-social-icons/styles.scss
new file mode 100644
index 00000000..737d3c2f
--- /dev/null
+++ b/packages/js/components/wptg-social-icons/styles.scss
@@ -0,0 +1,23 @@
+.wptelegram-social-icons {
+	&__icon {
+		&--telegram a {
+			align-items: center;
+			background-color: #17a2b8;
+			border-radius: 3px;
+			display: flex;
+			padding-bottom: 1px;
+			padding-left: 6px;
+			padding-right: 6px;
+			padding-top: 1px;
+			text-decoration: none;
+			img {
+				margin-inline-end: 0.3em;
+				height: 12px;
+				width: 12px;
+			}
+			small {
+				line-height: 1.5;
+			}
+		}
+	}
+}
diff --git a/packages/js/form-components/BotTokenField.tsx b/packages/js/form-components/BotTokenField.tsx
new file mode 100644
index 00000000..08245dd1
--- /dev/null
+++ b/packages/js/form-components/BotTokenField.tsx
@@ -0,0 +1,51 @@
+import { useEffect } from 'react';
+
+import { FormField, useFormContext, useWatch } from '@wpsocio/form';
+import { __ } from '@wpsocio/i18n';
+
+import { useBotTokenTest } from './useBotTokenTest';
+
+const botTokenAddonProps = { px: '0' };
+
+export type BotTokenFieldProps = {
+	botUsernameField?: string;
+	isRequired?: boolean;
+	label: React.ReactNode;
+	name: string;
+};
+
+export const BotTokenField: React.FC<BotTokenFieldProps> = ({
+	botUsernameField,
+	isRequired = true,
+	label,
+	name,
+}) => {
+	const { setValue, trigger } = useFormContext();
+
+	const bot_token: string = useWatch({ name });
+
+	const { bot_username, buttonNode, resultNode } = useBotTokenTest(bot_token);
+
+	useEffect(() => {
+		if (botUsernameField && bot_username) {
+			setValue(botUsernameField, bot_username);
+			trigger(botUsernameField);
+		}
+	}, [botUsernameField, bot_username, setValue, trigger]);
+
+	return (
+		<FormField
+			addonAfter={buttonNode}
+			addonAfterProps={botTokenAddonProps}
+			after={resultNode}
+			borderEnd="0"
+			borderEndRadius="0"
+			description={__('Please read the instructions above.')}
+			fieldType="text"
+			isRequired={isRequired}
+			label={label}
+			maxW="350px"
+			name={name}
+		/>
+	);
+};
diff --git a/packages/js/form-components/index.ts b/packages/js/form-components/index.ts
new file mode 100644
index 00000000..d478c262
--- /dev/null
+++ b/packages/js/form-components/index.ts
@@ -0,0 +1,5 @@
+export * from './BotTokenField';
+export * from './useBotTokenTest';
+export * from './useChatWithTest';
+export * from './submit';
+export * from './test-result';
diff --git a/packages/js/form-components/package.json b/packages/js/form-components/package.json
new file mode 100644
index 00000000..828436f4
--- /dev/null
+++ b/packages/js/form-components/package.json
@@ -0,0 +1,29 @@
+{
+	"name": "@wpsocio/form-components",
+	"private": true,
+	"version": "1.0.0",
+	"license": "GPL-3.0",
+	"type": "module",
+	"module": "index.ts",
+	"exports": {
+		".": {
+			"import": "./index.ts"
+		},
+		"./*": {
+			"import": "./*/index.tsx"
+		}
+	},
+	"dependencies": {
+		"@wpsocio/components": "workspace:*",
+		"@wpsocio/adapters": "workspace:*",
+		"@wpsocio/form": "workspace:*",
+		"@wpsocio/icons": "workspace:*",
+		"@wpsocio/services": "workspace:*",
+		"@wpsocio/utilities": "workspace:*",
+		"@wpsocio/i18n": "workspace:*"
+	},
+	"devDependencies": {
+		"@types/react": "^18.2.45",
+		"react": "^18.2.0"
+	}
+}
diff --git a/packages/js/form-components/submit/ResetButton.tsx b/packages/js/form-components/submit/ResetButton.tsx
new file mode 100644
index 00000000..d3ee9f82
--- /dev/null
+++ b/packages/js/form-components/submit/ResetButton.tsx
@@ -0,0 +1,5 @@
+import { ButtonProps, Button } from '@wpsocio/adapters';
+
+export const ResetButton: React.FC<ButtonProps> = (props) => {
+	return <Button size="lg" type="reset" {...props} />;
+};
diff --git a/packages/js/form-components/submit/SubmitBar.tsx b/packages/js/form-components/submit/SubmitBar.tsx
new file mode 100644
index 00000000..a9a19096
--- /dev/null
+++ b/packages/js/form-components/submit/SubmitBar.tsx
@@ -0,0 +1,41 @@
+import { useCallback } from 'react';
+
+import type { ButtonGroupProps } from '@wpsocio/adapters';
+import { useFormState } from '@wpsocio/form';
+import { ResetButton } from './ResetButton';
+import { SubmitButton } from './SubmitButton';
+import { SubmitButtons } from './SubmitButtons';
+
+interface SubmitBarProps extends ButtonGroupProps {
+	onSubmit?: VoidFunction;
+	onReset?: VoidFunction;
+	showResetButton?: boolean;
+	form?: string;
+}
+
+export const SubmitBar: React.FC<SubmitBarProps> = ({
+	onSubmit,
+	onReset,
+	showResetButton,
+	form,
+	...props
+}) => {
+	const { isSubmitting, isDirty } = useFormState();
+
+	// To avoid unexpected arguments being passed to callbacks
+	const onClickSubmit = useCallback(() => onSubmit?.(), [onSubmit]);
+	const onClickReset = useCallback(() => onReset?.(), [onReset]);
+
+	return (
+		<SubmitButtons {...props}>
+			<SubmitButton
+				isLoading={isSubmitting}
+				onClick={onClickSubmit}
+				form={form}
+			/>
+			{showResetButton && (
+				<ResetButton isDisabled={!isDirty} form={form} onClick={onClickReset} />
+			)}
+		</SubmitButtons>
+	);
+};
diff --git a/packages/js/form-components/submit/SubmitButton.tsx b/packages/js/form-components/submit/SubmitButton.tsx
new file mode 100644
index 00000000..2244687b
--- /dev/null
+++ b/packages/js/form-components/submit/SubmitButton.tsx
@@ -0,0 +1,18 @@
+import { ButtonProps, Button } from '@wpsocio/adapters';
+import { SaveIcon } from '@wpsocio/icons';
+import { __ } from '@wpsocio/i18n';
+
+export const SubmitButton: React.FC<ButtonProps> = (props) => {
+	return (
+		<Button
+			variant="solid"
+			colorScheme="blue"
+			leftIcon={<SaveIcon boxSize="1.5rem" />}
+			size="lg"
+			type="submit"
+			{...props}
+		>
+			{__('Save Changes')}
+		</Button>
+	);
+};
diff --git a/packages/js/form-components/submit/SubmitButtons.tsx b/packages/js/form-components/submit/SubmitButtons.tsx
new file mode 100644
index 00000000..791208da
--- /dev/null
+++ b/packages/js/form-components/submit/SubmitButtons.tsx
@@ -0,0 +1,23 @@
+import { ButtonGroup, ButtonGroupProps, Divider } from '@wpsocio/adapters';
+
+import './styles.scss';
+
+export const SubmitButtons: React.FC<ButtonGroupProps> = ({
+	children,
+	...props
+}) => {
+	return (
+		<>
+			<Divider />
+			<ButtonGroup
+				spacing={4}
+				px="1em"
+				mt="1em"
+				className="submit-buttons"
+				{...props}
+			>
+				{children}
+			</ButtonGroup>
+		</>
+	);
+};
diff --git a/packages/js/form-components/submit/index.ts b/packages/js/form-components/submit/index.ts
new file mode 100644
index 00000000..183c36fe
--- /dev/null
+++ b/packages/js/form-components/submit/index.ts
@@ -0,0 +1,4 @@
+export * from './ResetButton';
+export * from './SubmitBar';
+export * from './SubmitButton';
+export * from './SubmitButtons';
diff --git a/packages/js/form-components/submit/styles.scss b/packages/js/form-components/submit/styles.scss
new file mode 100644
index 00000000..710b13dd
--- /dev/null
+++ b/packages/js/form-components/submit/styles.scss
@@ -0,0 +1,12 @@
+@import '@wpsocio/adapters/theme/variables';
+
+@media screen and (max-width: $breakpointSm) {
+	.submit-buttons {
+		display: flex;
+		flex-direction: column;
+		button {
+			margin-bottom: 1em;
+			margin-left: 0px !important;
+		}
+	}
+}
diff --git a/packages/js/form-components/test-result/MemberCountResult.tsx b/packages/js/form-components/test-result/MemberCountResult.tsx
new file mode 100644
index 00000000..44520448
--- /dev/null
+++ b/packages/js/form-components/test-result/MemberCountResult.tsx
@@ -0,0 +1,45 @@
+import { Box, Flex, Text } from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+import type { TestResult, TestResultType } from '@wpsocio/services';
+
+interface MemberCountResultProps {
+	memberCountResult: TestResult;
+	memberCountResultType: TestResultType;
+}
+
+export const MemberCountResult: React.FC<MemberCountResultProps> = ({
+	memberCountResult,
+	memberCountResultType,
+}) => {
+	const result = Object.entries(memberCountResult);
+
+	return result.length ? (
+		<Box mt="1em">
+			<Text color="gray.500">{__('Members Count:')}</Text>
+			{result.map(([chat_id, result]) => {
+				return (
+					<Flex key={chat_id} py="1em" wrap="wrap">
+						<Box minW="150px">
+							<Text fontWeight="bold" as="span">
+								{chat_id}
+							</Text>
+						</Box>
+						<Box ml="1em">
+							<Text
+								fontWeight="bold"
+								color={
+									memberCountResultType?.[chat_id] === 'ERROR'
+										? 'red.400'
+										: 'green.500'
+								}
+								as="span"
+							>
+								{result}
+							</Text>
+						</Box>
+					</Flex>
+				);
+			})}
+		</Box>
+	) : null;
+};
diff --git a/packages/js/form-components/test-result/MessageResult.tsx b/packages/js/form-components/test-result/MessageResult.tsx
new file mode 100644
index 00000000..d2c0ae0a
--- /dev/null
+++ b/packages/js/form-components/test-result/MessageResult.tsx
@@ -0,0 +1,45 @@
+import { Box, Flex, Text } from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+import type { TestResult, TestResultType } from '@wpsocio/services';
+
+interface MessageResultProps {
+	messageResult: TestResult;
+	messageResultType: TestResultType;
+}
+
+export const MessageResult: React.FC<MessageResultProps> = ({
+	messageResult,
+	messageResultType,
+}) => {
+	const testResults = Object.entries(messageResult);
+
+	return testResults.length ? (
+		<Box mt="1em">
+			<Text color="gray.500">{__('Result:')}</Text>
+			{testResults.map(([chat_id, result]) => {
+				return (
+					<Flex key={chat_id} py="1em" wrap="wrap">
+						<Box minW="150px">
+							<Text fontWeight="bold" as="span">
+								{chat_id}
+							</Text>
+						</Box>
+						<Box ml="1em">
+							<Text
+								fontWeight="bold"
+								color={
+									messageResultType?.[chat_id] === 'ERROR'
+										? 'red.400'
+										: 'green.500'
+								}
+								as="span"
+							>
+								{result}
+							</Text>
+						</Box>
+					</Flex>
+				);
+			})}
+		</Box>
+	) : null;
+};
diff --git a/packages/js/form-components/test-result/TestResult.tsx b/packages/js/form-components/test-result/TestResult.tsx
new file mode 100644
index 00000000..b0821e64
--- /dev/null
+++ b/packages/js/form-components/test-result/TestResult.tsx
@@ -0,0 +1,28 @@
+import { Box, Text } from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+import type { ResultType } from '@wpsocio/services';
+
+interface RenderTestResultProps {
+	result: React.ReactNode;
+	resultType: ResultType;
+}
+
+export const RenderTestResult: React.FC<RenderTestResultProps> = ({
+	result,
+	resultType,
+}) => {
+	return result ? (
+		<Box my="0.5em">
+			<Text color="gray.500" as="i">
+				{__('Test Result:')}
+			</Text>{' '}
+			<Text
+				fontWeight="bold"
+				color={resultType === 'ERROR' ? 'red.400' : 'green.500'}
+				as="span"
+			>
+				{result}
+			</Text>
+		</Box>
+	) : null;
+};
diff --git a/packages/js/form-components/test-result/index.ts b/packages/js/form-components/test-result/index.ts
new file mode 100644
index 00000000..e1bf067f
--- /dev/null
+++ b/packages/js/form-components/test-result/index.ts
@@ -0,0 +1,3 @@
+export * from './TestResult';
+export * from './MessageResult';
+export * from './MemberCountResult';
diff --git a/packages/js/form-components/tsconfig.json b/packages/js/form-components/tsconfig.json
new file mode 100644
index 00000000..7c95e9e6
--- /dev/null
+++ b/packages/js/form-components/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "react-jsx",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"noEmit": true,
+	},
+	"include": [
+		"**/*.tsx",
+		"**/*.ts"
+	]
+}
\ No newline at end of file
diff --git a/packages/js/form-components/useBotTokenTest.tsx b/packages/js/form-components/useBotTokenTest.tsx
new file mode 100644
index 00000000..5c38091d
--- /dev/null
+++ b/packages/js/form-components/useBotTokenTest.tsx
@@ -0,0 +1,141 @@
+import { Button, ButtonProps } from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+import { TestResult, TestResultType, testBotToken } from '@wpsocio/services';
+import { BOT_TOKEN_REGEX } from '@wpsocio/utilities';
+import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
+import { RenderTestResult } from './test-result';
+
+export type BotTokenTest = {
+	bot_token: string;
+	buttonComponent: React.ComponentType<ButtonProps>;
+	buttonNode: React.ReactNode;
+	resultNode: React.ReactNode;
+	bot_username?: string;
+	testResult: TestResult;
+	testResultType: TestResultType;
+};
+
+export const useBotTokenTest = (_bot_token_?: string): BotTokenTest => {
+	const [testingBotToken, setTestingBotToken] = useState('');
+
+	const [bot_token, setBotToken] = useState(_bot_token_ || '');
+	const [bot_username, setBotUsername] = useState('');
+
+	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+	useEffect(() => {
+		if (_bot_token_ && _bot_token_ !== bot_token) {
+			setBotToken(_bot_token_);
+		}
+	}, [_bot_token_]);
+
+	const [testResult, setTestResult] = useState<TestResult>({});
+	const [testResultType, setTestResultType] = useState<TestResultType>({});
+
+	const onTestToken = useCallback(
+		(bot_token: string) => async (event: React.MouseEvent) => {
+			setBotToken(bot_token);
+			setBotUsername('');
+
+			await testBotToken(
+				{
+					bot_token,
+					setInProgress: (inProgress) =>
+						setTestingBotToken(inProgress ? bot_token : ''),
+					setResult: (result) => {
+						setTestResult((prevState) => ({
+							...prevState,
+							[bot_token]: result,
+						}));
+					},
+					setResultType: (resultType) => {
+						setTestResultType((prevState) => ({
+							...prevState,
+							[bot_token]: resultType,
+						}));
+					},
+					onComplete: (token, result) => {
+						setBotToken(token);
+						if (
+							result &&
+							typeof result === 'object' &&
+							'username' in result &&
+							typeof result.username === 'string'
+						) {
+							setBotUsername(result.username);
+						}
+					},
+				},
+				event,
+			);
+		},
+		[],
+	);
+
+	const onClickTest = useCallback<React.MouseEventHandler>(
+		async (event) => {
+			await onTestToken(bot_token)(event);
+		},
+		[bot_token, onTestToken],
+	);
+
+	const buttonComponent = memo<ButtonProps>(({ value: bot_token }) => {
+		return (
+			<Button
+				isDisabled={
+					!bot_token ||
+					!BOT_TOKEN_REGEX.test(bot_token as string) ||
+					Boolean(testingBotToken)
+				}
+				onClick={onTestToken(bot_token as string)}
+				borderStartRadius="0"
+			>
+				{testingBotToken && testingBotToken === bot_token
+					? __('Please wait…')
+					: __('Test Token')}
+			</Button>
+		);
+	});
+
+	return useMemo(() => {
+		const buttonNode = (
+			<Button
+				onClick={onClickTest}
+				borderStartRadius="0"
+				isDisabled={
+					!bot_token ||
+					!BOT_TOKEN_REGEX.test(bot_token) ||
+					Boolean(testingBotToken)
+				}
+			>
+				{testingBotToken && testingBotToken === bot_token
+					? __('Please wait…')
+					: __('Test Token')}
+			</Button>
+		);
+
+		const resultNode = (
+			<RenderTestResult
+				result={testResult[bot_token]}
+				resultType={testResultType[bot_token]}
+			/>
+		);
+
+		return {
+			bot_token,
+			buttonNode,
+			buttonComponent,
+			resultNode,
+			bot_username,
+			testResult,
+			testResultType,
+		};
+	}, [
+		testResult,
+		testResultType,
+		bot_token,
+		bot_username,
+		buttonComponent,
+		onClickTest,
+		testingBotToken,
+	]);
+};
diff --git a/packages/js/form-components/useChatWithTest.tsx b/packages/js/form-components/useChatWithTest.tsx
new file mode 100644
index 00000000..e60af8a1
--- /dev/null
+++ b/packages/js/form-components/useChatWithTest.tsx
@@ -0,0 +1,140 @@
+import { Button, ButtonProps } from '@wpsocio/adapters';
+import { __ } from '@wpsocio/i18n';
+import {
+	TestResult,
+	TestResultType,
+	checkMemberCount,
+	sendTestMessage,
+} from '@wpsocio/services';
+import { fixChatId } from '@wpsocio/utilities';
+import { memo, useCallback, useMemo, useState } from 'react';
+import { MemberCountResult, MessageResult } from './test-result';
+
+export type ChatWithTest = {
+	button: typeof Button;
+	result: React.ReactNode;
+	memberCount?: React.ReactNode;
+	onBlur?: React.FocusEventHandler<HTMLInputElement>;
+	testResult: TestResult;
+	testResultType: TestResultType;
+};
+
+export const useChatWithTest = (
+	bot_token?: string,
+	fixUsername = true,
+): ChatWithTest => {
+	const [checkingMemberCount, setCheckingMemberCount] = useState<{
+		[K in string]?: boolean;
+	}>({});
+	const [memberCountResult, setMemberCountResult] = useState<TestResult>({});
+	const [memberCountResultType, setMemberCountResultType] =
+		useState<TestResultType>({});
+
+	const [sendingTestMessage, setSendingTestMessage] = useState('');
+	const [testResult, setTestResult] = useState<TestResult>({});
+	const [testResultType, setTestResultType] = useState<TestResultType>({});
+
+	const onClickTest = useCallback(
+		(chatId: string): React.MouseEventHandler =>
+			async (event) => {
+				if (!bot_token) {
+					return;
+				}
+				const chat_id = fixUsername ? fixChatId(chatId) : chatId;
+				setMemberCountResult({});
+				await sendTestMessage(
+					{
+						bot_token,
+						chat_id,
+						text: '',
+						setInProgress: (val) => setSendingTestMessage(val ? chat_id : ''),
+						setResult: (result) =>
+							setTestResult({
+								...testResult,
+								[chatId]: result,
+							}),
+						setResultType: (resultType) =>
+							setTestResultType({
+								...testResultType,
+								[chatId]: resultType,
+							}),
+					},
+					event,
+				);
+			},
+		[bot_token, fixUsername, testResult, testResultType],
+	);
+
+	const onBlur = useCallback<React.FocusEventHandler<HTMLInputElement>>(
+		async ({ nativeEvent: e }) => {
+			setTestResult({});
+			const chatId = (e.target as HTMLInputElement)?.value;
+			if (!bot_token || !chatId || checkingMemberCount[chatId]) {
+				return;
+			}
+			const chat_id = fixUsername ? fixChatId(chatId) : chatId;
+
+			await checkMemberCount({
+				bot_token,
+				chat_id,
+				setInProgress: (val) =>
+					setCheckingMemberCount((prevState) => ({
+						...prevState,
+						[chatId]: val,
+					})),
+				setResult: (result) =>
+					setMemberCountResult((prevState) => ({
+						...prevState,
+						[chatId]: result,
+					})),
+				setResultType: (resultType) =>
+					setMemberCountResultType((prevState) => ({
+						...prevState,
+						[chatId]: resultType,
+					})),
+			});
+		},
+		[bot_token, checkingMemberCount, fixUsername],
+	);
+
+	const button = memo<ButtonProps>(({ value: chat_id, isDisabled }) => {
+		return (
+			<Button
+				isDisabled={
+					!bot_token || isDisabled || Boolean(sendingTestMessage) || !chat_id
+				}
+				onClick={onClickTest(chat_id?.toString() || '')}
+				borderStartRadius="0"
+			>
+				{sendingTestMessage && sendingTestMessage === chat_id
+					? __('Please wait…')
+					: __('Send Test')}
+			</Button>
+		);
+	}) as typeof Button;
+
+	return useMemo(() => {
+		const result = (
+			<MessageResult
+				messageResult={testResult}
+				messageResultType={testResultType}
+			/>
+		);
+
+		const memberCount = (
+			<MemberCountResult
+				memberCountResult={memberCountResult}
+				memberCountResultType={memberCountResultType}
+			/>
+		);
+
+		return { button, result, memberCount, onBlur, testResult, testResultType };
+	}, [
+		button,
+		memberCountResult,
+		memberCountResultType,
+		onBlur,
+		testResult,
+		testResultType,
+	]);
+};
diff --git a/packages/js/form/Form.tsx b/packages/js/form/Form.tsx
new file mode 100644
index 00000000..7b734af6
--- /dev/null
+++ b/packages/js/form/Form.tsx
@@ -0,0 +1,40 @@
+import { PropsWithChildren, useEffect } from 'react';
+import { FormProvider, UseFormReturn } from 'react-hook-form';
+
+import type { AnyObject } from '@wpsocio/utilities';
+
+import './styles.scss';
+
+export interface FormProps<FormValues extends AnyObject>
+	extends React.FormHTMLAttributes<HTMLFormElement> {
+	form: UseFormReturn<FormValues>;
+	as?: React.ElementType;
+	id: string;
+}
+
+declare global {
+	interface Window {
+		// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+		__WP_RHF_FORMS__: Record<string, UseFormReturn<any>>;
+	}
+}
+
+export const Form = <FormValues extends AnyObject>({
+	children,
+	form,
+	as: As = 'form',
+	id,
+	...rest
+}: PropsWithChildren<FormProps<FormValues>>): JSX.Element => {
+	useEffect(() => {
+		window.__WP_RHF_FORMS__ = { ...window.__WP_RHF_FORMS__, [id]: form };
+	}, [form, id]);
+
+	return (
+		<FormProvider {...form}>
+			<As {...rest} id={id}>
+				{children}
+			</As>
+		</FormProvider>
+	);
+};
diff --git a/packages/js/form/FormDebug.tsx b/packages/js/form/FormDebug.tsx
new file mode 100644
index 00000000..8cbbe80b
--- /dev/null
+++ b/packages/js/form/FormDebug.tsx
@@ -0,0 +1,8 @@
+import { useFormContext } from 'react-hook-form';
+import { DebugData } from '@wpsocio/components';
+
+export const FormDebug: React.FC<{ debug?: boolean }> = ({ debug = true }) => {
+	const { watch } = useFormContext();
+
+	return debug && <DebugData data={watch()} />;
+};
diff --git a/packages/js/form/FormField.tsx b/packages/js/form/FormField.tsx
new file mode 100644
index 00000000..a440bc55
--- /dev/null
+++ b/packages/js/form/FormField.tsx
@@ -0,0 +1,28 @@
+import { Field, Group, Repeatable } from './fields';
+import type { DataShape, FieldType, FormFieldProps } from './types';
+
+export const FormField = <
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+>(
+	props: FormFieldProps<TFieldType, TDataShape>,
+): JSX.Element => {
+	const { fieldType } = props;
+
+	if (!fieldType) {
+		throw new Error('fieldType is required');
+	}
+
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	const { isRepeatable, ...rest } = props as any;
+
+	if (isRepeatable) {
+		return <Repeatable {...rest} />;
+	}
+
+	if (fieldType === 'group') {
+		return <Group {...rest} />;
+	}
+
+	return <Field {...rest} />;
+};
diff --git a/packages/js/form/adapters/Adapter.tsx b/packages/js/form/adapters/Adapter.tsx
new file mode 100644
index 00000000..4b50adec
--- /dev/null
+++ b/packages/js/form/adapters/Adapter.tsx
@@ -0,0 +1,73 @@
+import { forwardRef } from 'react';
+
+import {
+	MultiSelect,
+	NumberInput,
+	Select,
+	Switch,
+	TextInput,
+	Textarea,
+} from '@wpsocio/adapters';
+
+import type { DataShape, FieldType, RenderFieldProps } from '../types';
+import { ColorPicker } from './ColorPicker';
+import { Hidden } from './Hidden';
+import { MultiCheck } from './MultiCheck';
+import { MultiSelectAsync } from './MultiSelectAsync';
+import { Radio } from './Radio';
+import { TextWithButton } from './TextWithButton';
+import type { AdapterPropsMap } from './types';
+
+export const adapterMap: {
+	[K in FieldType]: React.ComponentType<AdapterPropsMap[K]> | null;
+} = {
+	colorpicker: ColorPicker,
+	group: null,
+	hidden: Hidden,
+	multicheck: MultiCheck,
+	multiselect: MultiSelect,
+	'multiselect.async': MultiSelectAsync,
+	number: NumberInput,
+	radio: Radio,
+	select: Select,
+	switch: Switch,
+	text: TextInput,
+	textarea: Textarea,
+	//@ts-ignore
+	'text.button': TextWithButton,
+};
+
+const DefaultComponent = () => null;
+
+const nonRefTypes: Array<FieldType> = [
+	'colorpicker',
+	'radio',
+	'multicheck',
+	'multiselect',
+	'multiselect.async',
+];
+
+export type TAdapter = <
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+>(
+	props: RenderFieldProps<TFieldType, TDataShape>,
+) => React.ReactNode;
+
+export const Adapter = forwardRef<
+	TAdapter,
+	RenderFieldProps<keyof AdapterPropsMap, DataShape>
+>((props, ref) => {
+	const { fieldType, ...rest } = props;
+	const Component = adapterMap?.[fieldType] || DefaultComponent;
+
+	const fieldRef = nonRefTypes.includes(fieldType) ? null : ref;
+
+	return (
+		<Component
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			{...(rest as any)}
+			ref={fieldRef}
+		/>
+	);
+}) as TAdapter;
diff --git a/packages/js/form/adapters/ColorPicker.tsx b/packages/js/form/adapters/ColorPicker.tsx
new file mode 100644
index 00000000..30b3a1c3
--- /dev/null
+++ b/packages/js/form/adapters/ColorPicker.tsx
@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import { Controller, ControllerProps } from 'react-hook-form';
+
+import { ColorInputPicker, ColorPickerProps } from '@wpsocio/adapters';
+
+export const ColorPicker: React.FC<ColorPickerProps & { name?: string }> = (
+	props,
+) => {
+	const render = useCallback<ControllerProps['render']>(
+		({ field }) => {
+			return <ColorInputPicker {...props} {...field} ref={null} />;
+		},
+		[props],
+	);
+
+	return <Controller name={props.name || ''} render={render} />;
+};
diff --git a/packages/js/form/adapters/Hidden.tsx b/packages/js/form/adapters/Hidden.tsx
new file mode 100644
index 00000000..2a3c4f01
--- /dev/null
+++ b/packages/js/form/adapters/Hidden.tsx
@@ -0,0 +1,9 @@
+import { forwardRef } from 'react';
+
+export type HiddenProps = React.InputHTMLAttributes<HTMLInputElement>;
+
+export const Hidden = forwardRef<HTMLInputElement, HiddenProps>(
+	(props, ref) => {
+		return <input {...props} type="hidden" ref={ref} />;
+	},
+);
diff --git a/packages/js/form/adapters/MultiCheck.tsx b/packages/js/form/adapters/MultiCheck.tsx
new file mode 100644
index 00000000..8aa85fd1
--- /dev/null
+++ b/packages/js/form/adapters/MultiCheck.tsx
@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import { Controller, ControllerProps } from 'react-hook-form';
+
+import {
+	MultiCheck as MultiCheckAdapter,
+	MultiCheckProps,
+} from '@wpsocio/adapters';
+
+export const MultiCheck: React.FC<MultiCheckProps> = (props) => {
+	const render = useCallback<ControllerProps['render']>(
+		({ field }) => {
+			return <MultiCheckAdapter {...props} {...field} ref={null} />;
+		},
+		[props],
+	);
+	return <Controller name={props.name || ''} render={render} />;
+};
diff --git a/packages/js/form/adapters/MultiSelectAsync.tsx b/packages/js/form/adapters/MultiSelectAsync.tsx
new file mode 100644
index 00000000..c2015570
--- /dev/null
+++ b/packages/js/form/adapters/MultiSelectAsync.tsx
@@ -0,0 +1,32 @@
+import { useCallback } from 'react';
+import { Controller, ControllerProps } from 'react-hook-form';
+
+import {
+	MultiSelectAsync as MultiSelectAsyncAdapter,
+	MultiSelectAsyncProps,
+} from '@wpsocio/adapters';
+
+const DEFAULT_VALUE: Array<unknown> = [];
+
+export const MultiSelectAsync: React.FC<MultiSelectAsyncProps> = (props) => {
+	const render = useCallback<ControllerProps['render']>(
+		({ field }) => {
+			return (
+				<MultiSelectAsyncAdapter
+					{...props}
+					{...field}
+					value={field.value || DEFAULT_VALUE}
+				/>
+			);
+		},
+		[props],
+	);
+
+	return (
+		<Controller
+			name={props.name || ''}
+			render={render}
+			defaultValue={props.defaultValue}
+		/>
+	);
+};
diff --git a/packages/js/form/adapters/Radio.tsx b/packages/js/form/adapters/Radio.tsx
new file mode 100644
index 00000000..112a059f
--- /dev/null
+++ b/packages/js/form/adapters/Radio.tsx
@@ -0,0 +1,15 @@
+import { useCallback } from 'react';
+import { Controller, ControllerProps } from 'react-hook-form';
+
+import { Radio as RadioAdapter, RadioProps } from '@wpsocio/adapters';
+
+export const Radio: React.FC<RadioProps> = (props) => {
+	const render = useCallback<ControllerProps['render']>(
+		({ field }) => {
+			return <RadioAdapter {...props} {...field} />;
+		},
+		[props],
+	);
+
+	return <Controller name={props.name || ''} render={render} />;
+};
diff --git a/packages/js/form/adapters/TextWithButton.tsx b/packages/js/form/adapters/TextWithButton.tsx
new file mode 100644
index 00000000..ac926382
--- /dev/null
+++ b/packages/js/form/adapters/TextWithButton.tsx
@@ -0,0 +1,29 @@
+import { forwardRef } from 'react';
+import { useWatch } from 'react-hook-form';
+
+import { TextInput } from '@wpsocio/adapters';
+
+import type { DataShape, RenderFieldProps } from '../types';
+
+const addonAfterProps = { px: '0' };
+
+export const TextWithButton = forwardRef<
+	HTMLInputElement,
+	RenderFieldProps<'text.button', DataShape>
+>(({ addonAfter, button: Button, name, ...rest }, ref) => {
+	const value = useWatch({ name });
+
+	const newAddonAfter = Button ? <Button value={value} /> : addonAfter;
+
+	return (
+		<TextInput
+			name={name}
+			borderEnd="0"
+			borderEndRadius="0"
+			addonAfterProps={addonAfterProps}
+			{...rest}
+			addonAfter={newAddonAfter}
+			ref={ref}
+		/>
+	);
+});
diff --git a/packages/js/form/adapters/index.ts b/packages/js/form/adapters/index.ts
new file mode 100644
index 00000000..812a76d3
--- /dev/null
+++ b/packages/js/form/adapters/index.ts
@@ -0,0 +1,2 @@
+export * from './types';
+export * from './Adapter';
diff --git a/packages/js/form/adapters/types.ts b/packages/js/form/adapters/types.ts
new file mode 100644
index 00000000..3639ecf7
--- /dev/null
+++ b/packages/js/form/adapters/types.ts
@@ -0,0 +1,30 @@
+import type {
+	BoxProps,
+	ColorPickerProps,
+	MultiCheckProps,
+	NumberInputProps,
+	RadioProps,
+	MultiSelectAsyncProps,
+	MultiSelectProps,
+	SelectProps,
+	SwitchProps,
+	TextInputProps,
+	TextareaProps,
+} from '@wpsocio/adapters';
+import type { HiddenProps } from './Hidden';
+
+export interface AdapterPropsMap {
+	colorpicker: ColorPickerProps;
+	group: BoxProps;
+	hidden: HiddenProps;
+	multicheck: MultiCheckProps;
+	multiselect: MultiSelectProps;
+	'multiselect.async': MultiSelectAsyncProps;
+	number: NumberInputProps;
+	radio: RadioProps;
+	select: SelectProps;
+	switch: SwitchProps;
+	text: TextInputProps;
+	textarea: TextareaProps;
+	'text.button': TextInputProps;
+}
diff --git a/packages/js/form/fields/Field.tsx b/packages/js/form/fields/Field.tsx
new file mode 100644
index 00000000..ad063804
--- /dev/null
+++ b/packages/js/form/fields/Field.tsx
@@ -0,0 +1,36 @@
+import { useFormContext } from 'react-hook-form';
+
+import { useFieldConditions, useFieldError } from '../hooks';
+import { RenderField } from '../render';
+import type { DataShape, FieldType, FormFieldProps } from '../types';
+
+export const Field = <
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+>(
+	props: FormFieldProps<TFieldType, TDataShape>,
+): React.ReactNode => {
+	const { conditions, valueAsNumber, name, ...rest } = props;
+
+	const { register } = useFormContext();
+	const error = useFieldError(props.name);
+	const conditionsApply = useFieldConditions(props.name, conditions || []);
+
+	if (!conditionsApply) {
+		return null;
+	}
+
+	const fieldProps = register(name, {
+		required: props.isRequired,
+		valueAsNumber,
+	});
+
+	return (
+		<RenderField
+			{...fieldProps}
+			error={error}
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			{...(rest as any)}
+		/>
+	);
+};
diff --git a/packages/js/form/fields/Group.tsx b/packages/js/form/fields/Group.tsx
new file mode 100644
index 00000000..67f32e51
--- /dev/null
+++ b/packages/js/form/fields/Group.tsx
@@ -0,0 +1,60 @@
+import classNames from 'classnames';
+
+import { Box } from '@wpsocio/adapters';
+
+import { FormField } from '../FormField';
+import { useFieldConditions } from '../hooks';
+import type { DataShape, FormFieldProps } from '../types';
+
+export const Group = <TFieldType extends 'group', TDataShape extends DataShape>(
+	props: FormFieldProps<TFieldType, TDataShape>,
+): React.ReactNode => {
+	const {
+		after,
+		before,
+		conditions,
+		defaultValue,
+		groupClassName,
+		groupItemProps,
+		label,
+		name: groupName,
+		subFields,
+	} = props;
+
+	const conditionsApply = useFieldConditions(groupName, conditions || []);
+
+	if (subFields?.length && conditionsApply) {
+		return (
+			<Box className="field-group-wrap">
+				<h5>{label}</h5>
+				{before}
+				<Box className={classNames('field-group-items', groupClassName)}>
+					{subFields.map(({ name: fieldname, fieldType, ...rest }, i) => {
+						const name = `${groupName}.${fieldname}`;
+						const className = classNames(
+							'field-group-item',
+							groupItemProps?.className,
+							fieldname,
+						);
+
+						return (
+							<Box {...groupItemProps} className={className} key={name + i}>
+								<FormField
+									{...rest}
+									//@ts-ignore
+									defaultValue={defaultValue?.[fieldname]}
+									fieldType={fieldType}
+									name={name}
+								/>
+							</Box>
+						);
+					})}
+				</Box>
+				{after}
+			</Box>
+		);
+	}
+	return null;
+};
+
+export default Group;
diff --git a/packages/js/form/fields/Repeatable.tsx b/packages/js/form/fields/Repeatable.tsx
new file mode 100644
index 00000000..5fd787f9
--- /dev/null
+++ b/packages/js/form/fields/Repeatable.tsx
@@ -0,0 +1,26 @@
+import { useFieldConditions, useFieldError } from '../hooks';
+import { RenderRepeatable } from '../render';
+import type { DataShape, FieldType, FormFieldProps } from '../types';
+
+export const Repeatable = <
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+>(
+	props: FormFieldProps<TFieldType, TDataShape>,
+): React.ReactNode => {
+	const { conditions, name, ...rest } = props;
+
+	const conditionsApply = useFieldConditions(props.name, conditions || []);
+	const error = useFieldError(props.name);
+
+	return (
+		conditionsApply && (
+			<RenderRepeatable
+				name={name}
+				error={error as unknown as string}
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				{...(rest as any)}
+			/>
+		)
+	);
+};
diff --git a/packages/js/form/fields/index.ts b/packages/js/form/fields/index.ts
new file mode 100644
index 00000000..29e8bd5c
--- /dev/null
+++ b/packages/js/form/fields/index.ts
@@ -0,0 +1,5 @@
+export * from './Field';
+
+export * from './Group';
+
+export * from './Repeatable';
diff --git a/packages/js/form/hooks/index.ts b/packages/js/form/hooks/index.ts
new file mode 100644
index 00000000..5e01cde5
--- /dev/null
+++ b/packages/js/form/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from './useFieldConditions';
+export * from './useFieldError';
diff --git a/packages/js/form/hooks/useFieldConditions.ts b/packages/js/form/hooks/useFieldConditions.ts
new file mode 100644
index 00000000..a26889cb
--- /dev/null
+++ b/packages/js/form/hooks/useFieldConditions.ts
@@ -0,0 +1,34 @@
+import { pluck, zipObj } from 'ramda';
+import { useMemo } from 'react';
+import { useFormContext } from 'react-hook-form';
+
+import type { FieldConditions } from '../types';
+import { computeVariablePath, evaluateFieldConditions } from '../utils';
+
+export const useFieldConditions = (
+	fieldName: string,
+	conditions: FieldConditions,
+) => {
+	const fields = useMemo(() => {
+		const getComplexKey = computeVariablePath(fieldName);
+		return pluck('field', conditions || []).map(getComplexKey);
+	}, [conditions, fieldName]);
+
+	const { watch } = useFormContext();
+
+	let formData: Array<unknown> | undefined;
+
+	if (conditions) {
+		formData = watch(fields);
+	}
+
+	return useMemo<boolean>(() => {
+		if (!formData) {
+			return true;
+		}
+		// (['a', 'b', 'c'], [1, 2, 3]); //=> {a: 1, b: 2, c: 3}
+		const formDataObject = zipObj(fields, formData);
+
+		return evaluateFieldConditions(conditions, formDataObject, fieldName);
+	}, [conditions, fieldName, fields, formData]);
+};
diff --git a/packages/js/form/hooks/useFieldError.ts b/packages/js/form/hooks/useFieldError.ts
new file mode 100644
index 00000000..acefe1c6
--- /dev/null
+++ b/packages/js/form/hooks/useFieldError.ts
@@ -0,0 +1,9 @@
+import { FieldError, useFormState } from 'react-hook-form';
+
+import { getValueByPath } from '@wpsocio/utilities';
+
+export const useFieldError = (name: string): FieldError | undefined => {
+	const { errors } = useFormState({ name });
+
+	return getValueByPath<FieldError>(name)(errors);
+};
diff --git a/packages/js/form/index.ts b/packages/js/form/index.ts
new file mode 100644
index 00000000..fd8625da
--- /dev/null
+++ b/packages/js/form/index.ts
@@ -0,0 +1,23 @@
+export * from './Form';
+export * from './FormDebug';
+export * from './FormField';
+export * from './types';
+export { useFieldError } from './hooks';
+
+export {
+	useForm,
+	useFieldArray,
+	useFormContext,
+	useWatch,
+	useFormState,
+} from 'react-hook-form';
+
+export type {
+	SubmitErrorHandler,
+	SubmitHandler,
+	UseFieldArrayReturn,
+	UseFormReturn,
+	UseFormProps,
+} from 'react-hook-form';
+
+export { yupResolver } from '@hookform/resolvers/yup';
diff --git a/packages/js/form/package.json b/packages/js/form/package.json
new file mode 100644
index 00000000..a94d8fb7
--- /dev/null
+++ b/packages/js/form/package.json
@@ -0,0 +1,30 @@
+{
+	"name": "@wpsocio/form",
+	"private": true,
+	"version": "1.0.0",
+	"license": "GPL-3.0",
+	"type": "module",
+	"module": "index.ts",
+	"sideEffects": false,
+	"dependencies": {
+		"@hookform/error-message": "^2.0.1",
+		"@hookform/resolvers": "^3.3.2",
+		"@wpsocio/adapters": "workspace:*",
+		"@wpsocio/components": "workspace:*",
+		"@wpsocio/i18n": "workspace:*",
+		"@wpsocio/icons": "workspace:*",
+		"@wpsocio/utilities": "workspace:*",
+		"classnames": "^2.3.2",
+		"ramda": "^0.29.1",
+		"react-hook-form": "^7.49.2",
+		"yup": "^1.3.2"
+	},
+	"devDependencies": {
+		"@types/node": "^20.10.4",
+		"@types/ramda": "^0.29.9",
+		"@types/react": "^18.2.45",
+		"@types/react-dom": "^18.2.17",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
+	}
+}
diff --git a/packages/js/form/render/ErrorMessage.tsx b/packages/js/form/render/ErrorMessage.tsx
new file mode 100644
index 00000000..c693b7bb
--- /dev/null
+++ b/packages/js/form/render/ErrorMessage.tsx
@@ -0,0 +1,13 @@
+import { ErrorMessage as RHFErrorMessage } from '@hookform/error-message';
+
+import { FormErrorMessage } from '@wpsocio/adapters';
+
+export const ErrorMessage: React.FC<{ name: string }> = ({ name }) => {
+	return <RHFErrorMessage name={name} render={RenderErrorMessage} />;
+};
+
+export const RenderErrorMessage: React.ComponentProps<
+	typeof RHFErrorMessage
+>['render'] = ({ message }) => {
+	return <FormErrorMessage>{message}</FormErrorMessage>;
+};
diff --git a/packages/js/form/render/RenderField.tsx b/packages/js/form/render/RenderField.tsx
new file mode 100644
index 00000000..bef995b1
--- /dev/null
+++ b/packages/js/form/render/RenderField.tsx
@@ -0,0 +1,107 @@
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+
+import {
+	Box,
+	FormControl,
+	FormHelperText,
+	FormLabel,
+	Tooltip,
+} from '@wpsocio/adapters';
+import { InfoOutlineIcon } from '@wpsocio/icons';
+
+import { Adapter, AdapterPropsMap } from '../adapters';
+import type { DataShape, FieldType, RenderFieldProps } from '../types';
+import { ErrorMessage } from './ErrorMessage';
+
+export type TRenderField = <
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+>(
+	props: RenderFieldProps<TFieldType, TDataShape>,
+) => JSX.Element;
+
+export const RenderField: TRenderField = forwardRef<
+	unknown,
+	RenderFieldProps<keyof AdapterPropsMap, DataShape>
+>((props, ref) => {
+	const {
+		after,
+		before,
+		controlClassName,
+		description,
+		error,
+		fieldType,
+		id,
+		info,
+		isRequired,
+		label,
+		name,
+		...rest
+	} = props;
+
+	const className = classNames(
+		'form-control',
+		`form-control-${fieldType}`,
+		controlClassName,
+	);
+
+	const tooltipKey = info ? `${name}-tooltip` : null;
+
+	const fieldId = id || name;
+
+	// no layout stuff needed for hidden field
+	if (fieldType === 'hidden') {
+		return (
+			<Adapter
+				fieldType={fieldType}
+				// @ts-ignore
+				ref={ref}
+				id={fieldId}
+				name={name}
+				{...rest}
+			/>
+		);
+	}
+
+	return (
+		<FormControl
+			className={className}
+			isDisabled={rest.isDisabled}
+			isInvalid={Boolean(error)}
+			isRequired={isRequired}
+		>
+			{label ? (
+				<FormLabel
+					htmlFor={fieldId}
+					className="form-control__label"
+					alignSelf="flex-start"
+					pb="1em"
+				>
+					{label}
+					{info && (
+						<Tooltip placement="top-end" label={info} aria-label={info}>
+							<InfoOutlineIcon ms="0.5em" />
+						</Tooltip>
+					)}
+				</FormLabel>
+			) : null}
+			<Box className="form-control__input">
+				{before}
+				<Adapter
+					aria-label={label as string}
+					aria-describedby={tooltipKey}
+					// @ts-ignore
+					ref={ref}
+					fieldType={fieldType}
+					id={fieldId}
+					name={name}
+					{...rest}
+				/>
+				<ErrorMessage name={name} />
+				{description ? <FormHelperText>{description}</FormHelperText> : null}
+				{after}
+			</Box>
+		</FormControl>
+	);
+}) as TRenderField;
diff --git a/packages/js/form/render/RenderRepeatable.tsx b/packages/js/form/render/RenderRepeatable.tsx
new file mode 100644
index 00000000..98acaa19
--- /dev/null
+++ b/packages/js/form/render/RenderRepeatable.tsx
@@ -0,0 +1,127 @@
+import { useFieldArray } from 'react-hook-form';
+
+import {
+	Button,
+	Flex,
+	FormControl,
+	FormHelperText,
+	FormLabel,
+	IconButton,
+	Text,
+} from '@wpsocio/adapters';
+import { SectionCard } from '@wpsocio/components';
+import { __ } from '@wpsocio/i18n';
+import { AddIcon, CloseIcon } from '@wpsocio/icons';
+
+import { FormField } from '../FormField';
+import type {
+	DataShape,
+	FieldType,
+	RenderRepeatableProps,
+	RepeatableValue,
+} from '../types';
+import { ErrorMessage } from './ErrorMessage';
+
+const DEFAULT_ITEM = { value: undefined };
+
+export const RenderRepeatable = <
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+>(
+	props: RenderRepeatableProps<TFieldType, TDataShape>,
+): JSX.Element => {
+	const {
+		addButtonLabel,
+		after,
+		afterRow: AfterRow,
+		before,
+		defaultItem = DEFAULT_ITEM,
+		description,
+		error,
+		fieldType,
+		initialLabel,
+		label,
+		name,
+		renderAsSection,
+		repeatableItemLabel,
+		...rest
+	} = props;
+
+	const fieldArray = useFieldArray({ name });
+
+	return (
+		<div className="repeatable">
+			<FormControl isInvalid={Boolean(error)}>
+				<FormLabel>{label}</FormLabel>
+				{description ? <FormHelperText>{description}</FormHelperText> : null}
+				<ErrorMessage name={name} />
+			</FormControl>
+			{!fieldArray.fields.length ? (
+				<Text fontWeight="bold" as="span">
+					{initialLabel}&nbsp;
+				</Text>
+			) : null}
+			{fieldArray.fields.map((field: RepeatableValue, index) => {
+				if (!field) {
+					return null;
+				}
+				const title = repeatableItemLabel?.(index) || `#${index + 1}`;
+
+				const removeButton = (
+					<IconButton
+						aria-label="Remove Item"
+						icon={<CloseIcon />}
+						isRound
+						// eslint-disable-next-line react-perf/jsx-no-new-function-as-prop
+						onClick={() => fieldArray.remove(index)}
+						size="sm"
+						variant="ghost"
+						ms={!renderAsSection ? '0.5em' : ''}
+					/>
+				);
+
+				const fieldName = `${name}.${index}.value`;
+
+				const formField = (
+					<FormField
+						// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+						{...(rest as any)}
+						defaultValue={field.value}
+						name={fieldName}
+						fieldType={fieldType}
+					/>
+				);
+
+				return renderAsSection ? (
+					<SectionCard
+						title={
+							<Flex alignItems="center" justifyContent="space-between">
+								<Text>{title}</Text>
+								{removeButton}
+							</Flex>
+						}
+						key={field.id}
+					>
+						{before}
+						{formField}
+						{after}
+						{AfterRow && <AfterRow name={fieldName} />}
+					</SectionCard>
+				) : (
+					<Flex alignItems="baseline" key={field.id}>
+						{formField} {removeButton}
+					</Flex>
+				);
+			})}
+			<Button
+				mt="0.5em"
+				className="add-item"
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				onClick={() => fieldArray.append(defaultItem as any)}
+				leftIcon={<AddIcon />}
+			>
+				{addButtonLabel || __('Add')}
+			</Button>
+		</div>
+	);
+};
diff --git a/packages/js/form/render/index.ts b/packages/js/form/render/index.ts
new file mode 100644
index 00000000..9db1835b
--- /dev/null
+++ b/packages/js/form/render/index.ts
@@ -0,0 +1,2 @@
+export * from './RenderField';
+export * from './RenderRepeatable';
diff --git a/packages/js/form/styles.scss b/packages/js/form/styles.scss
new file mode 100644
index 00000000..98311e95
--- /dev/null
+++ b/packages/js/form/styles.scss
@@ -0,0 +1,34 @@
+.field-group-items {
+	.field-group-item {
+		padding: 0 0.5em;
+		.form-control {
+			display: block;
+		}
+	}
+}
+
+.form-control {
+	padding-bottom: 1.5em;
+	padding-top: 1.5em;
+	&__input {
+		input:read-only {
+			background-color: #eee;
+		}
+	}
+	@media screen and (max-width: 600px) {
+		flex-wrap: wrap;
+	}
+
+	&__label {
+		flex-basis: 30%;
+		@media screen and (max-width: 600px) {
+			flex-basis: 100%;
+		}
+	}
+	&__input {
+		flex-basis: 100%;
+	}
+	&:not(.no-flex) {
+		display: flex;
+	}
+}
diff --git a/packages/js/form/tsconfig.json b/packages/js/form/tsconfig.json
new file mode 100644
index 00000000..7c95e9e6
--- /dev/null
+++ b/packages/js/form/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "react-jsx",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"noEmit": true,
+	},
+	"include": [
+		"**/*.tsx",
+		"**/*.ts"
+	]
+}
\ No newline at end of file
diff --git a/packages/js/form/types.ts b/packages/js/form/types.ts
new file mode 100644
index 00000000..4d3d1ab6
--- /dev/null
+++ b/packages/js/form/types.ts
@@ -0,0 +1,114 @@
+import type { ArrayPath, FieldPath, Path } from 'react-hook-form';
+
+import type { BoxProps, ButtonProps, OptionsType } from '@wpsocio/adapters';
+import type { AdapterPropsMap } from './adapters';
+
+export type DataShape = Record<string, unknown>;
+
+export type FieldType = keyof AdapterPropsMap;
+
+export type FieldValue = string | number | readonly string[];
+
+export type ArrayField<T> = T & { id?: string };
+
+export type { Path, FieldPath, ArrayPath };
+
+export type CommonFieldProps<
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+> = {
+	after?: React.ReactNode;
+	before?: React.ReactNode;
+	className?: string;
+	conditions?: FieldConditions;
+	controlClassName?: string;
+	defaultValue?: FieldValue;
+	description?: React.ReactNode;
+	fieldType: TFieldType;
+	id?: string;
+	info?: string;
+	isDisabled?: boolean;
+	isRequired?: boolean;
+	valueAsNumber?: boolean;
+	label?: React.ReactNode;
+	name: FieldPath<TDataShape>;
+	options?: OptionsType;
+};
+
+export type RepeatableValue<T = unknown> = { value?: T; id?: string };
+
+export type AfterRowProps = {
+	name: string;
+};
+
+export type RepeatableProps<
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+> = CommonFieldProps<TFieldType, TDataShape> & {
+	addButtonLabel?: string;
+	afterRow?: React.ComponentType<AfterRowProps>;
+	defaultItem?: unknown;
+	initialLabel?: React.ReactNode;
+	isRepeatable: true;
+	renderAsSection?: boolean;
+	repeatableItemLabel?: (index: number) => string;
+};
+
+export type FormFieldProps<
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+> = Omit<AdapterPropsMap[TFieldType], 'onChange'> &
+	(
+		| CommonFieldProps<TFieldType, TDataShape>
+		| RepeatableProps<TFieldType, TDataShape>
+	) &
+	(TFieldType extends 'text.button'
+		? { button?: React.ComponentType<ButtonProps> }
+		: unknown) &
+	(TFieldType extends 'group'
+		? {
+				groupClassName?: string;
+				groupItemProps?: BoxProps;
+				subFields?: FieldList<FieldType, TDataShape>;
+		  }
+		: unknown);
+
+export type RenderFieldProps<
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+> = FormFieldProps<TFieldType, TDataShape> & {
+	error?: string;
+};
+
+export type RenderRepeatableProps<
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+> = RepeatableProps<TFieldType, TDataShape> & {
+	error?: string;
+};
+
+export interface FieldCondition {
+	field: string;
+	compare:
+		| '='
+		| '!='
+		| '!='
+		| '>'
+		| '>='
+		| '<'
+		| '<='
+		| 'EMPTY'
+		| 'NOT_EMPTY'
+		| 'CONTAINS'
+		| 'NOT_CONTAINS'
+		| 'MATCHES'
+		| 'NOT_MATCHES';
+	value?: unknown;
+}
+
+export type FieldConditions = Array<FieldCondition>;
+
+type FieldList<
+	TFieldType extends FieldType,
+	TDataShape extends DataShape,
+> = Array<FormFieldProps<TFieldType, TDataShape>>;
diff --git a/packages/js/form/utils.ts b/packages/js/form/utils.ts
new file mode 100644
index 00000000..1594f080
--- /dev/null
+++ b/packages/js/form/utils.ts
@@ -0,0 +1,99 @@
+import type { AnyObject } from '@wpsocio/utilities';
+
+import type { FieldConditions } from './types';
+
+/**
+ * Parts of this function are copied from @eventespresso/form
+ */
+export const evaluateFieldConditions = (
+	conditions: FieldConditions,
+	formData: AnyObject,
+	fieldName: string,
+): boolean => {
+	const getComplexKey = computeVariablePath(fieldName);
+
+	const satisfied = conditions
+		?.map(({ field, compare, value: val }) => {
+			const complexKey = getComplexKey(field);
+
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			const result = formData[complexKey] as any;
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			const value = val as any;
+
+			switch (compare) {
+				case '=':
+					return result === value;
+				case '!=':
+					return result !== value;
+				case '>':
+					return result > value;
+				case '>=':
+					return result >= value;
+				case '<':
+					return result < value;
+				case '<=':
+					return result <= value;
+				case 'EMPTY':
+					return !result;
+				case 'NOT_EMPTY':
+					return result;
+				case 'CONTAINS':
+					return (
+						(typeof result === 'string' || Array.isArray(result)) &&
+						result.includes(value)
+					);
+				case 'NOT_CONTAINS':
+					return (
+						!(typeof result === 'string' || Array.isArray(result)) ||
+						!result.includes(value)
+					);
+				case 'MATCHES':
+					return new RegExp(value).test(`${result}`);
+				case 'NOT_MATCHES':
+					return !new RegExp(value).test(`${result}`);
+				default:
+					return false;
+			}
+		})
+		?.filter(Boolean);
+
+	// whether all conditions apply
+	const conditionsApply = satisfied?.length === conditions?.length;
+
+	return conditionsApply;
+};
+
+/**
+ * Computes variable field path from a staic field path.
+ * staticFieldName: "billing.addresses[1].phones[0].code"
+ * variableFieldName: "billing.addresses[x].phones[x].number"
+ *
+ * result: "billing.addresses[1].phones[0].number"
+ */
+export const computeVariablePath =
+	(staticFieldName: string) =>
+	(variableFieldName: string): string => {
+		/**
+		 * The field can be inside a repeatable field/group.
+		 * Thus staticFieldName can be "billing.addresses[1].phones[0].code"
+		 * which means that it belongs to address at index 1 (in array of addresses)
+		 * and phone at index 0 (in array of phones)
+		 */
+		const repeatableIndices = staticFieldName.match(/\[\d+?\]/g) || []; // ["[1]", "[0]"]
+
+		let complexKey: string = variableFieldName;
+		// field can be "billing.addresses[x].phones[x].country"
+		const variableKeyRegex = /\[x\]/;
+		if (variableKeyRegex.test(complexKey)) {
+			for (const entry of repeatableIndices) {
+				complexKey = complexKey.replace(variableKeyRegex, entry);
+			}
+			// replace any remaining variable indices with "0"
+			complexKey = complexKey.replace(
+				new RegExp(variableKeyRegex.source, 'g'),
+				'[0]',
+			);
+		}
+		return complexKey;
+	};
diff --git a/packages/js/i18n/index.ts b/packages/js/i18n/index.ts
new file mode 100644
index 00000000..ebf2b46d
--- /dev/null
+++ b/packages/js/i18n/index.ts
@@ -0,0 +1,38 @@
+import * as wpI18n from '@wordpress/i18n';
+
+let TEXT_DOMAIN = '';
+
+const createI18n = wpI18n.createI18n;
+
+// create i18n instance with translation data and text domain
+const i18n = createI18n?.() || wpI18n;
+
+export const setLocaleData = (data: wpI18n.LocaleData, domain: string) => {
+	TEXT_DOMAIN = domain;
+	i18n.setLocaleData(data, domain);
+};
+
+export const __ = (text: string): string => {
+	return i18n.__(text, TEXT_DOMAIN);
+};
+
+export const _n = (single: string, plural: string, number: number): string => {
+	return i18n._n(single, plural, number, TEXT_DOMAIN);
+};
+
+export const _nx = (
+	single: string,
+	plural: string,
+	number: number,
+	context: string,
+): string => {
+	return i18n._nx(single, plural, number, context, TEXT_DOMAIN);
+};
+
+export const _x = (single: string, context: string): string => {
+	return i18n._x(single, context, TEXT_DOMAIN);
+};
+
+export const isRTL = (): boolean => document.documentElement.dir === 'rtl';
+
+export { sprintf } from '@wordpress/i18n';
diff --git a/packages/js/i18n/package.json b/packages/js/i18n/package.json
new file mode 100644
index 00000000..68907605
--- /dev/null
+++ b/packages/js/i18n/package.json
@@ -0,0 +1,11 @@
+{
+	"name": "@wpsocio/i18n",
+	"version": "1.0.0",
+	"private": true,
+	"license": "GPL-3.0",
+	"type": "module",
+	"module": "index.ts",
+	"dependencies": {
+		"@wordpress/i18n": "^4.48.0"
+	}
+}
diff --git a/packages/js/i18n/tsconfig.json b/packages/js/i18n/tsconfig.json
new file mode 100644
index 00000000..7c95e9e6
--- /dev/null
+++ b/packages/js/i18n/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "react-jsx",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"noEmit": true,
+	},
+	"include": [
+		"**/*.tsx",
+		"**/*.ts"
+	]
+}
\ No newline at end of file
diff --git a/packages/js/icons/SaveIcon.tsx b/packages/js/icons/SaveIcon.tsx
new file mode 100644
index 00000000..94f74d2b
--- /dev/null
+++ b/packages/js/icons/SaveIcon.tsx
@@ -0,0 +1,12 @@
+import { Icon, IconProps } from '@chakra-ui/icons';
+
+export const SaveIcon: React.FC<IconProps> = (props) => {
+	return (
+		<Icon viewBox="64 64 896 896" {...props}>
+			<path
+				fill="currentColor"
+				d="M893.3 293.3L730.7 130.7c-12-12-28.3-18.7-45.3-18.7H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 176h256v112H384V176zm128 554c-79.5 0-144-64.5-144-144s64.5-144 144-144 144 64.5 144 144-64.5 144-144 144zm0-224c-44.2 0-80 35.8-80 80s35.8 80 80 80 80-35.8 80-80-35.8-80-80-80z"
+			/>
+		</Icon>
+	);
+};
diff --git a/packages/js/icons/TelegramIcon.tsx b/packages/js/icons/TelegramIcon.tsx
new file mode 100644
index 00000000..f39bf188
--- /dev/null
+++ b/packages/js/icons/TelegramIcon.tsx
@@ -0,0 +1,12 @@
+export const TelegramIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
+	props,
+) => {
+	return (
+		<svg width="19px" height="16px" viewBox="0 0 19 16" {...props}>
+			<title> </title>
+			<g>
+				<path d="M0.465,6.638 L17.511,0.073 C18.078,-0.145 18.714,0.137 18.932,0.704 C19.009,0.903 19.026,1.121 18.981,1.33 L16.042,15.001 C15.896,15.679 15.228,16.111 14.549,15.965 C14.375,15.928 14.211,15.854 14.068,15.748 L8.223,11.443 C7.874,11.185 7.799,10.694 8.057,10.345 C8.082,10.311 8.109,10.279 8.139,10.249 L14.191,4.322 C14.315,4.201 14.317,4.002 14.195,3.878 C14.091,3.771 13.926,3.753 13.8,3.834 L5.602,9.138 C5.112,9.456 4.502,9.528 3.952,9.333 L0.486,8.112 C0.077,7.967 -0.138,7.519 0.007,7.11 C0.083,6.893 0.25,6.721 0.465,6.638 Z" />
+			</g>
+		</svg>
+	);
+};
diff --git a/packages/js/icons/index.ts b/packages/js/icons/index.ts
new file mode 100644
index 00000000..44f61cef
--- /dev/null
+++ b/packages/js/icons/index.ts
@@ -0,0 +1,14 @@
+export {
+	AddIcon,
+	ArrowUpIcon,
+	CloseIcon,
+	CopyIcon,
+	DeleteIcon,
+	EditIcon,
+	InfoOutlineIcon,
+	WarningIcon,
+	CheckIcon,
+} from '@chakra-ui/icons';
+
+export * from './SaveIcon';
+export * from './TelegramIcon';
diff --git a/packages/js/icons/package.json b/packages/js/icons/package.json
new file mode 100644
index 00000000..096566f9
--- /dev/null
+++ b/packages/js/icons/package.json
@@ -0,0 +1,16 @@
+{
+	"name": "@wpsocio/icons",
+	"version": "1.0.0",
+	"private": true,
+	"license": "GPL-3.0",
+	"type": "module",
+	"module": "index.ts",
+	"sideEffects": false,
+	"dependencies": {
+		"@chakra-ui/icons": "^2.1.1"
+	},
+	"devDependencies": {
+		"@types/react": "^18.2.45",
+		"react": "^18.2.0"
+	}
+}
diff --git a/packages/js/icons/tsconfig.json b/packages/js/icons/tsconfig.json
new file mode 100644
index 00000000..7c95e9e6
--- /dev/null
+++ b/packages/js/icons/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "react-jsx",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"noEmit": true,
+	},
+	"include": [
+		"**/*.tsx",
+		"**/*.ts"
+	]
+}
\ No newline at end of file
diff --git a/packages/js/services/WithDOMData.tsx b/packages/js/services/WithDOMData.tsx
new file mode 100644
index 00000000..edeefb3c
--- /dev/null
+++ b/packages/js/services/WithDOMData.tsx
@@ -0,0 +1,27 @@
+import { PropsWithChildren, useEffect, useState } from 'react';
+
+import type { BaseDOMData, Plugins } from './types';
+
+export interface WithDOMDataProps<Data extends BaseDOMData> {
+	data: Data;
+	plugin: keyof Plugins;
+}
+
+export const WithDOMData = <Data extends BaseDOMData>({
+	children,
+	data,
+	plugin,
+}: PropsWithChildren<WithDOMDataProps<Data>>): JSX.Element => {
+	const [isDataSet, setIsDataSet] = useState(false);
+	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+	useEffect(() => {
+		window[plugin] = data;
+		setIsDataSet(true);
+
+		return () => {
+			delete window[plugin];
+		};
+	}, []);
+
+	return <>{isDataSet ? children : null}</>;
+};
diff --git a/packages/js/services/apiFetch/index.ts b/packages/js/services/apiFetch/index.ts
new file mode 100644
index 00000000..2efbc9d3
--- /dev/null
+++ b/packages/js/services/apiFetch/index.ts
@@ -0,0 +1,46 @@
+import apiFetch from '@wordpress/api-fetch';
+import type { APIFetchOptions } from '@wordpress/api-fetch';
+
+import { __, sprintf } from '@wpsocio/i18n';
+
+export const fetchAPI = {
+	GET: async <T>(options: APIFetchOptions) => {
+		return await apiFetch<T>({ method: 'GET', ...options });
+	},
+	POST: async <T>(options: APIFetchOptions) => {
+		return await apiFetch<T>({ method: 'POST', ...options });
+	},
+	PUT: async <T>(options: APIFetchOptions) => {
+		return await apiFetch<T>({ method: 'PUT', ...options });
+	},
+};
+
+export const getErrorMessage = (error: unknown): string => {
+	let result: string;
+	if (error) {
+		const {
+			error_code, // From Telegram
+			description,
+			code, // From WP REST API
+			message,
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+		} = (error || {}) as any;
+
+		const errorCode = error_code || code;
+		const errorMessage = description || message;
+
+		result = errorCode
+			? Number.isNaN(errorCode)
+				? errorMessage
+				: `${errorCode} (${errorMessage})`
+			: __('Something went wrong');
+	} else {
+		result = __('Could not connect');
+	}
+
+	return sprintf('%s %s', __('Error:'), result);
+};
+
+export type { APIFetchOptions };
+
+export * from './types';
diff --git a/packages/js/services/apiFetch/types.ts b/packages/js/services/apiFetch/types.ts
new file mode 100644
index 00000000..399b766b
--- /dev/null
+++ b/packages/js/services/apiFetch/types.ts
@@ -0,0 +1,18 @@
+export interface BaseApiUtilArgs {
+	setInProgress?: (state: boolean) => void;
+	setResult?: (result: unknown) => void;
+	setResultType?: (resultType: ResultType) => void;
+}
+
+export type ResultType = 'SUCCESS' | 'ERROR';
+
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+export type TestResult<T = any> = {
+	// e.g. {[id]: result}
+	[key: string]: T;
+};
+
+export type TestResultType = {
+	// e.g. {[id]: resultType}
+	[key: string]: ResultType;
+};
diff --git a/packages/js/services/index.ts b/packages/js/services/index.ts
new file mode 100644
index 00000000..9e9d9606
--- /dev/null
+++ b/packages/js/services/index.ts
@@ -0,0 +1,13 @@
+export * from './WithDOMData';
+export * from './apiFetch';
+export * from './moduleStorage';
+export * from './telegram';
+export * from './useActiveTab';
+export * from './useDisplayFeedback';
+export * from './useDisplayFeedback';
+export * from './useLocalStorage';
+export * from './usePluginData';
+export * from './useSubmitForm';
+
+export * from './utils';
+export * from './types';
diff --git a/packages/js/services/moduleStorage.ts b/packages/js/services/moduleStorage.ts
new file mode 100644
index 00000000..8a89afa7
--- /dev/null
+++ b/packages/js/services/moduleStorage.ts
@@ -0,0 +1,32 @@
+let data: Record<string, string> = {};
+
+class ModuleStorage implements Storage {
+	/**
+	 * Empties the list associated with the object of all key/value pairs, if there are any.
+	 */
+	clear(): void {
+		data = {};
+	}
+
+	public get length(): number {
+		return Object.keys(data).length;
+	}
+
+	getItem(key: string): string | null {
+		return data[key];
+	}
+
+	key(): string | null {
+		return null;
+	}
+
+	removeItem(key: string): void {
+		delete data[key];
+	}
+
+	setItem(key: string, value: string): void {
+		data[key] = value;
+	}
+}
+
+export const moduleStorage = new ModuleStorage();
diff --git a/packages/js/services/package.json b/packages/js/services/package.json
new file mode 100644
index 00000000..60d0cc0d
--- /dev/null
+++ b/packages/js/services/package.json
@@ -0,0 +1,25 @@
+{
+	"name": "@wpsocio/services",
+	"version": "1.0.0",
+	"private": true,
+	"license": "GPL-3.0",
+	"type": "module",
+	"module": "index.ts",
+	"dependencies": {
+		"@chakra-ui/toast": "^7.0.2",
+		"@wordpress/api-fetch": "6.45.0",
+		"@wpsocio/i18n": "workspace:*",
+		"@wpsocio/utilities": "workspace:*",
+		"ramda": "^0.29.1",
+		"yup": "^1.3.2"
+	},
+	"devDependencies": {
+		"@types/jquery": "^3.5.29",
+		"@types/node": "^20.10.4",
+		"@types/ramda": "^0.29.9",
+		"@types/react": "^18.2.45",
+		"@types/wordpress__api-fetch": "3.23.1",
+		"react-hook-form": "^7.49.2",
+		"react": "^18.2.0"
+	}
+}
diff --git a/packages/js/services/telegram/TelegramAPI.ts b/packages/js/services/telegram/TelegramAPI.ts
new file mode 100644
index 00000000..6a1857b8
--- /dev/null
+++ b/packages/js/services/telegram/TelegramAPI.ts
@@ -0,0 +1,130 @@
+import { APIFetchOptions, fetchAPI } from '../apiFetch';
+import type { ApiData } from '../types';
+import type { ApiParams, TelegramApi, TelegramApiMethod } from './types';
+
+class ApiClient implements TelegramApi {
+	private apiData: Partial<ApiData> = {};
+
+	private botToken: string;
+
+	private baseUrl = '';
+
+	private path = '/wptelegram-bot/v1';
+
+	private event?: React.MouseEvent | React.KeyboardEvent;
+
+	deleteWebhook: TelegramApiMethod = undefined as unknown as TelegramApiMethod;
+	getChatMembersCount: TelegramApiMethod =
+		undefined as unknown as TelegramApiMethod;
+	getMe: TelegramApiMethod = undefined as unknown as TelegramApiMethod;
+	getWebhookInfo: TelegramApiMethod = undefined as unknown as TelegramApiMethod;
+	sendMessage: TelegramApiMethod = undefined as unknown as TelegramApiMethod;
+	setWebhook: TelegramApiMethod = undefined as unknown as TelegramApiMethod;
+
+	constructor(botToken?: string) {
+		this.botToken = botToken || '';
+	}
+
+	setBotToken = (botToken: string): void => {
+		this.botToken = botToken;
+	};
+
+	setApiData = (apiData: ApiData): void => {
+		this.apiData = apiData;
+	};
+
+	setBaseUrl = (baseUrl: string): void => {
+		this.baseUrl = baseUrl;
+	};
+
+	setEvent = (event: React.MouseEvent | React.KeyboardEvent): void => {
+		this.event = (event?.nativeEvent || event) as unknown as React.MouseEvent;
+	};
+
+	getOptions = (apiMethod: string, apiParams: ApiParams): APIFetchOptions => {
+		// if holding shift key while testing
+		if (this.event?.shiftKey) {
+			if (!this.apiData.use || this.apiData.use === 'SERVER') {
+				this.apiData.use = 'BROWSER';
+			} else if (this.apiData.use === 'BROWSER') {
+				this.apiData.use = 'SERVER';
+			}
+		}
+		let options: APIFetchOptions = {};
+
+		if (this.apiData.use === 'BROWSER') {
+			options = {
+				data: apiParams,
+				// use absolute URL
+				url: this.buildUrl(apiMethod),
+				// override the value set by wp-api-fetch
+				credentials: 'omit',
+			};
+		} else {
+			options = {
+				data: {
+					bot_token: this.botToken,
+					api_params: apiParams,
+				},
+				// use WP REST relative path
+				path: `${this.path}/${apiMethod}/`,
+			};
+		}
+
+		return options;
+	};
+
+	buildUrl = (apiMethod?: string): string => {
+		if (this.apiData.use === 'BROWSER') {
+			this.setBaseUrl('https://api.telegram.org');
+			return `${this.baseUrl}/bot${this.botToken}/${apiMethod}`;
+		}
+		return this.baseUrl;
+	};
+
+	sendRequest = async <T>(
+		apiMethod: string,
+		apiParams: ApiParams,
+		options?: APIFetchOptions,
+	): Promise<T> => {
+		if (!this.botToken) {
+			console.error('Bot token is empty');
+			return {} as T;
+		}
+
+		const fetchOptions: APIFetchOptions = {
+			...this.getOptions(apiMethod, apiParams),
+			...options,
+		};
+
+		return await fetchAPI.POST<T>(fetchOptions);
+	};
+}
+
+// dynamic method to make api calls
+const botApi = new window.Proxy(new ApiClient(), {
+	get: (client, key) => {
+		const prop = key as keyof typeof client;
+
+		if ('undefined' === typeof client[prop]) {
+			return async <T>(apiParams: ApiParams, options?: APIFetchOptions) => {
+				return await client.sendRequest<T>(prop as string, apiParams, options);
+			};
+		}
+		if ('function' !== typeof client[prop]) {
+			return client[prop];
+		}
+		return client[prop];
+	},
+	set: (client, key, value) => {
+		const prop = key as keyof typeof client | 'baseUrl';
+		// do not allow certain things to be changed
+		if (typeof client[prop] === 'function' || prop === 'baseUrl') {
+			return false;
+		}
+		client[prop] = value;
+		return true;
+	},
+});
+
+export default botApi;
diff --git a/packages/js/services/telegram/TelegramUtils.ts b/packages/js/services/telegram/TelegramUtils.ts
new file mode 100644
index 00000000..27cfb00c
--- /dev/null
+++ b/packages/js/services/telegram/TelegramUtils.ts
@@ -0,0 +1,202 @@
+import { __ } from '@wpsocio/i18n';
+import { getChatIdParts } from '@wpsocio/utilities';
+
+import { getErrorMessage } from '../apiFetch';
+import botApi from './TelegramAPI';
+import type {
+	SendTextMessage,
+	TelegramApiUtil,
+	TestBotToken,
+	WebhookUtil,
+} from './types';
+
+export const setWebhook: WebhookUtil = async (args, event) => {
+	init(args, event);
+
+	const {
+		setInProgress,
+		setStatus,
+		setResult,
+		setResultType,
+		url,
+		allowed_updates,
+	} = args;
+
+	const params = { url, allowed_updates };
+
+	try {
+		const data = await botApi.setWebhook(params);
+		if (data?.ok) {
+			setStatus('SET');
+			setResultType?.('SUCCESS');
+			setResult?.('');
+		} else {
+			setStatus('ERROR');
+			setResultType?.('ERROR');
+			setResult?.(getErrorMessage(data));
+		}
+	} catch (error) {
+		console.log('ERROR', error);
+
+		setStatus('ERROR');
+		setResultType?.('ERROR');
+
+		setResult?.(getErrorMessage(error));
+	} finally {
+		setInProgress?.(false);
+	}
+};
+
+export const deleteWebhook: WebhookUtil = async (args, event) => {
+	init(args, event);
+
+	const { setInProgress, setStatus, setResult, setResultType } = args;
+
+	try {
+		await botApi.deleteWebhook({});
+		setStatus('NOT_SET');
+		setResultType?.('SUCCESS');
+		setResult?.('');
+	} catch (error) {
+		console.log('ERROR', error);
+
+		setStatus('ERROR');
+
+		setResultType?.('ERROR');
+
+		setResult?.(getErrorMessage(error));
+	} finally {
+		setInProgress?.(false);
+	}
+};
+
+export const checkWebhookInfo: WebhookUtil = async (args, event) => {
+	init(args, event);
+
+	const { setInProgress, setStatus, url } = args;
+
+	try {
+		const { result } = await botApi.getWebhookInfo({});
+		if (
+			result &&
+			typeof result === 'object' &&
+			'url' in result &&
+			url === result.url
+		) {
+			setStatus('SET');
+		} else {
+			setStatus('NOT_SET');
+		}
+	} catch (error) {
+		console.log('ERROR', error);
+
+		setStatus('ERROR', () => getErrorMessage(error));
+	} finally {
+		setInProgress?.(false);
+	}
+};
+
+export const checkMemberCount: TelegramApiUtil = async (args) => {
+	init(args);
+
+	const { setInProgress, setResult, setResultType } = args;
+
+	const { chat_id } = getChatIdParts(args.chat_id || '');
+
+	try {
+		const { result } = await botApi.getChatMembersCount({ chat_id });
+
+		setResultType?.('SUCCESS');
+		setResult?.(result);
+	} catch (error) {
+		console.log('ERROR', error);
+
+		setResultType?.('ERROR');
+		setResult?.(getErrorMessage(error));
+	} finally {
+		setInProgress?.(false);
+	}
+};
+
+export const sendTestMessage: SendTextMessage = async (args, event) => {
+	const text =
+		args.text ||
+		window.prompt(
+			__(
+				'A message will be sent to the Channel/Group/Chat. You can modify the text below',
+			),
+			__('This is a test message'),
+		);
+
+	if (!text) {
+		return;
+	}
+
+	return await sendTextMessage({ ...args, text }, event);
+};
+
+export const sendTextMessage: SendTextMessage = async (args, event) => {
+	init(args, event);
+
+	const { setInProgress, setResult, setResultType, text } = args;
+
+	const { chat_id, thread_id: message_thread_id } = getChatIdParts(
+		args.chat_id || '',
+	);
+
+	try {
+		await botApi.sendMessage({ chat_id, text, message_thread_id });
+		setResultType?.('SUCCESS');
+		setResult?.(__('Success'));
+	} catch (error) {
+		console.log('ERROR', error);
+
+		setResultType?.('ERROR');
+		setResult?.(getErrorMessage(error));
+	} finally {
+		setInProgress?.(false);
+	}
+};
+
+export const testBotToken: TestBotToken = async (args, event) => {
+	init(args, event);
+
+	const { bot_token, setInProgress, setResult, setResultType, onComplete } =
+		args;
+
+	try {
+		const { result } = await botApi.getMe({});
+		setResultType?.('SUCCESS');
+
+		onComplete?.(bot_token, result);
+
+		if (
+			result &&
+			typeof result === 'object' &&
+			'first_name' in result &&
+			'username' in result
+		) {
+			setResult?.(`${result.first_name} (@${result.username})`);
+		}
+	} catch (error) {
+		console.log('ERROR', error);
+
+		setResultType?.('ERROR');
+		setResult?.(getErrorMessage(error));
+
+		onComplete?.(bot_token, {});
+	} finally {
+		setInProgress?.(false);
+	}
+};
+
+const init: TelegramApiUtil = async (args, event) => {
+	if (event) {
+		botApi.setEvent(event);
+	}
+
+	const { bot_token, setInProgress } = args;
+	setInProgress?.(true);
+
+	botApi.setBotToken(bot_token);
+};
diff --git a/packages/js/services/telegram/index.ts b/packages/js/services/telegram/index.ts
new file mode 100644
index 00000000..6c8aae21
--- /dev/null
+++ b/packages/js/services/telegram/index.ts
@@ -0,0 +1,3 @@
+export { default as botApi } from './TelegramAPI';
+export * from './TelegramUtils';
+export * from './types';
diff --git a/packages/js/services/telegram/types.ts b/packages/js/services/telegram/types.ts
new file mode 100644
index 00000000..9032c325
--- /dev/null
+++ b/packages/js/services/telegram/types.ts
@@ -0,0 +1,50 @@
+import type { APIFetchOptions, BaseApiUtilArgs } from '../apiFetch';
+
+export type ApiParams = Partial<Record<'string', unknown>>;
+
+export type TelegramApiMethod<P = unknown> = (
+	apiParams?: P,
+	fetchOptions?: APIFetchOptions,
+) => Promise<{ result: unknown; ok?: boolean }>;
+
+export type WebhookStatus = 'SET' | 'NOT_SET' | 'ERROR';
+
+export interface TelegramApi {
+	deleteWebhook?: TelegramApiMethod;
+	getChatMembersCount?: TelegramApiMethod;
+	getMe?: TelegramApiMethod;
+	getWebhookInfo?: TelegramApiMethod;
+	sendMessage?: TelegramApiMethod<SendTextMessageArgs>;
+	setWebhook?: TelegramApiMethod;
+}
+
+export interface TelegramApiUtilBaseArgs extends BaseApiUtilArgs {
+	bot_token: string;
+	chat_id?: string;
+}
+
+export type TelegramApiUtil<
+	A extends TelegramApiUtilBaseArgs = TelegramApiUtilBaseArgs,
+	T = unknown,
+> = (args: A, event?: React.MouseEvent | React.KeyboardEvent) => Promise<T>;
+
+export interface TestBotTokenArgs extends TelegramApiUtilBaseArgs {
+	onComplete?: (bot_token: string, result: unknown) => void;
+}
+
+export type TestBotToken = TelegramApiUtil<TestBotTokenArgs>;
+
+export interface SendTextMessageArgs extends TelegramApiUtilBaseArgs {
+	text: string;
+	parse_mode?: string;
+}
+
+export type SendTextMessage = TelegramApiUtil<SendTextMessageArgs>;
+
+export interface WebhookUtilArgs extends TelegramApiUtilBaseArgs {
+	setStatus: (status: WebhookStatus, getError?: () => unknown) => void;
+	url?: string;
+	allowed_updates?: Array<string> | string;
+}
+
+export type WebhookUtil = TelegramApiUtil<WebhookUtilArgs>;
diff --git a/packages/js/services/tsconfig.json b/packages/js/services/tsconfig.json
new file mode 100644
index 00000000..7c95e9e6
--- /dev/null
+++ b/packages/js/services/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "react-jsx",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"noEmit": true,
+	},
+	"include": [
+		"**/*.tsx",
+		"**/*.ts"
+	]
+}
\ No newline at end of file
diff --git a/packages/js/services/types.ts b/packages/js/services/types.ts
new file mode 100644
index 00000000..69641858
--- /dev/null
+++ b/packages/js/services/types.ts
@@ -0,0 +1,66 @@
+import type { AnyObject } from '@wpsocio/utilities';
+
+export interface Plugins {
+	wptelegram: unknown;
+	wptelegram_login: unknown;
+	wptelegram_widget: unknown;
+	wptelegram_comments: unknown;
+	wptelegram_pro: unknown;
+}
+
+export interface ApiData {
+	admin_url?: string;
+	ajax_url?: string;
+	home_url?: string;
+	rest_namespace?: string;
+	use?: 'SERVER' | 'BROWSER';
+	wp_rest_url?: string;
+}
+
+export interface BaseAssetsData {
+	logoUrl?: string;
+	jsDistUrl?: string;
+}
+
+export interface I18nInfo {
+	domain: string;
+	lang: string;
+	plural_forms?: string;
+}
+
+export type I18nData = {
+	'': I18nInfo;
+	[key: string]: unknown;
+};
+
+export interface PluginInfo {
+	name: string;
+	title: string;
+	description?: string;
+	version: string;
+}
+
+export interface BaseDOMData<A extends BaseAssetsData | undefined = AnyObject> {
+	api?: ApiData;
+	assets: A;
+	i18n?: I18nData;
+	pluginInfo: PluginInfo;
+	cache?: AnyObject;
+}
+
+export interface BasePluginData<S, U = AnyObject> {
+	savedSettings: S;
+	uiData: U;
+}
+
+declare global {
+	interface Window {
+		// its value must be set by every domain on init
+		'X-WP-Nonce': string;
+		wptelegram: unknown;
+		wptelegram_login: unknown;
+		wptelegram_widget: unknown;
+		wptelegram_comments: unknown;
+		wptelegram_pro: unknown;
+	}
+}
diff --git a/packages/js/services/useActiveTab.ts b/packages/js/services/useActiveTab.ts
new file mode 100644
index 00000000..5939fd4c
--- /dev/null
+++ b/packages/js/services/useActiveTab.ts
@@ -0,0 +1,36 @@
+import { useCallback, useMemo } from 'react';
+
+import type { Plugins } from './types';
+import { useLocalStorage } from './useLocalStorage';
+
+export interface ActiveTab {
+	getActiveTab: (defaultValue: number) => number;
+	setActiveTab: (newTab: number) => void;
+}
+
+const DEFAULT_KEY = 'mainActiveTab';
+
+export const useActiveTab = (
+	plugin: keyof Plugins,
+	tabKey = DEFAULT_KEY,
+): ActiveTab => {
+	const { getItem, setItem } = useLocalStorage(plugin, {});
+
+	const getActiveTab = useCallback<ActiveTab['getActiveTab']>(
+		(defaultValue) => getItem(tabKey, defaultValue),
+		[getItem, tabKey],
+	);
+
+	const setActiveTab = useCallback<ActiveTab['setActiveTab']>(
+		(newTab) => setItem(tabKey, newTab),
+		[setItem, tabKey],
+	);
+
+	return useMemo(
+		() => ({
+			getActiveTab,
+			setActiveTab,
+		}),
+		[getActiveTab, setActiveTab],
+	);
+};
diff --git a/packages/js/services/useDisplayFeedback.ts b/packages/js/services/useDisplayFeedback.ts
new file mode 100644
index 00000000..ae4d268e
--- /dev/null
+++ b/packages/js/services/useDisplayFeedback.ts
@@ -0,0 +1,86 @@
+import { UseToastOptions, useToast } from '@chakra-ui/toast';
+import { useCallback, useMemo } from 'react';
+
+import { __ } from '@wpsocio/i18n';
+import { AnyObject, FORM_ERROR, getErrorStrings } from '@wpsocio/utilities';
+
+interface DisplayFeedback {
+	displayError: (props: UseToastOptions) => void;
+	displaySuccess: (props: UseToastOptions) => void;
+	displayValidationErrors: (errors: AnyObject, error?: string) => void;
+	displaySubmitErrors: (errors: AnyObject, submitError?: string) => void;
+}
+
+type DF = DisplayFeedback;
+
+export const useDisplayFeedback = (): DF => {
+	const toast = useToast();
+
+	const displayError = useCallback<DF['displayError']>(
+		(props) => {
+			toast({
+				status: 'error',
+				isClosable: true,
+				...props,
+			});
+		},
+		[toast],
+	);
+
+	const displaySuccess = useCallback<DF['displayError']>(
+		(props) => {
+			toast({
+				status: 'success',
+				isClosable: true,
+				...props,
+			});
+		},
+		[toast],
+	);
+
+	const displayErrors = useCallback(
+		(errors: AnyObject) => {
+			const errorStrings = getErrorStrings(errors);
+			for (const error of errorStrings) {
+				displayError({ title: error });
+			}
+		},
+		[displayError],
+	);
+
+	const displaySubmitErrors = useCallback<DF['displaySubmitErrors']>(
+		({ [FORM_ERROR]: formError, ...errors }, submitError) => {
+			if (submitError || formError) {
+				const title = submitError ?? formError;
+				displayError({ title: title as string, status: 'warning' });
+			}
+			displayErrors(errors);
+		},
+		[displayError, displayErrors],
+	);
+
+	const displayValidationErrors = useCallback<DF['displayValidationErrors']>(
+		(errors, error) => {
+			const title =
+				typeof error === 'string' ? error : __('Lets fix these errors first.');
+			displayError({ title, status: 'warning' });
+			displayErrors(errors);
+		},
+		[displayError, displayErrors],
+	);
+
+	return useMemo(
+		() => ({
+			displayError,
+			displaySuccess,
+			displaySubmitErrors,
+			displayValidationErrors,
+		}),
+		[
+			displayError,
+			displaySuccess,
+			displaySubmitErrors,
+			displayValidationErrors,
+		],
+	);
+};
diff --git a/packages/js/services/useLocalStorage.ts b/packages/js/services/useLocalStorage.ts
new file mode 100644
index 00000000..6224528b
--- /dev/null
+++ b/packages/js/services/useLocalStorage.ts
@@ -0,0 +1,62 @@
+import { useCallback, useMemo } from 'react';
+
+import type { AnyObject } from '@wpsocio/utilities';
+
+interface LocalStorage<D extends AnyObject> {
+	getData: () => D;
+	setData: (data: D) => void;
+	getItem: <T>(itemKey: string, defaultValue?: T) => T;
+	setItem: <T>(itemKey: string, value: T) => void;
+}
+
+export const useLocalStorage = <D extends AnyObject>(
+	storageKey: string,
+	initialValue?: D,
+	storage: Storage = localStorage,
+): LocalStorage<D> => {
+	const getData = useCallback<LocalStorage<D>['getData']>(() => {
+		let result: string;
+		try {
+			result = storage?.getItem(storageKey) ?? '';
+		} catch (e) {
+			return {};
+		}
+		return result ? JSON.parse(result) : initialValue;
+	}, [initialValue, storage, storageKey]);
+
+	const setData = useCallback<LocalStorage<D>['setData']>(
+		(data) => {
+			try {
+				storage.setItem(storageKey, JSON.stringify(data));
+			} catch (e) {
+				// koi baat nahin ^_^
+			}
+		},
+		[storage, storageKey],
+	);
+
+	const getItem = useCallback<LocalStorage<D>['getItem']>(
+		(itemKey, defaultValue) => {
+			const value = getData()?.[itemKey];
+
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			return (value ?? defaultValue) as any;
+		},
+		[getData],
+	);
+
+	const setItem = useCallback<LocalStorage<D>['setItem']>(
+		(itemKey, value) => setData({ ...getData(), [itemKey]: value }),
+		[getData, setData],
+	);
+
+	return useMemo(
+		() => ({
+			getData,
+			setData,
+			getItem,
+			setItem,
+		}),
+		[getData, getItem, setData, setItem],
+	);
+};
diff --git a/packages/js/services/usePluginData.ts b/packages/js/services/usePluginData.ts
new file mode 100644
index 00000000..4c55133e
--- /dev/null
+++ b/packages/js/services/usePluginData.ts
@@ -0,0 +1,13 @@
+import type { BaseDOMData, Plugins } from './types';
+
+export const usePluginData = <
+	PluginData extends BaseDOMData,
+	K extends keyof PluginData | undefined = undefined,
+>(
+	plugin: keyof Plugins,
+	dataKey?: K,
+): K extends keyof PluginData ? PluginData[K] : PluginData => {
+	const pluginData = window[plugin];
+	// @ts-ignore
+	return dataKey ? pluginData?.[dataKey] : pluginData;
+};
diff --git a/packages/js/services/useSubmitForm.ts b/packages/js/services/useSubmitForm.ts
new file mode 100644
index 00000000..655dc66c
--- /dev/null
+++ b/packages/js/services/useSubmitForm.ts
@@ -0,0 +1,146 @@
+import { __ } from '@wpsocio/i18n';
+import { GetErrorMessage, strToPath } from '@wpsocio/utilities';
+import { last } from 'ramda';
+import { useCallback, useEffect, useRef } from 'react';
+import type { SubmitHandler, UseFormReturn } from 'react-hook-form';
+import { fetchAPI } from './apiFetch';
+import { useDisplayFeedback } from './useDisplayFeedback';
+
+type DataShape = Record<string, unknown>;
+
+interface SubmitFormProps<FD extends DataShape> {
+	displayFeedback?: boolean;
+	form?: UseFormReturn<FD>;
+	formatErrors?: (errors: unknown) => unknown;
+	getErrorMessage: GetErrorMessage<Exclude<keyof FD, number | symbol>>;
+	normalizeData?: (values: unknown) => unknown;
+	path: string; // WP REST API path
+	prepDefaultValues?: (values: unknown) => unknown;
+	resetForm?: boolean;
+	onSubmitSuccess?: (data: unknown) => void;
+}
+
+const defaultFormatCb = (v: unknown) => v;
+
+export const useSubmitForm = <FD extends DataShape>({
+	displayFeedback = true,
+	form,
+	formatErrors = defaultFormatCb,
+	getErrorMessage,
+	normalizeData = defaultFormatCb,
+	path,
+	prepDefaultValues = defaultFormatCb,
+	resetForm,
+	onSubmitSuccess,
+}: SubmitFormProps<FD>): SubmitHandler<FD> => {
+	const result = useRef<unknown>();
+
+	const isSubmitted = form?.formState?.isSubmitted;
+	const isSubmitSuccessful = form?.formState?.isSubmitSuccessful;
+
+	useEffect(() => {
+		if (resetForm && isSubmitted && isSubmitSuccessful) {
+			const defaultValues = prepDefaultValues(result.current);
+
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			form.reset(defaultValues as any);
+		}
+	}, [isSubmitted, isSubmitSuccessful, prepDefaultValues, resetForm, form]);
+
+	const { displaySuccess, displaySubmitErrors } = useDisplayFeedback();
+
+	const submitForm = useCallback<SubmitHandler<FD>>(
+		async (values) => {
+			try {
+				const data = normalizeData(values);
+				result.current = await fetchAPI.POST({ data, path });
+
+				onSubmitSuccess?.(result.current);
+
+				if (displayFeedback) {
+					displaySuccess({ title: __('Changes saved successfully.') });
+				}
+			} catch (error) {
+				console.log('ERROR', error);
+				let errors: Record<string, unknown> = {};
+
+				if (
+					error &&
+					typeof error === 'object' &&
+					'code' in error &&
+					error.code &&
+					'data' in error &&
+					error.data &&
+					typeof error.data === 'object' &&
+					'params' in error.data &&
+					typeof error.data.params === 'object'
+				) {
+					if ('rest_invalid_param' === error.code) {
+						const { params = {} } = error.data;
+
+						for (const key in params) {
+							const path = strToPath(key);
+
+							const error = {
+								message: getErrorMessage(
+									last(path) as Exclude<keyof FD, number | symbol>,
+									'invalid',
+								),
+								type: 'submit',
+							};
+							errors[path.join('.')] = error;
+						}
+					} else if (
+						'rest_missing_callback_param' === error.code &&
+						Array.isArray(error.data.params)
+					) {
+						for (const key of error.data.params) {
+							const path = strToPath(key);
+							const error = {
+								// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+								message: getErrorMessage(last(path) as any, 'required'),
+								type: 'submit',
+							};
+							errors[path.join('.')] = error;
+						}
+					}
+				}
+
+				// if form is provided, set field errors
+				if (form) {
+					for (const [key, error] of Object.entries(errors)) {
+						// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+						form.setError(key as any, error as any);
+					}
+				}
+
+				errors = Object.assign(
+					{},
+					formatErrors(errors),
+					// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+					getErrorMessage(null as any, null as any) as any,
+				);
+
+				if (displayFeedback) {
+					displaySubmitErrors(errors);
+				}
+
+				return [false, errors];
+			}
+			return [true, result.current];
+		},
+		[
+			displayFeedback,
+			displaySubmitErrors,
+			displaySuccess,
+			form,
+			formatErrors,
+			getErrorMessage,
+			normalizeData,
+			onSubmitSuccess,
+			path,
+		],
+	);
+
+	return submitForm;
+};
diff --git a/packages/js/services/utils.ts b/packages/js/services/utils.ts
new file mode 100644
index 00000000..559b9396
--- /dev/null
+++ b/packages/js/services/utils.ts
@@ -0,0 +1,23 @@
+import $ from 'jquery';
+
+import { setLocaleData } from '@wpsocio/i18n';
+
+import type { Plugins } from './types';
+
+export const cleanup = (removeSiblingsOf = '', disableFormCSS = true) => {
+	const id = removeSiblingsOf?.replace(/^#?/, '#');
+	$(() => {
+		if (id && $(id).length) {
+			$(id).siblings().remove();
+		}
+		if (disableFormCSS) {
+			$('#forms-css').prop('disabled', true);
+		}
+	});
+};
+
+export const setI18nData = (plugin: keyof Plugins, domain: string) => {
+	//@ts-ignore
+	const i18nData = window[plugin].i18n;
+	setLocaleData(i18nData, domain);
+};
diff --git a/packages/js/utilities/blocks.ts b/packages/js/utilities/blocks.ts
new file mode 100644
index 00000000..d35f8f1d
--- /dev/null
+++ b/packages/js/utilities/blocks.ts
@@ -0,0 +1,13 @@
+export const buildShortCodeFromAtts = (
+	attributes: Record<string, unknown>,
+	allowedAtts: Array<string>,
+	shrotcode: string,
+): string => {
+	const attsKV = allowedAtts
+		.filter((att) => attributes?.[att])
+		.map((att) => `${att}="${attributes[att]}"`);
+
+	const atts = attsKV.length ? ` ${attsKV.join(' ')}` : '';
+
+	return `[${shrotcode} ${atts}]`;
+};
diff --git a/packages/js/utilities/constants.ts b/packages/js/utilities/constants.ts
new file mode 100644
index 00000000..0b6b77e1
--- /dev/null
+++ b/packages/js/utilities/constants.ts
@@ -0,0 +1,15 @@
+export const BOT_TOKEN_REGEX = /^\d{9,11}:[a-z0-9_-]{35}$/i;
+
+export const TG_USERNAME_REGEX = /^[a-z][a-z0-9_]{3,30}[a-z0-9]$/i;
+
+// match @username or chat ID along with a ":" followed by thread ID for forums, along with a "|" followed by a note
+export const TG_CHAT_ID_REGEX =
+	/^(?<chat_id>@?[a-z][a-z0-9_]{3,30}[a-z0-9]|-?[1-9][0-9]{6,20})(?::(?<thread_id>[0-9]+))?(?:\s*\|\s*(?<note>.*))?$/i;
+
+export const TG_PRIVATE_CHAT_ID_REGEX =
+	/^(?<chat_id>-?[1-9][0-9]{6,20})(?::(?<thread_id>[0-9]+))?(?:\s*\|\s*(?<note>.*))?$/i;
+
+export const FORM_ERROR = 'form/error';
+
+export const isDev =
+	!process.env.NODE_ENV || process.env.NODE_ENV === 'development';
diff --git a/packages/js/utilities/createInterpolateElement.ts b/packages/js/utilities/createInterpolateElement.ts
new file mode 100644
index 00000000..0eac16a5
--- /dev/null
+++ b/packages/js/utilities/createInterpolateElement.ts
@@ -0,0 +1,346 @@
+// @ts-nocheck
+
+/**
+ * The code is copied from @wordpress/element as is
+ */
+
+import { Fragment, cloneElement, createElement, isValidElement } from 'react';
+
+/**
+ * Object containing a React element.
+ *
+ * @typedef {import('react').ReactElement} Element
+ */
+
+// biome-ignore lint/style/useSingleVarDeclarator: <explanation>
+let indoc, offset, output, stack;
+
+/**
+ * Matches tags in the localized string
+ *
+ * This is used for extracting the tag pattern groups for parsing the localized
+ * string and along with the map converting it to a react element.
+ *
+ * There are four references extracted using this tokenizer:
+ *
+ * match: Full match of the tag (i.e. <strong>, </strong>, <br/>)
+ * isClosing: The closing slash, if it exists.
+ * name: The name portion of the tag (strong, br) (if )
+ * isSelfClosed: The slash on a self closing tag, if it exists.
+ *
+ * @type {RegExp}
+ */
+const tokenizer = /<(\/)?(\w+)\s*(\/)?>/g;
+
+/**
+ * The stack frame tracking parse progress.
+ *
+ * @typedef Frame
+ *
+ * @property {Element}   element            A parent element which may still have
+ * @property {number}    tokenStart         Offset at which parent element first
+ *                                          appears.
+ * @property {number}    tokenLength        Length of string marking start of parent
+ *                                          element.
+ * @property {number}    [prevOffset]       Running offset at which parsing should
+ *                                          continue.
+ * @property {number}    [leadingTextStart] Offset at which last closing element
+ *                                          finished, used for finding text between
+ *                                          elements.
+ * @property {Element[]} children           Children.
+ */
+
+/**
+ * Tracks recursive-descent parse state.
+ *
+ * This is a Stack frame holding parent elements until all children have been
+ * parsed.
+ *
+ * @private
+ * @param {Element} element            A parent element which may still have
+ *                                     nested children not yet parsed.
+ * @param {number}  tokenStart         Offset at which parent element first
+ *                                     appears.
+ * @param {number}  tokenLength        Length of string marking start of parent
+ *                                     element.
+ * @param {number}  [prevOffset]       Running offset at which parsing should
+ *                                     continue.
+ * @param {number}  [leadingTextStart] Offset at which last closing element
+ *                                     finished, used for finding text between
+ *                                     elements.
+ *
+ * @return {Frame} The stack frame tracking parse progress.
+ */
+function createFrame(
+	element,
+	tokenStart,
+	tokenLength,
+	prevOffset,
+	leadingTextStart,
+) {
+	return {
+		element,
+		tokenStart,
+		tokenLength,
+		prevOffset,
+		leadingTextStart,
+		children: [],
+	};
+}
+
+/**
+ * This function creates an interpolated element from a passed in string with
+ * specific tags matching how the string should be converted to an element via
+ * the conversion map value.
+ *
+ * @example
+ * For example, for the given string:
+ *
+ * "This is a <span>string</span> with <a>a link</a> and a self-closing
+ * <CustomComponentB/> tag"
+ *
+ * You would have something like this as the conversionMap value:
+ *
+ * ```js
+ * {
+ *     span: <span />,
+ *     a: <a href={ 'https://github.com' } />,
+ *     CustomComponentB: <CustomComponent />,
+ * }
+ * ```
+ *
+ * @param {string}                  interpolatedString The interpolation string to be parsed.
+ * @param {Record<string, Element>} conversionMap      The map used to convert the string to
+ *                                                     a react element.
+ * @throws {TypeError}
+ * @return {Element}  A wp element.
+ */
+export const createInterpolateElement = (interpolatedString, conversionMap) => {
+	indoc = interpolatedString;
+	offset = 0;
+	output = [];
+	stack = [];
+	tokenizer.lastIndex = 0;
+
+	if (!isValidConversionMap(conversionMap)) {
+		throw new TypeError(
+			'The conversionMap provided is not valid. It must be an object with values that are React Elements',
+		);
+	}
+
+	do {
+		// twiddle our thumbs
+	} while (proceed(conversionMap));
+	return createElement(Fragment, null, ...output);
+};
+
+/**
+ * Validate conversion map.
+ *
+ * A map is considered valid if it's an object and every value in the object
+ * is a React Element
+ *
+ * @private
+ *
+ * @param {Object} conversionMap The map being validated.
+ *
+ * @return {boolean}  True means the map is valid.
+ */
+const isValidConversionMap = (conversionMap) => {
+	const isObject = typeof conversionMap === 'object';
+	const values = isObject && Object.values(conversionMap);
+	return (
+		isObject &&
+		values.length &&
+		values.every((element) => isValidElement(element))
+	);
+};
+
+/**
+ * This is the iterator over the matches in the string.
+ *
+ * @private
+ *
+ * @param {Object} conversionMap The conversion map for the string.
+ *
+ * @return {boolean} true for continuing to iterate, false for finished.
+ */
+function proceed(conversionMap) {
+	const next = nextToken();
+	const [tokenType, name, startOffset, tokenLength] = next;
+	const stackDepth = stack.length;
+	const leadingTextStart = startOffset > offset ? offset : null;
+	if (!conversionMap[name]) {
+		addText();
+		return false;
+	}
+	switch (tokenType) {
+		case 'no-more-tokens':
+			if (stackDepth !== 0) {
+				const { leadingTextStart: stackLeadingText, tokenStart } = stack.pop();
+				output.push(indoc.substr(stackLeadingText, tokenStart));
+			}
+			addText();
+			return false;
+
+		case 'self-closed':
+			if (0 === stackDepth) {
+				if (null !== leadingTextStart) {
+					output.push(
+						indoc.substr(leadingTextStart, startOffset - leadingTextStart),
+					);
+				}
+				output.push(conversionMap[name]);
+				offset = startOffset + tokenLength;
+				return true;
+			}
+
+			// Otherwise we found an inner element.
+			addChild(createFrame(conversionMap[name], startOffset, tokenLength));
+			offset = startOffset + tokenLength;
+			return true;
+
+		case 'opener':
+			stack.push(
+				createFrame(
+					conversionMap[name],
+					startOffset,
+					tokenLength,
+					startOffset + tokenLength,
+					leadingTextStart,
+				),
+			);
+			offset = startOffset + tokenLength;
+			return true;
+
+		case 'closer':
+			// If we're not nesting then this is easy - close the block.
+			if (1 === stackDepth) {
+				closeOuterElement(startOffset);
+				offset = startOffset + tokenLength;
+				return true;
+			}
+
+			// Otherwise we're nested and we have to close out the current
+			// block and add it as a innerBlock to the parent.
+			// biome-ignore lint/correctness/noSwitchDeclarations: <explanation>
+			const stackTop = stack.pop();
+			// biome-ignore lint/correctness/noSwitchDeclarations: <explanation>
+			const text = indoc.substr(
+				stackTop.prevOffset,
+				startOffset - stackTop.prevOffset,
+			);
+			stackTop.children.push(text);
+			stackTop.prevOffset = startOffset + tokenLength;
+			// biome-ignore lint/correctness/noSwitchDeclarations: <explanation>
+			const frame = createFrame(
+				stackTop.element,
+				stackTop.tokenStart,
+				stackTop.tokenLength,
+				startOffset + tokenLength,
+			);
+			frame.children = stackTop.children;
+			addChild(frame);
+			offset = startOffset + tokenLength;
+			return true;
+
+		default:
+			addText();
+			return false;
+	}
+}
+
+/**
+ * Grabs the next token match in the string and returns it's details.
+ *
+ * @private
+ *
+ * @return {Array}  An array of details for the token matched.
+ */
+function nextToken() {
+	const matches = tokenizer.exec(indoc);
+	// We have no more tokens.
+	if (null === matches) {
+		return ['no-more-tokens'];
+	}
+	const startedAt = matches.index;
+	const [match, isClosing, name, isSelfClosed] = matches;
+	const length = match.length;
+	if (isSelfClosed) {
+		return ['self-closed', name, startedAt, length];
+	}
+	if (isClosing) {
+		return ['closer', name, startedAt, length];
+	}
+	return ['opener', name, startedAt, length];
+}
+
+/**
+ * Pushes text extracted from the indoc string to the output stack given the
+ * current rawLength value and offset (if rawLength is provided ) or the
+ * indoc.length and offset.
+ *
+ * @private
+ */
+function addText() {
+	const length = indoc.length - offset;
+	if (0 === length) {
+		return;
+	}
+	output.push(indoc.substr(offset, length));
+}
+
+/**
+ * Pushes a child element to the associated parent element's children for the
+ * parent currently active in the stack.
+ *
+ * @private
+ *
+ * @param {Frame} frame The Frame containing the child element and it's
+ *                      token information.
+ */
+function addChild(frame) {
+	const { element, tokenStart, tokenLength, prevOffset, children } = frame;
+	const parent = stack[stack.length - 1];
+	const text = indoc.substr(parent.prevOffset, tokenStart - parent.prevOffset);
+
+	if (text) {
+		parent.children.push(text);
+	}
+
+	parent.children.push(cloneElement(element, null, ...children));
+	parent.prevOffset = prevOffset ? prevOffset : tokenStart + tokenLength;
+}
+
+/**
+ * This is called for closing tags. It creates the element currently active in
+ * the stack.
+ *
+ * @private
+ *
+ * @param {number} endOffset Offset at which the closing tag for the element
+ *                           begins in the string. If this is greater than the
+ *                           prevOffset attached to the element, then this
+ *                           helps capture any remaining nested text nodes in
+ *                           the element.
+ */
+function closeOuterElement(endOffset) {
+	const { element, leadingTextStart, prevOffset, tokenStart, children } =
+		stack.pop();
+
+	const text = endOffset
+		? indoc.substr(prevOffset, endOffset - prevOffset)
+		: indoc.substr(prevOffset);
+
+	if (text) {
+		children.push(text);
+	}
+
+	if (null !== leadingTextStart) {
+		output.push(indoc.substr(leadingTextStart, tokenStart - leadingTextStart));
+	}
+
+	output.push(cloneElement(element, null, ...children));
+}
+
+export default createInterpolateElement;
diff --git a/packages/js/utilities/fields.ts b/packages/js/utilities/fields.ts
new file mode 100644
index 00000000..f59dc1b5
--- /dev/null
+++ b/packages/js/utilities/fields.ts
@@ -0,0 +1,47 @@
+import { __, sprintf } from '@wpsocio/i18n';
+
+import { FORM_ERROR } from './constants';
+
+export const fieldLabelGetter =
+	<Fields extends string>(fieldLabels: FieldLabels<Fields>) =>
+	(name: Fields): string => {
+		const { [name]: label } = fieldLabels;
+		return label?.();
+	};
+
+export type FieldLabels<K extends string> = {
+	[key in K]: () => string;
+};
+
+export type GetErrorMessage<Fields extends string> = (
+	fieldName: Fields,
+	errorType?: 'invalid' | 'required',
+) => string | Record<string, string>;
+
+export const getFormErrorMessage = <Fields extends string>(
+	fieldLabels: FieldLabels<Fields>,
+): GetErrorMessage<Fields> => {
+	const getFieldLabel = fieldLabelGetter(fieldLabels);
+
+	const callback: GetErrorMessage<Fields> = (
+		fieldName,
+		errorType = 'invalid',
+	) => {
+		let message: string;
+
+		switch (errorType) {
+			case 'invalid':
+				message = __('Invalid %s');
+				break;
+			case 'required':
+				message = __('%s required.');
+				break;
+			default:
+				return { [FORM_ERROR]: __('Changes could not be saved.') };
+		}
+
+		return sprintf(message, getFieldLabel(fieldName));
+	};
+
+	return callback;
+};
diff --git a/packages/js/utilities/hooks/index.ts b/packages/js/utilities/hooks/index.ts
new file mode 100644
index 00000000..3a29340b
--- /dev/null
+++ b/packages/js/utilities/hooks/index.ts
@@ -0,0 +1 @@
+export * from './usePrevious';
diff --git a/packages/js/utilities/hooks/usePrevious.ts b/packages/js/utilities/hooks/usePrevious.ts
new file mode 100644
index 00000000..0cf7b632
--- /dev/null
+++ b/packages/js/utilities/hooks/usePrevious.ts
@@ -0,0 +1,11 @@
+import { useEffect, useRef } from 'react';
+
+export const usePrevious = <T>(value: T): T => {
+	const ref = useRef<T>(value);
+
+	useEffect(() => {
+		ref.current = value;
+	}, [value]);
+
+	return ref.current;
+};
diff --git a/packages/js/utilities/index.ts b/packages/js/utilities/index.ts
new file mode 100644
index 00000000..21377db7
--- /dev/null
+++ b/packages/js/utilities/index.ts
@@ -0,0 +1,8 @@
+export * from './constants';
+export * from './createInterpolateElement';
+export * from './fields';
+export * from './hooks';
+export * from './misc';
+export * from './types';
+
+export { default as uuid } from 'cuid';
diff --git a/packages/js/utilities/misc.ts b/packages/js/utilities/misc.ts
new file mode 100644
index 00000000..c4c203eb
--- /dev/null
+++ b/packages/js/utilities/misc.ts
@@ -0,0 +1,89 @@
+import { path, allPass, has, propIs, uniq } from 'ramda';
+import { TG_CHAT_ID_REGEX, TG_USERNAME_REGEX } from './constants';
+import { AnyObject, ChatIdParts } from './types';
+
+const isFieldError = allPass([
+	has('message'),
+	has('type'),
+	propIs(String, 'message'),
+	propIs(String, 'type'),
+]);
+
+const errorsToStrList = (
+	bucket: Array<string>,
+	error: unknown,
+): Array<string> => {
+	if (
+		isFieldError(error) &&
+		error &&
+		typeof error === 'object' &&
+		'message' in error
+	) {
+		return [...bucket, error.message];
+	}
+
+	if ('object' === typeof error && error) {
+		return Object.values(error).reduce(errorsToStrList, bucket);
+	}
+	return bucket;
+};
+
+export const getErrorStrings = (errors: AnyObject): Array<string> => {
+	const strings = Object.values(errors || {}).reduce(errorsToStrList, []);
+	return uniq(strings);
+};
+
+export const insertScript = (id: string, src: string): void => {
+	if (document.getElementById(id)) {
+		return;
+	}
+	const fjs = document.getElementsByTagName('script')[0];
+	const js = document.createElement('script');
+	js.id = id;
+	js.setAttribute('src', src);
+	fjs?.parentNode?.insertBefore(js, fjs);
+};
+
+/**
+ * converts dot and bracket syntax path to ramda path, i.e.
+ * 'people[1].address[0].phones[0].code'
+ * to
+ * ["people", "1", "address", "0", "phones", "0", "code"]
+ */
+export const strToPath = (str: string): Array<string> =>
+	str.split(/[[\].]+/).filter(Boolean);
+
+export const getValueByPath = <T>(strPath: string) =>
+	path<T>(strToPath(strPath));
+
+export const prefixName = (name: string, prefix?: string) =>
+	prefix ? `${prefix}.${name}` : name;
+
+export const sleep = (milliseconds = 0) =>
+	new Promise((resolve) => setTimeout(resolve, milliseconds));
+
+export const isLocalUrl = (): boolean => {
+	const LOCAL_DOMAINS = ['localhost', '127.0.0.1'];
+
+	const { hostname } = window.location;
+
+	if (LOCAL_DOMAINS.includes(hostname)) {
+		return true;
+	}
+	const LOCAL_TLDS = ['.test', '.local', '.local.host'];
+
+	return LOCAL_TLDS.some((TLD) => hostname.endsWith(TLD));
+};
+
+export const fixChatId = (value: string): string => {
+	return (TG_USERNAME_REGEX.test(value) ? `@${value}` : value).trim();
+};
+
+export const getChatIdParts = (value: string): ChatIdParts => {
+	return {
+		chat_id: '',
+		thread_id: '',
+		note: '',
+		...value.match(TG_CHAT_ID_REGEX)?.groups,
+	};
+};
diff --git a/packages/js/utilities/package.json b/packages/js/utilities/package.json
new file mode 100644
index 00000000..33334a84
--- /dev/null
+++ b/packages/js/utilities/package.json
@@ -0,0 +1,18 @@
+{
+	"name": "@wpsocio/utilities",
+	"version": "1.0.0",
+	"private": true,
+	"license": "GPL-3.0",
+	"type": "module",
+	"module": "index.ts",
+	"dependencies": {
+		"@wpsocio/i18n": "workspace:*",
+		"cuid": "^2.1.8",
+		"ramda": "^0.29.1"
+	},
+	"devDependencies": {
+		"@types/node": "^20.10.4",
+		"@types/ramda": "^0.29.9",
+		"@types/react": "^18.2.45"
+	}
+}
diff --git a/packages/js/utilities/tsconfig.json b/packages/js/utilities/tsconfig.json
new file mode 100644
index 00000000..7c95e9e6
--- /dev/null
+++ b/packages/js/utilities/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "react-jsx",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"noEmit": true,
+	},
+	"include": [
+		"**/*.tsx",
+		"**/*.ts"
+	]
+}
\ No newline at end of file
diff --git a/packages/js/utilities/types.ts b/packages/js/utilities/types.ts
new file mode 100644
index 00000000..51a15925
--- /dev/null
+++ b/packages/js/utilities/types.ts
@@ -0,0 +1,27 @@
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+export interface AnyObject<T = any> {
+	[key: string]: T;
+}
+
+export type ParseMode = 'HTML' | 'none';
+
+export type UpdateMethod = 'webhook' | 'long_polling' | 'none';
+
+export type BotInstance = {
+	bot_token: string;
+	bot_username: string;
+	update_method: UpdateMethod;
+};
+
+export type KeyboardButton = {
+	id?: string;
+	label?: string;
+	value?: string;
+	url?: string;
+};
+
+export type ChatIdParts = {
+	chat_id: string;
+	thread_id?: string;
+	note?: string;
+};
diff --git a/phpcs.xml b/phpcs.xml
index 470a683c..bafc148e 100644
--- a/phpcs.xml
+++ b/phpcs.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<ruleset name="WPTelegram">
+<ruleset name="WPSocio">
 
 	<!-- Enable colors in report -->
 	<arg name="colors" />
diff --git a/plugins/wp-test-plugin/composer.json b/plugins/wp-test-plugin/composer.json
index e1a21259..f36c83e7 100644
--- a/plugins/wp-test-plugin/composer.json
+++ b/plugins/wp-test-plugin/composer.json
@@ -26,7 +26,7 @@
 		}
 	],
 	"require": {
-		"kucrut/vite-for-wp": "m",
+		"kucrut/vite-for-wp": "^0.8.0",
 		"wpsocio/wp-options": "dev-main"
 	},
 	"extra": {
diff --git a/plugins/wp-test-plugin/composer.lock b/plugins/wp-test-plugin/composer.lock
index 7056f324..0a04ece3 100644
--- a/plugins/wp-test-plugin/composer.lock
+++ b/plugins/wp-test-plugin/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "574cbbc7a6798c7a7cd89ac22647072c",
+    "content-hash": "2abb829b4256d32b918aba2c4d94f3b6",
     "packages": [
         {
             "name": "kucrut/vite-for-wp",
diff --git a/plugins/wp-test-plugin/package.json b/plugins/wp-test-plugin/package.json
index 62ad5df6..05d16350 100644
--- a/plugins/wp-test-plugin/package.json
+++ b/plugins/wp-test-plugin/package.json
@@ -10,13 +10,7 @@
 		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
 		"preview": "vite preview"
 	},
-	"dependencies": {
-		"@wordpress/block-editor": "^12.15.0",
-		"@wordpress/components": "^25.12.0",
-		"@wordpress/compose": "^6.23.0",
-		"@wordpress/element": "^5.24.0",
-		"@wpsocio/components": "workspace:*"
-	},
+	"dependencies": {},
 	"devDependencies": {
 		"@types/node": "^20.10.0",
 		"@types/react": "^18.2.37",
diff --git a/plugins/wp-test-plugin/src/js/login/App.tsx b/plugins/wp-test-plugin/src/js/login/App.tsx
index 90e92826..d24a502e 100644
--- a/plugins/wp-test-plugin/src/js/login/App.tsx
+++ b/plugins/wp-test-plugin/src/js/login/App.tsx
@@ -1,6 +1,4 @@
 import { useState } from 'react';
-import { Button } from '@wordpress/components';
-// import { store } from '@wordpress/block-editor';
 
 function App() {
 	const [count, setCount] = useState(0);
@@ -10,12 +8,9 @@ function App() {
 		<>
 			<h1>Login</h1>
 			<div className="card">
-				<Button
-					variant="primary"
-					onClick={() => setCount((count) => count + 1)}
-				>
+				<button type="button" onClick={() => setCount((count) => count + 1)}>
 					count is {count}
-				</Button>
+				</button>
 				<p>
 					Edit <code>src/App.tsx</code> and save to test HMR!!!
 				</p>
diff --git a/plugins/wp-test-plugin/src/js/main/App.tsx b/plugins/wp-test-plugin/src/js/main/App.tsx
index 6962ba10..8d95ff78 100644
--- a/plugins/wp-test-plugin/src/js/main/App.tsx
+++ b/plugins/wp-test-plugin/src/js/main/App.tsx
@@ -1,21 +1,15 @@
 import { useState } from 'react';
-import { useDebounce } from '@wordpress/compose';
-import { Button } from '@wpsocio/components/button';
 
 function App() {
 	const [count, setCount] = useState(0);
 
-	useDebounce(() => {
-		console.log('debounce');
-	});
-
 	return (
 		<>
 			<h1>Main</h1>
 			<div className="card">
-				<Button onClick={() => setCount((count) => count + 1)}>
+				<button type="button" onClick={() => setCount((count) => count + 1)}>
 					count is {count}
-				</Button>
+				</button>
 				<p>
 					Edit <code>src/App.tsx</code> and save to test HMR!
 				</p>
diff --git a/plugins/wptelegram-comments/.wordpress-org/banner-772x250.png b/plugins/wptelegram-comments/.wordpress-org/banner-772x250.png
new file mode 100644
index 00000000..c0b33164
Binary files /dev/null and b/plugins/wptelegram-comments/.wordpress-org/banner-772x250.png differ
diff --git a/plugins/wptelegram-comments/.wordpress-org/icon-128x128.png b/plugins/wptelegram-comments/.wordpress-org/icon-128x128.png
new file mode 100644
index 00000000..a1eb25fd
Binary files /dev/null and b/plugins/wptelegram-comments/.wordpress-org/icon-128x128.png differ
diff --git a/plugins/wptelegram-comments/.wordpress-org/icon-256x256.png b/plugins/wptelegram-comments/.wordpress-org/icon-256x256.png
new file mode 100644
index 00000000..ad006a95
Binary files /dev/null and b/plugins/wptelegram-comments/.wordpress-org/icon-256x256.png differ
diff --git a/plugins/wptelegram-comments/.wordpress-org/screenshot-1.jpg b/plugins/wptelegram-comments/.wordpress-org/screenshot-1.jpg
new file mode 100644
index 00000000..29365448
Binary files /dev/null and b/plugins/wptelegram-comments/.wordpress-org/screenshot-1.jpg differ
diff --git a/plugins/wptelegram-comments/README.md b/plugins/wptelegram-comments/README.md
new file mode 100644
index 00000000..4ab71ea4
--- /dev/null
+++ b/plugins/wptelegram-comments/README.md
@@ -0,0 +1,55 @@
+# WP Telegram Comments
+
+**Contributors:** [wpsocio](https://github.com/wpsocio), [irshadahmad21](https://github.com/irshadahmad21)  
+**Tags:** telegram, comments, discuss, social, widget  
+**Requires at least:** 6.1  
+**Requires PHP:** 7.4  
+**Tested up to:** 6.4.2  
+**Stable tag:** 1.1.9  
+**License:** GPLv2 or later  
+**License URI:** [http://www.gnu.org/licenses/gpl-2.0.html](http://www.gnu.org/licenses/gpl-2.0.html)  
+**Donate link:** [wpsocio.com/donate](https://wpsocio.com/donate)
+
+[![Wordpress plugin](https://img.shields.io/wordpress/plugin/v/wptelegram-comments.svg)](https://wordpress.org/plugins/wptelegram-comments/)
+[![Wordpress](https://img.shields.io/wordpress/plugin/dt/wptelegram-comments.svg)](https://wordpress.org/plugins/wptelegram-comments/)
+[![Wordpress rating](https://img.shields.io/wordpress/plugin/r/wptelegram-comments.svg)](https://wordpress.org/plugins/wptelegram-comments/)
+
+Complete contributors list found here: [github.com/wpsocio/wptelegram-comments/graphs/contributors](https://github.com/wpsocio/wptelegram-comments/graphs/contributors)
+
+**[Download plugin on wordpress.org](https://wordpress.org/plugins/wptelegram-comments/)**
+
+## Description
+
+Add comments to posts/pages on your WordPress website by using Telegram Comments Widget.
+Comments on WordPress posts not only fill your database tables, rather they also make it difficult to moderate efficiently. Telegram comments removes this drawback because the comments are stored on Telegram servers and every comment is from an authenticated Telegram user.
+
+## Why Telegram Comments?
+
+- ✅ It saves you database memory
+- ✅ Comments are from authenticated Telegram Users
+- ❌ No place for spam bots
+
+## Features:
+
+- ⚡️ Ultra lightweight comments widget
+- 🛒 Supports WooCommerce products and other Custom Post Types
+- 🛂 You can exclude specific posts/pages for comments
+- 🔔 Users can subscribe to comments and get the notifications on Telegram
+- 👏 Comments can have Like 👍 and Dislike 👎 Feedback
+- 📸 Comments support multimedia attachments
+- ⤴️ Users can reply to comments intuitively
+- ✏️ Comments can be edited or deleted anytime
+
+### Contribution
+
+Development occurs on Github, and all contributions welcome.
+
+## Translation
+
+If you are looking to provide language translation files, Please do so via [WordPress Plugin Translations](https://translate.wordpress.org/projects/wp-plugins/wptelegram-comments).
+
+## Installation
+
+1. Upload the `wptelegram-comments` folder to the `/wp-content/plugins/` directory
+2. Activate the plugin through the Plugins menu in WordPress. After activation, you should see the menu of this plugin the the admin
+3. Configure the plugin.
diff --git a/plugins/wptelegram-comments/composer.json b/plugins/wptelegram-comments/composer.json
new file mode 100644
index 00000000..4403e3b5
--- /dev/null
+++ b/plugins/wptelegram-comments/composer.json
@@ -0,0 +1,30 @@
+{
+	"name": "wpsocio/wptelegram-comments",
+	"description": "Use Telegram Comments widget for your WordPress posts or pages.",
+	"scripts": {
+		"lint": "\"vendor/bin/phpcs\" --standard=phpcs.xml --extensions=php src/",
+		"lint:skip-warnings": "\"vendor/bin/phpcs\" --standard=phpcs.xml --extensions=php -n src/",
+		"lint:fix": "\"vendor/bin/phpcbf\" --standard=phpcs.xml --extensions=php src/"
+	},
+	"require": {
+		"kucrut/vite-for-wp": "^0.8.0",
+		"wpsocio/wp-options": "dev-main"
+	},
+	"require-dev": {
+		"wp-coding-standards/wpcs": "^3.0"
+	},
+	"repositories": [
+		{
+			"type": "path",
+			"url": "../../packages/php/wp-options",
+			"options": {
+				"symlink": false
+			}
+		}
+	],
+	"config": {
+		"allow-plugins": {
+			"dealerdirect/phpcodesniffer-composer-installer": false
+		}
+	}
+}
diff --git a/plugins/wptelegram-comments/composer.lock b/plugins/wptelegram-comments/composer.lock
new file mode 100644
index 00000000..74ef0de2
--- /dev/null
+++ b/plugins/wptelegram-comments/composer.lock
@@ -0,0 +1,479 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "a4b3dcc7a447eb1d784c5dc574990951",
+    "packages": [
+        {
+            "name": "kucrut/vite-for-wp",
+            "version": "v0.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/kucrut/vite-for-wp.git",
+                "reference": "bce4607bb57f4892da93492908caeb75ce2782a2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/kucrut/vite-for-wp/zipball/bce4607bb57f4892da93492908caeb75ce2782a2",
+                "reference": "bce4607bb57f4892da93492908caeb75ce2782a2",
+                "shasum": ""
+            },
+            "require-dev": {
+                "wp-coding-standards/wpcs": "^3.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "vite-for-wp.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-only"
+            ],
+            "authors": [
+                {
+                    "name": "Dzikri Aziz"
+                }
+            ],
+            "description": "Vite integration for WordPress plugins and themes development.",
+            "support": {
+                "issues": "https://github.com/kucrut/vite-for-wp/issues",
+                "source": "https://github.com/kucrut/vite-for-wp/tree/v0.8.0"
+            },
+            "time": "2023-11-15T04:30:52+00:00"
+        },
+        {
+            "name": "wpsocio/wp-options",
+            "version": "dev-main",
+            "dist": {
+                "type": "path",
+                "url": "../../packages/php/wp-options",
+                "reference": "3d7c4e92c7ad205008569d8853bb27f36ea195e0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "WPOptions.php"
+                ]
+            },
+            "license": [
+                "GPL3"
+            ],
+            "authors": [
+                {
+                    "name": "WP Socio"
+                }
+            ],
+            "description": "Easy solution to handle WP plugin or theme options",
+            "transport-options": {
+                "symlink": false,
+                "relative": true
+            }
+        }
+    ],
+    "packages-dev": [
+        {
+            "name": "dealerdirect/phpcodesniffer-composer-installer",
+            "version": "v1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/composer-installer.git",
+                "reference": "4be43904336affa5c2f70744a348312336afd0da"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/composer-installer/zipball/4be43904336affa5c2f70744a348312336afd0da",
+                "reference": "4be43904336affa5c2f70744a348312336afd0da",
+                "shasum": ""
+            },
+            "require": {
+                "composer-plugin-api": "^1.0 || ^2.0",
+                "php": ">=5.4",
+                "squizlabs/php_codesniffer": "^2.0 || ^3.1.0 || ^4.0"
+            },
+            "require-dev": {
+                "composer/composer": "*",
+                "ext-json": "*",
+                "ext-zip": "*",
+                "php-parallel-lint/php-parallel-lint": "^1.3.1",
+                "phpcompatibility/php-compatibility": "^9.0",
+                "yoast/phpunit-polyfills": "^1.0"
+            },
+            "type": "composer-plugin",
+            "extra": {
+                "class": "PHPCSStandards\\Composer\\Plugin\\Installers\\PHPCodeSniffer\\Plugin"
+            },
+            "autoload": {
+                "psr-4": {
+                    "PHPCSStandards\\Composer\\Plugin\\Installers\\PHPCodeSniffer\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Franck Nijhof",
+                    "email": "franck.nijhof@dealerdirect.com",
+                    "homepage": "http://www.frenck.nl",
+                    "role": "Developer / IT Manager"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/composer-installer/graphs/contributors"
+                }
+            ],
+            "description": "PHP_CodeSniffer Standards Composer Installer Plugin",
+            "homepage": "http://www.dealerdirect.com",
+            "keywords": [
+                "PHPCodeSniffer",
+                "PHP_CodeSniffer",
+                "code quality",
+                "codesniffer",
+                "composer",
+                "installer",
+                "phpcbf",
+                "phpcs",
+                "plugin",
+                "qa",
+                "quality",
+                "standard",
+                "standards",
+                "style guide",
+                "stylecheck",
+                "tests"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCSStandards/composer-installer/issues",
+                "source": "https://github.com/PHPCSStandards/composer-installer"
+            },
+            "time": "2023-01-05T11:28:13+00:00"
+        },
+        {
+            "name": "phpcsstandards/phpcsextra",
+            "version": "1.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/PHPCSExtra.git",
+                "reference": "11d387c6642b6e4acaf0bd9bf5203b8cca1ec489"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHPCSExtra/zipball/11d387c6642b6e4acaf0bd9bf5203b8cca1ec489",
+                "reference": "11d387c6642b6e4acaf0bd9bf5203b8cca1ec489",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.4",
+                "phpcsstandards/phpcsutils": "^1.0.9",
+                "squizlabs/php_codesniffer": "^3.8.0"
+            },
+            "require-dev": {
+                "php-parallel-lint/php-console-highlighter": "^1.0",
+                "php-parallel-lint/php-parallel-lint": "^1.3.2",
+                "phpcsstandards/phpcsdevcs": "^1.1.6",
+                "phpcsstandards/phpcsdevtools": "^1.2.1",
+                "phpunit/phpunit": "^4.5 || ^5.0 || ^6.0 || ^7.0 || ^8.0 || ^9.0"
+            },
+            "type": "phpcodesniffer-standard",
+            "extra": {
+                "branch-alias": {
+                    "dev-stable": "1.x-dev",
+                    "dev-develop": "1.x-dev"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "homepage": "https://github.com/jrfnl",
+                    "role": "lead"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/PHPCSExtra/graphs/contributors"
+                }
+            ],
+            "description": "A collection of sniffs and standards for use with PHP_CodeSniffer.",
+            "keywords": [
+                "PHP_CodeSniffer",
+                "phpcbf",
+                "phpcodesniffer-standard",
+                "phpcs",
+                "standards",
+                "static analysis"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCSStandards/PHPCSExtra/issues",
+                "security": "https://github.com/PHPCSStandards/PHPCSExtra/security/policy",
+                "source": "https://github.com/PHPCSStandards/PHPCSExtra"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCSStandards",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                }
+            ],
+            "time": "2023-12-08T16:49:07+00:00"
+        },
+        {
+            "name": "phpcsstandards/phpcsutils",
+            "version": "1.0.9",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/PHPCSUtils.git",
+                "reference": "908247bc65010c7b7541a9551e002db12e9dae70"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHPCSUtils/zipball/908247bc65010c7b7541a9551e002db12e9dae70",
+                "reference": "908247bc65010c7b7541a9551e002db12e9dae70",
+                "shasum": ""
+            },
+            "require": {
+                "dealerdirect/phpcodesniffer-composer-installer": "^0.4.1 || ^0.5 || ^0.6.2 || ^0.7 || ^1.0",
+                "php": ">=5.4",
+                "squizlabs/php_codesniffer": "^3.8.0 || 4.0.x-dev@dev"
+            },
+            "require-dev": {
+                "ext-filter": "*",
+                "php-parallel-lint/php-console-highlighter": "^1.0",
+                "php-parallel-lint/php-parallel-lint": "^1.3.2",
+                "phpcsstandards/phpcsdevcs": "^1.1.6",
+                "yoast/phpunit-polyfills": "^1.1.0 || ^2.0.0"
+            },
+            "type": "phpcodesniffer-standard",
+            "extra": {
+                "branch-alias": {
+                    "dev-stable": "1.x-dev",
+                    "dev-develop": "1.x-dev"
+                }
+            },
+            "autoload": {
+                "classmap": [
+                    "PHPCSUtils/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "homepage": "https://github.com/jrfnl",
+                    "role": "lead"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/PHPCSUtils/graphs/contributors"
+                }
+            ],
+            "description": "A suite of utility functions for use with PHP_CodeSniffer",
+            "homepage": "https://phpcsutils.com/",
+            "keywords": [
+                "PHP_CodeSniffer",
+                "phpcbf",
+                "phpcodesniffer-standard",
+                "phpcs",
+                "phpcs3",
+                "standards",
+                "static analysis",
+                "tokens",
+                "utility"
+            ],
+            "support": {
+                "docs": "https://phpcsutils.com/",
+                "issues": "https://github.com/PHPCSStandards/PHPCSUtils/issues",
+                "security": "https://github.com/PHPCSStandards/PHPCSUtils/security/policy",
+                "source": "https://github.com/PHPCSStandards/PHPCSUtils"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCSStandards",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                }
+            ],
+            "time": "2023-12-08T14:50:00+00:00"
+        },
+        {
+            "name": "squizlabs/php_codesniffer",
+            "version": "3.8.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPCSStandards/PHP_CodeSniffer.git",
+                "reference": "5805f7a4e4958dbb5e944ef1e6edae0a303765e7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/5805f7a4e4958dbb5e944ef1e6edae0a303765e7",
+                "reference": "5805f7a4e4958dbb5e944ef1e6edae0a303765e7",
+                "shasum": ""
+            },
+            "require": {
+                "ext-simplexml": "*",
+                "ext-tokenizer": "*",
+                "ext-xmlwriter": "*",
+                "php": ">=5.4.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^4.0 || ^5.0 || ^6.0 || ^7.0 || ^8.0 || ^9.0"
+            },
+            "bin": [
+                "bin/phpcs",
+                "bin/phpcbf"
+            ],
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.x-dev"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Greg Sherwood",
+                    "role": "Former lead"
+                },
+                {
+                    "name": "Juliette Reinders Folmer",
+                    "role": "Current lead"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/PHPCSStandards/PHP_CodeSniffer/graphs/contributors"
+                }
+            ],
+            "description": "PHP_CodeSniffer tokenizes PHP, JavaScript and CSS files and detects violations of a defined set of coding standards.",
+            "homepage": "https://github.com/PHPCSStandards/PHP_CodeSniffer",
+            "keywords": [
+                "phpcs",
+                "standards",
+                "static analysis"
+            ],
+            "support": {
+                "issues": "https://github.com/PHPCSStandards/PHP_CodeSniffer/issues",
+                "security": "https://github.com/PHPCSStandards/PHP_CodeSniffer/security/policy",
+                "source": "https://github.com/PHPCSStandards/PHP_CodeSniffer",
+                "wiki": "https://github.com/PHPCSStandards/PHP_CodeSniffer/wiki"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/PHPCSStandards",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/jrfnl",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/php_codesniffer",
+                    "type": "open_collective"
+                }
+            ],
+            "time": "2023-12-08T12:32:31+00:00"
+        },
+        {
+            "name": "wp-coding-standards/wpcs",
+            "version": "3.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/WordPress/WordPress-Coding-Standards.git",
+                "reference": "b4caf9689f1a0e4a4c632679a44e638c1c67aff1"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/WordPress/WordPress-Coding-Standards/zipball/b4caf9689f1a0e4a4c632679a44e638c1c67aff1",
+                "reference": "b4caf9689f1a0e4a4c632679a44e638c1c67aff1",
+                "shasum": ""
+            },
+            "require": {
+                "ext-filter": "*",
+                "ext-libxml": "*",
+                "ext-tokenizer": "*",
+                "ext-xmlreader": "*",
+                "php": ">=5.4",
+                "phpcsstandards/phpcsextra": "^1.1.0",
+                "phpcsstandards/phpcsutils": "^1.0.8",
+                "squizlabs/php_codesniffer": "^3.7.2"
+            },
+            "require-dev": {
+                "php-parallel-lint/php-console-highlighter": "^1.0.0",
+                "php-parallel-lint/php-parallel-lint": "^1.3.2",
+                "phpcompatibility/php-compatibility": "^9.0",
+                "phpcsstandards/phpcsdevtools": "^1.2.0",
+                "phpunit/phpunit": "^4.0 || ^5.0 || ^6.0 || ^7.0"
+            },
+            "suggest": {
+                "ext-iconv": "For improved results",
+                "ext-mbstring": "For improved results"
+            },
+            "type": "phpcodesniffer-standard",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/WordPress/WordPress-Coding-Standards/graphs/contributors"
+                }
+            ],
+            "description": "PHP_CodeSniffer rules (sniffs) to enforce WordPress coding conventions",
+            "keywords": [
+                "phpcs",
+                "standards",
+                "static analysis",
+                "wordpress"
+            ],
+            "support": {
+                "issues": "https://github.com/WordPress/WordPress-Coding-Standards/issues",
+                "source": "https://github.com/WordPress/WordPress-Coding-Standards",
+                "wiki": "https://github.com/WordPress/WordPress-Coding-Standards/wiki"
+            },
+            "funding": [
+                {
+                    "url": "https://opencollective.com/thewpcc/contribute/wp-php-63406",
+                    "type": "custom"
+                }
+            ],
+            "time": "2023-09-14T07:06:09+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "stable",
+    "stability-flags": {
+        "wpsocio/wp-options": 20
+    },
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "2.3.0"
+}
diff --git a/plugins/wptelegram-comments/dev.php b/plugins/wptelegram-comments/dev.php
new file mode 100644
index 00000000..f6fac505
--- /dev/null
+++ b/plugins/wptelegram-comments/dev.php
@@ -0,0 +1,72 @@
+<?php
+/**
+ * Main plugin file.
+ *
+ * @link              https://wpsocio.com
+ * @since             1.0.0
+ * @package           @WPTelegram/Comments
+ *
+ * @wordpress-plugin
+ * Plugin Name:       WP Telegram Comments Dev
+ * Plugin URI:        https://t.me/WPTelegram
+ * Description:       ❌ DO NOT DELETE ❌ Development Environment for WP Telegram Comments. Versioned high to avoid auto update.
+ * Version:           999.999.999
+ * Requires at least: 6.1
+ * Requires PHP:      7.4
+ * Author:            WP Socio
+ * Author URI:        https://wpsocio.com
+ * License:           GPL-2.0+
+ * License URI:       http://www.gnu.org/licenses/gpl-2.0.txt
+ * Text Domain:       wptelegram-comments
+ * Domain Path:       /languages
+ * Update URI:        false
+ */
+
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) {
+	die;
+}
+
+define( 'WPTELEGRAM_COMMENTS_MAIN_FILE', __FILE__ );
+
+define( 'WPTELEGRAM_COMMENTS_BASENAME', plugin_basename( WPTELEGRAM_COMMENTS_MAIN_FILE ) );
+
+require plugin_dir_path( __FILE__ ) . 'src/wptelegram-comments.php';
+
+register_activation_hook( __FILE__, 'activate_wptelegram_comments' );
+register_deactivation_hook( __FILE__, 'deactivate_wptelegram_comments' );
+
+/**
+ * Fix the bug in kucrut/vite-for-wp
+ *
+ * @see https://github.com/kucrut/vite-for-wp/issues/76
+ */
+add_filter(
+	'script_loader_tag',
+	function ( $tag, $handle, $src ) {
+		if ( 'wptelegram_comments-admin-settings' !== $handle ) {
+			return $tag;
+		}
+
+		$processor = new WP_HTML_Tag_Processor( $tag );
+
+		$script_fount = false;
+
+		do {
+			$script_fount = $processor->next_tag( 'script' );
+
+			// Remove the type attribute from the inline script tag.
+			if ( $script_fount && $processor->get_attribute( 'src' ) !== $src ) {
+				$processor->remove_attribute( 'type' );
+			}
+		} while ( $processor->get_attribute( 'src' ) !== $src );
+
+		if ( $script_fount ) {
+			$processor->set_attribute( 'type', 'module' );
+		}
+
+		return $processor->get_updated_html();
+	},
+	20,
+	3
+);
diff --git a/plugins/wptelegram-comments/js/settings/constants.ts b/plugins/wptelegram-comments/js/settings/constants.ts
new file mode 100644
index 00000000..c313808f
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/constants.ts
@@ -0,0 +1 @@
+export const ROOT_ID = 'wptelegram-comments-settings';
diff --git a/plugins/wptelegram-comments/js/settings/index.ts b/plugins/wptelegram-comments/js/settings/index.ts
new file mode 100644
index 00000000..3d440125
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/index.ts
@@ -0,0 +1 @@
+import './ui';
diff --git a/plugins/wptelegram-comments/js/settings/services/fields.ts b/plugins/wptelegram-comments/js/settings/services/fields.ts
new file mode 100644
index 00000000..fac1fa49
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/fields.ts
@@ -0,0 +1,24 @@
+import * as yup from 'yup';
+
+import { __ } from '@wpsocio/i18n';
+import { fieldLabelGetter, getFormErrorMessage } from '@wpsocio/utilities';
+
+const fieldLabels = {
+	code: () => __('Code'),
+	exclude: () => __('Exclude'),
+	post_types: () => __('Post types'),
+};
+
+export const getFieldLabel = fieldLabelGetter(fieldLabels);
+
+export const validationSchema = yup.object({
+	code: yup
+		.string()
+		.required(() => getErrorMessage('code', 'required'))
+		.matches(/^<script[^>]+?><\/script>$/i, {
+			message: () => getErrorMessage('code', 'invalid'),
+			excludeEmptyString: true,
+		}),
+});
+
+export const getErrorMessage = getFormErrorMessage(fieldLabels);
diff --git a/plugins/wptelegram-comments/js/settings/services/index.ts b/plugins/wptelegram-comments/js/settings/services/index.ts
new file mode 100644
index 00000000..88150fc9
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/index.ts
@@ -0,0 +1,7 @@
+export * from './fields';
+export * from './types';
+export * from './useData';
+export * from './useInit';
+export * from './useOnInvalid';
+export * from './useOnSubmit';
+export * from './utils';
diff --git a/plugins/wptelegram-comments/js/settings/services/types.ts b/plugins/wptelegram-comments/js/settings/services/types.ts
new file mode 100644
index 00000000..22844e8f
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/types.ts
@@ -0,0 +1,25 @@
+import type { OptionsType } from '@wpsocio/adapters';
+import type {
+	BaseAssetsData,
+	BaseDOMData,
+	BasePluginData,
+} from '@wpsocio/services';
+
+export interface WPTelegramCommentsData
+	extends BaseDOMData<AssetsData>,
+		BasePluginData<DataShape, UiData> {}
+
+export interface AssetsData extends BaseAssetsData {
+	tgIconUrl: string;
+}
+
+export interface UiData {
+	post_types: OptionsType;
+}
+
+export interface DataShape {
+	attributes?: string;
+	code: string;
+	exclude?: string;
+	post_types: Array<string>;
+}
diff --git a/plugins/wptelegram-comments/js/settings/services/useData.ts b/plugins/wptelegram-comments/js/settings/services/useData.ts
new file mode 100644
index 00000000..10e6504c
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/useData.ts
@@ -0,0 +1,12 @@
+import { usePluginData } from '@wpsocio/services';
+import type { WPTelegramCommentsData } from './types';
+
+export const useData = <
+	K extends keyof WPTelegramCommentsData | undefined = undefined,
+>(
+	key?: K,
+): K extends keyof WPTelegramCommentsData
+	? WPTelegramCommentsData[K]
+	: WPTelegramCommentsData => {
+	return usePluginData('wptelegram_comments', key);
+};
diff --git a/plugins/wptelegram-comments/js/settings/services/useInit.ts b/plugins/wptelegram-comments/js/settings/services/useInit.ts
new file mode 100644
index 00000000..b6aa87c6
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/useInit.ts
@@ -0,0 +1,14 @@
+import { botApi } from '@wpsocio/services';
+import { useEffect } from 'react';
+import { useData } from './useData';
+
+export const useInit = () => {
+	const { api } = useData();
+
+	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+	useEffect(() => {
+		botApi.setApiData(api || {});
+	}, []);
+
+	return;
+};
diff --git a/plugins/wptelegram-comments/js/settings/services/useOnInvalid.ts b/plugins/wptelegram-comments/js/settings/services/useOnInvalid.ts
new file mode 100644
index 00000000..a99c8751
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/useOnInvalid.ts
@@ -0,0 +1,15 @@
+import { useCallback } from 'react';
+
+import type { SubmitErrorHandler } from '@wpsocio/form';
+import { useDisplayFeedback } from '@wpsocio/services';
+
+import type { DataShape } from './types';
+
+export const useOnInvalid = (): SubmitErrorHandler<DataShape> => {
+	const { displayValidationErrors } = useDisplayFeedback();
+
+	return useCallback(
+		(errors) => displayValidationErrors(errors),
+		[displayValidationErrors],
+	);
+};
diff --git a/plugins/wptelegram-comments/js/settings/services/useOnSubmit.ts b/plugins/wptelegram-comments/js/settings/services/useOnSubmit.ts
new file mode 100644
index 00000000..27f6e510
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/useOnSubmit.ts
@@ -0,0 +1,29 @@
+import { useCallback } from 'react';
+
+import type { SubmitHandler, UseFormReturn } from '@wpsocio/form';
+import { useSubmitForm } from '@wpsocio/services';
+
+import { getErrorMessage } from './fields';
+import type { DataShape } from './types';
+import { useData } from './useData';
+import { normalizeData, prepDefaultValues } from './utils';
+
+export const useOnSubmit = (
+	form: UseFormReturn<DataShape>,
+): SubmitHandler<DataShape> => {
+	const { rest_namespace } = useData('api') || {};
+
+	const path = `${rest_namespace}/settings`;
+
+	// @ts-ignore
+	const submitForm = useSubmitForm<DataShape>({
+		form,
+		path,
+		getErrorMessage: getErrorMessage,
+		normalizeData,
+		prepDefaultValues,
+		resetForm: true,
+	});
+
+	return useCallback(async (data) => await submitForm(data), [submitForm]);
+};
diff --git a/plugins/wptelegram-comments/js/settings/services/utils.ts b/plugins/wptelegram-comments/js/settings/services/utils.ts
new file mode 100644
index 00000000..10b5190e
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/services/utils.ts
@@ -0,0 +1,21 @@
+import type { DataShape } from './types';
+
+/**
+ * Prepare default values from REST API schema
+ */
+
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+export const prepDefaultValues = (data: any) => {
+	const attributes = data.attributes ? JSON.stringify(data.attributes) : '';
+
+	return { ...data, attributes };
+};
+
+/**
+ * Normalizes form data for submission as per the REST schema
+ */
+export const normalizeData = (data: DataShape) => {
+	const attributes = data.attributes ? JSON.parse(data.attributes) : {};
+
+	return { ...data, attributes };
+};
diff --git a/plugins/wptelegram-comments/js/settings/ui/App.stories.tsx b/plugins/wptelegram-comments/js/settings/ui/App.stories.tsx
new file mode 100644
index 00000000..0eecdd7b
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/App.stories.tsx
@@ -0,0 +1,43 @@
+import { WithDOMData } from '@wpsocio/services';
+import type { WPTelegramCommentsData } from '../services';
+
+import App from './App';
+
+const dummyDOMData: WPTelegramCommentsData = {
+	api: {},
+	assets: {
+		logoUrl: 'https://ps.w.org/wptelegram/assets/icon-128x128.png',
+		tgIconUrl: 'https://ps.w.org/wptelegram/assets/icon-128x128.png',
+	},
+	pluginInfo: {
+		name: 'wptelegram_comments',
+		title: 'WP Telegram Comments',
+		version: '1.2.3',
+		description:
+			'With this plugin, you can add comments to posts/pages on your WordPress website by using Telegram Comments Widget.',
+	},
+	savedSettings: {
+		code: '',
+		post_types: ['post'],
+	},
+	uiData: {
+		post_types: [
+			{ value: 'post', label: 'Post (post)' },
+			{ value: 'page', label: 'Page (page)' },
+			{ value: 'product', label: 'Product (product)' },
+		],
+	},
+};
+
+export const Main = () => (
+	<WithDOMData plugin="wptelegram_comments" data={dummyDOMData}>
+		<App />
+	</WithDOMData>
+);
+
+const story = {
+	component: Main,
+	title: 'Comments/Main',
+};
+
+export default story;
diff --git a/plugins/wptelegram-comments/js/settings/ui/App.tsx b/plugins/wptelegram-comments/js/settings/ui/App.tsx
new file mode 100644
index 00000000..d40f3851
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/App.tsx
@@ -0,0 +1,58 @@
+import { Cols75x25 } from '@wpsocio/components';
+import { Form, useForm, yupResolver } from '@wpsocio/form';
+import { SubmitBar } from '@wpsocio/form-components';
+import { useMemo } from 'react';
+import { ROOT_ID } from '../constants';
+import {
+	prepDefaultValues,
+	useData,
+	useInit,
+	useOnInvalid,
+	useOnSubmit,
+	validationSchema,
+} from '../services';
+import { Configuration } from './Configuration';
+import { Header } from './Header';
+import { Instructions } from './Instructions';
+import Sidebar from './Sidebar';
+
+const resolver = yupResolver(validationSchema);
+
+const App: React.FC = () => {
+	useInit();
+
+	const { savedSettings } = useData();
+
+	const defaultValues = useMemo(
+		() => prepDefaultValues(savedSettings),
+		[savedSettings],
+	);
+
+	const form = useForm({ defaultValues, resolver, mode: 'onBlur' });
+
+	const onSubmit = useOnSubmit(form);
+
+	const onInvalid = useOnInvalid();
+
+	const leftCol = (
+		<>
+			<Header />
+			<Instructions />
+			<Configuration />
+			<SubmitBar form={`${ROOT_ID}-form`} />
+		</>
+	);
+	const rightCol = <Sidebar />;
+
+	return (
+		<Form
+			id={`${ROOT_ID}-form`}
+			onSubmit={form.handleSubmit(onSubmit, onInvalid)}
+			form={form}
+		>
+			<Cols75x25 leftCol={leftCol} rightCol={rightCol} />
+		</Form>
+	);
+};
+
+export default App;
diff --git a/plugins/wptelegram-comments/js/settings/ui/Code.tsx b/plugins/wptelegram-comments/js/settings/ui/Code.tsx
new file mode 100644
index 00000000..4c71bf1b
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/Code.tsx
@@ -0,0 +1,65 @@
+import $ from 'jquery';
+import { CSSProperties, useEffect } from 'react';
+
+import { FormField, useFormContext, useWatch } from '@wpsocio/form';
+import { __ } from '@wpsocio/i18n';
+
+import { DataShape, getFieldLabel } from '../services';
+
+const style: CSSProperties = {
+	WebkitAppearance: 'none',
+	backgroundColor: 'rgba(0, 0, 0, 0.05)',
+	fontFamily: 'Menlo, Monaco, Consolas, "Courier New", monospace',
+	fontSize: '13px',
+	paddingBottom: '8px',
+	paddingTop: '8px',
+	resize: 'none',
+	textAlign: 'left',
+	whiteSpace: 'pre-wrap',
+	wordBreak: 'break-all',
+	wordWrap: 'break-word',
+};
+
+export const Code: React.FC = () => {
+	const { setValue } = useFormContext<DataShape>();
+
+	const code = useWatch({ name: 'code', defaultValue: '' });
+
+	useEffect(() => {
+		let attributesJSON = '';
+		if (code) {
+			try {
+				const el = $(code.trim());
+				if (el.length && 'SCRIPT' === el[0].nodeName) {
+					const attributes: Record<string, string> = {};
+					$.each(el[0].attributes, (i, attr) => {
+						attributes[attr.name] = attr.value;
+					});
+
+					attributesJSON = JSON.stringify(attributes);
+				}
+			} catch (error) {
+				console.error('CODE ERROR', error);
+			}
+		}
+		setValue('attributes', attributesJSON);
+	}, [code, setValue]);
+
+	return (
+		<>
+			<FormField
+				cols={60}
+				description={__('Please read the instructions above.')}
+				dir="ltr"
+				fieldType="textarea"
+				isRequired
+				label={getFieldLabel('code')}
+				name="code"
+				rows={4}
+				spellCheck={false}
+				style={style}
+			/>
+			<FormField fieldType="hidden" name="attributes" />
+		</>
+	);
+};
diff --git a/plugins/wptelegram-comments/js/settings/ui/Configuration.tsx b/plugins/wptelegram-comments/js/settings/ui/Configuration.tsx
new file mode 100644
index 00000000..182a9892
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/Configuration.tsx
@@ -0,0 +1,38 @@
+import { SectionCard } from '@wpsocio/components';
+import { FormField } from '@wpsocio/form';
+import { __ } from '@wpsocio/i18n';
+
+import { getFieldLabel, useData } from '../services';
+import { Code } from './Code';
+
+export const Configuration = () => {
+	const { post_types } = useData('uiData');
+
+	return (
+		<SectionCard title={__('Configuration')}>
+			<Code />
+
+			<FormField
+				name="post_types"
+				fieldType="multicheck"
+				description={__(
+					'The comments widget will be shown on the selected post types.',
+				)}
+				label={getFieldLabel('post_types')}
+				options={post_types}
+			/>
+			<FormField
+				name="exclude"
+				fieldType="textarea"
+				label={getFieldLabel('exclude')}
+				description={__(
+					'To exclude the specific posts, enter the post or page IDs separated by comma.',
+				)}
+				cols={60}
+				rows={4}
+				spellCheck={false}
+				placeholder="53,281"
+			/>
+		</SectionCard>
+	);
+};
diff --git a/plugins/wptelegram-comments/js/settings/ui/Header.tsx b/plugins/wptelegram-comments/js/settings/ui/Header.tsx
new file mode 100644
index 00000000..b0c217d8
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/Header.tsx
@@ -0,0 +1,8 @@
+import { PluginHeader } from '@wpsocio/components';
+import { useData } from '../services';
+
+export const Header = () => {
+	const { pluginInfo, assets } = useData();
+
+	return <PluginHeader {...pluginInfo} assets={assets} />;
+};
diff --git a/plugins/wptelegram-comments/js/settings/ui/Instructions.tsx b/plugins/wptelegram-comments/js/settings/ui/Instructions.tsx
new file mode 100644
index 00000000..4de2c5ef
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/Instructions.tsx
@@ -0,0 +1,91 @@
+import { Link, List, ListItem } from '@wpsocio/adapters';
+import { Code, Instructions as InstructionsUI } from '@wpsocio/components';
+import { __, sprintf } from '@wpsocio/i18n';
+import { createInterpolateElement } from '@wpsocio/utilities';
+
+const { location } = window;
+
+export const Instructions: React.FC = () => {
+	return (
+		<InstructionsUI>
+			<List as="ol" styleType="decimal">
+				<ListItem>
+					{createInterpolateElement(
+						sprintf(
+							/* translators: 1 URL */
+							__('Goto %s.'),
+							'<Link />',
+						),
+						{
+							Link: (
+								<Link href="https://comments.app" isExternal>
+									comments.app
+								</Link>
+							),
+						},
+					)}
+				</ListItem>
+				<ListItem>
+					{createInterpolateElement(
+						sprintf(
+							/* translators: 1 menu name, 2, 3 buttons */
+							__('Under %1$s click on %2$s or %3$s.'),
+							'<Section />',
+							'<Button1 />',
+							'<Button2 />',
+						),
+						{
+							Section: <b>Comments for websites</b>,
+							Button1: <b>LOG IN TO CONNECT</b>,
+							Button2: <b>CONNECT WEBSITE</b>,
+						},
+					)}
+				</ListItem>
+				<ListItem>
+					{createInterpolateElement(
+						sprintf(
+							/* translators: 1 field name, 2 website address, 3 field name */
+							__('Enter your site name in %1$s field and %2$s in %3$s field.'),
+							'<SiteName />',
+							'<Host />',
+							'<Domains />',
+						),
+						{
+							SiteName: <b>Site Name</b>,
+							Host: <Code>{location.host}</Code>,
+							Domains: <b>Domains</b>,
+						},
+					)}
+				</ListItem>
+				<ListItem>
+					{createInterpolateElement(
+						sprintf(
+							/* translators: 1 button name */
+							__('Click on %s and customize the appearance if you want.'),
+							'<Button />',
+						),
+						{
+							Button: <b>CONNECT WEBSITE</b>,
+						},
+					)}
+				</ListItem>
+				<ListItem>
+					{createInterpolateElement(
+						sprintf(
+							/* translators: 1, 2 button names */
+							__('Click on %1$s and %2$s.'),
+							'<Button1 />',
+							'<Button2 />',
+						),
+						{
+							Button1: <b>SAVE</b>,
+							Button2: <b>COPY CODE</b>,
+						},
+					)}
+				</ListItem>
+				<ListItem>{__('Paste the copied code in the field below.')}</ListItem>
+				<ListItem>{__('Save Changes')}</ListItem>
+			</List>
+		</InstructionsUI>
+	);
+};
diff --git a/plugins/wptelegram-comments/js/settings/ui/Sidebar.tsx b/plugins/wptelegram-comments/js/settings/ui/Sidebar.tsx
new file mode 100644
index 00000000..11926f35
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/Sidebar.tsx
@@ -0,0 +1,32 @@
+import { Box } from '@wpsocio/adapters';
+import { PluginInfoCard, WPTGSocialIcons } from '@wpsocio/components';
+import { FormDebug } from '@wpsocio/form';
+import { __ } from '@wpsocio/i18n';
+
+import { useData } from '../services';
+
+const Sidebar: React.FC = () => {
+	const {
+		pluginInfo: { title },
+		assets: { tgIconUrl },
+	} = useData();
+
+	return (
+		<Box>
+			<PluginInfoCard
+				description={__(
+					'Use Telegram Comments widget for your WordPress posts or pages.',
+				)}
+				helpText={__('Get LIVE support on Telegram')}
+				reviewLink="https://wordpress.org/support/plugin/wptelegram-comments/reviews/#new-post"
+				supportLink="https://t.me/WPTelegramChat"
+				supportLinkText="@WPTelegramChat"
+				socialIcons={<WPTGSocialIcons tgIconUrl={tgIconUrl} />}
+				title={title}
+			/>
+			<FormDebug />
+		</Box>
+	);
+};
+
+export default Sidebar;
diff --git a/plugins/wptelegram-comments/js/settings/ui/index.tsx b/plugins/wptelegram-comments/js/settings/ui/index.tsx
new file mode 100644
index 00000000..764c5b00
--- /dev/null
+++ b/plugins/wptelegram-comments/js/settings/ui/index.tsx
@@ -0,0 +1,23 @@
+import { ThemeProvider } from '@wpsocio/adapters';
+import { cleanup, setI18nData } from '@wpsocio/services';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { ROOT_ID } from '../constants';
+import App from './App';
+
+const root = document.getElementById(ROOT_ID);
+
+// clea up notifications etc.
+cleanup(ROOT_ID);
+
+setI18nData('wptelegram_comments', 'wptelegram-comments');
+
+root
+	? ReactDOM.createRoot(root).render(
+			<React.StrictMode>
+				<ThemeProvider>
+					<App />
+				</ThemeProvider>
+			</React.StrictMode>,
+	  )
+	: console.error(`Root element not found: ${ROOT_ID}`);
diff --git a/plugins/wptelegram-comments/package.json b/plugins/wptelegram-comments/package.json
new file mode 100644
index 00000000..f5e2dbb0
--- /dev/null
+++ b/plugins/wptelegram-comments/package.json
@@ -0,0 +1,47 @@
+{
+	"name": "@wpsocio/wptelegram-comments",
+	"version": "1.1.9",
+	"title": "WP Telegram Comments",
+	"description": "Add comments to posts/pages on your WordPress website by using Telegram Comments Widget",
+	"private": true,
+	"license": "GPL-3.0",
+	"author": {
+		"name": "WP Socio",
+		"url": "https://wpsocio.com"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/wpsocio/wptelegram-comments"
+	},
+	"bugs": {
+		"url": "https://github.com/wpsocio/wptelegram-comments/issues"
+	},
+	"keywords": ["telegram", "comments", "discuss", "social", "widget"],
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+		"preview": "vite preview"
+	},
+	"browserslist": [">1%", "last 2 versions", "Firefox ESR", "not ie < 9"],
+	"dependencies": {
+		"@wpsocio/adapters": "workspace:*",
+		"@wpsocio/components": "workspace:*",
+		"@wpsocio/services": "workspace:*",
+		"@wpsocio/form": "workspace:*",
+		"@wpsocio/form-components": "workspace:*",
+		"@wpsocio/i18n": "workspace:*",
+		"@wpsocio/utilities": "workspace:*",
+		"yup": "^1.3.2"
+	},
+	"devDependencies": {
+		"@types/jquery": "^3.5.29",
+		"@types/react": "^18.2.37",
+		"@types/react-dom": "^18.2.15",
+		"@wpsocio/dev": "workspace:*",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"typescript": "^5.2.2"
+	}
+}
diff --git a/plugins/wptelegram-comments/src/LICENSE.txt b/plugins/wptelegram-comments/src/LICENSE.txt
new file mode 100644
index 00000000..ecbc0593
--- /dev/null
+++ b/plugins/wptelegram-comments/src/LICENSE.txt
@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/README.txt b/plugins/wptelegram-comments/src/README.txt
new file mode 100644
index 00000000..16b801fa
--- /dev/null
+++ b/plugins/wptelegram-comments/src/README.txt
@@ -0,0 +1,101 @@
+=== WP Telegram Comments ===
+Contributors: wpsocio, irshadahmad21
+Donate link: https://wpsocio.com/donate
+Tags: telegram, comments, discuss, social, widget
+Requires at least: 6.1
+Requires PHP: 7.4
+Tested up to: 6.4.2
+Stable tag: 1.1.9
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+
+Add comments to posts/pages on your WordPress website by using Telegram Comments Widget.
+
+== Description ==
+Comments on WordPress posts not only fill your database tables, rather they also make it difficult to moderate efficiently. Telegram comments removes this drawback because the comments are stored on Telegram servers and every comment is from an authenticated Telegram user.
+
+== Excellent Support ==
+
+**Join the Chat**
+
+We have a public group on Telegram to provide help setting up the plugin, discuss issues, features, translations etc. Join [@WPTelegramChat](https://t.me/WPTelegramChat)
+For rules, see the pinned message. No spam please.
+
+== Why Telegram Comments? ==
+
+* ✅ It saves you database memory
+* ✅ Comments are from authenticated Telegram Users
+* ❌ No place for spam bots
+
+== Features ==
+
+* ⚡️ Ultra lightweight comments widget
+* 🛒 Supports WooCommerce products and other Custom Post Types
+* 🛂 You can exclude specific posts/pages for comments
+* 🔔 Users can subscribe to comments and get the notifications on Telegram
+* 👏 Comments can have Like 👍 and Dislike 👎 Feedback
+* 📸 Comments support multimedia attachments
+* ⤴️ Users can reply to comments intuitively
+* ✏️ Comments can be edited or deleted anytime
+
+== Installation ==
+
+1. Upload the `wptelegram-comments` folder to the `/wp-content/plugins/` directory
+2. Activate the plugin through the Plugins menu in WordPress. After activation, you should see the menu of this plugin the the admin
+3. Configure the plugin.
+
+**Enjoy!**
+
+== Screenshots ==
+
+1. Settings
+
+== Changelog ==
+
+= 1.1.9 =
+- Maintenance release
+
+= 1.1.8 =
+- Fixed translations not loaded for some strings
+
+= 1.1.7 =
+- Fixed warnings in PHP 8.x
+
+= 1.1.6 =
+- Maintenance release
+
+= 1.1.5 =
+- Maintenance release
+
+= 1.1.4 =
+- Minor UI improvements
+
+= 1.1.3 =
+- Cleaned up the admin menu for single entry for WP Telegram
+- Fixed the ugly post type list when there are plenty of them
+
+= 1.1.2 =
+- Fixed the issue of settings not saved due to trailing slash redirects
+
+= 1.1.1 =
+- Fixed the wrong widget configuration being saved
+
+= 1.1.0 =
+-   Switched to PHP namespaces
+-   Refreshed and improved the UI
+
+= 1.0.4 =
+- Fixed back-end validation for code
+
+= 1.0.3 =
+- Add support for channel discussion scripts
+
+= 1.0.2 =
+- Updated test up to
+
+= 1.0.1 =
+* Added translations
+* Minor fixes
+
+= 1.0.0 =
+* Initial Release
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/admin/Admin.php b/plugins/wptelegram-comments/src/admin/Admin.php
new file mode 100644
index 00000000..76a40ee1
--- /dev/null
+++ b/plugins/wptelegram-comments/src/admin/Admin.php
@@ -0,0 +1,67 @@
+<?php
+/**
+ * The admin-specific functionality of the plugin.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\admin
+ */
+
+namespace WPTelegram\Comments\admin;
+
+use WPTelegram\Comments\includes\BaseClass;
+
+/**
+ * The admin-specific functionality of the plugin.
+ *
+ * Defines the plugin name, version, and two examples hooks for how to
+ * enqueue the admin-specific stylesheet and JavaScript.
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\admin
+ * @author     WP Socio
+ */
+class Admin extends BaseClass {
+
+	/**
+	 * Register WP REST API routes.
+	 *
+	 * @since 1.0.0
+	 */
+	public function register_rest_routes() {
+		$controller = new \WPTelegram\Comments\includes\restApi\SettingsController();
+		$controller->register_routes();
+	}
+
+	/**
+	 * Register the admin menu.
+	 *
+	 * @since 1.0.0
+	 */
+	public function add_plugin_admin_menu() {
+		add_submenu_page(
+			'wptelegram',
+			esc_html( $this->plugin()->title() ),
+			esc_html__( 'Telegram Comments', 'wptelegram-comments' ),
+			'manage_options',
+			$this->plugin()->name(),
+			[ $this, 'display_plugin_admin_page' ]
+		);
+	}
+
+	/**
+	 * Render the settings page for this plugin.
+	 *
+	 * @since 1.0.0
+	 */
+	public function display_plugin_admin_page() {
+		if ( ! current_user_can( 'manage_options' ) ) {
+			return;
+		}
+		?>
+			<div id="wptelegram-comments-settings"></div>
+		<?php
+	}
+}
diff --git a/plugins/wptelegram-comments/src/admin/index.php b/plugins/wptelegram-comments/src/admin/index.php
new file mode 100644
index 00000000..e71af0ef
--- /dev/null
+++ b/plugins/wptelegram-comments/src/admin/index.php
@@ -0,0 +1 @@
+<?php // Silence is golden
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/assets/static/css/admin-menu.css b/plugins/wptelegram-comments/src/assets/static/css/admin-menu.css
new file mode 100644
index 00000000..19e54b0a
--- /dev/null
+++ b/plugins/wptelegram-comments/src/assets/static/css/admin-menu.css
@@ -0,0 +1,16 @@
+#adminmenu #toplevel_page_wptelegram div.wp-menu-image::before {
+	content: ' ';
+	background-image: url('../icons/icon-36x34.png');
+	background-repeat: no-repeat;
+	background-position: 0 0;
+	width: 36px;
+	height: 36px;
+	padding: 0px !important;
+	transition: none;
+}
+#adminmenu #toplevel_page_wptelegram:not(.current):hover div.wp-menu-image::before {
+	background-position: 0 -68px;
+}
+#adminmenu #toplevel_page_wptelegram.current div.wp-menu-image::before {
+	background-position: 0 -34px;
+}
diff --git a/plugins/wptelegram-comments/src/assets/static/css/admin-menu.min.css b/plugins/wptelegram-comments/src/assets/static/css/admin-menu.min.css
new file mode 100644
index 00000000..fbb73fbd
--- /dev/null
+++ b/plugins/wptelegram-comments/src/assets/static/css/admin-menu.min.css
@@ -0,0 +1,3 @@
+#adminmenu #toplevel_page_wptelegram div.wp-menu-image::before{content:' ';background-image:url('../icons/icon-36x34.png');background-repeat:no-repeat;background-position:0 0;width:36px;height:36px;padding:0 !important;transition:none}
+#adminmenu #toplevel_page_wptelegram:not(.current):hover div.wp-menu-image::before{background-position:0 -68px}
+#adminmenu #toplevel_page_wptelegram.current div.wp-menu-image::before{background-position:0 -34px}
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/assets/static/icons/icon-128x128.png b/plugins/wptelegram-comments/src/assets/static/icons/icon-128x128.png
new file mode 100644
index 00000000..a1eb25fd
Binary files /dev/null and b/plugins/wptelegram-comments/src/assets/static/icons/icon-128x128.png differ
diff --git a/plugins/wptelegram-comments/src/assets/static/icons/icon-36x34.png b/plugins/wptelegram-comments/src/assets/static/icons/icon-36x34.png
new file mode 100644
index 00000000..5c4e2f47
Binary files /dev/null and b/plugins/wptelegram-comments/src/assets/static/icons/icon-36x34.png differ
diff --git a/plugins/wptelegram-comments/src/assets/static/icons/tg-icon.svg b/plugins/wptelegram-comments/src/assets/static/icons/tg-icon.svg
new file mode 100644
index 00000000..8800673d
--- /dev/null
+++ b/plugins/wptelegram-comments/src/assets/static/icons/tg-icon.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="12px" height="10.286px" viewBox="427.313 390.857 12 10.286" enable-background="new 427.313 390.857 12 10.286"
+	 xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#C8DAEA" d="M431.918,400.294c-0.39,0-0.293-0.195-0.39-0.488l-1.074-3.319
+		l7.809-4.686 M431.918,400.294L431.918,400.294L431.918,400.294z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#A9C9DD" d="M431.918,400.294c0.195,0,0.39-0.195,0.488-0.293l1.464-1.367
+		l-1.757-1.074 M431.918,400.294L431.918,400.294L431.918,400.294z"/>
+	<g>
+		<defs>
+			<path id="SVGID_15_" d="M432.113,397.56l4.198,3.124c0.488,0.293,0.879,0.195,0.976-0.39l1.757-8.297
+				c0.195-0.683-0.293-0.976-0.683-0.781l-10.25,3.905c-0.781,0.293-0.683,0.683-0.195,0.879l2.636,0.781l6.15-3.807
+				c0.293-0.195,0.488-0.098,0.293,0.098L432.113,397.56z M432.113,397.56L432.113,397.56L432.113,397.56z"/>
+		</defs>
+		<clipPath id="SVGID_1_">
+			<use xlink:href="#SVGID_15_"  overflow="visible"/>
+		</clipPath>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#EFF7FC" points="437.775,388.97 
+			438.946,390.727 428.306,397.365 427.232,395.51 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#EFF7FC" points="438.849,390.727 
+			438.946,390.825 428.404,397.463 428.306,397.365 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F0F7FC" points="438.946,390.825 
+			439.044,390.922 428.404,397.56 428.404,397.365 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F0F8FC" points="438.946,390.922 
+			439.044,391.02 428.501,397.658 428.404,397.463 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F1F8FC" points="439.044,391.02 
+			439.142,391.118 428.599,397.658 428.501,397.56 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F1F8FC" points="439.044,391.02 
+			439.142,391.215 428.599,397.756 428.501,397.658 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F1F8FC" points="439.142,391.118 
+			439.239,391.215 428.697,397.853 428.599,397.756 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F2F8FD" points="439.239,391.215 
+			439.239,391.313 428.697,397.951 428.599,397.853 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F2F9FD" points="439.239,391.313 
+			439.337,391.411 428.794,398.048 428.697,397.853 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F2F9FD" points="439.337,391.411 
+			439.337,391.508 428.794,398.146 428.697,397.951 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F3F9FD" points="439.337,391.508 
+			439.434,391.606 428.892,398.146 428.794,398.048 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F3F9FD" points="439.434,391.508 
+			439.434,391.703 428.892,398.244 428.794,398.146 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F4F9FD" points="439.434,391.606 
+			439.532,391.801 428.989,398.341 428.892,398.244 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F4F9FD" points="439.532,391.703 
+			439.532,391.801 428.989,398.439 428.892,398.341 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F4FAFD" points="439.532,391.801 
+			439.63,391.899 429.087,398.537 428.989,398.439 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F5FAFD" points="439.63,391.899 
+			439.727,391.996 429.087,398.634 429.087,398.439 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F5FAFD" points="439.63,391.996 
+			439.727,392.094 429.185,398.732 429.087,398.537 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F5FAFD" points="439.727,392.094 
+			439.825,392.191 429.185,398.732 429.185,398.634 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F6FAFD" points="439.727,392.094 
+			439.825,392.289 429.282,398.829 429.185,398.732 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F6FBFD" points="439.825,392.191 
+			439.922,392.289 429.282,398.927 429.282,398.829 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F7FBFD" points="439.825,392.289 
+			439.922,392.387 429.38,399.025 429.282,398.927 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F7FBFE" points="439.922,392.387 
+			440.02,392.484 429.477,399.122 429.38,398.927 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F7FBFE" points="439.922,392.484 
+			440.02,392.582 429.477,399.22 429.38,399.025 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F8FBFE" points="440.02,392.582 
+			440.118,392.68 429.575,399.22 429.477,399.122 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F8FCFE" points="440.118,392.582 
+			440.118,392.777 429.575,399.318 429.477,399.22 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F9FCFE" points="440.118,392.68 
+			440.215,392.875 429.673,399.415 429.575,399.318 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F9FCFE" points="440.215,392.777 
+			440.215,392.875 429.673,399.513 429.575,399.415 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#F9FCFE" points="440.215,392.875 
+			440.313,392.972 429.77,399.61 429.673,399.513 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FAFCFE" points="440.313,392.972 
+			440.313,393.07 429.77,399.708 429.673,399.513 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FAFDFE" points="440.313,393.07 
+			440.411,393.168 429.868,399.708 429.77,399.61 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FAFDFE" points="440.411,393.07 
+			440.411,393.265 429.868,399.806 429.77,399.708 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FBFDFE" points="440.411,393.168 
+			440.508,393.363 429.966,399.903 429.868,399.806 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FBFDFE" points="440.508,393.265 
+			440.606,393.363 429.966,400.001 429.966,399.903 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FCFDFE" points="440.508,393.363 
+			440.606,393.461 430.063,400.098 429.966,400.001 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FCFDFE" points="440.606,393.461 
+			440.703,393.558 430.063,400.196 430.063,400.001 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FCFEFF" points="440.606,393.558 
+			440.703,393.656 430.161,400.294 430.063,400.098 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FDFEFF" points="440.703,393.656 
+			440.801,393.753 430.161,400.294 430.161,400.196 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FDFEFF" points="440.703,393.656 
+			440.801,393.851 430.258,400.391 430.161,400.294 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FDFEFF" points="440.801,393.753 
+			440.899,393.949 430.258,400.489 430.258,400.391 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFF" points="440.801,393.851 
+			440.899,393.949 430.356,400.587 430.258,400.489 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FEFFFF" points="440.899,393.949 
+			440.996,394.046 430.454,400.684 430.356,400.587 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" points="440.899,394.046 
+			440.996,394.144 430.454,400.782 430.356,400.587 		"/>
+		<polygon clip-path="url(#SVGID_1_)" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" points="440.996,394.144 
+			442.949,397.268 432.406,403.808 430.454,400.684 		"/>
+	</g>
+</g>
+</svg>
diff --git a/plugins/wptelegram-comments/src/autoload.php b/plugins/wptelegram-comments/src/autoload.php
new file mode 100644
index 00000000..f39d352c
--- /dev/null
+++ b/plugins/wptelegram-comments/src/autoload.php
@@ -0,0 +1,25 @@
+<?php
+
+spl_autoload_register( 'wptelegram_comments_autoloader' );
+
+/**
+ * Autoloader.
+ *
+ * @param string $class_name The requested classname.
+ * @return void
+ */
+function wptelegram_comments_autoloader( $class_name ) {
+
+	$namespace = 'WPTelegram\Comments';
+
+	if ( 0 !== strpos( $class_name, $namespace ) ) {
+		return;
+	}
+
+	$class_name = str_replace( $namespace, '', $class_name );
+	$class_name = str_replace( '\\', DIRECTORY_SEPARATOR, $class_name );
+
+	$path = WPTELEGRAM_COMMENTS_DIR . $class_name . '.php';
+
+	include_once $path;
+}
diff --git a/plugins/wptelegram-comments/src/changelog.md b/plugins/wptelegram-comments/src/changelog.md
new file mode 100644
index 00000000..6fd85a69
--- /dev/null
+++ b/plugins/wptelegram-comments/src/changelog.md
@@ -0,0 +1,91 @@
+# Changelog
+
+All notable changes to this project are documented in this file.
+
+## Unreleased
+
+## [1.1.9 - 2023-12-7](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.9)
+
+- Maintenance release
+
+## [1.1.8 - 2023-05-20](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.8)
+
+### Bug fixes
+
+- Fixed translations not loaded for some strings
+
+## [1.1.7 - 2022-11-1](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.7)
+
+### Bug fixes
+
+- Fixed warnings in PHP 8.x
+
+## [1.1.6 - 2022-09-11](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.6)
+
+- Maintenance release
+
+## [1.1.5 - 2021-12-29](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.5)
+
+- Maintenance release
+
+## [1.1.4 - 2021-09-15](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.4)
+
+### Improvements
+
+- Minor UI improvements
+
+## [1.1.3 - 2021-05-3](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.3)
+
+### Improvements
+
+- Cleaned up the admin menu for single entry for WP Telegram
+
+### Bug fixes
+
+- Fixed the ugly post type list when there are plenty of them
+
+## [1.1.2 - 2021-04-28](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.2)
+
+### Bug fixes
+
+- Fixed the issue of settings not saved due to trailing slash redirects
+
+## [1.1.1 - 2021-04-9](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.1)
+
+### Bug fixes
+
+- Fixed the wrong widget configuration being saved
+
+## [1.1.0 - 2021-02-27](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.1.0)
+
+### Enhancements
+
+- Switched to PHP namespaces
+- Refreshed and improved the UI
+
+## [1.0.4 - 2021-01-3](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.0.4)
+
+### Bug fixes
+
+- Fixed back-end validation for code
+
+## [1.0.3 - 2021-01-3](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.0.3)
+
+### Enhancements
+
+- Add support for channel discussion scripts
+
+## [1.0.2 - 2020-06-21](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.0.2)
+
+### Enhancements
+
+- Updated test up to
+
+## [1.0.1 - 2019-09-10](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.0.1)
+
+- Added translations
+- Minor fixes
+
+## [1.0.0 - 2019-09-04](https://github.com/wpsocio/wptelegram-comments/releases/tag/v1.0.0)
+
+- Initial Release.
diff --git a/plugins/wptelegram-comments/src/includes/Activator.php b/plugins/wptelegram-comments/src/includes/Activator.php
new file mode 100644
index 00000000..fd32221b
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/Activator.php
@@ -0,0 +1,33 @@
+<?php
+/**
+ * Fired during plugin activation
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+/**
+ * Fired during plugin activation.
+ *
+ * This class defines all code necessary to run during the plugin's activation.
+ *
+ * @since      1.0.0
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class Activator {
+
+	/**
+	 * Runs the activation stuff.
+	 *
+	 * @since    1.0.0
+	 */
+	public static function activate() {
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/AssetManager.php b/plugins/wptelegram-comments/src/includes/AssetManager.php
new file mode 100644
index 00000000..7ab1f356
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/AssetManager.php
@@ -0,0 +1,212 @@
+<?php
+/**
+ * The assets manager of the plugin.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.1.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+use WPTelegram\Comments\includes\restApi\SettingsController;
+use Kucrut\Vite;
+
+/**
+ * The assets manager of the plugin.
+ *
+ * Loads the plugin assets.
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class AssetManager extends BaseClass {
+
+	const ADMIN_SETTINGS_ENTRY = 'js/settings/index.ts';
+
+	const ASSET_ENTRIES = [
+		'admin-settings' => [
+			'entry' => self::ADMIN_SETTINGS_ENTRY,
+		],
+	];
+
+	/**
+	 * The registered handles.
+	 *
+	 * @since x.y.z
+	 * @var   array $registered_handles The registered handles.
+	 */
+	private $registered_handles = [];
+
+	/**
+	 * Register the assets.
+	 *
+	 * @since    1.1.3
+	 */
+	public function register_assets() {
+
+		$assets = $this->plugin()->assets();
+
+		$build_dir = $assets->build_path();
+
+		foreach ( self::ASSET_ENTRIES as $name => $data ) {
+			$entry = $data['entry'];
+
+			$this->registered_handles[ $entry ] = Vite\register_asset(
+				$build_dir,
+				$entry,
+				[
+					'handle'           => $this->plugin()->name() . '-' . $name,
+					'dependencies'     => $assets->get_dependencies( $entry ),
+					'css-dependencies' => $data['css-deps'] ?? [],
+					'in-footer'        => $data['in-footer'] ?? true,
+				]
+			);
+		}
+
+		if ( ! defined( 'WPTELEGRAM_LOADED' ) ) {
+			wp_register_style(
+				'wptelegram-menu',
+				$assets->url( sprintf( '/static/css/admin-menu%s.css', wp_scripts_get_suffix() ) ),
+				[],
+				$this->plugin()->version(),
+				'all'
+			);
+		}
+	}
+
+	/**
+	 * Register the stylesheets for the admin area.
+	 *
+	 * @since    1.1.0
+	 * @param string $hook_suffix The current admin page.
+	 */
+	public function enqueue_admin_styles( $hook_suffix ) {
+
+		if ( ! defined( 'WPTELEGRAM_LOADED' ) ) {
+			wp_enqueue_style( 'wptelegram-menu' );
+		}
+
+		// Load only on settings page.
+		if ( $this->is_settings_page( $hook_suffix ) ) {
+			$admin_styles = $this->registered_handles[ self::ADMIN_SETTINGS_ENTRY ]['styles'] ?? [];
+
+			foreach ( $admin_styles as $handle ) {
+				wp_enqueue_style( $handle );
+			}
+		}
+	}
+
+	/**
+	 * Register the JavaScript for the admin area.
+	 *
+	 * @since    1.1.0
+	 * @param string $hook_suffix The current admin page.
+	 */
+	public function enqueue_admin_scripts( $hook_suffix ) {
+		// Load only on settings page.
+		if ( $this->is_settings_page( $hook_suffix ) && ! empty( $this->registered_handles[ self::ADMIN_SETTINGS_ENTRY ]['scripts'] ) ) {
+			[$handle] = $this->registered_handles[ self::ADMIN_SETTINGS_ENTRY ]['scripts'];
+
+			wp_enqueue_script( $handle );
+
+			// Pass data to JS.
+			$data = $this->get_dom_data();
+			// Not to expose bot token to non-admins.
+			if ( current_user_can( 'manage_options' ) ) {
+				$data['savedSettings'] = SettingsController::get_default_settings();
+			}
+			$data['uiData']['post_types'] = $this->get_post_type_options();
+
+			self::add_dom_data( $handle, $data );
+		}
+	}
+
+	/**
+	 * Add the data to DOM.
+	 *
+	 * @since 1.1.3
+	 *
+	 * @param string $handle The script handle to attach the data to.
+	 * @param mixed  $data   The data to add.
+	 * @param string $var    The JavaScript variable name to use.
+	 *
+	 * @return void
+	 */
+	public static function add_dom_data( $handle, $data, $var = 'wptelegram_comments' ) {
+		wp_add_inline_script(
+			$handle,
+			sprintf( 'var %s = %s;', $var, wp_json_encode( $data ) ),
+			'before'
+		);
+	}
+
+	/**
+	 * Get the common DOM data.
+	 *
+	 * @return array
+	 */
+	private function get_dom_data() {
+		$data = [
+			'pluginInfo' => [
+				'title'       => $this->plugin()->title(),
+				'name'        => $this->plugin()->name(),
+				'version'     => $this->plugin()->version(),
+				'description' => __( 'With this plugin, you can add comments to posts/pages on your WordPress website by using Telegram Comments Widget.', 'wptelegram-comments' ),
+			],
+			'api'        => [
+				'admin_url'      => admin_url(),
+				'nonce'          => wp_create_nonce( 'wptelegram-comments' ),
+				'rest_namespace' => 'wptelegram-comments/v1',
+				'wp_rest_url'    => esc_url_raw( rest_url() ),
+			],
+			'assets'     => [
+				'logoUrl'   => $this->plugin()->assets()->url( '/static/icons/icon-128x128.png' ),
+				'tgIconUrl' => $this->plugin()->assets()->url( '/static/icons/tg-icon.svg' ),
+			],
+			'uiData'     => [],
+			'i18n'       => Utils::get_jed_locale_data( 'wptelegram-comments' ),
+		];
+
+		return $data;
+	}
+
+	/**
+	 * Get the registered post types.
+	 *
+	 * @since  1.1.0
+	 * @return array
+	 */
+	public function get_post_type_options() {
+
+		$options = [];
+
+		$post_types = get_post_types( [ 'public' => true ], 'objects' );
+
+		foreach ( $post_types  as $post_type ) {
+
+			if ( 'attachment' !== $post_type->name ) {
+
+				$options[] = [
+					'value' => $post_type->name,
+					'label' => "{$post_type->labels->singular_name} ({$post_type->name})",
+				];
+			}
+		}
+
+		return apply_filters( 'wptelegram_comments_post_type_options', $options, $post_types );
+	}
+
+	/**
+	 * Enqueue assets for the Gutenberg block
+	 *
+	 * @since 1.1.0
+	 * @param string $hook_suffix The current admin page.
+	 */
+	public function is_settings_page( $hook_suffix ) {
+		return ( false !== strpos( $hook_suffix, '_page_' . $this->plugin()->name() ) );
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/Assets.php b/plugins/wptelegram-comments/src/includes/Assets.php
new file mode 100644
index 00000000..88c5afae
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/Assets.php
@@ -0,0 +1,164 @@
+<?php
+/**
+ * Handles the options access of the plugin
+ *
+ * Parts of this code are copied from https://github.com/eventespresso/event-espresso-core
+ *
+ * @link       https://wpsocio.com
+ * @since      1.1.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+/**
+ * Allows an easy access to plugin options/settings
+ * which are in the form of an array
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class Assets {
+
+	const DEPS_FILE_NAME = 'dependencies.json';
+
+	/**
+	 * The path to assets directory.
+	 *
+	 * @var string $assets_path The path to assets directory.
+	 */
+	private $assets_path;
+
+	/**
+	 * The URL to assets directory.
+	 *
+	 * @var string $assets_url The URL to assets directory.
+	 */
+	private $assets_url;
+
+	/**
+	 * The decoded contents of the dependencies file.
+	 *
+	 * @var array $dependencies The decoded contents of the dependencies file.
+	 */
+	private $dependencies = null;
+
+	/**
+	 * The path to dependencies file.
+	 *
+	 * @var string $assets_path The path to dependencies file.
+	 */
+	private $dependencies_path;
+
+	/**
+	 * Assets constructor.
+	 *
+	 * @param string $assets_path The path to assets directory.
+	 * @param string $assets_url  The URL to assets directory.
+	 */
+	public function __construct( $assets_path, $assets_url ) {
+		$this->assets_path = untrailingslashit( $assets_path );
+		$this->assets_url  = untrailingslashit( $assets_url );
+		$this->initialize();
+	}
+
+	/**
+	 * Initializes the assets.
+	 *
+	 * @return void
+	 */
+	public function initialize() {
+		if ( ! $this->dependencies ) {
+			$this->set_dependencies_filepath();
+			$this->load_dependencies();
+		}
+	}
+
+	/**
+	 * Sets the path to dependencies file.
+	 *
+	 * @param string $dependencies_path Path to dependencies JSON file.
+	 *
+	 * @throws \Exception Dependencies file check.
+	 *
+	 * @return void
+	 */
+	public function set_dependencies_filepath( $dependencies_path = '' ) {
+		$dependencies_path = $dependencies_path ? $dependencies_path : $this->build_path( '/' . self::DEPS_FILE_NAME );
+
+		if ( ! is_readable( $dependencies_path ) ) {
+			throw new \Exception( 'Dependencies file not found or is not readable: ' . esc_html( $dependencies_path ) );
+		}
+		$this->dependencies_path = $dependencies_path;
+	}
+
+	/**
+	 * Loads the dependencies file.
+	 *
+	 * @return void
+	 */
+	private function load_dependencies() {
+		if ( null === $this->dependencies ) {
+			// phpcs:ignore
+			$dependencies  = json_decode( file_get_contents( $this->dependencies_path ), true );
+
+			$this->dependencies = $dependencies ? $dependencies : [];
+		}
+	}
+
+	/**
+	 * Get the dependencies of an entry.
+	 *
+	 * @param string $entry The entry point to get the asset dependencies for.
+	 *
+	 * @return array
+	 */
+	public function get_dependencies( $entry ) {
+		$dependencies = $this->dependencies[ $entry ] ?? [];
+
+		return $dependencies;
+	}
+
+	/**
+	 * Get the path to assets directory.
+	 *
+	 * @param string $path Path to append.
+	 * @return string
+	 */
+	public function path( $path = '' ) {
+		return $this->assets_path . $path;
+	}
+
+	/**
+	 * Get the URL to assets directory.
+	 *
+	 * @param string $path Path to append.
+	 * @return string
+	 */
+	public function url( $path = '' ) {
+		return $this->assets_url . $path;
+	}
+
+	/**
+	 * Get the build path.
+	 *
+	 * @param string $path Path to append.
+	 * @return string
+	 */
+	public function build_path( $path = '' ) {
+		return $this->path( '/build' . $path );
+	}
+
+	/**
+	 * Get the build URL.
+	 *
+	 * @param string $path Path to append.
+	 * @return string
+	 */
+	public function build_url( $path = '' ) {
+		return $this->url( '/build' . $path );
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/BaseClass.php b/plugins/wptelegram-comments/src/includes/BaseClass.php
new file mode 100644
index 00000000..dfaa2484
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/BaseClass.php
@@ -0,0 +1,54 @@
+<?php
+/**
+ * The base class of the plugin.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+/**
+ * The base class of the plugin.
+ *
+ * The base class of the plugin.
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+abstract class BaseClass {
+
+	/**
+	 * The plugin class instance.
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 * @var      Main $plugin The plugin class instance.
+	 */
+	private $plugin;
+
+	/**
+	 * Initialize the class and set its properties.
+	 *
+	 * @since 1.0.0
+	 * @param Main $plugin The plugin class instance.
+	 */
+	public function __construct( $plugin ) {
+
+		$this->plugin = $plugin;
+	}
+
+	/**
+	 * Get the instance of the plugin.
+	 *
+	 * @since     1.1.1
+	 * @return    Main    The plugin class instance.
+	 */
+	protected function plugin() {
+		return $this->plugin;
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/Deactivator.php b/plugins/wptelegram-comments/src/includes/Deactivator.php
new file mode 100644
index 00000000..02532784
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/Deactivator.php
@@ -0,0 +1,33 @@
+<?php
+/**
+ * Fired during plugin deactivation
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+/**
+ * Fired during plugin deactivation.
+ *
+ * This class defines all code necessary to run during the plugin's deactivation.
+ *
+ * @since      1.0.0
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class Deactivator {
+
+	/**
+	 * Runs the deactivation stuff.
+	 *
+	 * @since    1.0.0
+	 */
+	public static function deactivate() {
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/I18n.php b/plugins/wptelegram-comments/src/includes/I18n.php
new file mode 100644
index 00000000..6de5f867
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/I18n.php
@@ -0,0 +1,43 @@
+<?php
+/**
+ * Define the internationalization functionality
+ *
+ * Loads and defines the internationalization files for this plugin
+ * so that it is ready for translation.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+/**
+ * Define the internationalization functionality.
+ *
+ * Loads and defines the internationalization files for this plugin
+ * so that it is ready for translation.
+ *
+ * @since      1.0.0
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class I18n {
+
+	/**
+	 * Load the plugin text domain for translation.
+	 *
+	 * @since    1.0.0
+	 */
+	public function load_plugin_textdomain() {
+
+		load_plugin_textdomain(
+			'wptelegram-comments',
+			false,
+			dirname( dirname( plugin_basename( __FILE__ ) ) ) . '/languages/'
+		);
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/Main.php b/plugins/wptelegram-comments/src/includes/Main.php
new file mode 100644
index 00000000..276a784d
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/Main.php
@@ -0,0 +1,409 @@
+<?php
+/**
+ * The file that defines the core plugin class
+ *
+ * A class definition that includes attributes and functions used across both the
+ * public-facing side of the site and the admin area.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+use WPTelegram\Comments\admin\Admin;
+use WPTelegram\Comments\shared\Shared;
+
+/**
+ * The core plugin class.
+ *
+ * This is used to define internationalization, admin-specific hooks, and
+ * public-facing site hooks.
+ *
+ * Also maintains the unique identifier of this plugin as well as the current
+ * version of the plugin.
+ *
+ * @since      1.0.0
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class Main {
+
+	/**
+	 * Whether the dependencies have been initiated.
+	 *
+	 * @since x.y.z
+	 * @var   bool $initiated Whether the dependencies have been initiated.
+	 */
+	private static $initiated = false;
+
+	/**
+	 * The single instance of the class.
+	 *
+	 * @since 1.0.0
+	 * @var   Main|null $instance The instance.
+	 */
+	protected static $instance = null;
+
+	/**
+	 * Title of the plugin.
+	 *
+	 * @since    1.0.0
+	 * @access   protected
+	 * @var      string    $title    Title of the plugin
+	 */
+	protected $title;
+
+	/**
+	 * The unique identifier of this plugin.
+	 *
+	 * @since    1.0.0
+	 * @access   protected
+	 * @var      string    $plugin_name    The string used to uniquely identify this plugin.
+	 */
+	protected $plugin_name;
+
+	/**
+	 * The current version of the plugin.
+	 *
+	 * @since    1.0.0
+	 * @access   protected
+	 * @var      string    $version    The current version of the plugin.
+	 */
+	protected $version;
+
+	/**
+	 * The plugin options
+	 *
+	 * @since    1.0.0
+	 * @access   protected
+	 * @var      Options    $options    The plugin options.
+	 */
+	protected $options;
+
+	/**
+	 * The assets handler.
+	 *
+	 * @since    1.1.0
+	 * @access   protected
+	 * @var      Assets $assets The assets handler.
+	 */
+	protected $assets;
+
+	/**
+	 * The asset manager.
+	 *
+	 * @since    1.1.3
+	 * @access   protected
+	 * @var      AssetManager $asset_manager The asset manager.
+	 */
+	protected $asset_manager;
+
+	/**
+	 * Main class Instance.
+	 *
+	 * Ensures only one instance of the class is loaded or can be loaded.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @return Main instance.
+	 */
+	public static function instance() {
+		if ( is_null( self::$instance ) ) {
+			self::$instance = new self();
+		}
+		return self::$instance;
+	}
+
+	/**
+	 * Cloning is forbidden.
+	 *
+	 * @since 1.0.0
+	 */
+	public function __clone() {}
+
+	/**
+	 * Unserializing instances of this class is forbidden.
+	 *
+	 * @since 1.0.0
+	 */
+	public function __wakeup() {}
+
+	/**
+	 * Define the core functionality of the plugin.
+	 *
+	 * Set the plugin name and the plugin version that can be used throughout the plugin.
+	 * Load the dependencies, define the locale, and set the hooks for the admin area and
+	 * the public-facing side of the site.
+	 *
+	 * @since    1.0.0
+	 */
+	public function __construct() {
+
+		$this->version = WPTELEGRAM_COMMENTS_VER;
+
+		$this->plugin_name = 'wptelegram_comments';
+
+		$this->load_dependencies();
+
+		$this->set_locale();
+	}
+
+	/**
+	 * Registers the initial hooks.
+	 *
+	 * @since   x.y.z
+	 * @access   private
+	 */
+	public function init() {
+		if ( self::$initiated ) {
+			return;
+		}
+		self::$initiated = true;
+
+		// Then lets hook everything up.
+		add_action( 'plugins_loaded', [ $this, 'hookup' ], 20 );
+	}
+
+	/**
+	 * Registers the initial hooks.
+	 *
+	 * @since    x.y.z
+	 * @access   public
+	 */
+	public function hookup() {
+		$this->define_admin_hooks();
+		$this->define_shared_hooks();
+	}
+
+	/**
+	 * Load the required dependencies for this plugin.
+	 *
+	 * @since    x.y.z
+	 * @access   private
+	 */
+	private function load_dependencies() {
+
+		/**
+		 * Composer autoloader.
+		 *
+		 * The directory is relative to the plugin root.
+		 */
+		require_once dirname( WPTELEGRAM_COMMENTS_MAIN_FILE ) . '/vendor/autoload.php';
+	}
+
+	/**
+	 * Define the locale for this plugin for internationalization.
+	 *
+	 * Uses the I18n class in order to set the domain and to register the hook
+	 * with WordPress.
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 */
+	private function set_locale() {
+
+		$plugin_i18n = new I18n();
+
+		add_action( 'plugins_loaded', [ $plugin_i18n, 'load_plugin_textdomain' ] );
+	}
+
+	/**
+	 * Set the plugin options
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 */
+	private function set_options() {
+
+		$this->options = new Options( $this->name() );
+	}
+
+	/**
+	 * Get the plugin options
+	 *
+	 * @since    1.0.0
+	 * @access   public
+	 *
+	 * @return Options
+	 */
+	public function options() {
+		if ( ! $this->options ) {
+			$this->set_options();
+		}
+		return $this->options;
+	}
+
+	/**
+	 * Set the assets handler.
+	 *
+	 * @since    1.1.0
+	 * @access   private
+	 */
+	private function set_assets() {
+		$this->assets = new Assets( $this->dir( '/assets' ), $this->url( '/assets' ) );
+	}
+
+	/**
+	 * Get the plugin assets handler.
+	 *
+	 * @since    1.1.0
+	 * @access   public
+	 *
+	 * @return Assets The assets instance.
+	 */
+	public function assets() {
+		if ( ! $this->assets ) {
+			$this->set_assets();
+		}
+
+		return $this->assets;
+	}
+
+	/**
+	 * Set the asset manager.
+	 *
+	 * @since    1.1.3
+	 * @access   private
+	 */
+	private function set_asset_manager() {
+		$this->asset_manager = new AssetManager( $this );
+	}
+
+	/**
+	 * Get the plugin assets manager.
+	 *
+	 * @since    1.1.3
+	 * @access   public
+	 *
+	 * @return AssetManager The asset manager.
+	 */
+	public function asset_manager() {
+		if ( ! $this->asset_manager ) {
+			$this->set_asset_manager();
+		}
+
+		return $this->asset_manager;
+	}
+
+	/**
+	 * Register all of the hooks related to the admin area functionality
+	 * of the plugin.
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 */
+	private function define_admin_hooks() {
+
+		$plugin_admin = new Admin( $this );
+
+		add_action( 'admin_menu', [ $plugin_admin, 'add_plugin_admin_menu' ] );
+		add_action( 'admin_menu', [ Utils::class, 'update_menu_structure' ], 5 );
+
+		add_action( 'rest_api_init', [ $plugin_admin, 'register_rest_routes' ] );
+	}
+
+	/**
+	 * Register all of the hooks related to the public-facing functionality
+	 * of the plugin.
+	 *
+	 * @since    1.0.0
+	 * @access   private
+	 */
+	private function define_shared_hooks() {
+
+		$shared = new Shared( $this );
+
+		add_filter( 'comments_template', [ $shared, 'set_comments_template' ], PHP_INT_MAX - 100 );
+
+		add_filter( 'wptelegram_comments_widget_attributes', [ $shared, 'set_widget_attributes' ], 10, 2 );
+
+		$asset_manager = $this->asset_manager();
+
+		add_action( 'admin_enqueue_scripts', [ $asset_manager, 'enqueue_admin_styles' ] );
+		add_action( 'admin_enqueue_scripts', [ $asset_manager, 'enqueue_admin_scripts' ] );
+		add_action( 'init', [ $asset_manager, 'register_assets' ] );
+	}
+
+	/**
+	 * The title of the plugin.
+	 *
+	 * @since     1.0.0
+	 * @return    string    The title of the plugin.
+	 */
+	public function title() {
+		// Set here instead of constructor
+		// to be able to translate it.
+		if ( ! $this->title ) {
+			$this->title = __( 'WP Telegram Comments', 'wptelegram-comments' );
+		}
+		return $this->title;
+	}
+
+	/**
+	 * The name of the plugin used to uniquely identify it within the context of
+	 * WordPress and to define internationalization functionality.
+	 *
+	 * @since     1.0.0
+	 * @return    string    The name of the plugin.
+	 */
+	public function name() {
+		return $this->plugin_name;
+	}
+
+	/**
+	 * Retrieve the version number of the plugin.
+	 *
+	 * @since     1.0.0
+	 * @return    string    The version number of the plugin.
+	 */
+	public function version() {
+		return $this->version;
+	}
+
+	/**
+	 * Retrieve directory path to the plugin.
+	 *
+	 * @since 1.0.0
+	 * @param string $path Path to append.
+	 * @return string Directory with optional path appended
+	 */
+	public function dir( $path = '' ) {
+		return WPTELEGRAM_COMMENTS_DIR . $path;
+	}
+
+	/**
+	 * Retrieve URL path to the plugin.
+	 *
+	 * @since 1.0.0
+	 * @param string $path Path to append.
+	 * @return string URL with optional path appended
+	 */
+	public function url( $path = '' ) {
+		return WPTELEGRAM_COMMENTS_URL . $path;
+	}
+
+	/**
+	 * Get the asset path.
+	 *
+	 * @param string $path Path to append.
+	 * @return string
+	 */
+	public function asset_path( $path = '' ) {
+		return $this->dir( '/assets' . $path );
+	}
+
+	/**
+	 * Get the asset URL.
+	 *
+	 * @param string $path Path to append.
+	 * @return string
+	 */
+	public function asset_url( $path = '' ) {
+		return $this->url( '/assets' . $path );
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/Options.php b/plugins/wptelegram-comments/src/includes/Options.php
new file mode 100644
index 00000000..53d1cd4b
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/Options.php
@@ -0,0 +1,460 @@
+<?php
+/**
+ * Handles the options access of the plugin
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+use Iterator;
+use ArrayAccess;
+
+/**
+ * Allows an easy access to plugin options/settings
+ * which are in the form of an array
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class Options implements Iterator, ArrayAccess {
+
+	/**
+	 * Plugin option key saved in the database
+	 *
+	 * @since 1.0.0
+	 * @var string the option key
+	 */
+	protected $option_key;
+
+	/**
+	 * All plugin options
+	 *
+	 * @since 1.0.0
+	 * @var array Contains all the plugin options
+	 */
+	protected $data;
+
+	/**
+	 * Whether the data should be stored as json or as serialized.
+	 *
+	 * Non UTF-8 (old) databases do not support multibyte characters
+	 * (like emojis) when using the default (serialization) method.
+	 *
+	 * @since 1.0.0
+	 * @var string Whether to store data as json.
+	 */
+	protected $store_as_json;
+
+	/**
+	 * Constructor.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $option_key    The option key name.
+	 * @param string $store_as_json Whether to store data as json.
+	 */
+	public function __construct( $option_key = '', $store_as_json = false ) {
+
+		$this->store_as_json = $store_as_json;
+
+		// Make sure we have an array to avoid adding values to null.
+		$this->data = [];
+
+		if ( ! empty( $option_key ) ) {
+			$this->set_option_key( $option_key );
+		}
+	}
+
+	/**
+	 * Checks if an option key exists.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key Option key.
+	 *
+	 * @return bool Whether the option key exists.
+	 */
+	public function exists( $key ) {
+		return array_key_exists( $key, $this->get_data() );
+	}
+
+	/**
+	 * Retrieves an option by key.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key     Options array key.
+	 * @param mixed  $default Optional default value.
+	 *
+	 * @return mixed Option value
+	 */
+	public function get( $key = '', $default = false ) {
+		if ( 'all' === $key || empty( $key ) ) {
+			$value = $this->data;
+		} else {
+			$value = $this->exists( $key ) ? $this->data[ $key ] : $default;
+		}
+
+		return apply_filters( strtolower( __CLASS__ ) . "_{$this->option_key}_get_{$key}", $value, $default );
+	}
+
+	/**
+	 * Retrieves an option by nested path, with keys separated by dot.
+	 *
+	 * @since 3.0.0
+	 *
+	 * @param string $path    Path to the value..
+	 * @param mixed  $default Optional default value.
+	 *
+	 * @return mixed Option value.
+	 */
+	public function get_path( $path = '', $default = false ) {
+		// If it's not a nested path.
+		if ( false === strpos( $path, '.' ) ) {
+			return $this->get( $path, $default );
+		}
+
+		$value = $this->get( 'all' );
+
+		if ( ! is_array( $value ) ) {
+			return $default;
+		}
+
+		foreach ( explode( '.', $path ) as $key ) {
+
+			if ( ! is_array( $value ) || ! array_key_exists( $key, $value ) ) {
+				return $default;
+			}
+			$value = $value[ $key ];
+		}
+
+		return apply_filters( strtolower( __CLASS__ ) . "_{$this->option_key}_get_path_{$path}", $value, $default );
+	}
+
+	/**
+	 * Sets an option by key.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key   Options array key.
+	 * @param mixed  $value Option value.
+	 *
+	 * @return mixed Option value
+	 */
+	public function set( $key, $value = '' ) {
+
+		if ( ! empty( $this->option_key ) ) {
+
+			$this->data[ $key ] = apply_filters( strtolower( __CLASS__ ) . "_{$this->option_key}_set_{$key}", $value );
+
+			return $this->update_data();
+		}
+
+		$this->data[ $key ] = $value;
+
+		return $this;
+	}
+
+	/**
+	 * Remove an option by key.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key Options array key.
+	 */
+	public function remove( $key ) {
+
+		unset( $this->data[ $key ] );
+
+		return $this->update_data();
+	}
+
+	/**
+	 * Get the option key
+	 *
+	 * @since 1.0.0
+	 */
+	public function get_option_key() {
+		return $this->option_key;
+	}
+
+	/**
+	 * Set the option key.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $option_key Option name in the database.
+	 */
+	public function set_option_key( $option_key ) {
+		$this->option_key = $option_key;
+		$this->set_data();
+
+		return $this;
+	}
+
+	/**
+	 * Gets all options.
+	 *
+	 * @since 1.0.0
+	 * @return array
+	 */
+	public function get_data() {
+		return (array) $this->get();
+	}
+
+	/**
+	 * Sets the options data.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param array   $data    The options array.
+	 * @param boolean $unslash Whether to unslash the data.
+	 */
+	public function set_data( array $data = [], $unslash = false ) {
+		if ( empty( $data ) && ! empty( $this->option_key ) ) {
+
+			$default = $this->store_as_json ? '' : [];
+
+			$data = get_option( $this->option_key, $default );
+
+			if ( $this->store_as_json ) {
+				$data = json_decode( $data, true );
+			}
+		}
+
+		if ( $unslash ) {
+			$data = wp_unslash( $data );
+		}
+		$this->data = (array) $data;
+
+		return $this;
+	}
+
+	/**
+	 * Updates the options in the database.
+	 *
+	 * @since 1.0.0
+	 * @param boolean $unslash Whether to unslash the data.
+	 */
+	public function update_data( $unslash = false ) {
+
+		// Make sure we have something to work upon.
+		if ( ! empty( $this->option_key ) ) {
+			$data = $this->get_data();
+			if ( $this->store_as_json ) {
+				$data = wp_json_encode( $data );
+			}
+			if ( $unslash ) {
+				$data = wp_unslash( $data );
+			}
+
+			return update_option( $this->option_key, $data );
+		}
+		return false;
+	}
+
+	/**
+	 * Magic method for accessing options as object props.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key Options array key.
+	 *
+	 * @return mixed Value of the option
+	 */
+	public function __get( $key ) {
+		return $this->get( $key );
+	}
+
+	/**
+	 * Magic method for setting options as object props.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key   Options array key.
+	 * @param string $value Option value.
+	 */
+	public function __set( $key, $value ) {
+		return $this->set( $key, $value );
+	}
+
+	/**
+	 * Magic method for un-setting options as object props.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key Options array key.
+	 */
+	public function __unset( $key ) {
+		return $this->remove( $key );
+	}
+
+	/**
+	 * Magic method to check for existence of a key.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key Options array key.
+	 */
+	public function __isset( $key ) {
+		return $this->exists( $key );
+	}
+
+	/**
+	 * Allows the object being called as a function
+	 * to retrieve an option.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $key Options array key.
+	 *
+	 * @return mixed Option value.
+	 */
+	public function __invoke( $key ) {
+		return $this->get( $key );
+	}
+
+	/**
+	 * Allows the object being treated as string
+	 *
+	 * @since 1.0.0
+	 *
+	 * @return string json encoded.
+	 */
+	public function __toString() {
+		return wp_json_encode( $this->get_data() );
+	}
+
+	/**
+	 * Determines whether an offset value exists.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/arrayaccess.offsetexists.php
+	 *
+	 * @param mixed $offset An offset to check for.
+	 * @return bool True if the offset exists, false otherwise.
+	 */
+	#[\ReturnTypeWillChange]
+	public function offsetExists( $offset ) {
+		return $this->exists( $offset );
+	}
+
+	/**
+	 * Retrieves a value at a specified offset.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/arrayaccess.offsetget.php
+	 *
+	 * @param mixed $offset The offset to retrieve.
+	 * @return mixed If set, the value at the specified offset, false otherwise.
+	 */
+	#[\ReturnTypeWillChange]
+	public function offsetGet( $offset ) {
+		return $this->get( $offset );
+	}
+
+	/**
+	 * Sets a value at a specified offset.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/arrayaccess.offsetset.php
+	 *
+	 * @param mixed $offset The offset to assign the value to.
+	 * @param mixed $value The value to set.
+	 */
+	#[\ReturnTypeWillChange]
+	public function offsetSet( $offset, $value ) {
+		return $this->set( $offset, $value );
+	}
+
+	/**
+	 * Unsets a specified offset.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/arrayaccess.offsetunset.php
+	 *
+	 * @param mixed $offset The offset to unset.
+	 */
+	#[\ReturnTypeWillChange]
+	public function offsetUnset( $offset ) {
+		return $this->remove( $offset );
+	}
+
+	/**
+	 * Returns the current element.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/iterator.current.php
+	 *
+	 * @return mixed
+	 */
+	#[\ReturnTypeWillChange]
+	public function current() {
+		return current( $this->data );
+	}
+
+	/**
+	 * Moves forward to the next element.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/iterator.next.php
+	 *
+	 * @return mixed
+	 */
+	#[\ReturnTypeWillChange]
+	public function next() {
+		return next( $this->data );
+	}
+
+	/**
+	 * Returns the key of the current element.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/iterator.key.php
+	 *
+	 * @return mixed
+	 */
+	#[\ReturnTypeWillChange]
+	public function key() {
+		return key( $this->data );
+	}
+
+	/**
+	 * Checks if current position is valid.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/iterator.valid.php
+	 *
+	 * @return boolean
+	 */
+	#[\ReturnTypeWillChange]
+	public function valid() {
+		return key( $this->data ) !== null;
+	}
+
+	/**
+	 * Rewinds the Iterator to the first element.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @link https://secure.php.net/manual/en/iterator.rewind.php
+	 */
+	#[\ReturnTypeWillChange]
+	public function rewind() {
+		reset( $this->data );
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/Requirements.php b/plugins/wptelegram-comments/src/includes/Requirements.php
new file mode 100644
index 00000000..cfe6af9c
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/Requirements.php
@@ -0,0 +1,127 @@
+<?php
+/**
+ * Handles the plugin requirements.
+ *
+ * @link      https://wpsocio.com
+ * @since     1.1.8
+ *
+ * @package WPTelegram
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+/**
+ * Handles the plugin requirements.
+ *
+ * @package WPTelegram
+ * @subpackage WPTelegram\Comments\includes
+ * @author   WP Socio
+ */
+class Requirements {
+
+	/**
+	 * Check if the requirements are satisfied.
+	 *
+	 * @since 1.1.8
+	 *
+	 * @return bool Whether the requirements are satisfied.
+	 */
+	public static function satisfied() {
+		$env_details = self::get_env_details();
+
+		return $env_details['satisfied'];
+	}
+
+	/**
+	 * Get the environment details.
+	 *
+	 * @since 1.1.8
+	 *
+	 * @return array The environment details.
+	 */
+	public static function get_env_details() {
+		if ( ! function_exists( 'get_plugin_data' ) ) {
+			require_once ABSPATH . 'wp-admin/includes/plugin.php';
+		}
+		$plugin_data = get_plugin_data( WPTELEGRAM_COMMENTS_MAIN_FILE );
+
+		$data = [
+			'PHP' => [
+				'version' => PHP_VERSION,
+				'min'     => $plugin_data['RequiresPHP'],
+			],
+			'WP'  => [
+				'version' => get_bloginfo( 'version' ),
+				'min'     => $plugin_data['RequiresWP'],
+			],
+		];
+
+		$satisfied = true;
+
+		foreach ( $data as &$details ) {
+			$details['satisfied'] = version_compare( $details['version'], $details['min'], '>=' );
+
+			if ( $satisfied && ! $details['satisfied'] ) {
+				$satisfied = false;
+			}
+		}
+
+		return compact( 'data', 'satisfied' );
+	}
+
+	/**
+	 * Display the requirements.
+	 *
+	 * @since 1.1.8
+	 */
+	public static function display_requirements() {
+		$env_details = self::get_env_details();
+		?>
+		<tr class="plugin-update-tr">
+			<td colspan="5" class="plugin-update colspanchange">
+				<div class="update-message notice inline notice-error notice-alt" style="padding-block-end: 1rem;">
+					<p>
+						<?php esc_html_e( 'This plugin is not compatible with your website configuration.', 'wptelegram-comments' ); ?>
+					</p>
+					<span><?php esc_html_e( 'Missing requirements', 'wptelegram-comments' ); ?>&nbsp;👇</span>
+					<ul style="list-style-type: disc; margin-inline-start: 2rem;">
+						<?php
+						foreach ( $env_details['data'] as $name => $requirement ) :
+							if ( ! $requirement['satisfied'] ) :
+								?>
+								<li>
+									<?php
+									echo esc_html( $name );
+									echo '&nbsp;&dash;&nbsp;';
+									echo esc_html(
+										sprintf(
+										/* translators: %s: Version number */
+											__( 'Current version: %s', 'wptelegram-comments' ),
+											$requirement['version']
+										)
+									);
+									echo '&nbsp;&comma;&nbsp;';
+									echo esc_html(
+										sprintf(
+										/* translators: %s: Version number */
+											__( 'Minimum required version: %s', 'wptelegram-comments' ),
+											$requirement['min']
+										)
+									);
+									?>
+								</li>
+								<?php
+							endif;
+						endforeach;
+						?>
+					</ul>
+					<span>
+						<?php esc_html_e( 'Please contact your hosting provider to ensure the above requirements are met.', 'wptelegram-comments' ); ?>
+					</span>
+				</div>
+			</td>
+		</tr>
+		<?php
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/Utils.php b/plugins/wptelegram-comments/src/includes/Utils.php
new file mode 100644
index 00000000..5dd6d77f
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/Utils.php
@@ -0,0 +1,134 @@
+<?php
+/**
+ * Utility methods.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.1.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes;
+
+/**
+ * Utility methods.
+ *
+ * Utility methods.
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class Utils {
+
+	/**
+	 * Check whether the template path is valid.
+	 *
+	 * @since 1.1.0
+	 * @param string $template The template path.
+	 *
+	 * @return bool
+	 */
+	public static function is_valid_template( $template ) {
+		/**
+		 * Only allow templates that are in the active theme directory,
+		 * parent theme directory, or the /wp-includes/theme-compat/ directory
+		 * (prevent directory traversal attacks)
+		 */
+		$valid_paths = array_map(
+			'realpath',
+			[
+				get_stylesheet_directory(),
+				get_template_directory(),
+				ABSPATH . WPINC . '/theme-compat/',
+			]
+		);
+
+		$path = realpath( $template );
+
+		foreach ( $valid_paths as $valid_path ) {
+			if ( preg_match( '#\A' . preg_quote( $valid_path, '#' ) . '#', $path ) ) {
+				return true;
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * Returns Jed-formatted localization data.
+	 *
+	 * @source gutenberg_get_jed_locale_data()
+	 *
+	 * @since 1.1.0
+	 *
+	 * @param  string $domain Translation domain.
+	 *
+	 * @return array
+	 */
+	public static function get_jed_locale_data( $domain ) {
+		$translations = get_translations_for_domain( $domain );
+
+		$locale = [
+			'' => [
+				'domain' => $domain,
+				'lang'   => is_admin() ? get_user_locale() : get_locale(),
+			],
+		];
+
+		if ( ! empty( $translations->headers['Plural-Forms'] ) ) {
+			$locale['']['plural_forms'] = $translations->headers['Plural-Forms'];
+		}
+
+		foreach ( $translations->entries as $msgid => $entry ) {
+			$locale[ $msgid ] = $entry->translations;
+		}
+
+		return $locale;
+	}
+
+	/**
+	 * Update the menu structure to make WP Telegram the top level link.
+	 */
+	public static function update_menu_structure() {
+		global $admin_page_hooks;
+
+		if ( ! defined( 'WPTELEGRAM_LOADED' ) && empty( $admin_page_hooks['wptelegram'] ) ) {
+			add_menu_page(
+				__( 'WP Telegram', 'wptelegram-comments' ),
+				__( 'WP Telegram', 'wptelegram-comments' ),
+				'manage_options',
+				'wptelegram',
+				null,
+				'',
+				80
+			);
+			add_action( 'admin_menu', [ __CLASS__, 'remove_wptelegram_menu' ], 20 );
+		}
+	}
+
+	/**
+	 * Update the menu structure to remove WP Telegram top level link.
+	 */
+	public static function remove_wptelegram_menu() {
+		global $submenu;
+
+		if ( ! current_user_can( 'manage_options' ) || empty( $submenu['wptelegram'] ) ) {
+			return;
+		}
+
+		$key = null;
+		foreach ( $submenu['wptelegram'] as $submenu_key => $submenu_item ) {
+			if ( 'wptelegram' === $submenu_item[2] ) {
+				$key = $submenu_key;
+				break;
+			}
+		}
+
+		if ( null === $key ) {
+			return;
+		}
+
+		unset( $submenu['wptelegram'][ $key ] );
+	}
+}
diff --git a/plugins/wptelegram-comments/src/includes/index.php b/plugins/wptelegram-comments/src/includes/index.php
new file mode 100644
index 00000000..e71af0ef
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/index.php
@@ -0,0 +1 @@
+<?php // Silence is golden
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/includes/restApi/RESTController.php b/plugins/wptelegram-comments/src/includes/restApi/RESTController.php
new file mode 100644
index 00000000..bdbae4f5
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/restApi/RESTController.php
@@ -0,0 +1,39 @@
+<?php
+/**
+ * WP REST API functionality of the plugin.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.1.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes\restApi;
+
+/**
+ * Base class for all the endpoints.
+ *
+ * @since 1.1.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+abstract class RESTController extends \WP_REST_Controller {
+
+	/**
+	 * The namespace of this controller's route.
+	 *
+	 * @var string
+	 * @since 1.1.0
+	 */
+	const NAMESPACE = 'wptelegram-comments/v1';
+
+	/**
+	 * The base of this controller's route.
+	 *
+	 * @var string
+	 */
+	const REST_BASE = '';
+}
diff --git a/plugins/wptelegram-comments/src/includes/restApi/SettingsController.php b/plugins/wptelegram-comments/src/includes/restApi/SettingsController.php
new file mode 100644
index 00000000..a962cf2e
--- /dev/null
+++ b/plugins/wptelegram-comments/src/includes/restApi/SettingsController.php
@@ -0,0 +1,226 @@
+<?php
+/**
+ * Plugin settings endpoint for WordPress REST API.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ */
+
+namespace WPTelegram\Comments\includes\restApi;
+
+use WP_REST_Request;
+use WP_REST_Server;
+
+/**
+ * Class to handle the settings endpoint.
+ *
+ * @since 1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\includes
+ * @author     WP Socio
+ */
+class SettingsController extends RESTController {
+
+	/**
+	 * The base of this controller's route.
+	 *
+	 * @var string
+	 */
+	const REST_BASE = '/settings';
+
+	/**
+	 * The plugin settings/options.
+	 *
+	 * @var string
+	 */
+	protected $settings;
+
+	/**
+	 * Constructor
+	 *
+	 * @since 1.0.0
+	 */
+	public function __construct() {
+		$this->settings = WPTG_Comments()->options();
+	}
+
+	/**
+	 * Register the routes for the objects of the controller.
+	 *
+	 * @since 1.0.0
+	 */
+	public function register_routes() {
+
+		register_rest_route(
+			self::NAMESPACE,
+			self::REST_BASE,
+			[
+				[
+					'methods'             => WP_REST_Server::READABLE,
+					'callback'            => [ $this, 'get_settings' ],
+					'permission_callback' => [ $this, 'settings_permissions' ],
+					'args'                => self::get_settings_params( 'view' ),
+				],
+				[
+					'methods'             => WP_REST_Server::CREATABLE,
+					'callback'            => [ $this, 'update_settings' ],
+					'permission_callback' => [ $this, 'settings_permissions' ],
+					'args'                => self::get_settings_params( 'edit' ),
+				],
+			]
+		);
+	}
+
+	/**
+	 * Check request permissions.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @return bool
+	 */
+	public function settings_permissions() {
+		return current_user_can( 'manage_options' );
+	}
+
+	/**
+	 * Get the default settings.
+	 *
+	 * @return array
+	 */
+	public static function get_default_settings() {
+
+		$settings = WPTG_Comments()->options()->get_data();
+
+		// If we have somethings saved.
+		if ( ! empty( $settings ) ) {
+			return $settings;
+		}
+
+		// Get the default values.
+		$settings = self::get_settings_params();
+
+		foreach ( $settings as $key => $args ) {
+			$settings[ $key ] = isset( $args['default'] ) ? $args['default'] : '';
+		}
+
+		return $settings;
+	}
+
+	/**
+	 * Get settings via API.
+	 *
+	 * @since 1.0.0
+	 */
+	public function get_settings() {
+		return rest_ensure_response( self::get_default_settings() );
+	}
+
+	/**
+	 * Update settings.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param WP_REST_Request $request WP REST API request.
+	 */
+	public function update_settings( WP_REST_Request $request ) {
+
+		$settings = [];
+
+		foreach ( self::get_settings_params() as $key => $args ) {
+			$value = $request->get_param( $key );
+
+			if ( null !== $value || isset( $args['default'] ) ) {
+
+				$settings[ $key ] = null === $value ? $args['default'] : $value;
+			}
+		}
+
+		WPTG_Comments()->options()->set_data( $settings )->update_data();
+
+		return rest_ensure_response( $settings );
+	}
+
+	/**
+	 * Retrieves the query params for the settings.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $context The context for the values.
+	 * @return array Query parameters for the settings.
+	 */
+	public static function get_settings_params( $context = 'edit' ) {
+		return [
+			'code'       => [
+				'type'              => 'string',
+				'required'          => ( 'edit' === $context ),
+				'sanitize_callback' => [ __CLASS__, 'sanitize_param' ],
+				'validate_callback' => [ __CLASS__, 'validate_param' ],
+			],
+			'attributes' => [
+				'type'                 => 'object',
+				'additionalProperties' => true,
+				'default'              => [ 'async' => 'async' ],
+				'sanitize_callback'    => [ __CLASS__, 'sanitize_param' ],
+				'validate_callback'    => 'rest_validate_request_arg',
+			],
+			'post_types' => [
+				'type'              => 'array',
+				'items'             => [
+					'type' => 'string',
+				],
+				'default'           => [ 'post' ],
+				'sanitize_callback' => [ __CLASS__, 'sanitize_param' ],
+				'validate_callback' => 'rest_validate_request_arg',
+			],
+			'exclude'    => [
+				'type'              => 'string',
+				'sanitize_callback' => [ __CLASS__, 'sanitize_param' ],
+				'validate_callback' => 'rest_validate_request_arg',
+			],
+		];
+	}
+
+	/**
+	 * Validate the params.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param mixed           $value   Value of the param.
+	 * @param WP_REST_Request $request WP REST API request.
+	 * @param string          $key     Param key.
+	 */
+	public static function validate_param( $value, WP_REST_Request $request, $key ) {
+		switch ( $key ) {
+			case 'code':
+				$pattern = '/\A<script[^<>]+?><\/script>\Z/';
+				break;
+		}
+
+		return (bool) preg_match( $pattern, $value );
+	}
+
+	/**
+	 * Sanitize the params before saving to DB.
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param mixed           $value   Value of the param.
+	 * @param WP_REST_Request $request WP REST API request.
+	 * @param string          $key     Param key.
+	 */
+	public static function sanitize_param( $value, WP_REST_Request $request, $key ) {
+		switch ( $key ) {
+			case 'code':
+				return trim( $value );
+			case 'attributes':
+			case 'post_types':
+				return array_map( 'sanitize_text_field', $value );
+			case 'exclude':
+				return implode( ',', array_filter( array_map( 'sanitize_text_field', explode( ',', $value ) ) ) );
+		}
+	}
+}
diff --git a/plugins/wptelegram-comments/src/index.php b/plugins/wptelegram-comments/src/index.php
new file mode 100644
index 00000000..e71af0ef
--- /dev/null
+++ b/plugins/wptelegram-comments/src/index.php
@@ -0,0 +1 @@
+<?php // Silence is golden
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/languages/js-translations.pot b/plugins/wptelegram-comments/src/languages/js-translations.pot
new file mode 100644
index 00000000..0d47ff0b
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/js-translations.pot
@@ -0,0 +1,223 @@
+msgid ""
+msgstr ""
+"Content-Type: text/plain; charset=utf-8\n"
+"X-Generator: babel-plugin-makepot\n"
+
+#: domains/wptelegram/comments/main/src/services/fields.ts:7
+msgid "Code"
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/services/fields.ts:8
+msgid "Exclude"
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/services/fields.ts:9
+msgid "Post types"
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Code.tsx:52
+#: packages/components/src/BotTokenField.tsx:38
+msgid "Please read the instructions above."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Configuration.tsx:12
+msgid "Configuration"
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Configuration.tsx:18
+msgid "The comments widget will be shown on the selected post types."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Configuration.tsx:26
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by "
+"comma."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Instructions.tsx:16
+#. 1 URL
+msgid "Goto %s."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Instructions.tsx:32
+#. 1 menu name, 2, 3 buttons
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Instructions.tsx:48
+#. 1 field name, 2 website address, 3 field name
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Instructions.tsx:64
+#. 1 button name
+msgid "Click on %s and customize the appearance if you want."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Instructions.tsx:76
+#. 1, 2 button names
+msgid "Click on %1$s and %2$s."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Instructions.tsx:86
+msgid "Paste the copied code in the field below."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Instructions.tsx:87
+#: packages/components/src/Submit/SubmitButton.tsx:15
+msgid "Save Changes"
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Sidebar.tsx:17
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+
+#: domains/wptelegram/comments/main/src/ui/Sidebar.tsx:18
+msgid "Get LIVE support on Telegram"
+msgstr ""
+
+#: packages/components/src/ConfirmDialog.tsx:53
+msgid "No"
+msgstr ""
+
+#: packages/components/src/ConfirmDialog.tsx:56
+msgid "Yes"
+msgstr ""
+
+#: packages/components/src/Instructions/Instructions.tsx:15
+msgid "INSTRUCTIONS!"
+msgstr ""
+
+#: packages/components/src/InstructionsLink.tsx:12
+msgid "Click here for instructions."
+msgstr ""
+
+#: packages/components/src/PluginInfo/PluginInfoCard.tsx:44
+msgid "Do you like %s?"
+msgstr ""
+
+#: packages/components/src/PluginInfo/PluginInfoCard.tsx:54
+msgid "Write a review"
+msgstr ""
+
+#: packages/components/src/PluginInfo/PluginInfoCard.tsx:64
+msgid "Need help?"
+msgstr ""
+
+#: packages/components/src/TestResult/MemberCountResult.tsx:15
+msgid "Members Count:"
+msgstr ""
+
+#: packages/components/src/TestResult/MessageResult.tsx:15
+msgid "Result:"
+msgstr ""
+
+#: packages/components/src/TestResult/TestResult.tsx:14
+msgid "Test Result:"
+msgstr ""
+
+#: packages/components/src/WPTGSocialIcons/WPTGSocialIcons.tsx:38
+msgid "Follow %s"
+msgstr ""
+
+#: packages/components/src/WPTGSocialIcons/WPTGSocialIcons.tsx:45
+msgid "Join %s"
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfo.tsx:25
+#. 1, 2 Menu names
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfo.tsx:32
+msgid "Appearance"
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfo.tsx:33
+msgid "Widgets"
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfo.tsx:41
+msgid ""
+"Alternately, you can use the below shortcode or the block available in "
+"block editor."
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfo.tsx:43
+msgid "Inside page or post content:"
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfo.tsx:47
+msgid "Inside the theme templates"
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfo.tsx:51
+msgid "or"
+msgstr ""
+
+#: packages/components/src/WidgetInfo/WidgetInfoCard.tsx:14
+msgid "Widget Info"
+msgstr ""
+
+#: packages/components/src/useBotTokenTest.tsx:96
+#: packages/components/src/useChatWithTest.tsx:95
+msgid "Please wait…"
+msgstr ""
+
+#: packages/components/src/useBotTokenTest.tsx:96
+msgid "Test Token"
+msgstr ""
+
+#: packages/components/src/useChatWithTest.tsx:95
+msgid "Send Test"
+msgstr ""
+
+#: packages/form/src/render/RenderRepeatable.tsx:101
+msgid "Add"
+msgstr ""
+
+#: packages/services/src/apiFetch/index.ts:35
+msgid "Something went wrong"
+msgstr ""
+
+#: packages/services/src/apiFetch/index.ts:37
+msgid "Could not connect"
+msgstr ""
+
+#: packages/services/src/apiFetch/index.ts:40
+msgid "Error:"
+msgstr ""
+
+#: packages/services/src/telegram/TelegramUtils.ts:108
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: packages/services/src/telegram/TelegramUtils.ts:109
+msgid "This is a test message"
+msgstr ""
+
+#: packages/services/src/telegram/TelegramUtils.ts:129
+msgid "Success"
+msgstr ""
+
+#: packages/services/src/useDisplayFeedback.ts:62
+msgid "Lets fix these errors first."
+msgstr ""
+
+#: packages/services/src/useSubmitForm.ts:62
+msgid "Changes saved successfully."
+msgstr ""
+
+#: packages/utilities/src/fields.ts:31
+msgid "Invalid %s"
+msgstr ""
+
+#: packages/utilities/src/fields.ts:34
+msgid "%s required."
+msgstr ""
+
+#: packages/utilities/src/fields.ts:37
+msgid "Changes could not be saved."
+msgstr ""
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-de_DE.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-de_DE.mo
new file mode 100644
index 00000000..ef07cc86
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-de_DE.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-de_DE.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-de_DE.po
new file mode 100644
index 00000000..c6c1ed88
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-de_DE.po
@@ -0,0 +1,285 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:52+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: de_DE\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Telegram Kommentare"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"Mit diesem Plugin kannst du Kommentare auf Beiträgen/Seiten deiner WordPress "
+"Webseite mit dem Telegram Kommentarwidget hinzufügen."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "WP Telegram Kommentare"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Code"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Ausschließen"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Beitragsarten"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Bitte lies die obigen Anweisungen."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Konfiguration"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "Das Kommentarwidget wird auf den ausgewählten Beitragsarten angezeigt."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Um spezielle Beiträge auszuschließen, gib die Beitrags- oder Seiten-IDs, "
+"durch Komma getrennt, ein."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "Gehe zu %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "Unter %1$s klicke auf %2$s oder %3$s."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr ""
+"Bitte gib deinen Seitennamen in das %1$s Feld und %2$s in das %3$s Feld ein."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "Klicke auf %s und passe das Design nach deinen Wünschen an."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "Klicke auf %1$s und %2$s."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Füge den kopierten Code in das nachstehende Feld ein."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Änderungen speichern"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+"Benutze das Telegram Kommentarwidget für deine WordPress Beiträge oder "
+"Seiten."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Erhalte LIVE Support über Telegram"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "ANLEITUNG!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Bitte lies die obigen Anweisungen."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "Gefällt dir %s?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "Hilfe benötigt?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Folge %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Trete %s bei"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Behebe zuerst diese Fehler."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Änderungen erfolgreich gespeichert."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "Ungültig %s"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s erforderlich."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "Die Änderungen konnten nicht gespeichert werden."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "WP Telegram Kommentare"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-es_ES.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-es_ES.mo
new file mode 100644
index 00000000..83916334
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-es_ES.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-es_ES.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-es_ES.po
new file mode 100644
index 00000000..520a9096
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-es_ES.po
@@ -0,0 +1,287 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:52+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: es_ES\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Comentarios en Telegram"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"Con éste plugin puedes añadir comentarios a entradas/páginas de tu sitio "
+"WordPress usando el widget de comentarios de Telegram."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "WP Telegram Comments"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Código"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Excluir"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Tipos de contenido"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Por favor, lee las anteriores instrucciones."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Configuración"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr ""
+"El widget de comentarios será mostrado en los tipos de contenido "
+"seleccionados."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Para excluir entradas específicas introduce el ID de la entrada o página "
+"separado por comas."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "Ir a %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "En %1$s haz clic en %2$s o en %3$s."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr ""
+"Introduce el nombre de tu sitio en el campo %1$s y %2$s en el campo %3$s."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "Haz clic en %s y personaliza la apariencia si lo deseas."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "Haz clic en %1$s y %2$s."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Pega el código copiado en el siguiente campo."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Guardar cambios"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+"Usa el widget de comentarios de Telegram para tus entradas y páginas de "
+"WordPress."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Obtén soporte en directo en Telegram"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "¡INSTRUCCIONES!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Por favor, lee las anteriores instrucciones."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "¿Te gusta %s?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "¿Necesitas ayuda?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Seguir %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Únete a %s"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Vamos a corregir esos errores primero."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Cambios guardados correctamente."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "%s no válido"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s obligatorio."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "No se han podido guardar los cambios."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "WP Telegram Comments"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-fa_IR.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-fa_IR.mo
new file mode 100644
index 00000000..ccb2a2b1
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-fa_IR.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-fa_IR.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-fa_IR.po
new file mode 100644
index 00000000..7ffc6de1
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-fa_IR.po
@@ -0,0 +1,277 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:53+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: fa_IR\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "تلگرام کامنت"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"با استفاده از این افزونه شما قادر خواهید بود به پست ها یا پیج های سایت "
+"وردپرسی خود توسط تلگرام، کامنت اضافه کنید."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+msgid "WP Telegram"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "کد"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "استثناء"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "پست تایپ"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "لطفا دستورالعمل فوق را مطالعه کنید."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "پیکربندی"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "ویجت کامنت در پست مورد نظر شما نمایش داده خواهد شد."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"برای مستثنی کردن یک پست خاص، آی-دی پیج یا پست را وارد و با کاما جدا کنید."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "برو به %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "تحت %1$s روی %2$s یا %3$s کلیک کنید."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr "نام سایت خود را در فیلد %1$s و %2$s را در فیلد %3$s وارد کنید."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "روی %s کلیک کرده و ظاهر دلخواه خود را بسازید اگر مایلید."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "روی %1$s و %2$s ها کلیک کنید."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "کد کپی شده را در فیلد زیر جایگذاری (پیست) کنید."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "ذخیره تغییرات"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr "از ویجت تلگرام کامنت در پست ها و صفحات وردپرس سایتتان استفاده کنید."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "پشتیبانی آنلاین بر روی تلگرام دریافت کنید"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "دستورالعمل ها!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "لطفا دستورالعمل فوق را مطالعه کنید."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "%s را می پسندید؟"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "کمک نیاز دارید؟"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "%s را دنبال کنید"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "به %s بپیوندید"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "ابتدا این خطاها را برطرف کنید۔"
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "تغییرات با موفقیت ذخیره شد."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "%s نامعتبر"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s لازم است."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "تغییرات قابل ذخیره نیست."
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-hr.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-hr.mo
new file mode 100644
index 00000000..108af4b3
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-hr.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-hr.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-hr.po
new file mode 100644
index 00000000..c0d096d9
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-hr.po
@@ -0,0 +1,283 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:53+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: hr\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Telegram Komentari"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"S ovim dodatkom, možete omogućiti komentare na vaše WordPress postove i "
+"stranice koristeći Telegram Comments Widget."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "WP Telegram Komentari"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Kod"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Izostavi"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Vrsta Objave"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Molim pročitajte upute iznad."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Konfiguracija"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "Comments widget biti će prikazan na odabranim tipovima postova."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Kako bi isključili određene postove, unesite post ili page ID te ih odvojite "
+"zarezom."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "Idi na %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "Ispod %1$s kliknite na %2$s ili %3$s."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr "Unesite naziv stranice u %1$s polje i %2$s u %3$s polje."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "Kliknite na %s i prilagodite izgled ukoliko zelite."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "Kliknite na %1$s i %2$s."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Zaljepite kopirani kod u polje ispod."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Spremi promjene"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+"Koristite Telegram Comments widget za vaše WordPress postove i stranice."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Reference"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "UPUTE!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Molim pročitajte upute iznad."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "Sviđa ti se %s?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "Trebate Pomoć?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Prati %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Pridruži se %s"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Idemo prvo popraviti greške."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Promjene su uspješno snimljene."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "Neispravan %s"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s potrebno."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "Promjene ne mogu biti spremljene."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "WP Telegram Komentari"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-id_ID.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-id_ID.mo
new file mode 100644
index 00000000..eeb9b79b
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-id_ID.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-id_ID.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-id_ID.po
new file mode 100644
index 00000000..b7b55931
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-id_ID.po
@@ -0,0 +1,283 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:53+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: id_ID\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Komentar Telegram"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"Dengan plugin ini, Anda dapat menambahkan komentar pada tulisan/laman pada "
+"situs web WordPress menggunakan Widget Komentar Telegram."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "Komentar Telegram WP"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Kode"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Kecualikan"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Jenis kiriman"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Harap baca instruksi di atas."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Konfigurasi"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "Widget komentar akan ditampilkan pada jenis kiriman yang dipilih."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Untuk mengecualikan kiriman tertentu, masukkan ID tulisan atau laman, "
+"pisahkan dengan koma."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "Buka %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "Klik %2$s atau %3$s pada %1$s."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr "Masukkan nama situs Anda pada ruas %1$s dan %2$s pada ruas %3$s."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "Klik %s dan sesuaikan tampilan jika diinginkan."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "Klik %1$s dan %2$s."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Tempelkan kode yang disalin pada ruas berikut."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Simpan Perubahan"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+"Gunakan widget Komentar Telegram untuk tulisan atau laman WordPress Anda."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Dapatkan dukungan LANGSUNG di Telegram"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "INSTRUKSI!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Harap baca instruksi di atas."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "Anda menyukai %s?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "Perlu bantuan?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Ikuti %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Bergabung %s"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Mari pebaiki galat berikut terlebih dahulu."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Perubahan berhasil disimpan."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "%s invalid"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "Diperlukan %s."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "Perubahan tidak dapat disimpan."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "Komentar Telegram WP"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-it_IT.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-it_IT.mo
new file mode 100644
index 00000000..2f5e86e9
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-it_IT.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-it_IT.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-it_IT.po
new file mode 100644
index 00000000..88f9a412
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-it_IT.po
@@ -0,0 +1,282 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:53+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: it_IT\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Telegram Comments"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"Con questo plugin, è possibile aggiungere I commenti ai messaggi/pagine sul "
+"tuo sito web WordPress utilizzando il widget Telegram Comments."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "WP Telegram Comments"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Codice"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Escludi"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Tipi di messaggi"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Si prega di leggere le istruzioni sopra."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Configurazione"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "Il widget dei commenti sarà mostrato sui tipi di post selezionati."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Per escludere i messaggi specifici, inserisci il post o gli ID pagina "
+"separati da virgola."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "Vai a %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "Sotto %1$s clicca su %2$s o %3$s."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr "Inserisci il nome del tuo sito nel campo %1$s e %2$s nel campo %3$s."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "Clicca su %s e personalizza l'aspetto se lo desideri."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "Clicca su %1$s e %2$s."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Incolla il codice copiato nel campo sottostante."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Salva i cambiamenti"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr "Usa il widget Telegram Comments per i tuoi post o pagine di WordPress."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Ottenere il supporto LIVE su Telegram"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "ISTRUZIONI!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Si prega di leggere le istruzioni sopra."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "Ti piace %s?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "Serve aiuto?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Segui %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Unisciti %s"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Correggi questi errori prima."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Cambiamenti salvati correttamente."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "Non valido %s"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s obbligatorio."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "I cambiamenti non posso essere salvati."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "WP Telegram Comments"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-js-translations.php b/plugins/wptelegram-comments/src/languages/wptelegram-comments-js-translations.php
new file mode 100644
index 00000000..f45f41d0
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-js-translations.php
@@ -0,0 +1,166 @@
+<?php
+/* THIS IS A GENERATED FILE. DO NOT EDIT DIRECTLY. */
+$generated_i18n_strings = array(
+	// Reference: domains/wptelegram/comments/main/src/services/fields.ts:7
+	__( 'Code', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/services/fields.ts:8
+	__( 'Exclude', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/services/fields.ts:9
+	__( 'Post types', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Code.tsx:52
+	// Reference: packages/components/src/BotTokenField.tsx:38
+	__( 'Please read the instructions above.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Configuration.tsx:12
+	__( 'Configuration', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Configuration.tsx:18
+	__( 'The comments widget will be shown on the selected post types.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Configuration.tsx:26
+	__( 'To exclude the specific posts, enter the post or page IDs separated by comma.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Instructions.tsx:16
+	/* translators: 1 URL */
+	__( 'Goto %s.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Instructions.tsx:32
+	/* translators: 1 menu name, 2, 3 buttons */
+	__( 'Under %1$s click on %2$s or %3$s.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Instructions.tsx:48
+	/* translators: 1 field name, 2 website address, 3 field name */
+	__( 'Enter your site name in %1$s field and %2$s in %3$s field.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Instructions.tsx:64
+	/* translators: 1 button name */
+	__( 'Click on %s and customize the appearance if you want.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Instructions.tsx:76
+	/* translators: 1, 2 button names */
+	__( 'Click on %1$s and %2$s.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Instructions.tsx:86
+	__( 'Paste the copied code in the field below.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Instructions.tsx:87
+	// Reference: packages/components/src/Submit/SubmitButton.tsx:15
+	__( 'Save Changes', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Sidebar.tsx:17
+	__( 'Use Telegram Comments widget for your WordPress posts or pages.', 'wptelegram-comments' ),
+
+	// Reference: domains/wptelegram/comments/main/src/ui/Sidebar.tsx:18
+	__( 'Get LIVE support on Telegram', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/ConfirmDialog.tsx:53
+	__( 'No', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/ConfirmDialog.tsx:56
+	__( 'Yes', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/Instructions/Instructions.tsx:15
+	__( 'INSTRUCTIONS!', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/InstructionsLink.tsx:12
+	__( 'Click here for instructions.', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/PluginInfo/PluginInfoCard.tsx:44
+	__( 'Do you like %s?', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/PluginInfo/PluginInfoCard.tsx:54
+	__( 'Write a review', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/PluginInfo/PluginInfoCard.tsx:64
+	__( 'Need help?', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/TestResult/MemberCountResult.tsx:15
+	__( 'Members Count:', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/TestResult/MessageResult.tsx:15
+	__( 'Result:', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/TestResult/TestResult.tsx:14
+	__( 'Test Result:', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WPTGSocialIcons/WPTGSocialIcons.tsx:38
+	__( 'Follow %s', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WPTGSocialIcons/WPTGSocialIcons.tsx:45
+	__( 'Join %s', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfo.tsx:25
+	/* translators: 1, 2 Menu names */
+	__( 'Goto %1$s and click/drag %2$s and place it where you want it to be.', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfo.tsx:32
+	__( 'Appearance', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfo.tsx:33
+	__( 'Widgets', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfo.tsx:41
+	__( 'Alternately, you can use the below shortcode or the block available in block editor.', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfo.tsx:43
+	__( 'Inside page or post content:', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfo.tsx:47
+	__( 'Inside the theme templates', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfo.tsx:51
+	__( 'or', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/WidgetInfo/WidgetInfoCard.tsx:14
+	__( 'Widget Info', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/useBotTokenTest.tsx:96
+	// Reference: packages/components/src/useChatWithTest.tsx:95
+	__( 'Please wait…', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/useBotTokenTest.tsx:96
+	__( 'Test Token', 'wptelegram-comments' ),
+
+	// Reference: packages/components/src/useChatWithTest.tsx:95
+	__( 'Send Test', 'wptelegram-comments' ),
+
+	// Reference: packages/form/src/render/RenderRepeatable.tsx:101
+	__( 'Add', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/apiFetch/index.ts:35
+	__( 'Something went wrong', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/apiFetch/index.ts:37
+	__( 'Could not connect', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/apiFetch/index.ts:40
+	__( 'Error:', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/telegram/TelegramUtils.ts:108
+	__( 'A message will be sent to the Channel/Group/Chat. You can modify the text below', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/telegram/TelegramUtils.ts:109
+	__( 'This is a test message', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/telegram/TelegramUtils.ts:129
+	__( 'Success', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/useDisplayFeedback.ts:62
+	__( 'Lets fix these errors first.', 'wptelegram-comments' ),
+
+	// Reference: packages/services/src/useSubmitForm.ts:62
+	__( 'Changes saved successfully.', 'wptelegram-comments' ),
+
+	// Reference: packages/utilities/src/fields.ts:31
+	__( 'Invalid %s', 'wptelegram-comments' ),
+
+	// Reference: packages/utilities/src/fields.ts:34
+	__( '%s required.', 'wptelegram-comments' ),
+
+	// Reference: packages/utilities/src/fields.ts:37
+	__( 'Changes could not be saved.', 'wptelegram-comments' )
+);
+/* THIS IS THE END OF THE GENERATED FILE */
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-ru_RU.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-ru_RU.mo
new file mode 100644
index 00000000..03137932
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-ru_RU.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-ru_RU.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-ru_RU.po
new file mode 100644
index 00000000..0f05d395
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-ru_RU.po
@@ -0,0 +1,283 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:54+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: ru_RU\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Комментарии Telegram"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"С помощью этого плагина вы можете добавлять комментарии к записям/страницам "
+"на вашем сайте на WordPress (используя виджет Telegram Comments)."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "WP Telegram Comments"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Код"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Исключить"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Типы записей"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Пожалуйста, прочтите инструкции выше."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Поздравляем"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "Виджет комментариев будет показан в записях выбранного типа."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Чтобы исключить конкретные записи, введите ID записи или страницы через "
+"запятую."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "Перейти к %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "Под %1$s нажмите на %2$s или %3$s."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr "Введите имя вашего сайта в %1$s и %2$s поля %3$s."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "Нажмите %s и при желании настройте внешний вид."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "Нажмите %1$s и %2$s."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Вставьте скопированный код в поле ниже."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Сохранить изменения"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+"Используйте виджет Telegram Comments в ваших записях или страницах WordPress."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Получите ЖИВУЮ поддержку через Telegram"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "ИНСТРУКЦИИ!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Пожалуйста, прочтите инструкции выше."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "Вам нравится %s?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "Требуется помощь?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Читать %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Добавить %s"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Давайте сперва исправим эти ошибки."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Изменения сохранены успешно."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "Недопустимое %s"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s (обязательно)"
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "Изменения не могут быть сохранены."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "WP Telegram Comments"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-tr_TR.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-tr_TR.mo
new file mode 100644
index 00000000..b8c90299
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-tr_TR.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-tr_TR.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-tr_TR.po
new file mode 100644
index 00000000..68e3bd8f
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-tr_TR.po
@@ -0,0 +1,284 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:54+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: tr_TR\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Telegram Yorumları"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"Bu eklenti ile, Telegram Yorumlar Widget kullanarak WordPress web sitesinde "
+"mesaj / sayfalara yorum ekleyebilirsiniz."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "WP Telegram Yorumlar"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Kod"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Hariç Tut"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Mesaj Tipleri"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Lütfen yukarıdaki talimatları okuyun."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Yapılandırma"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "Yorumlar widget'ı seçilen gönderi türlerinde gösterilecektir."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Belirli gönderileri hariç tutmak için, posta veya virgülle ayrılmış sayfa "
+"kimliklerini girin."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "%s Git."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "%1$s altında %2$s veya %3$s üzerine tıklayın."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr "Site adınızı %1$s alanına ve %2$s %3$s alanına girin."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "%s seçeneğine tıklayın ve isterseniz görünümü özelleştirin."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "%1$s ve %2$s öğelerine tıklayın."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Kopyalanan kodu aşağıdaki alana yapıştırın."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Değişiklikleri Kaydet"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+"WordPress yayınlarınız veya sayfalarınız için Telegram Comments widget'ını "
+"kullanın."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Telegram üzerinden CANLI destek alın"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "TALİMATLAR!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Lütfen yukarıdaki talimatları okuyun."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "%s hoşunuza gitti mi?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "Yardıma mı ihtiyacınız var?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Takip Et %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Katıl %s"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Şimdi bu hataları düzeltelim."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Değişiklikler başarıyla kaydedildi."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "Geçersiz %s"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s gerekli."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "Değişiklikler kaydedilemedi."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "WP Telegram Yorumlar"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-uk.mo b/plugins/wptelegram-comments/src/languages/wptelegram-comments-uk.mo
new file mode 100644
index 00000000..477401f9
Binary files /dev/null and b/plugins/wptelegram-comments/src/languages/wptelegram-comments-uk.mo differ
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments-uk.po b/plugins/wptelegram-comments/src/languages/wptelegram-comments-uk.po
new file mode 100644
index 00000000..fbb88572
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments-uk.po
@@ -0,0 +1,284 @@
+# Copyright (C) 2019 WP Telegram
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"PO-Revision-Date: 2021-02-27 12:54+0530\n"
+"Last-Translator: \n"
+"Language-Team: WP Telegram\n"
+"Language: uk\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.4.2\n"
+"X-Poedit-Basepath: ..\n"
+"Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 "
+"&& n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr "Коментарі з Telegram"
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+"З цим плагіном ви можете додавати коментарі до записів та сторінок на вашому "
+"WordPress сайті використовуючи віджет Коментарі з Telegram."
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:100
+msgid "Current version: %s"
+msgstr ""
+
+#. translators: %s: Version number
+#: includes/Requirements.php:108
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+#, fuzzy
+msgid "WP Telegram"
+msgstr "WP Telegram Comments"
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr "Код"
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr "Виключити"
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr "Типи записів"
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr "Будь ласка, прочитайте інструкцію нижче."
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr "Конфігурація"
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr "Віджет з коментарями буде відображений на вибраному типі записів."
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by comma."
+msgstr ""
+"Щоб виключити специфічні записи введіть ідентифікатори постів або сторінок "
+"розділені через кому."
+
+#. translators: 1 URL
+#: languages/wptelegram-comments-js-translations.php:28
+msgid "Goto %s."
+msgstr "Перейти до %s."
+
+#. translators: 1 menu name, 2, 3 buttons
+#: languages/wptelegram-comments-js-translations.php:32
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr "Під %1$s натисніть на %2$s або %3$s."
+
+#. translators: 1 field name, 2 website address, 3 field name
+#: languages/wptelegram-comments-js-translations.php:36
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr "Введіть назву вашого сайту в %1$s поле та %2$s в %3$s поле."
+
+#. translators: 1 button name
+#: languages/wptelegram-comments-js-translations.php:40
+msgid "Click on %s and customize the appearance if you want."
+msgstr "Натисніть на %s та налаштуйте вигляд як ви бажаєте."
+
+#. translators: 1, 2 button names
+#: languages/wptelegram-comments-js-translations.php:44
+msgid "Click on %1$s and %2$s."
+msgstr "Натисніть на %1$s та %2$s."
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr "Вставити зкопійований код в поле нижче."
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr "Зберегти зміни"
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+"Використовуйте віджет Коментарі з Telegram для ваших постів та сторінок у "
+"WordPress."
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr "Отримати підтримку в Telegram"
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr "ІНСТРУКЦІЇ!"
+
+#: languages/wptelegram-comments-js-translations.php:69
+#, fuzzy
+msgid "Click here for instructions."
+msgstr "Будь ласка, прочитайте інструкцію нижче."
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr "Чи подобається вам %s?"
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr "Потрібна допомога?"
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr "Підписатися на %s"
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr "Приєднати %s"
+
+#. translators: 1, 2 Menu names
+#: languages/wptelegram-comments-js-translations.php:97
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in block "
+"editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr "Давайте виправимо спершу ці помилки."
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr "Зміни збережені успішно."
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr "Невірний %s"
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr "%s обов’язково."
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr "Зміни не можуть бути збережені."
+
+#~ msgid "WP Telegram Comments"
+#~ msgstr "WP Telegram Comments"
diff --git a/plugins/wptelegram-comments/src/languages/wptelegram-comments.pot b/plugins/wptelegram-comments/src/languages/wptelegram-comments.pot
new file mode 100644
index 00000000..d84572b0
--- /dev/null
+++ b/plugins/wptelegram-comments/src/languages/wptelegram-comments.pot
@@ -0,0 +1,278 @@
+# Copyright (C) 2023 WP Socio
+# This file is distributed under the GPL-2.0+.
+msgid ""
+msgstr ""
+"Project-Id-Version: WP Telegram Comments 1.1.9\n"
+"Report-Msgid-Bugs-To: https://github.com/wpsocio/wptelegram-comments\n"
+"POT-Creation-Date: 2023-12-07 11:56:56+00:00\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"PO-Revision-Date: 2023-12-7 11:560\n"
+"Last-Translator: WP Telegram Comments\n"
+"Language-Team: WP Telegram Comments\n"
+"Language: en_US\n"
+"Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n\n"
+"X-Poedit-Country: United States\n"
+"X-Poedit-SourceCharset: UTF-8\n"
+"X-Poedit-KeywordsList: __;_e;_x;esc_attr__;esc_attr_e;esc_html__;esc_html_e\n"
+"X-Poedit-Basepath: ..\n"
+"X-Poedit-SearchPath-0: .\n"
+"X-Poedit-Bookmarks: \n"
+"X-Textdomain-Support: yes\n"
+"X-Generator: node-wp-i18n\n"
+"X-Poedit-SearchPathExcluded-0: assets\n"
+
+#: admin/Admin.php:47
+msgid "Telegram Comments"
+msgstr ""
+
+#: includes/AssetManager.php:154
+msgid ""
+"With this plugin, you can add comments to posts/pages on your WordPress "
+"website by using Telegram Comments Widget."
+msgstr ""
+
+#: includes/Requirements.php:85
+msgid "This plugin is not compatible with your website configuration."
+msgstr ""
+
+#: includes/Requirements.php:87
+msgid "Missing requirements"
+msgstr ""
+
+#: includes/Requirements.php:100
+#. translators: %s: Version number
+msgid "Current version: %s"
+msgstr ""
+
+#: includes/Requirements.php:108
+#. translators: %s: Version number
+msgid "Minimum required version: %s"
+msgstr ""
+
+#: includes/Requirements.php:120
+msgid ""
+"Please contact your hosting provider to ensure the above requirements are "
+"met."
+msgstr ""
+
+#: includes/Utils.php:98 includes/Utils.php:99
+msgid "WP Telegram"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:5
+msgid "Code"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:8
+msgid "Exclude"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:11
+msgid "Post types"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:15
+msgid "Please read the instructions above."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:18
+msgid "Configuration"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:21
+msgid "The comments widget will be shown on the selected post types."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:24
+msgid ""
+"To exclude the specific posts, enter the post or page IDs separated by "
+"comma."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:28
+#. translators: 1 URL
+msgid "Goto %s."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:32
+#. translators: 1 menu name, 2, 3 buttons
+msgid "Under %1$s click on %2$s or %3$s."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:36
+#. translators: 1 field name, 2 website address, 3 field name
+msgid "Enter your site name in %1$s field and %2$s in %3$s field."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:40
+#. translators: 1 button name
+msgid "Click on %s and customize the appearance if you want."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:44
+#. translators: 1, 2 button names
+msgid "Click on %1$s and %2$s."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:47
+msgid "Paste the copied code in the field below."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:51
+msgid "Save Changes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:54
+msgid "Use Telegram Comments widget for your WordPress posts or pages."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:57
+msgid "Get LIVE support on Telegram"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:60
+msgid "No"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:63
+msgid "Yes"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:66
+msgid "INSTRUCTIONS!"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:69
+msgid "Click here for instructions."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:72
+msgid "Do you like %s?"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:75
+msgid "Write a review"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:78
+msgid "Need help?"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:81
+msgid "Members Count:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:84
+msgid "Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:87
+msgid "Test Result:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:90
+msgid "Follow %s"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:93
+msgid "Join %s"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:97
+#. translators: 1, 2 Menu names
+msgid "Goto %1$s and click/drag %2$s and place it where you want it to be."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:100
+msgid "Appearance"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:103
+msgid "Widgets"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:106
+msgid ""
+"Alternately, you can use the below shortcode or the block available in "
+"block editor."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:109
+msgid "Inside page or post content:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:112
+msgid "Inside the theme templates"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:115
+msgid "or"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:118
+msgid "Widget Info"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:122
+msgid "Please wait…"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:125
+msgid "Test Token"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:128
+msgid "Send Test"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:131
+msgid "Add"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:134
+msgid "Something went wrong"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:137
+msgid "Could not connect"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:140
+msgid "Error:"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:143
+msgid ""
+"A message will be sent to the Channel/Group/Chat. You can modify the text "
+"below"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:146
+msgid "This is a test message"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:149
+msgid "Success"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:152
+msgid "Lets fix these errors first."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:155
+msgid "Changes saved successfully."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:158
+msgid "Invalid %s"
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:161
+msgid "%s required."
+msgstr ""
+
+#: languages/wptelegram-comments-js-translations.php:164
+msgid "Changes could not be saved."
+msgstr ""
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/shared/Shared.php b/plugins/wptelegram-comments/src/shared/Shared.php
new file mode 100644
index 00000000..0cddfcdc
--- /dev/null
+++ b/plugins/wptelegram-comments/src/shared/Shared.php
@@ -0,0 +1,134 @@
+<?php
+/**
+ * The public-facing functionality of the plugin.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\shared
+ */
+
+namespace WPTelegram\Comments\shared;
+
+use WPTelegram\Comments\includes\BaseClass;
+use WPTelegram\Comments\includes\Utils;
+
+/**
+ * The public-facing functionality of the plugin.
+ *
+ * Defines the plugin name, version, and two examples hooks for how to
+ * enqueue the public-facing stylesheet and JavaScript.
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\shared
+ * @author     WP Socio
+ */
+class Shared extends BaseClass {
+
+	/**
+	 * Set the widget attributes.
+	 *
+	 * @since 1.0.0
+	 * @param string   $attributes The attributes string.
+	 * @param \WP_Post $post       The current post.
+	 */
+	public function set_widget_attributes( $attributes, $post ) {
+
+		$attributes_array = $this->plugin()->options()->get( 'attributes' );
+
+		$attributes_array['async']        = 'async';
+		$attributes_array['data-page-id'] = $post->ID;
+
+		foreach ( $attributes_array as $key => $value ) {
+			$attributes .= $value ? $key . '="' . esc_attr( $value ) . '" ' : $key;
+		}
+
+		return $attributes;
+	}
+
+	/**
+	 * Set the comments Template.
+	 *
+	 * @since 1.0.0
+	 * @param string $template The path to the template file.
+	 */
+	public function set_comments_template( $template ) {
+
+		global $post;
+
+		if ( $this->rules_apply( $post ) ) {
+
+			$overridden_template = locate_template( 'wptelegram-comments/comments.php' );
+
+			if ( $overridden_template ) {
+				/**
+				 * The value returned by locate_template() is a path to file.
+				 * if either the child theme or the parent theme have overridden the template.
+				 */
+				if ( Utils::is_valid_template( $overridden_template ) ) {
+					$template = $overridden_template;
+				}
+			} else {
+				/*
+				* If neither the child nor parent theme have overridden the template,
+				* we load the template from the 'partials' sub-directory of the directory this file is in.
+				*/
+				$template = $this->plugin()->dir( '/shared/partials/comments.php' );
+			}
+		}
+
+		return $template;
+	}
+
+	/**
+	 * Check if the rules apply to the post.
+	 *
+	 * @since 1.0.0
+	 * @param \WP_Post $post The current post.
+	 * @return bool
+	 */
+	private function rules_apply( $post ) {
+
+		if (
+			! $post
+			|| ! is_object( $post )
+			|| ! comments_open( $post )
+			|| ! is_singular()
+			|| ! post_type_supports( $post->post_type, 'comments' )
+		) {
+			$rules_apply = false;
+		} else {
+			// check if the rules apply to the post.
+			$rules_apply = $this->check_for_rules( $post );
+		}
+
+		return (bool) apply_filters( 'wptelegram_comments_post_rules_apply', $rules_apply, $post );
+	}
+
+	/**
+	 * Check if the rules apply to the post.
+	 *
+	 * @since 1.0.0
+	 * @param \WP_Post $post The current post.
+	 * @return bool
+	 */
+	private function check_for_rules( $post ) {
+
+		$options = $this->plugin()->options();
+
+		$post_types = $options->get( 'post_types', [] );
+
+		if ( ! in_array( $post->post_type, $post_types, true ) ) {
+			return false;
+		}
+
+		$excluded = array_map( 'intval', explode( ',', $options->get( 'exclude', '' ) ) );
+
+		if ( in_array( $post->ID, $excluded, true ) ) {
+			return false;
+		}
+
+		return true;
+	}
+}
diff --git a/plugins/wptelegram-comments/src/shared/index.php b/plugins/wptelegram-comments/src/shared/index.php
new file mode 100644
index 00000000..e71af0ef
--- /dev/null
+++ b/plugins/wptelegram-comments/src/shared/index.php
@@ -0,0 +1 @@
+<?php // Silence is golden
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/src/shared/partials/comments.php b/plugins/wptelegram-comments/src/shared/partials/comments.php
new file mode 100644
index 00000000..8703a2fc
--- /dev/null
+++ b/plugins/wptelegram-comments/src/shared/partials/comments.php
@@ -0,0 +1,28 @@
+<?php
+/**
+ * Provide a public-facing view for the widget
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ * @subpackage WPTelegram\Comments\shared\partials
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	die;
+}
+global $post;
+
+$attributes = apply_filters( 'wptelegram_comments_widget_attributes', '', $post );
+
+?>
+<div id="comments" class="comments comments-area">
+	<?php do_action( 'wptelegram_comments_before_widget' ); ?>
+
+	<?php // phpcs:ignore WordPress.WP.EnqueuedResources ?>
+	<?php // phpcs:ignore WordPress.Security.EscapeOutput ?>
+	<script <?php echo $attributes; ?>></script>
+
+	<?php do_action( 'wptelegram_comments_after_widget' ); ?>
+</div>
diff --git a/plugins/wptelegram-comments/src/uninstall.php b/plugins/wptelegram-comments/src/uninstall.php
new file mode 100644
index 00000000..c637bb4f
--- /dev/null
+++ b/plugins/wptelegram-comments/src/uninstall.php
@@ -0,0 +1,15 @@
+<?php
+/**
+ * Fired when the plugin is uninstalled.
+ *
+ * @link       https://wpsocio.com
+ * @since      1.0.0
+ *
+ * @package    WPTelegram\Comments
+ */
+
+// If uninstall not called from WordPress, then exit.
+if ( ! defined( 'WP_UNINSTALL_PLUGIN' ) || ! WP_UNINSTALL_PLUGIN || dirname( WP_UNINSTALL_PLUGIN ) !== dirname( plugin_basename( __FILE__ ) ) ) {
+	status_header( 404 );
+	exit;
+}
diff --git a/plugins/wptelegram-comments/src/wptelegram-comments.php b/plugins/wptelegram-comments/src/wptelegram-comments.php
new file mode 100644
index 00000000..38e77235
--- /dev/null
+++ b/plugins/wptelegram-comments/src/wptelegram-comments.php
@@ -0,0 +1,91 @@
+<?php
+/**
+ * The main plugin file.
+ *
+ * @link              https://wpsocio.com
+ * @since             1.0.0
+ * @package           WPTelegram\Comments
+ *
+ * @wordpress-plugin
+ * Plugin Name:       WP Telegram Comments
+ * Plugin URI:        https://t.me/WPTelegram
+ * Description:       Add comments to posts/pages on your WordPress website by using Telegram Comments Widget.
+ * Version:           1.1.9
+ * Requires at least: 6.1
+ * Requires PHP:      7.4
+ * Author:            WP Socio
+ * Author URI:        https://wpsocio.com
+ * License:           GPL-2.0+
+ * License URI:       http://www.gnu.org/licenses/gpl-2.0.txt
+ * Text Domain:       wptelegram-comments
+ * Domain Path:       /languages
+ */
+
+// If this file is called directly, abort.
+if ( ! defined( 'WPINC' ) ) {
+	die;
+}
+
+/**
+ * Currently plugin version.
+ */
+define( 'WPTELEGRAM_COMMENTS_VER', '1.1.9' );
+
+defined( 'WPTELEGRAM_COMMENTS_MAIN_FILE' ) || define( 'WPTELEGRAM_COMMENTS_MAIN_FILE', __FILE__ );
+
+defined( 'WPTELEGRAM_COMMENTS_BASENAME' ) || define( 'WPTELEGRAM_COMMENTS_BASENAME', plugin_basename( WPTELEGRAM_COMMENTS_MAIN_FILE ) );
+
+define( 'WPTELEGRAM_COMMENTS_DIR', untrailingslashit( plugin_dir_path( __FILE__ ) ) );
+
+define( 'WPTELEGRAM_COMMENTS_URL', untrailingslashit( plugins_url( '', __FILE__ ) ) );
+
+/**
+ * Include autoloader.
+ */
+require WPTELEGRAM_COMMENTS_DIR . '/autoload.php';
+
+/**
+ * The code that runs during plugin activation.
+ */
+function activate_wptelegram_comments() {
+	\WPTelegram\Comments\includes\Activator::activate();
+}
+
+/**
+ * The code that runs during plugin deactivation.
+ */
+function deactivate_wptelegram_comments() {
+	\WPTelegram\Comments\includes\Deactivator::deactivate();
+}
+
+register_activation_hook( __FILE__, 'activate_wptelegram_comments' );
+register_deactivation_hook( __FILE__, 'deactivate_wptelegram_comments' );
+
+/**
+ * Begins execution of the plugin and acts as the main instance of WPTelegram\Comments.
+ *
+ * Returns an instance of WPTelegram\Comments\includes\Main to prevent the need to use globals.
+ *
+ * Since everything within the plugin is registered via hooks,
+ * then kicking off the plugin from this point in the file does
+ * not affect the page life cycle.
+ *
+ * @since    1.0.0
+ *
+ * @return \WPTelegram\Comments\includes\Main
+ */
+function WPTG_Comments() { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName -- Ignore  snake_case
+
+	return \WPTelegram\Comments\includes\Main::instance();
+}
+
+use WPTelegram\Comments\includes\Requirements;
+
+if ( Requirements::satisfied() ) {
+	// Fire.
+	WPTG_Comments()->init();
+
+	define( 'WPTELEGRAM_COMMENTS_LOADED', true );
+} else {
+	add_filter( 'after_plugin_row_' . WPTELEGRAM_COMMENTS_BASENAME, [ Requirements::class, 'display_requirements' ] );
+}
diff --git a/plugins/wptelegram-comments/tsconfig.json b/plugins/wptelegram-comments/tsconfig.json
new file mode 100644
index 00000000..12b043b6
--- /dev/null
+++ b/plugins/wptelegram-comments/tsconfig.json
@@ -0,0 +1,18 @@
+{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ESNext"
+		],
+		"jsx": "preserve",
+		"moduleResolution": "Bundler",
+		"module": "ESNext",
+		"noEmit": true,
+	},
+	"include": [
+		"js",
+		"vite.config.ts",
+	]
+}
\ No newline at end of file
diff --git a/plugins/wptelegram-comments/vite.config.ts b/plugins/wptelegram-comments/vite.config.ts
new file mode 100644
index 00000000..b9b9d16c
--- /dev/null
+++ b/plugins/wptelegram-comments/vite.config.ts
@@ -0,0 +1,10 @@
+import { createViteConfig, defineConfig } from '@wpsocio/dev/vite';
+
+export default defineConfig(
+	createViteConfig({
+		input: {
+			settings: 'js/settings/index.ts',
+		},
+		outDir: 'src/assets/build',
+	}),
+);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 58468998..734b7695 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,7 +19,7 @@ importers:
         version: 16.3.1
       ts-node:
         specifier: ^10.9.1
-        version: 10.9.1(@types/node@20.10.3)(typescript@5.3.3)
+        version: 10.9.1(@types/node@20.10.4)(typescript@5.3.3)
       turbo:
         specifier: ^1.11.1
         version: 1.11.1
@@ -27,42 +27,251 @@ importers:
         specifier: ^5.3.3
         version: 5.3.3
 
+  packages/js/adapters:
+    dependencies:
+      '@chakra-ui/react':
+        specifier: ^2.8.2
+        version: 2.8.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(@types/react@18.2.45)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0)
+      '@emotion/react':
+        specifier: ^11.11.1
+        version: 11.11.1(@types/react@18.2.45)(react@18.2.0)
+      '@emotion/styled':
+        specifier: ^11.11.0
+        version: 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.45)(react@18.2.0)
+      framer-motion:
+        specifier: ^10.16.16
+        version: 10.16.16(react-dom@18.2.0)(react@18.2.0)
+      react-colorful:
+        specifier: ^5.6.1
+        version: 5.6.1(react-dom@18.2.0)(react@18.2.0)
+      react-select:
+        specifier: ^5.8.0
+        version: 5.8.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      use-debounce:
+        specifier: ^10.0.0
+        version: 10.0.0(react@18.2.0)
+    devDependencies:
+      '@types/react':
+        specifier: ^18.2.45
+        version: 18.2.45
+      '@types/react-dom':
+        specifier: ^18.2.17
+        version: 18.2.17
+      '@types/react-select':
+        specifier: ^5.0.1
+        version: 5.0.1(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+      typescript:
+        specifier: ^5.3.3
+        version: 5.3.3
+
   packages/js/components:
     dependencies:
-      '@wordpress/components':
-        specifier: ^25.12.0
-        version: 25.13.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
+      '@wpsocio/adapters':
+        specifier: workspace:*
+        version: link:../adapters
+      '@wpsocio/i18n':
+        specifier: workspace:*
+        version: link:../i18n
+      '@wpsocio/icons':
+        specifier: workspace:*
+        version: link:../icons
+      '@wpsocio/services':
+        specifier: workspace:*
+        version: link:../services
+      '@wpsocio/utilities':
+        specifier: workspace:*
+        version: link:../utilities
+    devDependencies:
+      '@types/react':
+        specifier: ^18.2.45
+        version: 18.2.45
+      '@types/react-dom':
+        specifier: ^18.2.17
+        version: 18.2.17
       react:
         specifier: ^18.2.0
         version: 18.2.0
       react-dom:
         specifier: ^18.2.0
         version: 18.2.0(react@18.2.0)
+
+  packages/js/form:
+    dependencies:
+      '@hookform/error-message':
+        specifier: ^2.0.1
+        version: 2.0.1(react-dom@18.2.0)(react-hook-form@7.49.2)(react@18.2.0)
+      '@hookform/resolvers':
+        specifier: ^3.3.2
+        version: 3.3.2(react-hook-form@7.49.2)
+      '@wpsocio/adapters':
+        specifier: workspace:*
+        version: link:../adapters
+      '@wpsocio/components':
+        specifier: workspace:*
+        version: link:../components
+      '@wpsocio/i18n':
+        specifier: workspace:*
+        version: link:../i18n
+      '@wpsocio/icons':
+        specifier: workspace:*
+        version: link:../icons
+      '@wpsocio/utilities':
+        specifier: workspace:*
+        version: link:../utilities
+      classnames:
+        specifier: ^2.3.2
+        version: 2.3.2
+      ramda:
+        specifier: ^0.29.1
+        version: 0.29.1
+      react-hook-form:
+        specifier: ^7.49.2
+        version: 7.49.2(react@18.2.0)
+      yup:
+        specifier: ^1.3.2
+        version: 1.3.2
     devDependencies:
+      '@types/node':
+        specifier: ^20.10.4
+        version: 20.10.4
+      '@types/ramda':
+        specifier: ^0.29.9
+        version: 0.29.9
       '@types/react':
-        specifier: ^18.2.37
-        version: 18.2.38
+        specifier: ^18.2.45
+        version: 18.2.45
       '@types/react-dom':
-        specifier: ^18.2.15
+        specifier: ^18.2.17
         version: 18.2.17
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
 
-  plugins/wp-test-plugin:
+  packages/js/form-components:
     dependencies:
-      '@wordpress/block-editor':
-        specifier: ^12.15.0
-        version: 12.15.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/components':
-        specifier: ^25.12.0
-        version: 25.12.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/compose':
-        specifier: ^6.23.0
-        version: 6.23.0(react@18.2.0)
-      '@wordpress/element':
-        specifier: ^5.24.0
-        version: 5.24.0
+      '@wpsocio/adapters':
+        specifier: workspace:*
+        version: link:../adapters
       '@wpsocio/components':
         specifier: workspace:*
-        version: link:../../packages/js/components
+        version: link:../components
+      '@wpsocio/form':
+        specifier: workspace:*
+        version: link:../form
+      '@wpsocio/i18n':
+        specifier: workspace:*
+        version: link:../i18n
+      '@wpsocio/icons':
+        specifier: workspace:*
+        version: link:../icons
+      '@wpsocio/services':
+        specifier: workspace:*
+        version: link:../services
+      '@wpsocio/utilities':
+        specifier: workspace:*
+        version: link:../utilities
+    devDependencies:
+      '@types/react':
+        specifier: ^18.2.45
+        version: 18.2.45
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+
+  packages/js/i18n:
+    dependencies:
+      '@wordpress/i18n':
+        specifier: ^4.48.0
+        version: 4.48.0
+
+  packages/js/icons:
+    dependencies:
+      '@chakra-ui/icons':
+        specifier: ^2.1.1
+        version: 2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+    devDependencies:
+      '@types/react':
+        specifier: ^18.2.45
+        version: 18.2.45
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+
+  packages/js/services:
+    dependencies:
+      '@chakra-ui/toast':
+        specifier: ^7.0.2
+        version: 7.0.2(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0)
+      '@wordpress/api-fetch':
+        specifier: 6.45.0
+        version: 6.45.0
+      '@wpsocio/i18n':
+        specifier: workspace:*
+        version: link:../i18n
+      '@wpsocio/utilities':
+        specifier: workspace:*
+        version: link:../utilities
+      ramda:
+        specifier: ^0.29.1
+        version: 0.29.1
+      yup:
+        specifier: ^1.3.2
+        version: 1.3.2
+    devDependencies:
+      '@types/jquery':
+        specifier: ^3.5.29
+        version: 3.5.29
+      '@types/node':
+        specifier: ^20.10.4
+        version: 20.10.4
+      '@types/ramda':
+        specifier: ^0.29.9
+        version: 0.29.9
+      '@types/react':
+        specifier: ^18.2.45
+        version: 18.2.45
+      '@types/wordpress__api-fetch':
+        specifier: 3.23.1
+        version: 3.23.1
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-hook-form:
+        specifier: ^7.49.2
+        version: 7.49.2(react@18.2.0)
+
+  packages/js/utilities:
+    dependencies:
+      '@wpsocio/i18n':
+        specifier: workspace:*
+        version: link:../i18n
+      cuid:
+        specifier: ^2.1.8
+        version: 2.1.8
+      ramda:
+        specifier: ^0.29.1
+        version: 0.29.1
+    devDependencies:
+      '@types/node':
+        specifier: ^20.10.4
+        version: 20.10.4
+      '@types/ramda':
+        specifier: ^0.29.9
+        version: 0.29.9
+      '@types/react':
+        specifier: ^18.2.45
+        version: 18.2.45
+
+  plugins/wp-test-plugin:
     devDependencies:
       '@types/node':
         specifier: ^20.10.0
@@ -86,6 +295,55 @@ importers:
         specifier: ^5.2.2
         version: 5.3.2
 
+  plugins/wptelegram-comments:
+    dependencies:
+      '@wpsocio/adapters':
+        specifier: workspace:*
+        version: link:../../packages/js/adapters
+      '@wpsocio/components':
+        specifier: workspace:*
+        version: link:../../packages/js/components
+      '@wpsocio/form':
+        specifier: workspace:*
+        version: link:../../packages/js/form
+      '@wpsocio/form-components':
+        specifier: workspace:*
+        version: link:../../packages/js/form-components
+      '@wpsocio/i18n':
+        specifier: workspace:*
+        version: link:../../packages/js/i18n
+      '@wpsocio/services':
+        specifier: workspace:*
+        version: link:../../packages/js/services
+      '@wpsocio/utilities':
+        specifier: workspace:*
+        version: link:../../packages/js/utilities
+      yup:
+        specifier: ^1.3.2
+        version: 1.3.2
+    devDependencies:
+      '@types/jquery':
+        specifier: ^3.5.29
+        version: 3.5.29
+      '@types/react':
+        specifier: ^18.2.37
+        version: 18.2.38
+      '@types/react-dom':
+        specifier: ^18.2.15
+        version: 18.2.17
+      '@wpsocio/dev':
+        specifier: workspace:*
+        version: link:../../tools/dev
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+      typescript:
+        specifier: ^5.2.2
+        version: 5.3.3
+
   tools/cli:
     devDependencies:
       '@swc/core':
@@ -139,6 +397,9 @@ importers:
       vite:
         specifier: ^5.0.0
         version: 5.0.2(@types/node@20.10.3)(sass@1.69.5)
+      vite-plugin-cdn-import:
+        specifier: ^0.3.5
+        version: 0.3.5(rollup@4.5.2)
       vite-plugin-external:
         specifier: ^4.0.1
         version: 4.0.1
@@ -153,34 +414,6 @@ packages:
       '@jridgewell/trace-mapping': 0.3.20
     dev: true
 
-  /@ariakit/core@0.3.5:
-    resolution: {integrity: sha512-aOf20RS7CDv9O4qzoTeI3ozz1l4El0hjsgXzfY2gVvv+1fvfgnHLCz46n8i2clwYCfGnP//201U4y73eGf9uvA==}
-    dev: false
-
-  /@ariakit/react-core@0.3.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-7j2oqdX3dF1cWBSVSZFtKZHyVRJnSIA0T5f31aF/UmYY+Brvxgt+DICire+kxsnqSgxwgzYbZqyLSoLpZaMS0w==}
-    peerDependencies:
-      react: ^17.0.0 || ^18.0.0
-      react-dom: ^17.0.0 || ^18.0.0
-    dependencies:
-      '@ariakit/core': 0.3.5
-      '@floating-ui/dom': 1.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
-
-  /@ariakit/react@0.3.6(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-u3lQKo5cC6pKHk80yQ6XVxRpBvY79xlFfYoonNTQ2rdVE5Hls1pqVUajxoSw+Ui2GcvaCDvfe1SvpPFDuUiXNw==}
-    peerDependencies:
-      react: ^17.0.0 || ^18.0.0
-      react-dom: ^17.0.0 || ^18.0.0
-    dependencies:
-      '@ariakit/react-core': 0.3.6(react-dom@18.2.0)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /@babel/code-frame@7.23.4:
     resolution: {integrity: sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==}
     engines: {node: '>=6.9.0'}
@@ -361,7 +594,6 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.0
-    dev: false
 
   /@babel/template@7.22.15:
     resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
@@ -466,2137 +698,1986 @@ packages:
     dev: true
     optional: true
 
-  /@cspotcode/source-map-support@0.8.1:
-    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
-    engines: {node: '>=12'}
+  /@chakra-ui/accordion@2.3.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0):
+    resolution: {integrity: sha512-FSXRm8iClFyU+gVaXisOSEw0/4Q+qZbFRiuhIAkVU6Boj0FxAMrlo9a8AV5TuF77rgaHytCdHk0Ng+cyUijrag==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.9
-    dev: true
+      '@chakra-ui/descendant': 3.1.0(react@18.2.0)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@chakra-ui/transition': 2.1.0(framer-motion@10.16.16)(react@18.2.0)
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@emotion/babel-plugin@11.11.0:
-    resolution: {integrity: sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==}
+  /@chakra-ui/alert@2.2.2(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-jHg4LYMRNOJH830ViLuicjb3F+v6iriE/2G5T+Sd0Hna04nukNJ1MxUmBPE+vI22me2dIflfelu2v9wdB6Pojw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/runtime': 7.23.4
-      '@emotion/hash': 0.9.1
-      '@emotion/memoize': 0.8.1
-      '@emotion/serialize': 1.1.2
-      babel-plugin-macros: 3.1.0
-      convert-source-map: 1.9.0
-      escape-string-regexp: 4.0.0
-      find-root: 1.1.0
-      source-map: 0.5.7
-      stylis: 4.2.0
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/spinner': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@emotion/cache@11.11.0:
-    resolution: {integrity: sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==}
+  /@chakra-ui/anatomy@2.2.2:
+    resolution: {integrity: sha512-MV6D4VLRIHr4PkW4zMyqfrNS1mPlCTiCXwvYGtDFQYr+xHFfonhAuf9WjsSc0nyp2m0OdkSLnzmVKkZFLo25Tg==}
+    dev: false
+
+  /@chakra-ui/avatar@2.3.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-8gKSyLfygnaotbJbDMHDiJoF38OHXUYVme4gGxZ1fLnQEdPVEaIWfH+NndIjOM0z8S+YEFnT9KyGMUtvPrBk3g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@emotion/memoize': 0.8.1
-      '@emotion/sheet': 1.2.2
-      '@emotion/utils': 1.2.1
-      '@emotion/weak-memoize': 0.3.1
-      stylis: 4.2.0
+      '@chakra-ui/image': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@emotion/css@11.11.2:
-    resolution: {integrity: sha512-VJxe1ucoMYMS7DkiMdC2T7PWNbrEI0a39YRiyDvK2qq4lXwjRbVP/z4lpG+odCsRzadlR+1ywwrTzhdm5HNdew==}
+  /@chakra-ui/breadcrumb@2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-4cWCG24flYBxjruRi4RJREWTGF74L/KzI2CognAW/d/zWR0CjiScuJhf37Am3LFbCySP6WSoyBOtTIoTA4yLEA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@emotion/babel-plugin': 11.11.0
-      '@emotion/cache': 11.11.0
-      '@emotion/serialize': 1.1.2
-      '@emotion/sheet': 1.2.2
-      '@emotion/utils': 1.2.1
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@emotion/hash@0.9.1:
-    resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
+  /@chakra-ui/breakpoint-utils@2.0.8:
+    resolution: {integrity: sha512-Pq32MlEX9fwb5j5xx8s18zJMARNHlQZH2VH1RZgfgRDpp7DcEgtRW5AInfN5CfqdHLO1dGxA7I3MqEuL5JnIsA==}
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
     dev: false
 
-  /@emotion/is-prop-valid@0.8.8:
-    resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
-    requiresBuild: true
+  /@chakra-ui/button@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-95CplwlRKmmUXkdEp/21VkEWgnwcx2TOBG6NfYlsuLBDHSLlo5FKIiE2oSi4zXc4TLcopGcWPNcm/NDaSC5pvA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@emotion/memoize': 0.7.4
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/spinner': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
-    optional: true
 
-  /@emotion/is-prop-valid@1.2.1:
-    resolution: {integrity: sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==}
+  /@chakra-ui/card@2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-xUB/k5MURj4CtPAhdSoXZidUbm8j3hci9vnc+eZJVDqhDOShNlD6QeniQNRPRys4lWAQLCbFcrwL29C8naDi6g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@emotion/memoize': 0.8.1
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@emotion/memoize@0.7.4:
-    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
-    requiresBuild: true
+  /@chakra-ui/checkbox@2.3.2(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-85g38JIXMEv6M+AcyIGLh7igNtfpAN6KGQFYxY9tBj0eWvWk4NKQxvqqyVta0bSAyIl1rixNIIezNpNWk2iO4g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@chakra-ui/visually-hidden': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@zag-js/focus-visible': 0.16.0
+      react: 18.2.0
     dev: false
-    optional: true
 
-  /@emotion/memoize@0.8.1:
-    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+  /@chakra-ui/clickable@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-flRA/ClPUGPYabu+/GLREZVZr9j2uyyazCAUHAdrTUEdDYCr31SVGhgh7dgKdtq23bOvAQJpIJjw/0Bs0WvbXw==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      react: 18.2.0
     dev: false
 
-  /@emotion/react@11.11.1(@types/react@18.2.38)(react@18.2.0):
-    resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
+  /@chakra-ui/close-button@2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-gnpENKOanKexswSVpVz7ojZEALl2x5qjLYNqSQGbxz+aP9sOXPfUS56ebyBrre7T7exuWGiFeRwnM0oVeGPaiw==}
     peerDependencies:
-      '@types/react': '*'
-      react: '>=16.8.0'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@emotion/babel-plugin': 11.11.0
-      '@emotion/cache': 11.11.0
-      '@emotion/serialize': 1.1.2
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
-      '@emotion/utils': 1.2.1
-      '@emotion/weak-memoize': 0.3.1
-      '@types/react': 18.2.38
-      hoist-non-react-statics: 3.3.2
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@emotion/serialize@1.1.2:
-    resolution: {integrity: sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==}
+  /@chakra-ui/color-mode@2.2.0(react@18.2.0):
+    resolution: {integrity: sha512-niTEA8PALtMWRI9wJ4LL0CSBDo8NBfLNp4GD6/0hstcm3IlbBHTVKxN6HwSaoNYfphDQLxCjT4yG+0BJA5tFpg==}
+    peerDependencies:
+      react: '>=18'
     dependencies:
-      '@emotion/hash': 0.9.1
-      '@emotion/memoize': 0.8.1
-      '@emotion/unitless': 0.8.1
-      '@emotion/utils': 1.2.1
-      csstype: 3.1.2
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@emotion/sheet@1.2.2:
-    resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==}
+  /@chakra-ui/control-box@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-gVrRDyXFdMd8E7rulL0SKeoljkLQiPITFnsyMO8EFHNZ+AHt5wK4LIguYVEq88APqAGZGfHFWXr79RYrNiE3Mg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@emotion/styled@11.11.0(@emotion/react@11.11.1)(@types/react@18.2.38)(react@18.2.0):
-    resolution: {integrity: sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==}
+  /@chakra-ui/counter@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-s6hZAEcWT5zzjNz2JIWUBzRubo9la/oof1W7EKZVVfPYHERnl5e16FmBC79Yfq8p09LQ+aqFKm/etYoJMMgghw==}
     peerDependencies:
-      '@emotion/react': ^11.0.0-rc.0
-      '@types/react': '*'
-      react: '>=16.8.0'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@emotion/babel-plugin': 11.11.0
-      '@emotion/is-prop-valid': 1.2.1
-      '@emotion/react': 11.11.1(@types/react@18.2.38)(react@18.2.0)
-      '@emotion/serialize': 1.1.2
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
-      '@emotion/utils': 1.2.1
-      '@types/react': 18.2.38
+      '@chakra-ui/number-utils': 2.0.7
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
       react: 18.2.0
     dev: false
 
-  /@emotion/unitless@0.8.1:
-    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+  /@chakra-ui/css-reset@2.3.0(@emotion/react@11.11.1)(react@18.2.0):
+    resolution: {integrity: sha512-cQwwBy5O0jzvl0K7PLTLgp8ijqLPKyuEMiDXwYzl95seD3AoeuoCLyzZcJtVqaUZ573PiBdAbY/IlZcwDOItWg==}
+    peerDependencies:
+      '@emotion/react': '>=10.0.35'
+      react: '>=18'
+    dependencies:
+      '@emotion/react': 11.11.1(@types/react@18.2.45)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.2.0):
-    resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
+  /@chakra-ui/descendant@3.1.0(react@18.2.0):
+    resolution: {integrity: sha512-VxCIAir08g5w27klLyi7PVo8BxhW4tgU/lxQyujkmi4zx7hT9ZdrcQLAted/dAa+aSIZ14S1oV0Q9lGjsAdxUQ==}
     peerDependencies:
-      react: '>=16.8.0'
+      react: '>=18'
     dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@emotion/utils@1.2.1:
-    resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
+  /@chakra-ui/dom-utils@2.1.0:
+    resolution: {integrity: sha512-ZmF2qRa1QZ0CMLU8M1zCfmw29DmPNtfjR9iTo74U5FPr3i1aoAh7fbJ4qAlZ197Xw9eAW28tvzQuoVWeL5C7fQ==}
     dev: false
 
-  /@emotion/weak-memoize@0.3.1:
-    resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
+  /@chakra-ui/editable@3.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-j2JLrUL9wgg4YA6jLlbU88370eCRyor7DZQD9lzpY95tSOXpTljeg3uF9eOmDnCs6fxp3zDWIfkgMm/ExhcGTg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-focus-on-pointer-down': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@esbuild/android-arm64@0.19.8:
-    resolution: {integrity: sha512-B8JbS61bEunhfx8kasogFENgQfr/dIp+ggYXwTqdbMAgGDhRa3AaPpQMuQU0rNxDLECj6FhDzk1cF9WHMVwrtA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/android-arm@0.19.8:
-    resolution: {integrity: sha512-31E2lxlGM1KEfivQl8Yf5aYU/mflz9g06H6S15ITUFQueMFtFjESRMoDSkvMo8thYvLBax+VKTPlpnx+sPicOA==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/android-x64@0.19.8:
-    resolution: {integrity: sha512-rdqqYfRIn4jWOp+lzQttYMa2Xar3OK9Yt2fhOhzFXqg0rVWEfSclJvZq5fZslnz6ypHvVf3CT7qyf0A5pM682A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-arm64@0.19.8:
-    resolution: {integrity: sha512-RQw9DemMbIq35Bprbboyf8SmOr4UXsRVxJ97LgB55VKKeJOOdvsIPy0nFyF2l8U+h4PtBx/1kRf0BelOYCiQcw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/darwin-x64@0.19.8:
-    resolution: {integrity: sha512-3sur80OT9YdeZwIVgERAysAbwncom7b4bCI2XKLjMfPymTud7e/oY4y+ci1XVp5TfQp/bppn7xLw1n/oSQY3/Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-arm64@0.19.8:
-    resolution: {integrity: sha512-WAnPJSDattvS/XtPCTj1tPoTxERjcTpH6HsMr6ujTT+X6rylVe8ggxk8pVxzf5U1wh5sPODpawNicF5ta/9Tmw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/freebsd-x64@0.19.8:
-    resolution: {integrity: sha512-ICvZyOplIjmmhjd6mxi+zxSdpPTKFfyPPQMQTK/w+8eNK6WV01AjIztJALDtwNNfFhfZLux0tZLC+U9nSyA5Zg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm64@0.19.8:
-    resolution: {integrity: sha512-z1zMZivxDLHWnyGOctT9JP70h0beY54xDDDJt4VpTX+iwA77IFsE1vCXWmprajJGa+ZYSqkSbRQ4eyLCpCmiCQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-arm@0.19.8:
-    resolution: {integrity: sha512-H4vmI5PYqSvosPaTJuEppU9oz1dq2A7Mr2vyg5TF9Ga+3+MGgBdGzcyBP7qK9MrwFQZlvNyJrvz6GuCaj3OukQ==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ia32@0.19.8:
-    resolution: {integrity: sha512-1a8suQiFJmZz1khm/rDglOc8lavtzEMRo0v6WhPgxkrjcU0LkHj+TwBrALwoz/OtMExvsqbbMI0ChyelKabSvQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-loong64@0.19.8:
-    resolution: {integrity: sha512-fHZWS2JJxnXt1uYJsDv9+b60WCc2RlvVAy1F76qOLtXRO+H4mjt3Tr6MJ5l7Q78X8KgCFudnTuiQRBhULUyBKQ==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-mips64el@0.19.8:
-    resolution: {integrity: sha512-Wy/z0EL5qZYLX66dVnEg9riiwls5IYnziwuju2oUiuxVc+/edvqXa04qNtbrs0Ukatg5HEzqT94Zs7J207dN5Q==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-ppc64@0.19.8:
-    resolution: {integrity: sha512-ETaW6245wK23YIEufhMQ3HSeHO7NgsLx8gygBVldRHKhOlD1oNeNy/P67mIh1zPn2Hr2HLieQrt6tWrVwuqrxg==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@esbuild/linux-riscv64@0.19.8:
-    resolution: {integrity: sha512-T2DRQk55SgoleTP+DtPlMrxi/5r9AeFgkhkZ/B0ap99zmxtxdOixOMI570VjdRCs9pE4Wdkz7JYrsPvsl7eESg==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/event-utils@2.0.8:
+    resolution: {integrity: sha512-IGM/yGUHS+8TOQrZGpAKOJl/xGBrmRYJrmbHfUE7zrG3PpQyXvbLDP1M+RggkCFVgHlJi2wpYIf0QtQlU0XZfw==}
+    dev: false
 
-  /@esbuild/linux-s390x@0.19.8:
-    resolution: {integrity: sha512-NPxbdmmo3Bk7mbNeHmcCd7R7fptJaczPYBaELk6NcXxy7HLNyWwCyDJ/Xx+/YcNH7Im5dHdx9gZ5xIwyliQCbg==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/focus-lock@2.1.0(@types/react@18.2.45)(react@18.2.0):
+    resolution: {integrity: sha512-EmGx4PhWGjm4dpjRqM4Aa+rCWBxP+Rq8Uc/nAVnD4YVqkEhBkrPTpui2lnjsuxqNaZ24fIAZ10cF1hlpemte/w==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/dom-utils': 2.1.0
+      react: 18.2.0
+      react-focus-lock: 2.9.6(@types/react@18.2.45)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: false
 
-  /@esbuild/linux-x64@0.19.8:
-    resolution: {integrity: sha512-lytMAVOM3b1gPypL2TRmZ5rnXl7+6IIk8uB3eLsV1JwcizuolblXRrc5ShPrO9ls/b+RTp+E6gbsuLWHWi2zGg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/form-control@2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-wehLC1t4fafCVJ2RvJQT2jyqsAwX7KymmiGqBu7nQoQz8ApTkGABWpo/QwDh3F/dBLrouHDoOvGmYTqft3Mirw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@esbuild/netbsd-x64@0.19.8:
-    resolution: {integrity: sha512-hvWVo2VsXz/8NVt1UhLzxwAfo5sioj92uo0bCfLibB0xlOmimU/DeAEsQILlBQvkhrGjamP0/el5HU76HAitGw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/hooks@2.2.1(react@18.2.0):
+    resolution: {integrity: sha512-RQbTnzl6b1tBjbDPf9zGRo9rf/pQMholsOudTxjy4i9GfTfz6kgp5ValGjQm2z7ng6Z31N1cnjZ1AlSzQ//ZfQ==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-utils': 2.0.12(react@18.2.0)
+      '@chakra-ui/utils': 2.0.15
+      compute-scroll-into-view: 3.0.3
+      copy-to-clipboard: 3.3.3
+      react: 18.2.0
+    dev: false
 
-  /@esbuild/openbsd-x64@0.19.8:
-    resolution: {integrity: sha512-/7Y7u77rdvmGTxR83PgaSvSBJCC2L3Kb1M/+dmSIvRvQPXXCuC97QAwMugBNG0yGcbEGfFBH7ojPzAOxfGNkwQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/icon@3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-xxjGLvlX2Ys4H0iHrI16t74rG9EBcpFvJ3Y3B7KMQTrnW34Kf7Da/UC8J67Gtx85mTHW020ml85SVPKORWNNKQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@esbuild/sunos-x64@0.19.8:
-    resolution: {integrity: sha512-9Lc4s7Oi98GqFA4HzA/W2JHIYfnXbUYgekUP/Sm4BG9sfLjyv6GKKHKKVs83SMicBF2JwAX6A1PuOLMqpD001w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/icons@2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-3p30hdo4LlRZTT5CwoAJq3G9fHI0wDc0pBaMHj4SUn0yomO+RcDRlzhdXqdr5cVnzax44sqXJVnf3oQG0eI+4g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@esbuild/win32-arm64@0.19.8:
-    resolution: {integrity: sha512-rq6WzBGjSzihI9deW3fC2Gqiak68+b7qo5/3kmB6Gvbh/NYPA0sJhrnp7wgV4bNwjqM+R2AApXGxMO7ZoGhIJg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/image@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-bskumBYKLiLMySIWDGcz0+D9Th0jPvmX6xnRMs4o92tT3Od/bW26lahmV2a2Op2ItXeCmRMY+XxJH5Gy1i46VA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@esbuild/win32-ia32@0.19.8:
-    resolution: {integrity: sha512-AIAbverbg5jMvJznYiGhrd3sumfwWs8572mIJL5NQjJa06P8KfCPWZQ0NwZbPQnbQi9OWSZhFVSUWjjIrn4hSw==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/input@2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-GiBbb3EqAA8Ph43yGa6Mc+kUPjh4Spmxp1Pkelr8qtudpc3p2PJOOebLpd90mcqw8UePPa+l6YhhPtp6o0irhw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/object-utils': 2.1.0
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@esbuild/win32-x64@0.19.8:
-    resolution: {integrity: sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/layout@2.3.1(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-nXuZ6WRbq0WdgnRgLw+QuxWAHuhDtVX8ElWqcTK+cSMFg/52eVP47czYBE5F35YhnoW2XBwfNoNgZ7+e8Z01Rg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/breakpoint-utils': 2.0.8
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/object-utils': 2.1.0
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@floating-ui/core@0.7.3:
-    resolution: {integrity: sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg==}
+  /@chakra-ui/lazy-utils@2.0.5:
+    resolution: {integrity: sha512-UULqw7FBvcckQk2n3iPO56TMJvDsNv0FKZI6PlUNJVaGsPbsYxK/8IQ60vZgaTVPtVcjY6BE+y6zg8u9HOqpyg==}
     dev: false
 
-  /@floating-ui/core@1.5.0:
-    resolution: {integrity: sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==}
+  /@chakra-ui/live-region@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-ZOxFXwtaLIsXjqnszYYrVuswBhnIHHP+XIgK1vC6DePKtyK590Wg+0J0slDwThUAd4MSSIUa/nNX84x1GMphWw==}
+    peerDependencies:
+      react: '>=18'
     dependencies:
-      '@floating-ui/utils': 0.1.6
+      react: 18.2.0
     dev: false
 
-  /@floating-ui/dom@0.5.4:
-    resolution: {integrity: sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==}
+  /@chakra-ui/media-query@3.3.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-IsTGgFLoICVoPRp9ykOgqmdMotJG0CnPsKvGQeSFOB/dZfIujdVb14TYxDU4+MURXry1MhJ7LzZhv+Ml7cr8/g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@floating-ui/core': 0.7.3
+      '@chakra-ui/breakpoint-utils': 2.0.8
+      '@chakra-ui/react-env': 3.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@floating-ui/dom@1.5.3:
-    resolution: {integrity: sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==}
+  /@chakra-ui/menu@2.2.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0):
+    resolution: {integrity: sha512-lJS7XEObzJxsOwWQh7yfG4H8FzFPRP5hVPN/CL+JzytEINCSBvsCDHrYPQGp7jzpCi8vnTqQQGQe0f8dwnXd2g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
     dependencies:
-      '@floating-ui/core': 1.5.0
-      '@floating-ui/utils': 0.1.6
+      '@chakra-ui/clickable': 2.1.0(react@18.2.0)
+      '@chakra-ui/descendant': 3.1.0(react@18.2.0)
+      '@chakra-ui/lazy-utils': 2.0.5
+      '@chakra-ui/popper': 3.1.0(react@18.2.0)
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-animation-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-disclosure': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-focus-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-outside-click': 2.2.0(react@18.2.0)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@chakra-ui/transition': 2.1.0(framer-motion@10.16.16)(react@18.2.0)
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@floating-ui/react-dom@0.7.2(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-1T0sJcpHgX/u4I1OzIEhlcrvkUN8ln39nz7fMoE/2HDHrPiMFoOGR7++GYyfUmIQHkkrTinaeQsO3XWubjSvGg==}
+  /@chakra-ui/modal@2.3.1(@chakra-ui/system@2.6.2)(@types/react@18.2.45)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-TQv1ZaiJMZN+rR9DK0snx/OPwmtaGH1HbZtlYt4W4s6CzyK541fxLRTjIXfEzIGpvNW+b6VFuFjbcR78p4DEoQ==}
     peerDependencies:
-      react: '>=16.8.0'
-      react-dom: '>=16.8.0'
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
     dependencies:
-      '@floating-ui/dom': 0.5.4
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/focus-lock': 2.1.0(@types/react@18.2.45)(react@18.2.0)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@chakra-ui/transition': 2.1.0(framer-motion@10.16.16)(react@18.2.0)
+      aria-hidden: 1.2.3
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      use-isomorphic-layout-effect: 1.1.2(@types/react@18.2.38)(react@18.2.0)
+      react-remove-scroll: 2.5.7(@types/react@18.2.45)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
     dev: false
 
-  /@floating-ui/react-dom@2.0.4(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-CF8k2rgKeh/49UrnIBs4BdxPUV6vize/Db1d/YbCLyp9GiVZ0BEwf5AiDSxJRCr6yOkGqTFHtmrULxkEfYZ7dQ==}
+  /@chakra-ui/number-input@2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-pfOdX02sqUN0qC2ysuvgVDiws7xZ20XDIlcNhva55Jgm095xjm8eVdIBfNm3SFbSUNxyXvLTW/YQanX74tKmuA==}
     peerDependencies:
-      react: '>=16.8.0'
-      react-dom: '>=16.8.0'
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@floating-ui/dom': 1.5.3
+      '@chakra-ui/counter': 2.1.0(react@18.2.0)
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-interval': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@floating-ui/utils@0.1.6:
-    resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==}
+  /@chakra-ui/number-utils@2.0.7:
+    resolution: {integrity: sha512-yOGxBjXNvLTBvQyhMDqGU0Oj26s91mbAlqKHiuw737AXHt0aPllOthVUqQMeaYLwLCjGMg0jtI7JReRzyi94Dg==}
     dev: false
 
-  /@jridgewell/gen-mapping@0.3.3:
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
-    engines: {node: '>=6.0.0'}
+  /@chakra-ui/object-utils@2.1.0:
+    resolution: {integrity: sha512-tgIZOgLHaoti5PYGPTwK3t/cqtcycW0owaiOXoZOcpwwX/vlVb+H1jFsQyWiiwQVPt9RkoSLtxzXamx+aHH+bQ==}
+    dev: false
+
+  /@chakra-ui/pin-input@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-x4vBqLStDxJFMt+jdAHHS8jbh294O53CPQJoL4g228P513rHylV/uPscYUHrVJXRxsHfRztQO9k45jjTYaPRMw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.20
-    dev: true
+      '@chakra-ui/descendant': 3.1.0(react@18.2.0)
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@jridgewell/resolve-uri@3.1.1:
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
-    engines: {node: '>=6.0.0'}
-    dev: true
+  /@chakra-ui/popover@2.2.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0):
+    resolution: {integrity: sha512-K+2ai2dD0ljvJnlrzesCDT9mNzLifE3noGKZ3QwLqd/K34Ym1W/0aL1ERSynrcG78NKoXS54SdEzkhCZ4Gn/Zg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/lazy-utils': 2.0.5
+      '@chakra-ui/popper': 3.1.0(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-animation-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-disclosure': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-focus-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-focus-on-pointer-down': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@jridgewell/set-array@1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
-    engines: {node: '>=6.0.0'}
-    dev: true
+  /@chakra-ui/popper@3.1.0(react@18.2.0):
+    resolution: {integrity: sha512-ciDdpdYbeFG7og6/6J8lkTFxsSvwTdMLFkpVylAF6VNC22jssiWfquj2eyD4rJnzkRFPvIWJq8hvbfhsm+AjSg==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@popperjs/core': 2.11.8
+      react: 18.2.0
+    dev: false
 
-  /@jridgewell/sourcemap-codec@1.4.15:
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
-    dev: true
+  /@chakra-ui/portal@2.1.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-9q9KWf6SArEcIq1gGofNcFPSWEyl+MfJjEUg/un1SMlQjaROOh3zYr+6JAwvcORiX7tyHosnmWC3d3wI2aPSQg==}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
-  /@jridgewell/trace-mapping@0.3.20:
-    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+  /@chakra-ui/progress@2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-qUXuKbuhN60EzDD9mHR7B67D7p/ZqNS2Aze4Pbl1qGGZfulPW0PY8Rof32qDtttDQBkzQIzFGE8d9QpAemToIQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.1
-      '@jridgewell/sourcemap-codec': 1.4.15
-    dev: true
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@jridgewell/trace-mapping@0.3.9:
-    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+  /@chakra-ui/provider@2.4.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-w0Tef5ZCJK1mlJorcSjItCSbyvVuqpvyWdxZiVQmE6fvSJR83wZof42ux0+sfWD+I7rHSfj+f9nzhNaEWClysw==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      react: '>=18'
+      react-dom: '>=18'
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.1
-      '@jridgewell/sourcemap-codec': 1.4.15
-    dev: true
+      '@chakra-ui/css-reset': 2.3.0(@emotion/react@11.11.1)(react@18.2.0)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/react-env': 3.1.0(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@chakra-ui/utils': 2.0.15
+      '@emotion/react': 11.11.1(@types/react@18.2.45)(react@18.2.0)
+      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.45)(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
-  /@kucrut/vite-for-wp@0.8.0(rollup-plugin-external-globals@0.9.1)(vite-plugin-external@4.0.1)(vite@5.0.2):
-    resolution: {integrity: sha512-5VVjELIjV5AI36MMFfAYdsGToY4fdCNtiZr15AWYK+1zRsFG5NXJia6qv9fCrMczhhpXS3hY9dT8tiE+yJL1Ug==}
+  /@chakra-ui/radio@2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-n10M46wJrMGbonaghvSRnZ9ToTv/q76Szz284gv4QUWvyljQACcGrXIONUnQ3BIwbOfkRqSk7Xl/JgZtVfll+w==}
     peerDependencies:
-      rollup-plugin-external-globals: ^0.8.0
-      vite: ^4.4.11
-      vite-plugin-external: ^4.0.1
-    peerDependenciesMeta:
-      rollup-plugin-external-globals:
-        optional: true
-      vite-plugin-external:
-        optional: true
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      rollup-plugin-external-globals: 0.9.1(rollup@4.5.2)
-      vite: 5.0.2(@types/node@20.10.3)(sass@1.69.5)
-      vite-plugin-external: 4.0.1
-    dev: true
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@zag-js/focus-visible': 0.16.0
+      react: 18.2.0
+    dev: false
 
-  /@popperjs/core@2.11.8:
-    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
+  /@chakra-ui/react-children-utils@2.0.6(react@18.2.0):
+    resolution: {integrity: sha512-QVR2RC7QsOsbWwEnq9YduhpqSFnZGvjjGREV8ygKi8ADhXh93C8azLECCUVgRJF2Wc+So1fgxmjLcbZfY2VmBA==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      react: 18.2.0
     dev: false
 
-  /@radix-ui/primitive@1.0.0:
-    resolution: {integrity: sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==}
+  /@chakra-ui/react-context@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-iahyStvzQ4AOwKwdPReLGfDesGG+vWJfEsn0X/NoGph/SkN+HXtv2sCfYFFR9k7bb+Kvc6YfpLlSuLvKMHi2+w==}
+    peerDependencies:
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
+      react: 18.2.0
     dev: false
 
-  /@radix-ui/react-arrow@1.0.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-fqYwhhI9IarZ0ll2cUSfKuXHlJK0qE4AfnRrPBbRwEH/4mGQn04/QFGomLi8TXWIdv9WJk//KgGm+aDxVIr1wA==}
+  /@chakra-ui/react-env@3.1.0(react@18.2.0):
+    resolution: {integrity: sha512-Vr96GV2LNBth3+IKzr/rq1IcnkXv+MLmwjQH6C8BRtn3sNskgDFD5vLkVXcEhagzZMCh8FR3V/bzZPojBOyNhw==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-collection@1.0.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-s8WdQQ6wNXpaxdZ308KSr8fEWGrg4un8i4r/w7fhiS4ElRNjk5rRcl0/C6TANG2LvLOGIxtzo/jAg6Qf73TEBw==}
+  /@chakra-ui/react-types@2.0.7(react@18.2.0):
+    resolution: {integrity: sha512-12zv2qIZ8EHwiytggtGvo4iLT0APris7T0qaAWqzpUGS0cdUtR8W+V1BJ5Ocq+7tA6dzQ/7+w5hmXih61TuhWQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-context': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.1(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-compose-refs@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==}
+  /@chakra-ui/react-use-animation-state@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-CFZkQU3gmDBwhqy0vC1ryf90BVHxVN8cTLpSyCpdmExUEtSEInSCGMydj2fvn7QXsz/za8JNdO2xxgJwxpLMtg==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
+      '@chakra-ui/dom-utils': 2.1.0
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-context@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==}
+  /@chakra-ui/react-use-callback-ref@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-efnJrBtGDa4YaxDzDE90EnKD3Vkh5a1t3w7PhnRQmsphLy3g2UieasoKTlT2Hn118TwDjIv5ZjHJW6HbzXA9wQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-dialog@1.0.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==}
+  /@chakra-ui/react-use-controllable-state@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-QR/8fKNokxZUs4PfxjXuwl0fj/d71WPrmLJvEpCTkHjnzu7LnYvzoe2wB867IdooQJL0G1zBxl0Dq+6W1P3jpg==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-context': 1.0.0(react@18.2.0)
-      '@radix-ui/react-dismissable-layer': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-guards': 1.0.0(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.0(react@18.2.0)
-      '@radix-ui/react-portal': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.0(react@18.2.0)
-      aria-hidden: 1.2.3
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.4(@types/react@18.2.38)(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
     dev: false
 
-  /@radix-ui/react-direction@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-2HV05lGUgYcA6xgLQ4BKPDmtL+QbIZYH5fCOTAOOcJ5O0QbWS3i9lKaurLzliYUDhORI2Qr3pyjhJh44lKA3rQ==}
+  /@chakra-ui/react-use-disclosure@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-Ax4pmxA9LBGMyEZJhhUZobg9C0t3qFE4jVF1tGBsrLDcdBeLR9fwOogIPY9Hf0/wqSlAryAimICbr5hkpa5GSw==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-dismissable-layer@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==}
+  /@chakra-ui/react-use-event-listener@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-U5greryDLS8ISP69DKDsYcsXRtAdnTQT+jjIlRYZ49K/XhUR/AqVZCK5BkR1spTDmO9H8SPhgeNKI70ODuDU/Q==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-escape-keydown': 1.0.0(react@18.2.0)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-dismissable-layer@1.0.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-nXZOvFjOuHS1ovumntGV7NNoLaEp9JEvTht3MBjP44NSW5hUKj/8OnfN3+8WmB+CEhN44XaGhpHoSsUIEl5P7Q==}
+  /@chakra-ui/react-use-focus-effect@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-xzVboNy7J64xveLcxTIJ3jv+lUJKDwRM7Szwn9tNzUIPD94O3qwjV7DDCUzN2490nSYDF4OBMt/wuDBtaR3kUQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-escape-keydown': 1.0.2(react@18.2.0)
+      '@chakra-ui/dom-utils': 2.1.0
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-dropdown-menu@2.0.4(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-y6AT9+MydyXcByivdK1+QpjWoKaC7MLjkS/cH1Q3keEyMvDkiY85m8o2Bi6+Z1PPUlCsMULopxagQOSfN0wahg==}
+  /@chakra-ui/react-use-focus-on-pointer-down@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-2jzrUZ+aiCG/cfanrolsnSMDykCAbv9EK/4iUyZno6BYb3vziucmvgKuoXbMPAzWNtwUwtuMhkby8rc61Ue+Lg==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-context': 1.0.0(react@18.2.0)
-      '@radix-ui/react-id': 1.0.0(react@18.2.0)
-      '@radix-ui/react-menu': 2.0.4(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.0(react@18.2.0)
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
     dev: false
 
-  /@radix-ui/react-focus-guards@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==}
+  /@chakra-ui/react-use-interval@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-8iWj+I/+A0J08pgEXP1J1flcvhLBHkk0ln7ZvGIyXiEyM6XagOTJpwNhiu+Bmk59t3HoV/VyvyJTa+44sEApuw==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-focus-scope@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-C4SWtsULLGf/2L4oGeIHlvWQx7Rf+7cX/vKOAD2dXW0A1b5QXwi3wWeaEgW+wn+SEVrraMUk05vLU9fZZz5HbQ==}
+  /@chakra-ui/react-use-latest-ref@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-m0kxuIYqoYB0va9Z2aW4xP/5b7BzlDeWwyXCH6QpT2PpW3/281L3hLCm1G0eOUcdVlayqrQqOeD6Mglq+5/xoQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-focus-scope@1.0.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-spwXlNTfeIprt+kaEWE/qYuYT3ZAqJiAGjN/JgdvgVDTu8yc+HuX+WOWXrKliKnLnwck0F6JDkqIERncnih+4A==}
+  /@chakra-ui/react-use-merge-refs@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-lERa6AWF1cjEtWSGjxWTaSMvneccnAVH4V4ozh8SYiN9fSPZLlSG3kNxfNzdFvMEhM7dnP60vynF7WjGdTgQbQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-id@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==}
+  /@chakra-ui/react-use-outside-click@2.2.0(react@18.2.0):
+    resolution: {integrity: sha512-PNX+s/JEaMneijbgAM4iFL+f3m1ga9+6QK0E5Yh4s8KZJQ/bLwZzdhMz8J/+mL+XEXQ5J0N8ivZN28B82N1kNw==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-menu@2.0.4(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-mzKR47tZ1t193trEqlQoJvzY4u9vYfVH16ryBrVrCAGZzkgyWnMQYEZdUkM7y8ak9mrkKtJiqB47TlEnubeOFQ==}
+  /@chakra-ui/react-use-pan-event@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-xmL2qOHiXqfcj0q7ZK5s9UjTh4Gz0/gL9jcWPA6GVf+A0Od5imEDa/Vz+533yQKWiNSm1QGrIj0eJAokc7O4fg==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-context': 1.0.0(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.0(react@18.2.0)
-      '@radix-ui/react-dismissable-layer': 1.0.3(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-focus-guards': 1.0.0(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.0(react@18.2.0)
-      '@radix-ui/react-popper': 1.1.1(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-portal': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-presence': 1.0.0(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-roving-focus': 1.0.3(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.1(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
-      aria-hidden: 1.2.3
+      '@chakra-ui/event-utils': 2.0.8
+      '@chakra-ui/react-use-latest-ref': 2.1.0(react@18.2.0)
+      framesync: 6.1.2
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.5(@types/react@18.2.38)(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
     dev: false
 
-  /@radix-ui/react-popper@1.1.1(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-keYDcdMPNMjSC8zTsZ8wezUMiWM9Yj14wtF3s0PTIs9srnEPC9Kt2Gny1T3T81mmSeyDjZxsD9N5WCwNNb712w==}
+  /@chakra-ui/react-use-previous@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-pjxGwue1hX8AFcmjZ2XfrQtIJgqbTF3Qs1Dy3d1krC77dEsiCUbQ9GzOBfDc8pfd60DrB5N2tg5JyHbypqh0Sg==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@floating-ui/react-dom': 0.7.2(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-arrow': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-context': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-rect': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-size': 1.0.0(react@18.2.0)
-      '@radix-ui/rect': 1.0.0
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
     dev: false
 
-  /@radix-ui/react-portal@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==}
+  /@chakra-ui/react-use-safe-layout-effect@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-Knbrrx/bcPwVS1TorFdzrK/zWA8yuU/eaXDkNj24IrKoRlQrSBFarcgAEzlCHtzuhufP3OULPkELTzz91b0tCw==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-portal@1.0.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-swu32idoCW7KA2VEiUZGBSu9nB6qwGdV6k6HYhUoOo3M1FFpD+VgLzUqtt3mwL1ssz7r2x8MggpLSQach2Xy/Q==}
+  /@chakra-ui/react-use-size@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-tbLqrQhbnqOjzTaMlYytp7wY8BW1JpL78iG7Ru1DlV4EWGiAmXFGvtnEt9HftU0NJ0aJyjgymkxfVGI55/1Z4A==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
+      '@zag-js/element-size': 0.10.5
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-presence@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==}
+  /@chakra-ui/react-use-timeout@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-cFN0sobKMM9hXUhyCofx3/Mjlzah6ADaEl/AXl5Y+GawB5rgedgAcu2ErAgarEkwvsKdP6c68CKjQ9dmTQlJxQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-primitive@1.0.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==}
+  /@chakra-ui/react-use-update-effect@2.1.0(react@18.2.0):
+    resolution: {integrity: sha512-ND4Q23tETaR2Qd3zwCKYOOS1dfssojPLJMLvUtUbW5M9uW1ejYWgGUobeAiOVfSplownG8QYMmHTP86p/v0lbA==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-slot': 1.0.0(react@18.2.0)
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-primitive@1.0.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-zY6G5Qq4R8diFPNwtyoLRZBxzu1Z+SXMlfYpChN7Dv8gvmx9X3qhDqiLWvKseKVJMuedFeU/Sa0Sy/Ia+t06Dw==}
+  /@chakra-ui/react-utils@2.0.12(react@18.2.0):
+    resolution: {integrity: sha512-GbSfVb283+YA3kA8w8xWmzbjNWk14uhNpntnipHCftBibl0lxtQ9YqMFQLwuFOO0U2gYVocszqqDWX+XNKq9hw==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-slot': 1.0.1(react@18.2.0)
+      '@chakra-ui/utils': 2.0.15
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@radix-ui/react-roving-focus@1.0.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-stjCkIoMe6h+1fWtXlA6cRfikdBzCLp3SnVk7c48cv/uy3DTGoXhN76YaOYUJuy3aEDvDIKwKR5KSmvrtPvQPQ==}
+  /@chakra-ui/react@2.8.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(@types/react@18.2.45)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Hn0moyxxyCDKuR9ywYpqgX8dvjqwu9ArwpIb9wHNYjnODETjLwazgNIliCVBRcJvysGRiV51U2/JtJVrpeCjUQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/primitive': 1.0.0
-      '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
-      '@radix-ui/react-context': 1.0.0(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.0(react@18.2.0)
-      '@radix-ui/react-id': 1.0.0(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.0(react@18.2.0)
+      '@chakra-ui/accordion': 2.3.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0)
+      '@chakra-ui/alert': 2.2.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/avatar': 2.3.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/breadcrumb': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/button': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/card': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/checkbox': 2.3.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/control-box': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/counter': 2.1.0(react@18.2.0)
+      '@chakra-ui/css-reset': 2.3.0(@emotion/react@11.11.1)(react@18.2.0)
+      '@chakra-ui/editable': 3.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/focus-lock': 2.1.0(@types/react@18.2.45)(react@18.2.0)
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/hooks': 2.2.1(react@18.2.0)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/image': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/input': 2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/layout': 2.3.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/live-region': 2.1.0(react@18.2.0)
+      '@chakra-ui/media-query': 3.3.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/menu': 2.2.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0)
+      '@chakra-ui/modal': 2.3.1(@chakra-ui/system@2.6.2)(@types/react@18.2.45)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/number-input': 2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/pin-input': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/popover': 2.2.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0)
+      '@chakra-ui/popper': 3.1.0(react@18.2.0)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/progress': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/provider': 2.4.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/radio': 2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-env': 3.1.0(react@18.2.0)
+      '@chakra-ui/select': 2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/skeleton': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/skip-nav': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/slider': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/spinner': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/stat': 2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/stepper': 2.3.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/switch': 2.1.2(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@chakra-ui/table': 2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/tabs': 3.0.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/tag': 3.1.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/textarea': 2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/theme': 3.3.1(@chakra-ui/styled-system@2.9.2)
+      '@chakra-ui/theme-utils': 2.0.21
+      '@chakra-ui/toast': 7.0.2(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/tooltip': 2.3.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/transition': 2.1.0(framer-motion@10.16.16)(react@18.2.0)
+      '@chakra-ui/utils': 2.0.15
+      '@chakra-ui/visually-hidden': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@emotion/react': 11.11.1(@types/react@18.2.45)(react@18.2.0)
+      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.45)(react@18.2.0)
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
     dev: false
 
-  /@radix-ui/react-slot@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==}
+  /@chakra-ui/select@2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-ZwCb7LqKCVLJhru3DXvKXpZ7Pbu1TDZ7N0PdQ0Zj1oyVLJyrpef1u9HR5u0amOpqcH++Ugt0f5JSmirjNlctjA==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-slot@1.0.1(react@18.2.0):
-    resolution: {integrity: sha512-avutXAFL1ehGvAXtPquu0YK5oz6ctS474iM3vNGQIkswrVhdrS52e3uoMQBzZhNRAIE0jBnUyXWNmSjGHhCFcw==}
+  /@chakra-ui/shared-utils@2.0.5:
+    resolution: {integrity: sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q==}
+    dev: false
+
+  /@chakra-ui/skeleton@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-JNRuMPpdZGd6zFVKjVQ0iusu3tXAdI29n4ZENYwAJEMf/fN0l12sVeirOxkJ7oEL0yOx2AgEYFSKdbcAgfUsAQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
+      '@chakra-ui/media-query': 3.3.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-use-previous': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-callback-ref@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==}
+  /@chakra-ui/skip-nav@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-Hk+FG+vadBSH0/7hwp9LJnLjkO0RPGnx7gBJWI4/SpoJf3e4tZlWYtwGj0toYY4aGKl93jVghuwGbDBEMoHDug==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-controllable-state@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==}
+  /@chakra-ui/slider@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-lUOBcLMCnFZiA/s2NONXhELJh6sY5WtbRykPtclGfynqqOo47lwWJx+VP7xaeuhDOPcWSSecWc9Y1BfPOCz9cQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
+      '@chakra-ui/number-utils': 2.0.7
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-latest-ref': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-pan-event': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-size': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-escape-keydown@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==}
+  /@chakra-ui/spinner@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-hczbnoXt+MMv/d3gE+hjQhmkzLiKuoTo42YhUG7Bs9OSv2lg1fZHW1fGNRFP3wTi6OIbD044U1P9HK+AOgFH3g==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-escape-keydown@1.0.2(react@18.2.0):
-    resolution: {integrity: sha512-DXGim3x74WgUv+iMNCF+cAo8xUHHeqvjx8zs7trKf+FkQKPQXLk2sX7Gx1ysH7Q76xCpZuxIJE7HLPxRE+Q+GA==}
+  /@chakra-ui/stat@2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-LDn0d/LXQNbAn2KaR3F1zivsZCewY4Jsy1qShmfBMKwn6rI8yVlbvu6SiA3OpHS0FhxbsZxQI6HefEoIgtqY6Q==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-layout-effect@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==}
+  /@chakra-ui/stepper@2.3.1(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-ky77lZbW60zYkSXhYz7kbItUpAQfEdycT0Q4bkHLxfqbuiGMf8OmgZOQkOB9uM4v0zPwy2HXhe0vq4Dd0xa55Q==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-rect@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-TB7pID8NRMEHxb/qQJpvSt3hQU4sqNPM1VCTjTRjEOa7cEop/QMuq8S6fb/5Tsz64kqSvB9WnwsDHtjnrM9qew==}
+  /@chakra-ui/styled-system@2.9.2:
+    resolution: {integrity: sha512-To/Z92oHpIE+4nk11uVMWqo2GGRS86coeMmjxtpnErmWRdLcp1WVCVRAvn+ZwpLiNR+reWFr2FFqJRsREuZdAg==}
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      csstype: 3.1.2
+      lodash.mergewith: 4.6.2
+    dev: false
+
+  /@chakra-ui/switch@2.1.2(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react@18.2.0):
+    resolution: {integrity: sha512-pgmi/CC+E1v31FcnQhsSGjJnOE2OcND4cKPyTE+0F+bmGm48Q/b5UmKD9Y+CmZsrt/7V3h8KNczowupfuBfIHA==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/rect': 1.0.0
+      '@chakra-ui/checkbox': 2.3.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@radix-ui/react-use-size@1.0.0(react@18.2.0):
-    resolution: {integrity: sha512-imZ3aYcoYCKhhgNpkNDh/aTiU05qw9hX+HHI1QDBTyIlcFjgeFlKKySNGMwTp7nYFLQg/j0VA2FmCY4WPDDHMg==}
+  /@chakra-ui/system@2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0):
+    resolution: {integrity: sha512-EGtpoEjLrUu4W1fHD+a62XR+hzC5YfsWm+6lO0Kybcga3yYEij9beegO0jZgug27V+Rf7vns95VPVP6mFd/DEQ==}
     peerDependencies:
-      react: ^16.8 || ^17.0 || ^18.0
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
+      '@chakra-ui/color-mode': 2.2.0(react@18.2.0)
+      '@chakra-ui/object-utils': 2.1.0
+      '@chakra-ui/react-utils': 2.0.12(react@18.2.0)
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/theme-utils': 2.0.21
+      '@chakra-ui/utils': 2.0.15
+      '@emotion/react': 11.11.1(@types/react@18.2.45)(react@18.2.0)
+      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.45)(react@18.2.0)
       react: 18.2.0
+      react-fast-compare: 3.2.2
     dev: false
 
-  /@radix-ui/rect@1.0.0:
-    resolution: {integrity: sha512-d0O68AYy/9oeEy1DdC07bz1/ZXX+DqCskRd3i4JzLSTXwefzaepQrKjXC7aNM8lTHjFLDO0pDgaEiQ7jEk+HVg==}
+  /@chakra-ui/table@2.1.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-o5OrjoHCh5uCLdiUb0Oc0vq9rIAeHSIRScc2ExTC9Qg/uVZl2ygLrjToCaKfaaKl1oQexIeAcZDKvPG8tVkHyQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@babel/runtime': 7.23.4
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
     dev: false
 
-  /@react-spring/animated@9.7.3(react@18.2.0):
-    resolution: {integrity: sha512-5CWeNJt9pNgyvuSzQH+uy2pvTg8Y4/OisoscZIR8/ZNLIOI+CatFBhGZpDGTF/OzdNFsAoGk3wiUYTwoJ0YIvw==}
+  /@chakra-ui/tabs@3.0.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-6Mlclp8L9lqXmsGWF5q5gmemZXOiOYuh0SGT/7PgJVNPz3LXREXlXg2an4MBUD8W5oTkduCX+3KTMCwRrVrDYw==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@react-spring/shared': 9.7.3(react@18.2.0)
-      '@react-spring/types': 9.7.3
+      '@chakra-ui/clickable': 2.1.0(react@18.2.0)
+      '@chakra-ui/descendant': 3.1.0(react@18.2.0)
+      '@chakra-ui/lazy-utils': 2.0.5
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-spring/core@9.7.3(react@18.2.0):
-    resolution: {integrity: sha512-IqFdPVf3ZOC1Cx7+M0cXf4odNLxDC+n7IN3MDcVCTIOSBfqEcBebSv+vlY5AhM0zw05PDbjKrNmBpzv/AqpjnQ==}
+  /@chakra-ui/tag@3.1.1(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-Bdel79Dv86Hnge2PKOU+t8H28nm/7Y3cKd4Kfk9k3lOpUh4+nkSGe58dhRzht59lEqa4N9waCgQiBdkydjvBXQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@react-spring/animated': 9.7.3(react@18.2.0)
-      '@react-spring/shared': 9.7.3(react@18.2.0)
-      '@react-spring/types': 9.7.3
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-spring/shared@9.7.3(react@18.2.0):
-    resolution: {integrity: sha512-NEopD+9S5xYyQ0pGtioacLhL2luflh6HACSSDUZOwLHoxA5eku1UPuqcJqjwSD6luKjjLfiLOspxo43FUHKKSA==}
+  /@chakra-ui/textarea@2.1.2(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-ip7tvklVCZUb2fOHDb23qPy/Fr2mzDOGdkrpbNi50hDCiV4hFX02jdQJdi3ydHZUyVgZVBKPOJ+lT9i7sKA2wA==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
     dependencies:
-      '@react-spring/types': 9.7.3
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /@react-spring/types@9.7.3:
-    resolution: {integrity: sha512-Kpx/fQ/ZFX31OtlqVEFfgaD1ACzul4NksrvIgYfIFq9JpDHFwQkMVZ10tbo0FU/grje4rcL4EIrjekl3kYwgWw==}
+  /@chakra-ui/theme-tools@2.1.2(@chakra-ui/styled-system@2.9.2):
+    resolution: {integrity: sha512-Qdj8ajF9kxY4gLrq7gA+Azp8CtFHGO9tWMN2wfF9aQNgG9AuMhPrUzMq9AMQ0MXiYcgNq/FD3eegB43nHVmXVA==}
+    peerDependencies:
+      '@chakra-ui/styled-system': '>=2.0.0'
+    dependencies:
+      '@chakra-ui/anatomy': 2.2.2
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      color2k: 2.0.3
+    dev: false
+
+  /@chakra-ui/theme-utils@2.0.21:
+    resolution: {integrity: sha512-FjH5LJbT794r0+VSCXB3lT4aubI24bLLRWB+CuRKHijRvsOg717bRdUN/N1fEmEpFnRVrbewttWh/OQs0EWpWw==}
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/theme': 3.3.1(@chakra-ui/styled-system@2.9.2)
+      lodash.mergewith: 4.6.2
     dev: false
 
-  /@react-spring/web@9.7.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-BXt6BpS9aJL/QdVqEIX9YoUy8CE6TJrU0mNCqSoxdXlIeNcEBWOfIyE6B14ENNsyQKS3wOWkiJfco0tCr/9tUg==}
+  /@chakra-ui/theme@3.3.1(@chakra-ui/styled-system@2.9.2):
+    resolution: {integrity: sha512-Hft/VaT8GYnItGCBbgWd75ICrIrIFrR7lVOhV/dQnqtfGqsVDlrztbSErvMkoPKt0UgAkd9/o44jmZ6X4U2nZQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@chakra-ui/styled-system': '>=2.8.0'
+    dependencies:
+      '@chakra-ui/anatomy': 2.2.2
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/theme-tools': 2.1.2(@chakra-ui/styled-system@2.9.2)
+    dev: false
+
+  /@chakra-ui/toast@7.0.2(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-yvRP8jFKRs/YnkuE41BVTq9nB2v/KDRmje9u6dgDmE5+1bFt3bwjdf9gVbif4u5Ve7F7BGk5E093ARRVtvLvXA==}
+    peerDependencies:
+      '@chakra-ui/system': 2.6.2
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
     dependencies:
-      '@react-spring/animated': 9.7.3(react@18.2.0)
-      '@react-spring/core': 9.7.3(react@18.2.0)
-      '@react-spring/shared': 9.7.3(react@18.2.0)
-      '@react-spring/types': 9.7.3
+      '@chakra-ui/alert': 2.2.2(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2)(react@18.2.0)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/react-context': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-timeout': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@chakra-ui/theme': 3.3.1(@chakra-ui/styled-system@2.9.2)
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@rollup/pluginutils@5.1.0(rollup@4.5.2):
-    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
-    engines: {node: '>=14.0.0'}
+  /@chakra-ui/tooltip@2.3.1(@chakra-ui/system@2.6.2)(framer-motion@10.16.16)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Rh39GBn/bL4kZpuEMPPRwYNnccRCL+w9OqamWHIB3Qboxs6h8cOyXfIdGxjo72lvhu1QI/a4KFqkM3St+WfC0A==}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
-    peerDependenciesMeta:
-      rollup:
-        optional: true
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
     dependencies:
-      '@types/estree': 1.0.5
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-      rollup: 4.5.2
-    dev: true
+      '@chakra-ui/dom-utils': 2.1.0
+      '@chakra-ui/popper': 3.1.0(react@18.2.0)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.2.0)(react@18.2.0)
+      '@chakra-ui/react-types': 2.0.7(react@18.2.0)
+      '@chakra-ui/react-use-disclosure': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.2.0)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.2.0)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
 
-  /@rollup/rollup-android-arm-eabi@4.5.2:
-    resolution: {integrity: sha512-ee7BudTwwrglFYSc3UnqInDDjCLWHKrFmGNi4aK7jlEyg4CyPa1DCMrZfsN1O13YT76UFEqXz2CoN7BCGpUlJw==}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/transition@2.1.0(framer-motion@10.16.16)(react@18.2.0):
+    resolution: {integrity: sha512-orkT6T/Dt+/+kVwJNy7zwJ+U2xAZ3EU7M3XCs45RBvUnZDr/u9vdmaM/3D/rOpmQJWgQBwKPJleUXrYWUagEDQ==}
+    peerDependencies:
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      framer-motion: 10.16.16(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@rollup/rollup-android-arm64@4.5.2:
-    resolution: {integrity: sha512-xOuhj9HHtn8128ir8veoQsBbAUBasDbHIBniYTEx02pAmu9EXL+ZjJqngnNEy6ZgZ4h1JwL33GMNu3yJL5Mzow==}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/utils@2.0.15:
+    resolution: {integrity: sha512-El4+jL0WSaYYs+rJbuYFDbjmfCcfGDmRY95GO4xwzit6YAPZBLcR65rOEwLps+XWluZTy1xdMrusg/hW0c1aAA==}
+    dependencies:
+      '@types/lodash.mergewith': 4.6.7
+      css-box-model: 1.2.1
+      framesync: 6.1.2
+      lodash.mergewith: 4.6.2
+    dev: false
 
-  /@rollup/rollup-darwin-arm64@4.5.2:
-    resolution: {integrity: sha512-NTGJWoL8bKyqyWFn9/RzSv4hQ4wTbaAv0lHHRwf4OnpiiP4P8W0jiXbm8Nc5BCXKmWAwuvJY82mcIU2TayC20g==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@chakra-ui/visually-hidden@2.2.0(@chakra-ui/system@2.6.2)(react@18.2.0):
+    resolution: {integrity: sha512-KmKDg01SrQ7VbTD3+cPWf/UfpF5MSwm3v7MWi0n5t8HnnadT13MF0MJCDSXbBWnzLv1ZKJ6zlyAOeARWX+DpjQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
 
-  /@rollup/rollup-darwin-x64@4.5.2:
-    resolution: {integrity: sha512-hlKqj7bpPvU15sZo4za14u185lpMzdwWLMc9raMqPK4wywt0wR23y1CaVQ4oAFXat3b5/gmRntyfpwWTKl+vvA==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
+  /@cspotcode/source-map-support@0.8.1:
+    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.9
     dev: true
-    optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.5.2:
-    resolution: {integrity: sha512-7ZIZx8c3u+pfI0ohQsft/GywrXez0uR6dUP0JhBuCK3sFO5TfdLn/YApnVkvPxuTv3+YKPIZend9Mt7Cz6sS3Q==}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@emotion/babel-plugin@11.11.0:
+    resolution: {integrity: sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==}
+    dependencies:
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/runtime': 7.23.4
+      '@emotion/hash': 0.9.1
+      '@emotion/memoize': 0.8.1
+      '@emotion/serialize': 1.1.2
+      babel-plugin-macros: 3.1.0
+      convert-source-map: 1.9.0
+      escape-string-regexp: 4.0.0
+      find-root: 1.1.0
+      source-map: 0.5.7
+      stylis: 4.2.0
 
-  /@rollup/rollup-linux-arm64-gnu@4.5.2:
-    resolution: {integrity: sha512-7Pk/5mO11JW/cH+a8lL/i0ZxmRGrbpYqN0VwO2DHhU+SJWWOH2zE1RAcPaj8KqiwC8DCDIJOSxjV9+9lLb6aeA==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@emotion/cache@11.11.0:
+    resolution: {integrity: sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==}
+    dependencies:
+      '@emotion/memoize': 0.8.1
+      '@emotion/sheet': 1.2.2
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      stylis: 4.2.0
 
-  /@rollup/rollup-linux-arm64-musl@4.5.2:
-    resolution: {integrity: sha512-KrRnuG5phJx756e62wxvWH2e+TK84MP2IVuPwfge+GBvWqIUfVzFRn09TKruuQBXzZp52Vyma7FjMDkwlA9xpg==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  /@emotion/hash@0.9.1:
+    resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
 
-  /@rollup/rollup-linux-x64-gnu@4.5.2:
-    resolution: {integrity: sha512-My+53GasPa2D2tU5dXiyHYwrELAUouSfkNlZ3bUKpI7btaztO5vpALEs3mvFjM7aKTvEbc7GQckuXeXIDKQ0fg==}
-    cpu: [x64]
-    os: [linux]
+  /@emotion/is-prop-valid@0.8.8:
+    resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
     requiresBuild: true
-    dev: true
+    dependencies:
+      '@emotion/memoize': 0.7.4
+    dev: false
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.5.2:
-    resolution: {integrity: sha512-/f0Q6Sc+Vw54Ws6N8fxaEe4R7at3b8pFyv+O/F2VaQ4hODUJcRUcCBJh6zuqtgQQt7w845VTkGLFgWZkP3tUoQ==}
-    cpu: [x64]
-    os: [linux]
+  /@emotion/is-prop-valid@1.2.1:
+    resolution: {integrity: sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==}
+    dependencies:
+      '@emotion/memoize': 0.8.1
+    dev: false
+
+  /@emotion/memoize@0.7.4:
+    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
     requiresBuild: true
-    dev: true
+    dev: false
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.5.2:
-    resolution: {integrity: sha512-NCKuuZWLht6zj7s6EIFef4BxCRX1GMr83S2W4HPCA0RnJ4iHE4FS1695q6Ewoa6A9nFjJe1//yUu0kgBU07Edw==}
+  /@emotion/memoize@0.8.1:
+    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+
+  /@emotion/react@11.11.1(@types/react@18.2.45)(react@18.2.0):
+    resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.4
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/cache': 11.11.0
+      '@emotion/serialize': 1.1.2
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      '@types/react': 18.2.45
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+
+  /@emotion/serialize@1.1.2:
+    resolution: {integrity: sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==}
+    dependencies:
+      '@emotion/hash': 0.9.1
+      '@emotion/memoize': 0.8.1
+      '@emotion/unitless': 0.8.1
+      '@emotion/utils': 1.2.1
+      csstype: 3.1.2
+
+  /@emotion/sheet@1.2.2:
+    resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==}
+
+  /@emotion/styled@11.11.0(@emotion/react@11.11.1)(@types/react@18.2.45)(react@18.2.0):
+    resolution: {integrity: sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0-rc.0
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.4
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/is-prop-valid': 1.2.1
+      '@emotion/react': 11.11.1(@types/react@18.2.45)(react@18.2.0)
+      '@emotion/serialize': 1.1.2
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
+      '@emotion/utils': 1.2.1
+      '@types/react': 18.2.45
+      react: 18.2.0
+    dev: false
+
+  /@emotion/unitless@0.8.1:
+    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+
+  /@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.2.0):
+    resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
+    peerDependencies:
+      react: '>=16.8.0'
+    dependencies:
+      react: 18.2.0
+
+  /@emotion/utils@1.2.1:
+    resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
+
+  /@emotion/weak-memoize@0.3.1:
+    resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
+
+  /@esbuild/android-arm64@0.19.8:
+    resolution: {integrity: sha512-B8JbS61bEunhfx8kasogFENgQfr/dIp+ggYXwTqdbMAgGDhRa3AaPpQMuQU0rNxDLECj6FhDzk1cF9WHMVwrtA==}
+    engines: {node: '>=12'}
     cpu: [arm64]
-    os: [win32]
+    os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.5.2:
-    resolution: {integrity: sha512-J5zL3riR4AOyU/J3M/i4k/zZ8eP1yT+nTmAKztCXJtnI36jYH0eepvob22mAQ/kLwfsK2TB6dbyVY1F8c/0H5A==}
-    cpu: [ia32]
-    os: [win32]
+  /@esbuild/android-arm@0.19.8:
+    resolution: {integrity: sha512-31E2lxlGM1KEfivQl8Yf5aYU/mflz9g06H6S15ITUFQueMFtFjESRMoDSkvMo8thYvLBax+VKTPlpnx+sPicOA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.5.2:
-    resolution: {integrity: sha512-pL0RXRHuuGLhvs7ayX/SAHph1hrDPXOM5anyYUQXWJEENxw3nfHkzv8FfVlEVcLyKPAEgDRkd6RKZq2SMqS/yg==}
+  /@esbuild/android-x64@0.19.8:
+    resolution: {integrity: sha512-rdqqYfRIn4jWOp+lzQttYMa2Xar3OK9Yt2fhOhzFXqg0rVWEfSclJvZq5fZslnz6ypHvVf3CT7qyf0A5pM682A==}
+    engines: {node: '>=12'}
     cpu: [x64]
-    os: [win32]
+    os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-darwin-arm64@1.3.100:
-    resolution: {integrity: sha512-XVWFsKe6ei+SsDbwmsuRkYck1SXRpO60Hioa4hoLwR8fxbA9eVp6enZtMxzVVMBi8ej5seZ4HZQeAWepbukiBw==}
-    engines: {node: '>=10'}
+  /@esbuild/darwin-arm64@0.19.8:
+    resolution: {integrity: sha512-RQw9DemMbIq35Bprbboyf8SmOr4UXsRVxJ97LgB55VKKeJOOdvsIPy0nFyF2l8U+h4PtBx/1kRf0BelOYCiQcw==}
+    engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-darwin-x64@1.3.100:
-    resolution: {integrity: sha512-KF/MXrnH1nakm1wbt4XV8FS7kvqD9TGmVxeJ0U4bbvxXMvzeYUurzg3AJUTXYmXDhH/VXOYJE5N5RkwZZPs5iA==}
-    engines: {node: '>=10'}
+  /@esbuild/darwin-x64@0.19.8:
+    resolution: {integrity: sha512-3sur80OT9YdeZwIVgERAysAbwncom7b4bCI2XKLjMfPymTud7e/oY4y+ci1XVp5TfQp/bppn7xLw1n/oSQY3/Q==}
+    engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-linux-arm64-gnu@1.3.100:
-    resolution: {integrity: sha512-p8hikNnAEJrw5vHCtKiFT4hdlQxk1V7vqPmvUDgL/qe2menQDK/i12tbz7/3BEQ4UqUPnvwpmVn2d19RdEMNxw==}
-    engines: {node: '>=10'}
+  /@esbuild/freebsd-arm64@0.19.8:
+    resolution: {integrity: sha512-WAnPJSDattvS/XtPCTj1tPoTxERjcTpH6HsMr6ujTT+X6rylVe8ggxk8pVxzf5U1wh5sPODpawNicF5ta/9Tmw==}
+    engines: {node: '>=12'}
     cpu: [arm64]
-    os: [linux]
+    os: [freebsd]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-linux-arm64-musl@1.3.100:
-    resolution: {integrity: sha512-BWx/0EeY89WC4q3AaIaBSGfQxkYxIlS3mX19dwy2FWJs/O+fMvF9oLk/CyJPOZzbp+1DjGeeoGFuDYpiNO91JA==}
-    engines: {node: '>=10'}
+  /@esbuild/freebsd-x64@0.19.8:
+    resolution: {integrity: sha512-ICvZyOplIjmmhjd6mxi+zxSdpPTKFfyPPQMQTK/w+8eNK6WV01AjIztJALDtwNNfFhfZLux0tZLC+U9nSyA5Zg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.19.8:
+    resolution: {integrity: sha512-z1zMZivxDLHWnyGOctT9JP70h0beY54xDDDJt4VpTX+iwA77IFsE1vCXWmprajJGa+ZYSqkSbRQ4eyLCpCmiCQ==}
+    engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-linux-x64-gnu@1.3.100:
-    resolution: {integrity: sha512-XUdGu3dxAkjsahLYnm8WijPfKebo+jHgHphDxaW0ovI6sTdmEGFDew7QzKZRlbYL2jRkUuuKuDGvD6lO5frmhA==}
-    engines: {node: '>=10'}
-    cpu: [x64]
+  /@esbuild/linux-arm@0.19.8:
+    resolution: {integrity: sha512-H4vmI5PYqSvosPaTJuEppU9oz1dq2A7Mr2vyg5TF9Ga+3+MGgBdGzcyBP7qK9MrwFQZlvNyJrvz6GuCaj3OukQ==}
+    engines: {node: '>=12'}
+    cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-linux-x64-musl@1.3.100:
-    resolution: {integrity: sha512-PhoXKf+f0OaNW/GCuXjJ0/KfK9EJX7z2gko+7nVnEA0p3aaPtbP6cq1Ubbl6CMoPL+Ci3gZ7nYumDqXNc3CtLQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
+  /@esbuild/linux-ia32@0.19.8:
+    resolution: {integrity: sha512-1a8suQiFJmZz1khm/rDglOc8lavtzEMRo0v6WhPgxkrjcU0LkHj+TwBrALwoz/OtMExvsqbbMI0ChyelKabSvQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-win32-arm64-msvc@1.3.100:
-    resolution: {integrity: sha512-PwLADZN6F9cXn4Jw52FeP/MCLVHm8vwouZZSOoOScDtihjY495SSjdPnlosMaRSR4wJQssGwiD/4MbpgQPqbAw==}
-    engines: {node: '>=10'}
-    cpu: [arm64]
-    os: [win32]
+  /@esbuild/linux-loong64@0.19.8:
+    resolution: {integrity: sha512-fHZWS2JJxnXt1uYJsDv9+b60WCc2RlvVAy1F76qOLtXRO+H4mjt3Tr6MJ5l7Q78X8KgCFudnTuiQRBhULUyBKQ==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-win32-ia32-msvc@1.3.100:
-    resolution: {integrity: sha512-0f6nicKSLlDKlyPRl2JEmkpBV4aeDfRQg6n8mPqgL7bliZIcDahG0ej+HxgNjZfS3e0yjDxsNRa6sAqWU2Z60A==}
-    engines: {node: '>=10'}
-    cpu: [ia32]
-    os: [win32]
+  /@esbuild/linux-mips64el@0.19.8:
+    resolution: {integrity: sha512-Wy/z0EL5qZYLX66dVnEg9riiwls5IYnziwuju2oUiuxVc+/edvqXa04qNtbrs0Ukatg5HEzqT94Zs7J207dN5Q==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core-win32-x64-msvc@1.3.100:
-    resolution: {integrity: sha512-b7J0rPoMkRTa3XyUGt8PwCaIBuYWsL2DqbirrQKRESzgCvif5iNpqaM6kjIjI/5y5q1Ycv564CB51YDpiS8EtQ==}
-    engines: {node: '>=10'}
-    cpu: [x64]
-    os: [win32]
+  /@esbuild/linux-ppc64@0.19.8:
+    resolution: {integrity: sha512-ETaW6245wK23YIEufhMQ3HSeHO7NgsLx8gygBVldRHKhOlD1oNeNy/P67mIh1zPn2Hr2HLieQrt6tWrVwuqrxg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@swc/core@1.3.100:
-    resolution: {integrity: sha512-7dKgTyxJjlrMwFZYb1auj3Xq0D8ZBe+5oeIgfMlRU05doXZypYJe0LAk0yjj3WdbwYzpF+T1PLxwTWizI0pckw==}
-    engines: {node: '>=10'}
+  /@esbuild/linux-riscv64@0.19.8:
+    resolution: {integrity: sha512-T2DRQk55SgoleTP+DtPlMrxi/5r9AeFgkhkZ/B0ap99zmxtxdOixOMI570VjdRCs9pE4Wdkz7JYrsPvsl7eESg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
     requiresBuild: true
-    peerDependencies:
-      '@swc/helpers': ^0.5.0
-    peerDependenciesMeta:
-      '@swc/helpers':
-        optional: true
-    dependencies:
-      '@swc/counter': 0.1.2
-      '@swc/types': 0.1.5
-    optionalDependencies:
-      '@swc/core-darwin-arm64': 1.3.100
-      '@swc/core-darwin-x64': 1.3.100
-      '@swc/core-linux-arm64-gnu': 1.3.100
-      '@swc/core-linux-arm64-musl': 1.3.100
-      '@swc/core-linux-x64-gnu': 1.3.100
-      '@swc/core-linux-x64-musl': 1.3.100
-      '@swc/core-win32-arm64-msvc': 1.3.100
-      '@swc/core-win32-ia32-msvc': 1.3.100
-      '@swc/core-win32-x64-msvc': 1.3.100
     dev: true
+    optional: true
 
-  /@swc/counter@0.1.2:
-    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
+  /@esbuild/linux-s390x@0.19.8:
+    resolution: {integrity: sha512-NPxbdmmo3Bk7mbNeHmcCd7R7fptJaczPYBaELk6NcXxy7HLNyWwCyDJ/Xx+/YcNH7Im5dHdx9gZ5xIwyliQCbg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@swc/types@0.1.5:
-    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
+  /@esbuild/linux-x64@0.19.8:
+    resolution: {integrity: sha512-lytMAVOM3b1gPypL2TRmZ5rnXl7+6IIk8uB3eLsV1JwcizuolblXRrc5ShPrO9ls/b+RTp+E6gbsuLWHWi2zGg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@tannin/compile@1.1.0:
-    resolution: {integrity: sha512-n8m9eNDfoNZoxdvWiTfW/hSPhehzLJ3zW7f8E7oT6mCROoMNWCB4TYtv041+2FMAxweiE0j7i1jubQU4MEC/Gg==}
-    dependencies:
-      '@tannin/evaluate': 1.2.0
-      '@tannin/postfix': 1.1.0
-    dev: false
+  /@esbuild/netbsd-x64@0.19.8:
+    resolution: {integrity: sha512-hvWVo2VsXz/8NVt1UhLzxwAfo5sioj92uo0bCfLibB0xlOmimU/DeAEsQILlBQvkhrGjamP0/el5HU76HAitGw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@tannin/evaluate@1.2.0:
-    resolution: {integrity: sha512-3ioXvNowbO/wSrxsDG5DKIMxC81P0QrQTYai8zFNY+umuoHWRPbQ/TuuDEOju9E+jQDXmj6yI5GyejNuh8I+eg==}
-    dev: false
+  /@esbuild/openbsd-x64@0.19.8:
+    resolution: {integrity: sha512-/7Y7u77rdvmGTxR83PgaSvSBJCC2L3Kb1M/+dmSIvRvQPXXCuC97QAwMugBNG0yGcbEGfFBH7ojPzAOxfGNkwQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@tannin/plural-forms@1.1.0:
-    resolution: {integrity: sha512-xl9R2mDZO/qiHam1AgMnAES6IKIg7OBhcXqy6eDsRCdXuxAFPcjrej9HMjyCLE0DJ/8cHf0i5OQTstuBRhpbHw==}
-    dependencies:
-      '@tannin/compile': 1.1.0
-    dev: false
-
-  /@tannin/postfix@1.1.0:
-    resolution: {integrity: sha512-oocsqY7g0cR+Gur5jRQLSrX2OtpMLMse1I10JQBm8CdGMrDkh1Mg2gjsiquMHRtBs4Qwu5wgEp5GgIYHk4SNPw==}
-    dev: false
-
-  /@tsconfig/node10@1.0.9:
-    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
+  /@esbuild/sunos-x64@0.19.8:
+    resolution: {integrity: sha512-9Lc4s7Oi98GqFA4HzA/W2JHIYfnXbUYgekUP/Sm4BG9sfLjyv6GKKHKKVs83SMicBF2JwAX6A1PuOLMqpD001w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@tsconfig/node12@1.0.11:
-    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+  /@esbuild/win32-arm64@0.19.8:
+    resolution: {integrity: sha512-rq6WzBGjSzihI9deW3fC2Gqiak68+b7qo5/3kmB6Gvbh/NYPA0sJhrnp7wgV4bNwjqM+R2AApXGxMO7ZoGhIJg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@tsconfig/node14@1.0.3:
-    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+  /@esbuild/win32-ia32@0.19.8:
+    resolution: {integrity: sha512-AIAbverbg5jMvJznYiGhrd3sumfwWs8572mIJL5NQjJa06P8KfCPWZQ0NwZbPQnbQi9OWSZhFVSUWjjIrn4hSw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@tsconfig/node16@1.0.4:
-    resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
+  /@esbuild/win32-x64@0.19.8:
+    resolution: {integrity: sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@types/babel__core@7.20.5:
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+  /@floating-ui/core@1.5.0:
+    resolution: {integrity: sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==}
     dependencies:
-      '@babel/parser': 7.23.4
-      '@babel/types': 7.23.4
-      '@types/babel__generator': 7.6.7
-      '@types/babel__template': 7.4.4
-      '@types/babel__traverse': 7.20.4
-    dev: true
+      '@floating-ui/utils': 0.1.6
 
-  /@types/babel__generator@7.6.7:
-    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
+  /@floating-ui/dom@1.5.3:
+    resolution: {integrity: sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==}
     dependencies:
-      '@babel/types': 7.23.4
-    dev: true
+      '@floating-ui/core': 1.5.0
+      '@floating-ui/utils': 0.1.6
 
-  /@types/babel__template@7.4.4:
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+  /@floating-ui/utils@0.1.6:
+    resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==}
+
+  /@hookform/error-message@2.0.1(react-dom@18.2.0)(react-hook-form@7.49.2)(react@18.2.0):
+    resolution: {integrity: sha512-U410sAr92xgxT1idlu9WWOVjndxLdgPUHEB8Schr27C9eh7/xUnITWpCMF93s+lGiG++D4JnbSnrb5A21AdSNg==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+      react-hook-form: ^7.0.0
     dependencies:
-      '@babel/parser': 7.23.4
-      '@babel/types': 7.23.4
-    dev: true
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-hook-form: 7.49.2(react@18.2.0)
+    dev: false
 
-  /@types/babel__traverse@7.20.4:
-    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
+  /@hookform/resolvers@3.3.2(react-hook-form@7.49.2):
+    resolution: {integrity: sha512-Tw+GGPnBp+5DOsSg4ek3LCPgkBOuOgS5DsDV7qsWNH9LZc433kgsWICjlsh2J9p04H2K66hsXPPb9qn9ILdUtA==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
     dependencies:
-      '@babel/types': 7.23.4
+      react-hook-form: 7.49.2(react@18.2.0)
+    dev: false
+
+  /@jridgewell/gen-mapping@0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.20
     dev: true
 
-  /@types/estree@1.0.5:
-    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    engines: {node: '>=6.0.0'}
     dev: true
 
-  /@types/gradient-parser@0.1.3:
-    resolution: {integrity: sha512-XDbrTSBlQV9nxE1GiDL3FaOPy4G/KaJkhDutBX48Kg8CYZMBARyyDFGCWfWJn4pobmInmwud1xxH7VJMAr0CKQ==}
-    dev: false
+  /@jridgewell/set-array@1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
+    dev: true
 
-  /@types/highlight-words-core@1.2.1:
-    resolution: {integrity: sha512-9VZUA5omXBfn+hDxFjUDu1FOJTBM3LmvqfDey+Z6Aa8B8/JmF5SMj6FBrjfgJ/Q3YXOZd3qyTDfJyMZSs/wCUA==}
-    dev: false
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+    dev: true
 
-  /@types/mousetrap@1.6.15:
-    resolution: {integrity: sha512-qL0hyIMNPow317QWW/63RvL1x5MVMV+Ru3NaY9f/CuEpCqrmb7WeuK2071ZY5hczOnm38qExWM2i2WtkXLSqFw==}
-    dev: false
+  /@jridgewell/trace-mapping@0.3.20:
+    resolution: {integrity: sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
 
-  /@types/node@20.10.0:
-    resolution: {integrity: sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==}
+  /@jridgewell/trace-mapping@0.3.9:
+    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
     dependencies:
-      undici-types: 5.26.5
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
-  /@types/node@20.10.3:
-    resolution: {integrity: sha512-XJavIpZqiXID5Yxnxv3RUDKTN5b81ddNC3ecsA0SoFXz/QU8OGBwZGMomiq0zw+uuqbL/krztv/DINAQ/EV4gg==}
+  /@kucrut/vite-for-wp@0.8.0(rollup-plugin-external-globals@0.9.1)(vite-plugin-external@4.0.1)(vite@5.0.2):
+    resolution: {integrity: sha512-5VVjELIjV5AI36MMFfAYdsGToY4fdCNtiZr15AWYK+1zRsFG5NXJia6qv9fCrMczhhpXS3hY9dT8tiE+yJL1Ug==}
+    peerDependencies:
+      rollup-plugin-external-globals: ^0.8.0
+      vite: ^4.4.11
+      vite-plugin-external: ^4.0.1
+    peerDependenciesMeta:
+      rollup-plugin-external-globals:
+        optional: true
+      vite-plugin-external:
+        optional: true
     dependencies:
-      undici-types: 5.26.5
+      rollup-plugin-external-globals: 0.9.1(rollup@4.5.2)
+      vite: 5.0.2(@types/node@20.10.3)(sass@1.69.5)
+      vite-plugin-external: 4.0.1
     dev: true
 
-  /@types/parse-json@4.0.2:
-    resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
+  /@popperjs/core@2.11.8:
+    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
     dev: false
 
-  /@types/prop-types@15.7.11:
-    resolution: {integrity: sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==}
-
-  /@types/react-dom@18.2.17:
-    resolution: {integrity: sha512-rvrT/M7Df5eykWFxn6MYt5Pem/Dbyc1N8Y0S9Mrkw2WFCRiqUgw9P7ul2NpwsXCSM1DVdENzdG9J5SreqfAIWg==}
+  /@rollup/pluginutils@4.2.1:
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
     dependencies:
-      '@types/react': 18.2.38
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
 
-  /@types/react@18.2.38:
-    resolution: {integrity: sha512-cBBXHzuPtQK6wNthuVMV6IjHAFkdl/FOPFIlkd81/Cd1+IqkHu/A+w4g43kaQQoYHik/ruaQBDL72HyCy1vuMw==}
+  /@rollup/pluginutils@5.1.0(rollup@4.5.2):
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
     dependencies:
-      '@types/prop-types': 15.7.11
-      '@types/scheduler': 0.16.8
-      csstype: 3.1.2
+      '@types/estree': 1.0.5
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 4.5.2
+    dev: true
 
-  /@types/scheduler@0.16.8:
-    resolution: {integrity: sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==}
+  /@rollup/rollup-android-arm-eabi@4.5.2:
+    resolution: {integrity: sha512-ee7BudTwwrglFYSc3UnqInDDjCLWHKrFmGNi4aK7jlEyg4CyPa1DCMrZfsN1O13YT76UFEqXz2CoN7BCGpUlJw==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@types/yargs-parser@21.0.3:
-    resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
+  /@rollup/rollup-android-arm64@4.5.2:
+    resolution: {integrity: sha512-xOuhj9HHtn8128ir8veoQsBbAUBasDbHIBniYTEx02pAmu9EXL+ZjJqngnNEy6ZgZ4h1JwL33GMNu3yJL5Mzow==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@types/yargs@17.0.32:
-    resolution: {integrity: sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==}
-    dependencies:
-      '@types/yargs-parser': 21.0.3
+  /@rollup/rollup-darwin-arm64@4.5.2:
+    resolution: {integrity: sha512-NTGJWoL8bKyqyWFn9/RzSv4hQ4wTbaAv0lHHRwf4OnpiiP4P8W0jiXbm8Nc5BCXKmWAwuvJY82mcIU2TayC20g==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@use-gesture/core@10.3.0:
-    resolution: {integrity: sha512-rh+6MND31zfHcy9VU3dOZCqGY511lvGcfyJenN4cWZe0u1BH6brBpBddLVXhF2r4BMqWbvxfsbL7D287thJU2A==}
-    dev: false
+  /@rollup/rollup-darwin-x64@4.5.2:
+    resolution: {integrity: sha512-hlKqj7bpPvU15sZo4za14u185lpMzdwWLMc9raMqPK4wywt0wR23y1CaVQ4oAFXat3b5/gmRntyfpwWTKl+vvA==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@use-gesture/react@10.3.0(react@18.2.0):
-    resolution: {integrity: sha512-3zc+Ve99z4usVP6l9knYVbVnZgfqhKah7sIG+PS2w+vpig2v2OLct05vs+ZXMzwxdNCMka8B+8WlOo0z6Pn6DA==}
-    peerDependencies:
-      react: '>= 16.8.0'
-    dependencies:
-      '@use-gesture/core': 10.3.0
-      react: 18.2.0
-    dev: false
+  /@rollup/rollup-linux-arm-gnueabihf@4.5.2:
+    resolution: {integrity: sha512-7ZIZx8c3u+pfI0ohQsft/GywrXez0uR6dUP0JhBuCK3sFO5TfdLn/YApnVkvPxuTv3+YKPIZend9Mt7Cz6sS3Q==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@vitejs/plugin-react@4.2.0(vite@5.0.2):
-    resolution: {integrity: sha512-+MHTH/e6H12kRp5HUkzOGqPMksezRMmW+TNzlh/QXfI8rRf6l2Z2yH/v12no1UvTwhZgEDMuQ7g7rrfMseU6FQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.2.0 || ^5.0.0
-    dependencies:
-      '@babel/core': 7.23.3
-      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.3)
-      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.3)
-      '@types/babel__core': 7.20.5
-      react-refresh: 0.14.0
-      vite: 5.0.2(@types/node@20.10.3)(sass@1.69.5)
-    transitivePeerDependencies:
-      - supports-color
+  /@rollup/rollup-linux-arm64-gnu@4.5.2:
+    resolution: {integrity: sha512-7Pk/5mO11JW/cH+a8lL/i0ZxmRGrbpYqN0VwO2DHhU+SJWWOH2zE1RAcPaj8KqiwC8DCDIJOSxjV9+9lLb6aeA==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     dev: true
+    optional: true
 
-  /@wordpress/a11y@3.46.0:
-    resolution: {integrity: sha512-ixblk5YMbouTPonALm+NxvLE2rk/KwIBNlAoz0kFhk+PTdg05FKD2P891S5BeWBFIbshI0rdPA2OR+wForcilQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/dom-ready': 3.46.0
-      '@wordpress/i18n': 4.46.0
-    dev: false
+  /@rollup/rollup-linux-arm64-musl@4.5.2:
+    resolution: {integrity: sha512-KrRnuG5phJx756e62wxvWH2e+TK84MP2IVuPwfge+GBvWqIUfVzFRn09TKruuQBXzZp52Vyma7FjMDkwlA9xpg==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/a11y@3.47.0:
-    resolution: {integrity: sha512-4Tnv0D2vJictPtg9nrga0iuliOUSxRrnLYK9Q49CHN4AVr9hE30ndZwn4zy/MYh3K+Oz6YgLBlJrpvL62L0b5w==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/dom-ready': 3.47.0
-      '@wordpress/i18n': 4.47.0
-    dev: false
+  /@rollup/rollup-linux-x64-gnu@4.5.2:
+    resolution: {integrity: sha512-My+53GasPa2D2tU5dXiyHYwrELAUouSfkNlZ3bUKpI7btaztO5vpALEs3mvFjM7aKTvEbc7GQckuXeXIDKQ0fg==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/api-fetch@6.44.0:
-    resolution: {integrity: sha512-d8ouvBiKDFu67O9Y8MtlUR2YojCAjmLf0LuBKsSOS5r3MOiwte1tQwsLdzFmGYkdCK09mZhT3UVKdOOiAC3kKA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/i18n': 4.47.0
-      '@wordpress/url': 3.48.0
-    dev: false
+  /@rollup/rollup-linux-x64-musl@4.5.2:
+    resolution: {integrity: sha512-/f0Q6Sc+Vw54Ws6N8fxaEe4R7at3b8pFyv+O/F2VaQ4hODUJcRUcCBJh6zuqtgQQt7w845VTkGLFgWZkP3tUoQ==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/autop@3.47.0:
-    resolution: {integrity: sha512-fd9ubAnC5LWYBWv4OS6OOCjBJwDgpQU1Q2hbV5d4oxWh7mq5SiLEaR8OvyElI5+Yl3snYWNE9QHPX19VTlosLQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+  /@rollup/rollup-win32-arm64-msvc@4.5.2:
+    resolution: {integrity: sha512-NCKuuZWLht6zj7s6EIFef4BxCRX1GMr83S2W4HPCA0RnJ4iHE4FS1695q6Ewoa6A9nFjJe1//yUu0kgBU07Edw==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/blob@3.47.0:
-    resolution: {integrity: sha512-ABwo431Kr1MuipU3mmNbujRToicZAmpIW9hED/3T0NEmtcvKFjVhzYmSFRm9v1VuEbLjBdX7N5pI6Jm//Iq71w==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+  /@rollup/rollup-win32-ia32-msvc@4.5.2:
+    resolution: {integrity: sha512-J5zL3riR4AOyU/J3M/i4k/zZ8eP1yT+nTmAKztCXJtnI36jYH0eepvob22mAQ/kLwfsK2TB6dbyVY1F8c/0H5A==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/block-editor@12.15.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-B/wFN9LFBrbrqE4qQ5lr8fqAQ6U43zrlacmdLg1LDP57/o0o5EPo+1ylJ4JyvjVxULTCNM8yTuV7QvFi9fdh5w==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-      react-dom: ^18.0.0
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@emotion/react': 11.11.1(@types/react@18.2.38)(react@18.2.0)
-      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.38)(react@18.2.0)
-      '@react-spring/web': 9.7.3(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/a11y': 3.47.0
-      '@wordpress/api-fetch': 6.44.0
-      '@wordpress/blob': 3.47.0
-      '@wordpress/blocks': 12.24.0(react@18.2.0)
-      '@wordpress/commands': 0.18.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/components': 25.13.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/compose': 6.24.0(react@18.2.0)
-      '@wordpress/data': 9.17.0(react@18.2.0)
-      '@wordpress/date': 4.47.0
-      '@wordpress/deprecated': 3.47.0
-      '@wordpress/dom': 3.47.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/escape-html': 2.47.0
-      '@wordpress/hooks': 3.47.0
-      '@wordpress/html-entities': 3.47.0
-      '@wordpress/i18n': 4.47.0
-      '@wordpress/icons': 9.38.0
-      '@wordpress/is-shallow-equal': 4.47.0
-      '@wordpress/keyboard-shortcuts': 4.24.0(react@18.2.0)
-      '@wordpress/keycodes': 3.47.0
-      '@wordpress/notices': 4.15.0(react@18.2.0)
-      '@wordpress/preferences': 3.24.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/private-apis': 0.29.0
-      '@wordpress/rich-text': 6.24.0(react@18.2.0)
-      '@wordpress/style-engine': 1.30.0
-      '@wordpress/token-list': 2.47.0
-      '@wordpress/url': 3.48.0
-      '@wordpress/warning': 2.47.0
-      '@wordpress/wordcount': 3.47.0
-      change-case: 4.1.2
-      classnames: 2.3.2
-      colord: 2.9.3
-      deepmerge: 4.3.1
-      diff: 4.0.2
-      dom-scroll-into-view: 1.2.1
-      fast-deep-equal: 3.1.3
-      memize: 2.1.0
-      postcss: 8.4.31
-      postcss-prefixwrap: 1.43.0(postcss@8.4.31)
-      postcss-urlrebase: 1.3.0(postcss@8.4.31)
-      react: 18.2.0
-      react-autosize-textarea: 7.1.0(react-dom@18.2.0)(react@18.2.0)
-      react-dom: 18.2.0(react@18.2.0)
-      react-easy-crop: 4.7.5(react-dom@18.2.0)(react@18.2.0)
-      rememo: 4.0.2
-      remove-accents: 0.5.0
-    transitivePeerDependencies:
-      - '@babel/helper-module-imports'
-      - '@babel/types'
-      - '@types/react'
-      - aslemammad-vite-plugin-macro
-      - babel-plugin-macros
-      - vite
-    dev: false
+  /@rollup/rollup-win32-x64-msvc@4.5.2:
+    resolution: {integrity: sha512-pL0RXRHuuGLhvs7ayX/SAHph1hrDPXOM5anyYUQXWJEENxw3nfHkzv8FfVlEVcLyKPAEgDRkd6RKZq2SMqS/yg==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/block-serialization-default-parser@4.47.0:
-    resolution: {integrity: sha512-4y8Gb+m1CDNlfflbpxrFPHeug94NFQABlbFOJZfo2/XOzMuG31mijskk8H1SlTrqwVgoUs6rejFEMXKagdcI0w==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+  /@swc/core-darwin-arm64@1.3.100:
+    resolution: {integrity: sha512-XVWFsKe6ei+SsDbwmsuRkYck1SXRpO60Hioa4hoLwR8fxbA9eVp6enZtMxzVVMBi8ej5seZ4HZQeAWepbukiBw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/blocks@12.24.0(react@18.2.0):
-    resolution: {integrity: sha512-zPZLLLNr9DPuctS1J/HGYi9MeA1roIIAJlWMlBGmRdAcRSm1LuEHqX9k0pktVzL0QWDd4n7sJIDV0zR+vxPnww==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/autop': 3.47.0
-      '@wordpress/blob': 3.47.0
-      '@wordpress/block-serialization-default-parser': 4.47.0
-      '@wordpress/compose': 6.24.0(react@18.2.0)
-      '@wordpress/data': 9.17.0(react@18.2.0)
-      '@wordpress/deprecated': 3.47.0
-      '@wordpress/dom': 3.47.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/hooks': 3.47.0
-      '@wordpress/html-entities': 3.47.0
-      '@wordpress/i18n': 4.47.0
-      '@wordpress/is-shallow-equal': 4.47.0
-      '@wordpress/private-apis': 0.29.0
-      '@wordpress/shortcode': 3.47.0
-      change-case: 4.1.2
-      colord: 2.9.3
-      fast-deep-equal: 3.1.3
-      hpq: 1.4.0
-      is-plain-object: 5.0.0
-      memize: 2.1.0
-      react: 18.2.0
-      rememo: 4.0.2
-      remove-accents: 0.5.0
-      showdown: 1.9.1
-      simple-html-tokenizer: 0.5.11
-      uuid: 9.0.1
-    dev: false
+  /@swc/core-darwin-x64@1.3.100:
+    resolution: {integrity: sha512-KF/MXrnH1nakm1wbt4XV8FS7kvqD9TGmVxeJ0U4bbvxXMvzeYUurzg3AJUTXYmXDhH/VXOYJE5N5RkwZZPs5iA==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/commands@0.18.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-qJyAz2WtpRcJIKWtdkI5wWAnjx5aU9NdsZNW59xf9k9Uh3N1+1dvfFl3FJpR3pGCJv3dmuyFaWXJNYXqswXj/w==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-      react-dom: ^18.0.0
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/components': 25.13.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/data': 9.17.0(react@18.2.0)
-      '@wordpress/element': 5.24.0
-      '@wordpress/i18n': 4.47.0
-      '@wordpress/icons': 9.38.0
-      '@wordpress/keyboard-shortcuts': 4.24.0(react@18.2.0)
-      '@wordpress/private-apis': 0.29.0
-      classnames: 2.3.2
-      cmdk: 0.2.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      rememo: 4.0.2
-    transitivePeerDependencies:
-      - '@babel/helper-module-imports'
-      - '@babel/types'
-      - '@types/react'
-      - aslemammad-vite-plugin-macro
-      - babel-plugin-macros
-      - vite
-    dev: false
+  /@swc/core-linux-arm64-gnu@1.3.100:
+    resolution: {integrity: sha512-p8hikNnAEJrw5vHCtKiFT4hdlQxk1V7vqPmvUDgL/qe2menQDK/i12tbz7/3BEQ4UqUPnvwpmVn2d19RdEMNxw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/components@25.12.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-jWh71SsIwTVCbOiL5tYscI8zvTUhKMfnmpgF/WfPpEBU9Bgx4dqlWSYDCZOTAyn89GJPfn95+e+wW13H0qPQ1Q==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-      react-dom: ^18.0.0
-    dependencies:
-      '@ariakit/react': 0.3.6(react-dom@18.2.0)(react@18.2.0)
-      '@babel/runtime': 7.23.4
-      '@emotion/cache': 11.11.0
-      '@emotion/css': 11.11.2
-      '@emotion/react': 11.11.1(@types/react@18.2.38)(react@18.2.0)
-      '@emotion/serialize': 1.1.2
-      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.38)(react@18.2.0)
-      '@emotion/utils': 1.2.1
-      '@floating-ui/react-dom': 2.0.4(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-dropdown-menu': 2.0.4(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@types/gradient-parser': 0.1.3
-      '@types/highlight-words-core': 1.2.1
-      '@use-gesture/react': 10.3.0(react@18.2.0)
-      '@wordpress/a11y': 3.46.0
-      '@wordpress/compose': 6.23.0(react@18.2.0)
-      '@wordpress/date': 4.46.0
-      '@wordpress/deprecated': 3.46.0
-      '@wordpress/dom': 3.46.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/escape-html': 2.46.0
-      '@wordpress/hooks': 3.46.0
-      '@wordpress/html-entities': 3.46.0
-      '@wordpress/i18n': 4.46.0
-      '@wordpress/icons': 9.37.0
-      '@wordpress/is-shallow-equal': 4.46.0
-      '@wordpress/keycodes': 3.46.0
-      '@wordpress/primitives': 3.44.0
-      '@wordpress/private-apis': 0.28.0
-      '@wordpress/rich-text': 6.23.0(react@18.2.0)
-      '@wordpress/warning': 2.46.0
-      change-case: 4.1.2
-      classnames: 2.3.2
-      colord: 2.9.3
-      date-fns: 2.30.0
-      deepmerge: 4.3.1
-      dom-scroll-into-view: 1.2.1
-      downshift: 6.1.12(react@18.2.0)
-      fast-deep-equal: 3.1.3
-      framer-motion: 10.16.5(react-dom@18.2.0)(react@18.2.0)
-      gradient-parser: 0.1.5
-      highlight-words-core: 1.2.2
-      is-plain-object: 5.0.0
-      memize: 2.1.0
-      path-to-regexp: 6.2.1
-      re-resizable: 6.9.11(react-dom@18.2.0)(react@18.2.0)
-      react: 18.2.0
-      react-colorful: 5.6.1(react-dom@18.2.0)(react@18.2.0)
-      react-dom: 18.2.0(react@18.2.0)
-      reakit: 1.3.11(react-dom@18.2.0)(react@18.2.0)
-      remove-accents: 0.5.0
-      use-lilius: 2.0.3(react-dom@18.2.0)(react@18.2.0)
-      uuid: 9.0.1
-      valtio: 1.7.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@babel/helper-module-imports'
-      - '@babel/types'
-      - '@types/react'
-      - aslemammad-vite-plugin-macro
-      - babel-plugin-macros
-      - vite
-    dev: false
+  /@swc/core-linux-arm64-musl@1.3.100:
+    resolution: {integrity: sha512-BWx/0EeY89WC4q3AaIaBSGfQxkYxIlS3mX19dwy2FWJs/O+fMvF9oLk/CyJPOZzbp+1DjGeeoGFuDYpiNO91JA==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/components@25.13.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-Ym/5Xv7NnkJu40jCSmt/t6B8vT2ue2vobwDEz1FKlB0xGm5bzzh5589m2nZqqY459/Qm9dl5R4BKSdvKqKB2MQ==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-      react-dom: ^18.0.0
-    dependencies:
-      '@ariakit/react': 0.3.6(react-dom@18.2.0)(react@18.2.0)
-      '@babel/runtime': 7.23.4
-      '@emotion/cache': 11.11.0
-      '@emotion/css': 11.11.2
-      '@emotion/react': 11.11.1(@types/react@18.2.38)(react@18.2.0)
-      '@emotion/serialize': 1.1.2
-      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.38)(react@18.2.0)
-      '@emotion/utils': 1.2.1
-      '@floating-ui/react-dom': 2.0.4(react-dom@18.2.0)(react@18.2.0)
-      '@radix-ui/react-dropdown-menu': 2.0.4(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@types/gradient-parser': 0.1.3
-      '@types/highlight-words-core': 1.2.1
-      '@use-gesture/react': 10.3.0(react@18.2.0)
-      '@wordpress/a11y': 3.47.0
-      '@wordpress/compose': 6.24.0(react@18.2.0)
-      '@wordpress/date': 4.47.0
-      '@wordpress/deprecated': 3.47.0
-      '@wordpress/dom': 3.47.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/escape-html': 2.47.0
-      '@wordpress/hooks': 3.47.0
-      '@wordpress/html-entities': 3.47.0
-      '@wordpress/i18n': 4.47.0
-      '@wordpress/icons': 9.38.0
-      '@wordpress/is-shallow-equal': 4.47.0
-      '@wordpress/keycodes': 3.47.0
-      '@wordpress/primitives': 3.45.0
-      '@wordpress/private-apis': 0.29.0
-      '@wordpress/rich-text': 6.24.0(react@18.2.0)
-      '@wordpress/warning': 2.47.0
-      change-case: 4.1.2
-      classnames: 2.3.2
-      colord: 2.9.3
-      date-fns: 2.30.0
-      deepmerge: 4.3.1
-      dom-scroll-into-view: 1.2.1
-      downshift: 6.1.12(react@18.2.0)
-      fast-deep-equal: 3.1.3
-      framer-motion: 10.16.5(react-dom@18.2.0)(react@18.2.0)
-      gradient-parser: 0.1.5
-      highlight-words-core: 1.2.2
-      is-plain-object: 5.0.0
-      memize: 2.1.0
-      path-to-regexp: 6.2.1
-      re-resizable: 6.9.11(react-dom@18.2.0)(react@18.2.0)
-      react: 18.2.0
-      react-colorful: 5.6.1(react-dom@18.2.0)(react@18.2.0)
-      react-dom: 18.2.0(react@18.2.0)
-      reakit: 1.3.11(react-dom@18.2.0)(react@18.2.0)
-      remove-accents: 0.5.0
-      use-lilius: 2.0.3(react-dom@18.2.0)(react@18.2.0)
-      uuid: 9.0.1
-      valtio: 1.7.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@babel/helper-module-imports'
-      - '@babel/types'
-      - '@types/react'
-      - aslemammad-vite-plugin-macro
-      - babel-plugin-macros
-      - vite
-    dev: false
+  /@swc/core-linux-x64-gnu@1.3.100:
+    resolution: {integrity: sha512-XUdGu3dxAkjsahLYnm8WijPfKebo+jHgHphDxaW0ovI6sTdmEGFDew7QzKZRlbYL2jRkUuuKuDGvD6lO5frmhA==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/compose@6.23.0(react@18.2.0):
-    resolution: {integrity: sha512-MMWwYkbmA4IkdZQ/p3BMvgD9MvCGK2lJd8PjnftDw6NjRteXyA6CQjP1h+/mTlNJvHytqRu2cNPey0V0mnRx6A==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@types/mousetrap': 1.6.15
-      '@wordpress/deprecated': 3.46.0
-      '@wordpress/dom': 3.46.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/is-shallow-equal': 4.46.0
-      '@wordpress/keycodes': 3.46.0
-      '@wordpress/priority-queue': 2.46.0
-      '@wordpress/undo-manager': 0.6.0
-      change-case: 4.1.2
-      clipboard: 2.0.11
-      mousetrap: 1.6.5
-      react: 18.2.0
-      use-memo-one: 1.1.3(react@18.2.0)
-    dev: false
+  /@swc/core-linux-x64-musl@1.3.100:
+    resolution: {integrity: sha512-PhoXKf+f0OaNW/GCuXjJ0/KfK9EJX7z2gko+7nVnEA0p3aaPtbP6cq1Ubbl6CMoPL+Ci3gZ7nYumDqXNc3CtLQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/compose@6.24.0(react@18.2.0):
-    resolution: {integrity: sha512-aO0HWi12Y7Do5hyGEOXcRtRTIn7P/t4RrHYMTsHvufCrt6ZCLKvY2vBEaDA8XnWFQZ/Tzo4fBAnxAAxDt1DtEw==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@types/mousetrap': 1.6.15
-      '@wordpress/deprecated': 3.47.0
-      '@wordpress/dom': 3.47.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/is-shallow-equal': 4.47.0
-      '@wordpress/keycodes': 3.47.0
-      '@wordpress/priority-queue': 2.47.0
-      '@wordpress/undo-manager': 0.7.0
-      change-case: 4.1.2
-      clipboard: 2.0.11
-      mousetrap: 1.6.5
-      react: 18.2.0
-      use-memo-one: 1.1.3(react@18.2.0)
-    dev: false
+  /@swc/core-win32-arm64-msvc@1.3.100:
+    resolution: {integrity: sha512-PwLADZN6F9cXn4Jw52FeP/MCLVHm8vwouZZSOoOScDtihjY495SSjdPnlosMaRSR4wJQssGwiD/4MbpgQPqbAw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@swc/core-win32-ia32-msvc@1.3.100:
+    resolution: {integrity: sha512-0f6nicKSLlDKlyPRl2JEmkpBV4aeDfRQg6n8mPqgL7bliZIcDahG0ej+HxgNjZfS3e0yjDxsNRa6sAqWU2Z60A==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/data@9.16.0(react@18.2.0):
-    resolution: {integrity: sha512-FEfHR5wlbtqssSVzey45Yq9+sFaFxiKZrY6MInkOVY7B/GtdSDpKDioDdTgmHKOnyaal4l1KHAE0bVEoMLfaFQ==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/compose': 6.23.0(react@18.2.0)
-      '@wordpress/deprecated': 3.46.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/is-shallow-equal': 4.46.0
-      '@wordpress/priority-queue': 2.46.0
-      '@wordpress/private-apis': 0.28.0
-      '@wordpress/redux-routine': 4.46.0(redux@4.2.1)
-      deepmerge: 4.3.1
-      equivalent-key-map: 0.2.2
-      is-plain-object: 5.0.0
-      is-promise: 4.0.0
-      react: 18.2.0
-      redux: 4.2.1
-      rememo: 4.0.2
-      use-memo-one: 1.1.3(react@18.2.0)
-    dev: false
+  /@swc/core-win32-x64-msvc@1.3.100:
+    resolution: {integrity: sha512-b7J0rPoMkRTa3XyUGt8PwCaIBuYWsL2DqbirrQKRESzgCvif5iNpqaM6kjIjI/5y5q1Ycv564CB51YDpiS8EtQ==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  /@wordpress/data@9.17.0(react@18.2.0):
-    resolution: {integrity: sha512-0FfNL4mHMkX8cBbGAjP8EJ/RGOvf/74qyhBXiLEGUz6swhW6RFrSPm7Dkqe5cMRqXDGoJn15OsOFIuLRllwVoQ==}
-    engines: {node: '>=12'}
+  /@swc/core@1.3.100:
+    resolution: {integrity: sha512-7dKgTyxJjlrMwFZYb1auj3Xq0D8ZBe+5oeIgfMlRU05doXZypYJe0LAk0yjj3WdbwYzpF+T1PLxwTWizI0pckw==}
+    engines: {node: '>=10'}
+    requiresBuild: true
     peerDependencies:
-      react: ^18.0.0
+      '@swc/helpers': ^0.5.0
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/compose': 6.24.0(react@18.2.0)
-      '@wordpress/deprecated': 3.47.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/is-shallow-equal': 4.47.0
-      '@wordpress/priority-queue': 2.47.0
-      '@wordpress/private-apis': 0.29.0
-      '@wordpress/redux-routine': 4.47.0(redux@4.2.1)
-      deepmerge: 4.3.1
-      equivalent-key-map: 0.2.2
-      is-plain-object: 5.0.0
-      is-promise: 4.0.0
-      react: 18.2.0
-      redux: 4.2.1
-      rememo: 4.0.2
-      use-memo-one: 1.1.3(react@18.2.0)
-    dev: false
+      '@swc/counter': 0.1.2
+      '@swc/types': 0.1.5
+    optionalDependencies:
+      '@swc/core-darwin-arm64': 1.3.100
+      '@swc/core-darwin-x64': 1.3.100
+      '@swc/core-linux-arm64-gnu': 1.3.100
+      '@swc/core-linux-arm64-musl': 1.3.100
+      '@swc/core-linux-x64-gnu': 1.3.100
+      '@swc/core-linux-x64-musl': 1.3.100
+      '@swc/core-win32-arm64-msvc': 1.3.100
+      '@swc/core-win32-ia32-msvc': 1.3.100
+      '@swc/core-win32-x64-msvc': 1.3.100
+    dev: true
 
-  /@wordpress/date@4.46.0:
-    resolution: {integrity: sha512-IsbAXOVYJfSVISGppERnZMWVvvCo07bjSXSKhbd6CDgzTFDPCyUrOmv8tcMUdHw7a4jbL0w/KRMqdhN/C8A0JQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/deprecated': 3.46.0
-      moment: 2.29.4
-      moment-timezone: 0.5.43
-    dev: false
+  /@swc/counter@0.1.2:
+    resolution: {integrity: sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==}
+    dev: true
 
-  /@wordpress/date@4.47.0:
-    resolution: {integrity: sha512-HIruX+wMaQWKYLCFIu6JeEEoqRYkhpL4cWfZ1lJG78wNsgq3vRiHzXQaXHcbmJQCq0PZOxtmeSzldPiUMFVNpg==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/deprecated': 3.47.0
-      moment: 2.29.4
-      moment-timezone: 0.5.43
-    dev: false
+  /@swc/types@0.1.5:
+    resolution: {integrity: sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==}
+    dev: true
 
-  /@wordpress/deprecated@3.46.0:
-    resolution: {integrity: sha512-i7stkwWr9vUc2A9ILb0qIUfqtyjaG9yNbqRcfWDjqhOn6R4Drm4edwdpZKdYHSTiiH2qPCWZGTc6KVZm5wc9/Q==}
-    engines: {node: '>=12'}
+  /@tannin/compile@1.1.0:
+    resolution: {integrity: sha512-n8m9eNDfoNZoxdvWiTfW/hSPhehzLJ3zW7f8E7oT6mCROoMNWCB4TYtv041+2FMAxweiE0j7i1jubQU4MEC/Gg==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/hooks': 3.46.0
-    dev: false
+      '@tannin/evaluate': 1.2.0
+      '@tannin/postfix': 1.1.0
 
-  /@wordpress/deprecated@3.47.0:
-    resolution: {integrity: sha512-Vq4h6LHGPUc/pqmLOANcPpiMrOVoTeZRDvKxE+ioR9ldEFo+uquMKrEmJZxXVXl0GZdMKQ4jGKx34z8S8VRwQw==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/hooks': 3.47.0
-    dev: false
+  /@tannin/evaluate@1.2.0:
+    resolution: {integrity: sha512-3ioXvNowbO/wSrxsDG5DKIMxC81P0QrQTYai8zFNY+umuoHWRPbQ/TuuDEOju9E+jQDXmj6yI5GyejNuh8I+eg==}
 
-  /@wordpress/dom-ready@3.46.0:
-    resolution: {integrity: sha512-Xq/TPuOZk1DjBzuo4fPj226Lo8uoKk0v1Tydnb263gRmAniSXdwEyrLPMbo8DOAqEUPI9ZRbqomJo/mBR2V8TA==}
-    engines: {node: '>=12'}
+  /@tannin/plural-forms@1.1.0:
+    resolution: {integrity: sha512-xl9R2mDZO/qiHam1AgMnAES6IKIg7OBhcXqy6eDsRCdXuxAFPcjrej9HMjyCLE0DJ/8cHf0i5OQTstuBRhpbHw==}
     dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      '@tannin/compile': 1.1.0
 
-  /@wordpress/dom-ready@3.47.0:
-    resolution: {integrity: sha512-VsqaTQJ5Z7Qa3Doi5qk4LMnW0K78JEKLYRcg3ohapgBrQ2tKTS67oWgJx2VgWz8ky6j9UosecSISP3zJHXfEeA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+  /@tannin/postfix@1.1.0:
+    resolution: {integrity: sha512-oocsqY7g0cR+Gur5jRQLSrX2OtpMLMse1I10JQBm8CdGMrDkh1Mg2gjsiquMHRtBs4Qwu5wgEp5GgIYHk4SNPw==}
 
-  /@wordpress/dom@3.46.0:
-    resolution: {integrity: sha512-NiGBTpE7lzTAjkxw5HVp3EzyMxZA378/yed0id0krvEId4prmbIJWRwSNC+Yvn0nhuHczIl4wj9T9zYpksAcUg==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/deprecated': 3.46.0
-    dev: false
+  /@tsconfig/node10@1.0.9:
+    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
+    dev: true
 
-  /@wordpress/dom@3.47.0:
-    resolution: {integrity: sha512-SY6wfAc4yrXYil8fm/uyeKQnPjGuc0G9Q1/5pUKO6dssst8fClsrxy+hXNl0FYFGWnAZBqg5ccrwYydrFt5k/g==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/deprecated': 3.47.0
-    dev: false
+  /@tsconfig/node12@1.0.11:
+    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+    dev: true
 
-  /@wordpress/element@5.24.0:
-    resolution: {integrity: sha512-El1E5jlZitrDouvde0dUF2yVRiPsxPnjxB9TU43EhahQ9eT8pwfUaH3I4NT8kUj2LD76WwU8fN7CEmBNBW+ofA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@types/react': 18.2.38
-      '@types/react-dom': 18.2.17
-      '@wordpress/escape-html': 2.47.0
-      change-case: 4.1.2
-      is-plain-object: 5.0.0
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
+  /@tsconfig/node14@1.0.3:
+    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+    dev: true
 
-  /@wordpress/escape-html@2.46.0:
-    resolution: {integrity: sha512-sPjBUMTSqjDF1niqb6NnKim8Ju7zWVlgZoifO3cC+4DGZcRsKF78eTeuEojQJN7h/FHCjpKX3dvnr+ihv7syEQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+  /@tsconfig/node16@1.0.4:
+    resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
+    dev: true
 
-  /@wordpress/escape-html@2.47.0:
-    resolution: {integrity: sha512-bBGcTE5chneQJ3yETJyT2suyVtEJNfOiMVBV5qm606TyEzIDm18Sw2mPfOagiB1nOwDkAVfpSVD2NeGpit2alA==}
-    engines: {node: '>=12'}
+  /@types/babel__core@7.20.5:
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
     dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      '@babel/parser': 7.23.4
+      '@babel/types': 7.23.4
+      '@types/babel__generator': 7.6.7
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.20.4
+    dev: true
 
-  /@wordpress/hooks@3.46.0:
-    resolution: {integrity: sha512-TTYNZwMZeATpkWmvAoShP43UONd/WPNTtsy1czMSyiqPzFhzGJbKD75CdJtPp5DqIAiuWQEuDmcxRAPcZ/1Qgw==}
-    engines: {node: '>=12'}
+  /@types/babel__generator@7.6.7:
+    resolution: {integrity: sha512-6Sfsq+EaaLrw4RmdFWE9Onp63TOUue71AWb4Gpa6JxzgTYtimbM086WnYTy2U67AofR++QKCo08ZP6pwx8YFHQ==}
     dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      '@babel/types': 7.23.4
+    dev: true
 
-  /@wordpress/hooks@3.47.0:
-    resolution: {integrity: sha512-a0mZ+lSUBrmacJGXDnFTaz1O47sQgTCZi3LrY445WNc7cmiSlscTfeBxrUXaTF0ninzHJnE7evCIeKLbQC3dLQ==}
-    engines: {node: '>=12'}
+  /@types/babel__template@7.4.4:
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
     dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      '@babel/parser': 7.23.4
+      '@babel/types': 7.23.4
+    dev: true
 
-  /@wordpress/html-entities@3.46.0:
-    resolution: {integrity: sha512-2L3aJtWOLb2XMqgmM3voCIi8Oif1Vx+sc6C4kGwM336Sgx+EqZulFsN7OBt6CuK3PcAk1qaMPu59ANx3OJm60g==}
-    engines: {node: '>=12'}
+  /@types/babel__traverse@7.20.4:
+    resolution: {integrity: sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==}
     dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      '@babel/types': 7.23.4
+    dev: true
 
-  /@wordpress/html-entities@3.47.0:
-    resolution: {integrity: sha512-3wGxzlTNFRnw80jv5ckREDTwNq8FCU+HqdbhwXZWjiIDv2J8GwH1sgD8VbMzlB1Bi9V/3yqteYtv0V/RpC2VfQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+  /@types/estree@1.0.5:
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+    dev: true
 
-  /@wordpress/i18n@4.46.0:
-    resolution: {integrity: sha512-5/61hd50KkqGgoQpf66DDft6sMTKfeGVdmZOt42GWymylxFSmbZLLnR8YafECQrmia/TdwIco5I4n0hIikYbNQ==}
-    engines: {node: '>=12'}
-    hasBin: true
+  /@types/jquery@3.5.29:
+    resolution: {integrity: sha512-oXQQC9X9MOPRrMhPHHOsXqeQDnWeCDT3PelUIg/Oy8FAbzSZtFHRjc7IpbfFVmpLtJ+UOoywpRsuO5Jxjybyeg==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/hooks': 3.46.0
-      gettext-parser: 1.4.0
-      memize: 2.1.0
-      sprintf-js: 1.1.3
-      tannin: 1.2.0
-    dev: false
+      '@types/sizzle': 2.3.8
+    dev: true
 
-  /@wordpress/i18n@4.47.0:
-    resolution: {integrity: sha512-7qOeSChhI8drcnKAbpM2yP2HSWRR0U8xvww3Febd3kGhMKAUp8AMpjyC4rWucak4+Eg1HFfahurCmBt3FxgbYQ==}
-    engines: {node: '>=12'}
-    hasBin: true
+  /@types/lodash.mergewith@4.6.7:
+    resolution: {integrity: sha512-3m+lkO5CLRRYU0fhGRp7zbsGi6+BZj0uTVSwvcKU+nSlhjA9/QRNfuSGnD2mX6hQA7ZbmcCkzk5h4ZYGOtk14A==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/hooks': 3.47.0
-      gettext-parser: 1.4.0
-      memize: 2.1.0
-      sprintf-js: 1.1.3
-      tannin: 1.2.0
+      '@types/lodash': 4.14.202
     dev: false
 
-  /@wordpress/icons@9.37.0:
-    resolution: {integrity: sha512-AoUne0i5U39+FulHR0O6yTKaocEAEl3RNzWgCOmJ8PCEoDtmU5seRm7yd3f6rWC5GXpaMABVB3pQM3TSMLx9fw==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/element': 5.24.0
-      '@wordpress/primitives': 3.44.0
+  /@types/lodash@4.14.202:
+    resolution: {integrity: sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==}
     dev: false
 
-  /@wordpress/icons@9.38.0:
-    resolution: {integrity: sha512-K+rSZM1eKuWh+rXeMWNLj4dT0a3RJSzoUUh9UDQZCSdnThyAyZECGEKfHSCfd28/yabxLKaziXrb5/MVBrPjZw==}
-    engines: {node: '>=12'}
+  /@types/node@20.10.0:
+    resolution: {integrity: sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/element': 5.24.0
-      '@wordpress/primitives': 3.45.0
-    dev: false
+      undici-types: 5.26.5
+    dev: true
 
-  /@wordpress/is-shallow-equal@4.46.0:
-    resolution: {integrity: sha512-1K5RTTi99ozF9vPKxoVl+RR6mSYy64DKYnijACDN9Sigzbe6OWeL6ky47r09G0JtDnRpzA0itIfFcV8iRNzpvA==}
-    engines: {node: '>=12'}
+  /@types/node@20.10.3:
+    resolution: {integrity: sha512-XJavIpZqiXID5Yxnxv3RUDKTN5b81ddNC3ecsA0SoFXz/QU8OGBwZGMomiq0zw+uuqbL/krztv/DINAQ/EV4gg==}
     dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      undici-types: 5.26.5
+    dev: true
 
-  /@wordpress/is-shallow-equal@4.47.0:
-    resolution: {integrity: sha512-mfrw/GXtCzm5jciuXumabfJhJLzGU0EpGgXU9tDHw6CwDrtUMcM05qrvrXFk4IlE2hYFwuTkWryValMt3FFdoQ==}
-    engines: {node: '>=12'}
+  /@types/node@20.10.4:
+    resolution: {integrity: sha512-D08YG6rr8X90YB56tSIuBaddy/UXAA9RKJoFvrsnogAum/0pmjkgi4+2nx96A330FmioegBWmEYQ+syqCFaveg==}
     dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      undici-types: 5.26.5
+    dev: true
 
-  /@wordpress/keyboard-shortcuts@4.24.0(react@18.2.0):
-    resolution: {integrity: sha512-6ZakUi4vfzYnNv0iITlGYWYi94xOYYYuUgvpyPIlc0mDkoNv5LrCyl4UoaKYc4oA73+6QUGzT98nP/Ob8y6/5A==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/data': 9.17.0(react@18.2.0)
-      '@wordpress/element': 5.24.0
-      '@wordpress/keycodes': 3.47.0
-      react: 18.2.0
-      rememo: 4.0.2
-    dev: false
+  /@types/parse-json@4.0.2:
+    resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
 
-  /@wordpress/keycodes@3.46.0:
-    resolution: {integrity: sha512-08ubCD321T85BZBUQuco2/vwIC5Pfzbw4CY7E2xR3rGzX3vb7SjDbKIqKeJL/UfYSmZF9GY+KaspSa1ywFtWiA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/i18n': 4.46.0
-      change-case: 4.1.2
-    dev: false
+  /@types/prop-types@15.7.11:
+    resolution: {integrity: sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==}
 
-  /@wordpress/keycodes@3.47.0:
-    resolution: {integrity: sha512-dmYpqCWUoCM290YA5ApES9nqz/0D1JngIlZtel+BvELf8fj/jctdsT5wDB7dVdvZCuyr5SF+1Od00DYbMbb5oA==}
-    engines: {node: '>=12'}
+  /@types/ramda@0.29.9:
+    resolution: {integrity: sha512-X3yEG6tQCWBcUAql+RPC/O1Hm9BSU+MXu2wJnCETuAgUlrEDwTA1kIOdEEE4YXDtf0zfQLHa9CCE7WYp9kqPIQ==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/i18n': 4.47.0
-      change-case: 4.1.2
-    dev: false
+      types-ramda: 0.29.6
+    dev: true
 
-  /@wordpress/notices@4.15.0(react@18.2.0):
-    resolution: {integrity: sha512-HAaPmxbcuXWi35VV4t3eb03rWeAXdHFBjHpvDjCiyMdqB2QBfZUA80ARBP6dd/CYlJ+Rm3IcV5PT8KHDJBjQew==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
+  /@types/react-dom@18.2.17:
+    resolution: {integrity: sha512-rvrT/M7Df5eykWFxn6MYt5Pem/Dbyc1N8Y0S9Mrkw2WFCRiqUgw9P7ul2NpwsXCSM1DVdENzdG9J5SreqfAIWg==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/a11y': 3.47.0
-      '@wordpress/data': 9.17.0(react@18.2.0)
-      react: 18.2.0
-    dev: false
+      '@types/react': 18.2.45
+    dev: true
 
-  /@wordpress/preferences@3.24.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-G2fnT0p2/euiUB/vDofXvDdw9TS1GNs/bRbWiMIa84I22rc/ai46BOdUo1mQdRlAw4O9uaF7v1UfoXS1cbWHVw==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
-      react-dom: ^18.0.0
+  /@types/react-select@5.0.1(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-h5Im0AP0dr4AVeHtrcvQrLV+gmPa7SA0AGdxl2jOhtwiE6KgXBFSogWw8az32/nusE6AQHlCOHQWjP1S/+oMWA==}
+    deprecated: This is a stub types definition. react-select provides its own type definitions, so you do not need this installed.
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/a11y': 3.47.0
-      '@wordpress/components': 25.13.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      '@wordpress/data': 9.17.0(react@18.2.0)
-      '@wordpress/element': 5.24.0
-      '@wordpress/i18n': 4.47.0
-      '@wordpress/icons': 9.38.0
-      classnames: 2.3.2
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react-select: 5.8.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0)
     transitivePeerDependencies:
-      - '@babel/helper-module-imports'
-      - '@babel/types'
       - '@types/react'
-      - aslemammad-vite-plugin-macro
-      - babel-plugin-macros
-      - vite
-    dev: false
-
-  /@wordpress/primitives@3.44.0:
-    resolution: {integrity: sha512-bpDHPTecyALcFK40Nz8DFToQGmv9s5kTqeNMCtbgqd7nWej4NTE4vRVrEnzGS/BHrUQPk6UCRSgtRuXpLfuHGA==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/element': 5.24.0
-      classnames: 2.3.2
-    dev: false
-
-  /@wordpress/primitives@3.45.0:
-    resolution: {integrity: sha512-8nSRklcrUFIOD/A8gpDrNmf2GTa3x0kuc8EHpra0FBVAwUaacp+HeeP7281tSSIt/yKg3BYhzFnYTB2OQIguGQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/element': 5.24.0
-      classnames: 2.3.2
-    dev: false
-
-  /@wordpress/priority-queue@2.46.0:
-    resolution: {integrity: sha512-ElNF4ONApHwwkEvP3Ta6Wly2RCljXLZpfyahOziq3rlK8gaeU82qRt13KBE85Djz+90yHSyDlX9YpmJebV9oPw==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      requestidlecallback: 0.3.0
-    dev: false
-
-  /@wordpress/priority-queue@2.47.0:
-    resolution: {integrity: sha512-ZA6BDYkEC3mY1UrEXYnihdb0GoJooxZ9ADPEDEnqY88EuUT8/eeIDOge7OzgatDa9ivzV8TP3Fs4C/mHg/s6dQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-      requestidlecallback: 0.3.0
-    dev: false
-
-  /@wordpress/private-apis@0.28.0:
-    resolution: {integrity: sha512-OAwLJfNIkSV2e77T7sXaGWtrbYuzhpusL0ufaR0hux6HfavHDmFuCjyyk3kUdq/GY6bFWDrWIvOTAkmVLYXdYg==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
-
-  /@wordpress/private-apis@0.29.0:
-    resolution: {integrity: sha512-8t4au9+IXXgJlxxOuYVYi8PKp0uWajNYILNfqCLB65jQEClzGNMQhU6MeJ9+kHN3gdOltMk7UzG28X+FTDlmkQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
+      - react
+      - react-dom
+    dev: true
 
-  /@wordpress/redux-routine@4.46.0(redux@4.2.1):
-    resolution: {integrity: sha512-gvyCIp5zh9Nxj3+H6tD6+DrXal7ER68yuvWgWe6+XRWG0D/MhBog6xe1TCJ6Ec5tFcL30cEEy33YPxCiNnPtjA==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      redux: '>=4'
+  /@types/react-transition-group@4.4.10:
+    resolution: {integrity: sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      is-plain-object: 5.0.0
-      is-promise: 4.0.0
-      redux: 4.2.1
-      rungen: 0.3.2
-    dev: false
+      '@types/react': 18.2.45
 
-  /@wordpress/redux-routine@4.47.0(redux@4.2.1):
-    resolution: {integrity: sha512-MK9evE2Tn3wVTJhSyAPgIVzMWRd5M9Bjfn4n1in1fbmrYN7qnFYdP4VUJwwYlKRDFpJUxC/4iyREBOryoxKDZw==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      redux: '>=4'
+  /@types/react@18.2.38:
+    resolution: {integrity: sha512-cBBXHzuPtQK6wNthuVMV6IjHAFkdl/FOPFIlkd81/Cd1+IqkHu/A+w4g43kaQQoYHik/ruaQBDL72HyCy1vuMw==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      is-plain-object: 5.0.0
-      is-promise: 4.0.0
-      redux: 4.2.1
-      rungen: 0.3.2
-    dev: false
+      '@types/prop-types': 15.7.11
+      '@types/scheduler': 0.16.8
+      csstype: 3.1.2
+    dev: true
 
-  /@wordpress/rich-text@6.23.0(react@18.2.0):
-    resolution: {integrity: sha512-NTq0BSN0cnS54BoOKl+3pDrnCM1WNHs/dENRqZaQr+vak0jGJXK8JLJJXJazt2iFniJTZFlDBUEPj/43c2VfwQ==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
+  /@types/react@18.2.45:
+    resolution: {integrity: sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/a11y': 3.46.0
-      '@wordpress/compose': 6.23.0(react@18.2.0)
-      '@wordpress/data': 9.16.0(react@18.2.0)
-      '@wordpress/deprecated': 3.46.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/escape-html': 2.46.0
-      '@wordpress/i18n': 4.46.0
-      '@wordpress/keycodes': 3.46.0
-      memize: 2.1.0
-      react: 18.2.0
-      rememo: 4.0.2
-    dev: false
+      '@types/prop-types': 15.7.11
+      '@types/scheduler': 0.16.8
+      csstype: 3.1.2
 
-  /@wordpress/rich-text@6.24.0(react@18.2.0):
-    resolution: {integrity: sha512-RkvzK8zvLgpd7i5dlL6zs+Dig1lZNSZf/3sYyjX6RalISXNuxF6Zn8Or7kBcq7EcYmey0LMlVIl5FTZ2l7HSIA==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      react: ^18.0.0
+  /@types/scheduler@0.16.8:
+    resolution: {integrity: sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==}
+
+  /@types/sizzle@2.3.8:
+    resolution: {integrity: sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==}
+    dev: true
+
+  /@types/wordpress__api-fetch@3.23.1:
+    resolution: {integrity: sha512-uyv+1AVutyIjRE308HAjwFnpLf0D3pRhN928i4HmKZ3Uu8C0RkJJYye3md4jg/YsgZBMbAed2baCsEKg7gdmoQ==}
+    deprecated: This is a stub types definition. @wordpress/api-fetch provides its own type definitions, so you do not need this installed.
     dependencies:
-      '@babel/runtime': 7.23.4
-      '@wordpress/a11y': 3.47.0
-      '@wordpress/compose': 6.24.0(react@18.2.0)
-      '@wordpress/data': 9.17.0(react@18.2.0)
-      '@wordpress/deprecated': 3.47.0
-      '@wordpress/element': 5.24.0
-      '@wordpress/escape-html': 2.47.0
-      '@wordpress/i18n': 4.47.0
-      '@wordpress/keycodes': 3.47.0
-      memize: 2.1.0
-      react: 18.2.0
-      rememo: 4.0.2
-    dev: false
+      '@wordpress/api-fetch': 6.45.0
+    dev: true
 
-  /@wordpress/shortcode@3.47.0:
-    resolution: {integrity: sha512-5BqZ2MavyhyiOfJm7RycqxN6bvH2sYHgg2TBYNPuKuvUIN0Ul2k6IVZdH/WEUexHBSp01LKdGVhXfTk4OGCTuw==}
-    engines: {node: '>=12'}
+  /@types/yargs-parser@21.0.3:
+    resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
+    dev: true
+
+  /@types/yargs@17.0.32:
+    resolution: {integrity: sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==}
     dependencies:
-      '@babel/runtime': 7.23.4
-      memize: 2.1.0
-    dev: false
+      '@types/yargs-parser': 21.0.3
+    dev: true
 
-  /@wordpress/style-engine@1.30.0:
-    resolution: {integrity: sha512-UhU97gG/7R8wJUMi8Xq4UECu2hZPwhM0S0o/YKrhT/jwnpo5rHV81oPpVS63EASDeJmQrR24CQ+wB7dWhUvaXg==}
-    engines: {node: '>=12'}
+  /@vitejs/plugin-react@4.2.0(vite@5.0.2):
+    resolution: {integrity: sha512-+MHTH/e6H12kRp5HUkzOGqPMksezRMmW+TNzlh/QXfI8rRf6l2Z2yH/v12no1UvTwhZgEDMuQ7g7rrfMseU6FQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0
     dependencies:
-      '@babel/runtime': 7.23.4
-      change-case: 4.1.2
-    dev: false
+      '@babel/core': 7.23.3
+      '@babel/plugin-transform-react-jsx-self': 7.23.3(@babel/core@7.23.3)
+      '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.3)
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.14.0
+      vite: 5.0.2(@types/node@20.10.3)(sass@1.69.5)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
 
-  /@wordpress/token-list@2.47.0:
-    resolution: {integrity: sha512-PsPE2QZtie691Fk7LpOnwJcCnXm6jiLt0eQ5MtR8lxCFofOKfkmI5Oo7GlQjBSQXOdsY0zeDsOODs3gZVCnpmw==}
+  /@wordpress/api-fetch@6.45.0:
+    resolution: {integrity: sha512-87GhllJcdlxqLugQUx/hL+PE4z7Aqf+AFs8CgzN5/V7INq9IFlIjcbm5TpI4WrGVDSa2puA0tMrjhR/FWXF3NQ==}
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.23.4
-    dev: false
+      '@wordpress/i18n': 4.48.0
+      '@wordpress/url': 3.49.0
 
-  /@wordpress/undo-manager@0.6.0:
-    resolution: {integrity: sha512-u/oW1LAx0yANHzFHz/H1Tnopa7r/8q1D/bV2fescjQ947LLOpaImh7hlLn6ryEt8qCj2YSL9Ry2dDE2R/U1gQQ==}
+  /@wordpress/hooks@3.48.0:
+    resolution: {integrity: sha512-vFmjpq/XN2bYgz67BS2ZC0n4P1FZUi0UPv8PTMKK+dzCPhQRYrJb8DRhBafwu2mXRzw4rO7vmVTCNJQM6xVObQ==}
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.23.4
-      '@wordpress/is-shallow-equal': 4.46.0
-    dev: false
 
-  /@wordpress/undo-manager@0.7.0:
-    resolution: {integrity: sha512-WhMKX/ETGUJr2GkaPgGwFF8gTU/PgikfvE2b2ZDjUglxIPYnujBa9S6w+kQPzwGniGJutHL1DFK+TmAaxoci9A==}
+  /@wordpress/i18n@4.48.0:
+    resolution: {integrity: sha512-CEaBkh1o1lArLqSv9misdmu4hNhs15Fc1tu9t/CzVWPhm7JkkZUi/+mfdAsQmMuON4lJLZKfOjjcRIfTq9YHhA==}
     engines: {node: '>=12'}
+    hasBin: true
     dependencies:
       '@babel/runtime': 7.23.4
-      '@wordpress/is-shallow-equal': 4.47.0
-    dev: false
+      '@wordpress/hooks': 3.48.0
+      gettext-parser: 1.4.0
+      memize: 2.1.0
+      sprintf-js: 1.1.3
+      tannin: 1.2.0
 
-  /@wordpress/url@3.48.0:
-    resolution: {integrity: sha512-12bjIBBGcA5X8RPvUURLJZzpB60O5DI3WxQVIBBKPF4Mv8nUmgT4uemGzf5/ble8lqzJVntyEhEWKPOxEbUbJg==}
+  /@wordpress/url@3.49.0:
+    resolution: {integrity: sha512-AARE9FMGEf3bf/EKb+OhFivgps38s5fRGFMqeHImP8JvKAt6xc7Q6IrpFOTXkI2BOWA4ERK//PAygR8PR5bgVA==}
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.23.4
       remove-accents: 0.5.0
-    dev: false
 
-  /@wordpress/warning@2.46.0:
-    resolution: {integrity: sha512-oyUNmDz64nF8vnS9LaobXMIx6K5w+XhAtvo3Cjv3kCVIuWFwpxoeMus3pUo1A7v2H9zcW+E87zwEuqsLPYjNfQ==}
-    engines: {node: '>=12'}
+  /@zag-js/dom-query@0.16.0:
+    resolution: {integrity: sha512-Oqhd6+biWyKnhKwFFuZrrf6lxBz2tX2pRQe6grUnYwO6HJ8BcbqZomy2lpOdr+3itlaUqx+Ywj5E5ZZDr/LBfQ==}
     dev: false
 
-  /@wordpress/warning@2.47.0:
-    resolution: {integrity: sha512-lmpLNI8Si7HrSY0LBBtp7Z6NzAkh1y7yeJI0LZw17EsJ0MM5FSXqXJRrNY7L4tM8G/vv3OacUw1mRAZX7bzBRQ==}
-    engines: {node: '>=12'}
+  /@zag-js/element-size@0.10.5:
+    resolution: {integrity: sha512-uQre5IidULANvVkNOBQ1tfgwTQcGl4hliPSe69Fct1VfYb2Fd0jdAcGzqQgPhfrXFpR62MxLPB7erxJ/ngtL8w==}
     dev: false
 
-  /@wordpress/wordcount@3.47.0:
-    resolution: {integrity: sha512-s+zDLgdU4YuyguBOJ0PLEJLr5g/vFgYb0c2HPhh6eRCcyPAhyMPV6pDD9ME8cTwddTCxnVtucrx9c1sFn9n00g==}
-    engines: {node: '>=12'}
+  /@zag-js/focus-visible@0.16.0:
+    resolution: {integrity: sha512-a7U/HSopvQbrDU4GLerpqiMcHKEkQkNPeDZJWz38cw/6Upunh41GjHetq5TB84hxyCaDzJ6q2nEdNoBQfC0FKA==}
     dependencies:
-      '@babel/runtime': 7.23.4
+      '@zag-js/dom-query': 0.16.0
     dev: false
 
   /acorn-walk@8.3.1:
@@ -2610,11 +2691,6 @@ packages:
     hasBin: true
     dev: true
 
-  /ansi-regex@4.1.1:
-    resolution: {integrity: sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==}
-    engines: {node: '>=6'}
-    dev: false
-
   /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -2652,10 +2728,6 @@ packages:
       tslib: 2.6.2
     dev: false
 
-  /autosize@4.0.4:
-    resolution: {integrity: sha512-5yxLQ22O0fCRGoxGfeLSNt3J8LB1v+umtpMnPW6XjkTWXKoN0AmXAIhelJcDtFT/Y/wYWmfE+oqU10Q0b8FhaQ==}
-    dev: false
-
   /babel-plugin-macros@3.1.0:
     resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
     engines: {node: '>=10', npm: '>=6'}
@@ -2663,17 +2735,12 @@ packages:
       '@babel/runtime': 7.23.4
       cosmiconfig: 7.1.0
       resolve: 1.22.8
-    dev: false
 
   /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
     dev: true
 
-  /body-scroll-lock@3.1.5:
-    resolution: {integrity: sha512-Yi1Xaml0EvNA0OYWxXiYNqY24AfWkbA6w5vxE7GWxtKfzIbZM+Qw+aSmkgsbWzbHiy/RCSkUZBplVxTA+E4jJg==}
-    dev: false
-
   /braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
@@ -2695,32 +2762,11 @@ packages:
   /callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
-    dev: false
-
-  /camel-case@4.1.2:
-    resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
-    dependencies:
-      pascal-case: 3.1.2
-      tslib: 2.6.2
-    dev: false
-
-  /camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
-    engines: {node: '>=6'}
-    dev: false
 
   /caniuse-lite@1.0.30001564:
     resolution: {integrity: sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg==}
     dev: true
 
-  /capital-case@1.0.4:
-    resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
-    dependencies:
-      no-case: 3.0.4
-      tslib: 2.6.2
-      upper-case-first: 2.0.2
-    dev: false
-
   /chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
@@ -2734,23 +2780,6 @@ packages:
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
     dev: true
 
-  /change-case@4.1.2:
-    resolution: {integrity: sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==}
-    dependencies:
-      camel-case: 4.1.2
-      capital-case: 1.0.4
-      constant-case: 3.0.4
-      dot-case: 3.0.4
-      header-case: 2.0.4
-      no-case: 3.0.4
-      param-case: 3.0.4
-      pascal-case: 3.1.2
-      path-case: 3.0.4
-      sentence-case: 3.0.4
-      snake-case: 3.0.4
-      tslib: 2.6.2
-    dev: false
-
   /chokidar@3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
@@ -2770,22 +2799,6 @@ packages:
     resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==}
     dev: false
 
-  /clipboard@2.0.11:
-    resolution: {integrity: sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==}
-    dependencies:
-      good-listener: 1.2.2
-      select: 1.1.2
-      tiny-emitter: 2.1.0
-    dev: false
-
-  /cliui@5.0.0:
-    resolution: {integrity: sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==}
-    dependencies:
-      string-width: 3.1.0
-      strip-ansi: 5.2.0
-      wrap-ansi: 5.1.0
-    dev: false
-
   /cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -2795,20 +2808,6 @@ packages:
       wrap-ansi: 7.0.0
     dev: true
 
-  /cmdk@0.2.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-JQpKvEOb86SnvMZbYaFKYhvzFntWBeSZdyii0rZPhKJj9uwJBxu4DaVYDrRN7r3mPop56oPhRw+JYWTKs66TYw==}
-    peerDependencies:
-      react: ^18.0.0
-      react-dom: ^18.0.0
-    dependencies:
-      '@radix-ui/react-dialog': 1.0.0(@types/react@18.2.38)(react-dom@18.2.0)(react@18.2.0)
-      command-score: 0.1.2
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-    dev: false
-
   /color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
@@ -2828,38 +2827,27 @@ packages:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
     dev: true
 
-  /colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
-    dev: false
-
-  /command-score@0.1.2:
-    resolution: {integrity: sha512-VtDvQpIJBvBatnONUsPzXYFVKQQAhuf3XTNOAsdBxCNO/QCtUUd8LSgjn0GVarBkCad6aJCZfXgrjYbl/KRr7w==}
-    dev: false
-
-  /compute-scroll-into-view@1.0.20:
-    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
-    dev: false
-
-  /computed-style@0.1.4:
-    resolution: {integrity: sha512-WpAmaKbMNmS3OProfHIdJiNleNJdgUrJfbKArXua28QF7+0CoZjlLn0lp6vlc+dl5r2/X9GQiQRQQU4BzSa69w==}
+  /color2k@2.0.3:
+    resolution: {integrity: sha512-zW190nQTIoXcGCaU08DvVNFTmQhUpnJfVuAKfWqUQkflXKpaDdpaYoM0iluLS9lgJNHyBF58KKA2FBEwkD7wog==}
     dev: false
 
-  /constant-case@3.0.4:
-    resolution: {integrity: sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==}
-    dependencies:
-      no-case: 3.0.4
-      tslib: 2.6.2
-      upper-case: 2.0.2
+  /compute-scroll-into-view@3.0.3:
+    resolution: {integrity: sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A==}
     dev: false
 
   /convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
-    dev: false
 
   /convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
     dev: true
 
+  /copy-to-clipboard@3.3.3:
+    resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
+    dependencies:
+      toggle-selection: 1.0.6
+    dev: false
+
   /cosmiconfig@7.1.0:
     resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
     engines: {node: '>=10'}
@@ -2869,20 +2857,23 @@ packages:
       parse-json: 5.2.0
       path-type: 4.0.0
       yaml: 1.10.2
-    dev: false
 
   /create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
     dev: true
 
+  /css-box-model@1.2.1:
+    resolution: {integrity: sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==}
+    dependencies:
+      tiny-invariant: 1.3.1
+    dev: false
+
   /csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
 
-  /date-fns@2.30.0:
-    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
-    engines: {node: '>=0.11'}
-    dependencies:
-      '@babel/runtime': 7.23.4
+  /cuid@2.1.8:
+    resolution: {integrity: sha512-xiEMER6E7TlTPnDxrM4eRiC6TRgjNX9xzEZ5U/Se2YJKr7Mq4pJn/2XEHjl3STcSh96GmkHPcBXLES8M29wyyg==}
+    deprecated: Cuid and other k-sortable and non-cryptographic ids (Ulid, ObjectId, KSUID, all UUIDs) are all insecure. Use @paralleldrive/cuid2 instead.
     dev: false
 
   /debug@4.3.4:
@@ -2897,20 +2888,6 @@ packages:
       ms: 2.1.2
     dev: true
 
-  /decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
-  /deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
-  /delegate@3.2.0:
-    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
-    dev: false
-
   /detect-node-es@1.1.0:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
     dev: false
@@ -2918,44 +2895,23 @@ packages:
   /diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
+    dev: true
 
-  /dom-scroll-into-view@1.2.1:
-    resolution: {integrity: sha512-LwNVg3GJOprWDO+QhLL1Z9MMgWe/KAFLxVWKzjRTxNSPn8/LLDIfmuG71YHznXCqaqTjvHJDYO1MEAgX6XCNbQ==}
-    dev: false
-
-  /dot-case@3.0.4:
-    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+  /dom-helpers@5.2.1:
+    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
     dependencies:
-      no-case: 3.0.4
-      tslib: 2.6.2
-    dev: false
+      '@babel/runtime': 7.23.4
+      csstype: 3.1.2
 
   /dotenv@16.3.1:
     resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
     engines: {node: '>=12'}
     dev: true
 
-  /downshift@6.1.12(react@18.2.0):
-    resolution: {integrity: sha512-7XB/iaSJVS4T8wGFT3WRXmSF1UlBHAA40DshZtkrIscIN+VC+Lh363skLxFTvJwtNgHxAMDGEHT4xsyQFWL+UA==}
-    peerDependencies:
-      react: '>=16.12.0'
-    dependencies:
-      '@babel/runtime': 7.23.4
-      compute-scroll-into-view: 1.0.20
-      prop-types: 15.8.1
-      react: 18.2.0
-      react-is: 17.0.2
-      tslib: 2.6.2
-    dev: false
-
   /electron-to-chromium@1.4.594:
     resolution: {integrity: sha512-xT1HVAu5xFn7bDfkjGQi9dNpMqGchUkebwf1GL7cZN32NSwwlHRPMSDJ1KN6HkS0bWUtndbSQZqvpQftKG2uFQ==}
     dev: true
 
-  /emoji-regex@7.0.3:
-    resolution: {integrity: sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==}
-    dev: false
-
   /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
     dev: true
@@ -2964,17 +2920,11 @@ packages:
     resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
     dependencies:
       iconv-lite: 0.6.3
-    dev: false
-
-  /equivalent-key-map@0.2.2:
-    resolution: {integrity: sha512-xvHeyCDbZzkpN4VHQj/n+j2lOwL0VWszG30X4cOrc9Y7Tuo2qCdZK/0AMod23Z5dCtNUbaju6p0rwOhHUk05ew==}
-    dev: false
 
   /error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
       is-arrayish: 0.2.1
-    dev: false
 
   /esbuild@0.19.8:
     resolution: {integrity: sha512-l7iffQpT2OrZfH2rXIp7/FkmaeZM0vxbxN9KfiCwGYuZqzMg/JdvX26R31Zxn/Pxvsrg3Y9N6XTcnknqDyyv4w==}
@@ -3018,7 +2968,6 @@ packages:
   /escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
-    dev: false
 
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
@@ -3030,10 +2979,6 @@ packages:
       '@types/estree': 1.0.5
     dev: true
 
-  /fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: false
-
   /fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
@@ -3043,17 +2988,16 @@ packages:
 
   /find-root@1.1.0:
     resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
-    dev: false
 
-  /find-up@3.0.0:
-    resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==}
-    engines: {node: '>=6'}
+  /focus-lock@1.0.0:
+    resolution: {integrity: sha512-a8Ge6cdKh9za/GZR/qtigTAk7SrGore56EFcoMshClsh7FLk1zwszc/ltuMfKhx56qeuyL/jWQ4J4axou0iJ9w==}
+    engines: {node: '>=10'}
     dependencies:
-      locate-path: 3.0.0
+      tslib: 2.6.2
     dev: false
 
-  /framer-motion@10.16.5(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-GEzVjOYP2MIpV9bT/GbhcsBNoImG3/2X3O/xVNWmktkv9MdJ7P/44zELm/7Fjb+O3v39SmKFnoDQB32giThzpg==}
+  /framer-motion@10.16.16(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-je6j91rd7NmUX7L1XHouwJ4v3R+SO4umso2LUcgOct3rHZ0PajZ80ETYZTajzEXEl9DlKyzjyt4AvGQ+lrebOw==}
     peerDependencies:
       react: ^18.0.0
       react-dom: ^18.0.0
@@ -3070,6 +3014,12 @@ packages:
       '@emotion/is-prop-valid': 0.8.8
     dev: false
 
+  /framesync@6.1.2:
+    resolution: {integrity: sha512-jBTqhX6KaQVDyus8muwZbBeGGP0XgujBRbQ7gM7BRdS3CadCZIHiawyzYLnafYcvZIh5j8WE7cxZKFn7dXhu9g==}
+    dependencies:
+      tslib: 2.4.0
+    dev: false
+
   /fs-extra@11.1.1:
     resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
     engines: {node: '>=14.14'}
@@ -3089,7 +3039,6 @@ packages:
 
   /function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
-    dev: false
 
   /gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
@@ -3099,6 +3048,7 @@ packages:
   /get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
 
   /get-nonce@1.0.1:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
@@ -3110,7 +3060,6 @@ packages:
     dependencies:
       encoding: 0.1.13
       safe-buffer: 5.2.1
-    dev: false
 
   /glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -3124,21 +3073,10 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /good-listener@1.2.2:
-    resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
-    dependencies:
-      delegate: 3.2.0
-    dev: false
-
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
     dev: true
 
-  /gradient-parser@0.1.5:
-    resolution: {integrity: sha512-+uPlcVbjrKOnTzvz0MjTj7BfACj8OmxIa1moIjJV7btvhUMSJk0D47RfDCgDrZE3dYMz9Cf5xKJwnrKLjUq0KQ==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   /has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
@@ -3148,35 +3086,17 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       function-bind: 1.1.2
-    dev: false
-
-  /header-case@2.0.4:
-    resolution: {integrity: sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==}
-    dependencies:
-      capital-case: 1.0.4
-      tslib: 2.6.2
-    dev: false
-
-  /highlight-words-core@1.2.2:
-    resolution: {integrity: sha512-BXUKIkUuh6cmmxzi5OIbUJxrG8OAk2MqoL1DtO3Wo9D2faJg2ph5ntyuQeLqaHJmzER6H5tllCDA9ZnNe9BVGg==}
-    dev: false
 
   /hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
     dependencies:
       react-is: 16.13.1
-    dev: false
-
-  /hpq@1.4.0:
-    resolution: {integrity: sha512-ycJQMRaRPBcfnoT1gS5I1XCvbbw9KO94Y0vkwksuOjcJMqNZtb03MF2tCItLI2mQbkZWSSeFinoRDPmjzv4tKg==}
-    dev: false
 
   /iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
     dependencies:
       safer-buffer: 2.1.2
-    dev: false
 
   /immutable@4.3.4:
     resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
@@ -3188,7 +3108,6 @@ packages:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: false
 
   /invariant@2.2.4:
     resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
@@ -3198,7 +3117,6 @@ packages:
 
   /is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: false
 
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
@@ -3211,18 +3129,12 @@ packages:
     resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
       hasown: 2.0.0
-    dev: false
 
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /is-fullwidth-code-point@2.0.0:
-    resolution: {integrity: sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==}
-    engines: {node: '>=4'}
-    dev: false
-
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -3240,14 +3152,11 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
-  /is-plain-object@5.0.0:
-    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
-  /is-promise@4.0.0:
-    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
-    dev: false
+  /is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+    dependencies:
+      '@types/estree': 1.0.5
+    dev: true
 
   /is-reference@3.0.2:
     resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
@@ -3266,7 +3175,6 @@ packages:
 
   /json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: false
 
   /json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
@@ -3282,23 +3190,11 @@ packages:
       graceful-fs: 4.2.11
     dev: true
 
-  /line-height@0.3.1:
-    resolution: {integrity: sha512-YExecgqPwnp5gplD2+Y8e8A5+jKpr25+DzMbFdI1/1UAr0FJrTFv4VkHLf8/6B590i1wUPJWMKKldkd/bdQ//w==}
-    engines: {node: '>= 4.0.0'}
-    dependencies:
-      computed-style: 0.1.4
-    dev: false
-
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: false
 
-  /locate-path@3.0.0:
-    resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==}
-    engines: {node: '>=6'}
-    dependencies:
-      p-locate: 3.0.0
-      path-exists: 3.0.0
+  /lodash.mergewith@4.6.2:
+    resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
     dev: false
 
   /loose-envify@1.4.0:
@@ -3307,18 +3203,18 @@ packages:
     dependencies:
       js-tokens: 4.0.0
 
-  /lower-case@2.0.2:
-    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
-    dependencies:
-      tslib: 2.6.2
-    dev: false
-
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
     dependencies:
       yallist: 3.1.1
     dev: true
 
+  /magic-string@0.25.9:
+    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
   /magic-string@0.30.5:
     resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
     engines: {node: '>=12'}
@@ -3332,21 +3228,9 @@ packages:
 
   /memize@2.1.0:
     resolution: {integrity: sha512-yywVJy8ctVlN5lNPxsep5urnZ6TTclwPEyigM9M3Bi8vseJBOfqNrGWN/r8NzuIt3PovM323W04blJfGQfQSVg==}
-    dev: false
 
-  /moment-timezone@0.5.43:
-    resolution: {integrity: sha512-72j3aNyuIsDxdF1i7CEgV2FfxM1r6aaqJyLB2vwb33mXYyoyLly+F1zbWqhA3/bVIoJ4szlUoMbUnVdid32NUQ==}
-    dependencies:
-      moment: 2.29.4
-    dev: false
-
-  /moment@2.29.4:
-    resolution: {integrity: sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==}
-    dev: false
-
-  /mousetrap@1.6.5:
-    resolution: {integrity: sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==}
-    dev: false
+  /memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
 
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
@@ -3356,64 +3240,26 @@ packages:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-
-  /no-case@3.0.4:
-    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
-    dependencies:
-      lower-case: 2.0.2
-      tslib: 2.6.2
-    dev: false
+    dev: true
 
   /node-releases@2.0.13:
     resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
     dev: true
 
   /normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /normalize-wheel@1.0.1:
-    resolution: {integrity: sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==}
-    dev: false
-
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
-  /p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
-    dependencies:
-      p-try: 2.2.0
-    dev: false
-
-  /p-locate@3.0.0:
-    resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==}
-    engines: {node: '>=6'}
-    dependencies:
-      p-limit: 2.3.0
-    dev: false
-
-  /p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
-    dev: false
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
 
-  /param-case@3.0.4:
-    resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
-    dependencies:
-      dot-case: 3.0.4
-      tslib: 2.6.2
-    dev: false
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
 
   /parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
     dependencies:
       callsites: 3.1.0
-    dev: false
 
   /parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
@@ -3423,69 +3269,23 @@ packages:
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
-    dev: false
-
-  /pascal-case@3.1.2:
-    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
-    dependencies:
-      no-case: 3.0.4
-      tslib: 2.6.2
-    dev: false
-
-  /path-case@3.0.4:
-    resolution: {integrity: sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==}
-    dependencies:
-      dot-case: 3.0.4
-      tslib: 2.6.2
-    dev: false
-
-  /path-exists@3.0.0:
-    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
-    engines: {node: '>=4'}
-    dev: false
 
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: false
-
-  /path-to-regexp@6.2.1:
-    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
-    dev: false
 
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
-    dev: false
 
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+    dev: true
 
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
     dev: true
 
-  /postcss-prefixwrap@1.43.0(postcss@8.4.31):
-    resolution: {integrity: sha512-9qGvIHCgc8zbPRW2TXBUfZd6rZ0pV41a2i0LVPN8PKimT0lMG2y7CPlhu6mmj1NdUkkZtyUIk/6aiEfuCjlgjg==}
-    peerDependencies:
-      postcss: '*'
-    dependencies:
-      postcss: 8.4.31
-    dev: false
-
-  /postcss-urlrebase@1.3.0(postcss@8.4.31):
-    resolution: {integrity: sha512-LOFN43n1IewKriXiypMNNinXeptttSyGGRLPbBMdQzuTvvCEo5mz/gG06y/HqrkN7p3ayHQf2R2bTBv639FOaQ==}
-    peerDependencies:
-      postcss: ^8.3.0
-    dependencies:
-      postcss: 8.4.31
-      postcss-value-parser: 4.2.0
-    dev: false
-
-  /postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-    dev: false
-
   /postcss@8.4.31:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -3493,6 +3293,7 @@ packages:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.0.2
+    dev: true
 
   /prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
@@ -3500,33 +3301,22 @@ packages:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
-    dev: false
 
-  /proxy-compare@2.3.0:
-    resolution: {integrity: sha512-c3L2CcAi7f7pvlD0D7xsF+2CQIW8C3HaYx2Pfgq8eA4HAl3GAH6/dVYsyBbYF/0XJs2ziGLrzmz5fmzPm6A0pQ==}
+  /property-expr@2.0.6:
+    resolution: {integrity: sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==}
     dev: false
 
-  /re-resizable@6.9.11(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-a3hiLWck/NkmyLvGWUuvkAmN1VhwAz4yOhS6FdMTaxCUVN9joIWkT11wsO68coG/iEYuwn+p/7qAmfQzRhiPLQ==}
-    peerDependencies:
-      react: ^16.13.1 || ^17.0.0 || ^18.0.0
-      react-dom: ^16.13.1 || ^17.0.0 || ^18.0.0
-    dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+  /ramda@0.29.1:
+    resolution: {integrity: sha512-OfxIeWzd4xdUNxlWhgFazxsA/nl3mS4/jGZI5n00uWOoSSFRhC1b6gl6xvmzUamgmqELraWp0J/qqVlXYPDPyA==}
     dev: false
 
-  /react-autosize-textarea@7.1.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-BHpjCDkuOlllZn3nLazY2F8oYO1tS2jHnWhcjTWQdcKiiMU6gHLNt/fzmqMSyerR0eTdKtfSIqtSeTtghNwS+g==}
+  /react-clientside-effect@1.2.6(react@18.2.0):
+    resolution: {integrity: sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==}
     peerDependencies:
-      react: ^0.14.0 || ^15.0.0 || ^16.0.0
-      react-dom: ^0.14.0 || ^15.0.0 || ^16.0.0
+      react: ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      autosize: 4.0.4
-      line-height: 0.3.1
-      prop-types: 15.8.1
+      '@babel/runtime': 7.23.4
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
   /react-colorful@5.6.1(react-dom@18.2.0)(react@18.2.0):
@@ -3548,32 +3338,46 @@ packages:
       react: 18.2.0
       scheduler: 0.23.0
 
-  /react-easy-crop@4.7.5(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-qKfI4PuhaH1jOLC3DQfQB0cE0z+3N7bfyPkPejQmylXNb8nstfPMH+oHj3gKgpBHLFUiQp/C1rY7sVCVgtjn3Q==}
+  /react-fast-compare@3.2.2:
+    resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==}
+    dev: false
+
+  /react-focus-lock@2.9.6(@types/react@18.2.45)(react@18.2.0):
+    resolution: {integrity: sha512-B7gYnCjHNrNYwY2juS71dHbf0+UpXXojt02svxybj8N5bxceAkzPChKEncHuratjUHkIFNCn06k2qj1DRlzTug==}
     peerDependencies:
-      react: '>=16.4.0'
-      react-dom: '>=16.4.0'
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
     dependencies:
-      normalize-wheel: 1.0.1
+      '@babel/runtime': 7.23.4
+      '@types/react': 18.2.45
+      focus-lock: 1.0.0
+      prop-types: 15.8.1
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      tslib: 2.0.1
+      react-clientside-effect: 1.2.6(react@18.2.0)
+      use-callback-ref: 1.3.0(@types/react@18.2.45)(react@18.2.0)
+      use-sidecar: 1.1.2(@types/react@18.2.45)(react@18.2.0)
     dev: false
 
+  /react-hook-form@7.49.2(react@18.2.0):
+    resolution: {integrity: sha512-TZcnSc17+LPPVpMRIDNVITY6w20deMdNi6iehTFLV1x8SqThXGwu93HjlUVU09pzFgZH7qZOvLMM7UYf2ShAHA==}
+    engines: {node: '>=18', pnpm: '8'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18
+    dependencies:
+      react: 18.2.0
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-    dev: false
-
-  /react-is@17.0.2:
-    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
-    dev: false
 
   /react-refresh@0.14.0:
     resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /react-remove-scroll-bar@2.3.4(@types/react@18.2.38)(react@18.2.0):
+  /react-remove-scroll-bar@2.3.4(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -3583,14 +3387,14 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.38
+      '@types/react': 18.2.45
       react: 18.2.0
-      react-style-singleton: 2.2.1(@types/react@18.2.38)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.45)(react@18.2.0)
       tslib: 2.6.2
     dev: false
 
-  /react-remove-scroll@2.5.4(@types/react@18.2.38)(react@18.2.0):
-    resolution: {integrity: sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==}
+  /react-remove-scroll@2.5.7(@types/react@18.2.45)(react@18.2.0):
+    resolution: {integrity: sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==}
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -3599,35 +3403,36 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.38
+      '@types/react': 18.2.45
       react: 18.2.0
-      react-remove-scroll-bar: 2.3.4(@types/react@18.2.38)(react@18.2.0)
-      react-style-singleton: 2.2.1(@types/react@18.2.38)(react@18.2.0)
+      react-remove-scroll-bar: 2.3.4(@types/react@18.2.45)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.45)(react@18.2.0)
       tslib: 2.6.2
-      use-callback-ref: 1.3.0(@types/react@18.2.38)(react@18.2.0)
-      use-sidecar: 1.1.2(@types/react@18.2.38)(react@18.2.0)
+      use-callback-ref: 1.3.0(@types/react@18.2.45)(react@18.2.0)
+      use-sidecar: 1.1.2(@types/react@18.2.45)(react@18.2.0)
     dev: false
 
-  /react-remove-scroll@2.5.5(@types/react@18.2.38)(react@18.2.0):
-    resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
-    engines: {node: '>=10'}
+  /react-select@5.8.0(@types/react@18.2.45)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA==}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@types/react': 18.2.38
+      '@babel/runtime': 7.23.4
+      '@emotion/cache': 11.11.0
+      '@emotion/react': 11.11.1(@types/react@18.2.45)(react@18.2.0)
+      '@floating-ui/dom': 1.5.3
+      '@types/react-transition-group': 4.4.10
+      memoize-one: 6.0.0
+      prop-types: 15.8.1
       react: 18.2.0
-      react-remove-scroll-bar: 2.3.4(@types/react@18.2.38)(react@18.2.0)
-      react-style-singleton: 2.2.1(@types/react@18.2.38)(react@18.2.0)
-      tslib: 2.6.2
-      use-callback-ref: 1.3.0(@types/react@18.2.38)(react@18.2.0)
-      use-sidecar: 1.1.2(@types/react@18.2.38)(react@18.2.0)
-    dev: false
+      react-dom: 18.2.0(react@18.2.0)
+      react-transition-group: 4.4.5(react-dom@18.2.0)(react@18.2.0)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.2.45)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
 
-  /react-style-singleton@2.2.1(@types/react@18.2.38)(react@18.2.0):
+  /react-style-singleton@2.2.1(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -3637,13 +3442,26 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.38
+      '@types/react': 18.2.45
       get-nonce: 1.0.1
       invariant: 2.2.4
       react: 18.2.0
       tslib: 2.6.2
     dev: false
 
+  /react-transition-group@4.4.5(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    peerDependencies:
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+    dependencies:
+      '@babel/runtime': 7.23.4
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+
   /react@18.2.0:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
     engines: {node: '>=0.10.0'}
@@ -3657,87 +3475,20 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /reakit-system@0.15.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-TvRthEz0DmD0rcJkGamMYx+bATwnGNWJpe/lc8UV2Js8nnPvkaxrHk5fX9cVASFrWbaIyegZHCWUBfxr30bmmA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      reakit-utils: 0.15.2(react-dom@18.2.0)(react@18.2.0)
-    dev: false
-
-  /reakit-utils@0.15.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-i/RYkq+W6hvfFmXw5QW7zvfJJT/K8a4qZ0hjA79T61JAFPGt23DsfxwyBbyK91GZrJ9HMrXFVXWMovsKBc1qEQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
-  /reakit-warning@0.6.2(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-z/3fvuc46DJyD3nJAUOto6inz2EbSQTjvI/KBQDqxwB0y02HDyeP8IWOJxvkuAUGkWpeSx+H3QWQFSNiPcHtmw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-    dependencies:
-      react: 18.2.0
-      reakit-utils: 0.15.2(react-dom@18.2.0)(react@18.2.0)
-    transitivePeerDependencies:
-      - react-dom
-    dev: false
-
-  /reakit@1.3.11(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-mYxw2z0fsJNOQKAEn5FJCPTU3rcrY33YZ/HzoWqZX0G7FwySp1wkCYW79WhuYMNIUFQ8s3Baob1RtsEywmZSig==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@popperjs/core': 2.11.8
-      body-scroll-lock: 3.1.5
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      reakit-system: 0.15.2(react-dom@18.2.0)(react@18.2.0)
-      reakit-utils: 0.15.2(react-dom@18.2.0)(react@18.2.0)
-      reakit-warning: 0.6.2(react-dom@18.2.0)(react@18.2.0)
-    dev: false
-
-  /redux@4.2.1:
-    resolution: {integrity: sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==}
-    dependencies:
-      '@babel/runtime': 7.23.4
-    dev: false
-
   /regenerator-runtime@0.14.0:
     resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
-    dev: false
-
-  /rememo@4.0.2:
-    resolution: {integrity: sha512-NVfSP9NstE3QPNs/TnegQY0vnJnstKQSpcrsI2kBTB3dB2PkdfKdTa+abbjMIDqpc63fE5LfjLgfMst0ULMFxQ==}
-    dev: false
 
   /remove-accents@0.5.0:
     resolution: {integrity: sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==}
-    dev: false
-
-  /requestidlecallback@0.3.0:
-    resolution: {integrity: sha512-TWHFkT7S9p7IxLC5A1hYmAYQx2Eb9w1skrXmQ+dS1URyvR8tenMLl4lHbqEOUnpEYxNKpkVMXUgknVpBZWXXfQ==}
-    dev: false
 
   /require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
-
-  /require-main-filename@2.0.0:
-    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
-    dev: false
+    dev: true
 
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
-    dev: false
 
   /resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
@@ -3746,7 +3497,18 @@ packages:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
-    dev: false
+
+  /rollup-plugin-external-globals@0.6.1(rollup@4.5.2):
+    resolution: {integrity: sha512-mlp3KNa5sE4Sp9UUR2rjBrxjG79OyZAh/QC18RHIjM+iYkbBwNXSo8DHRMZWtzJTrH8GxQ+SJvCTN3i14uMXIA==}
+    peerDependencies:
+      rollup: ^2.25.0
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      estree-walker: 2.0.2
+      is-reference: 1.2.1
+      magic-string: 0.25.9
+      rollup: 4.5.2
+    dev: true
 
   /rollup-plugin-external-globals@0.9.1(rollup@4.5.2):
     resolution: {integrity: sha512-A5bxaS1ZxswieycelVGdEjvV2FqA24IGY1ya17ZpshLoncDjyWR508hzUWOtGYIjr1t5PRu/zVRXmu1KBlJxlw==}
@@ -3780,17 +3542,11 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /rungen@0.3.2:
-    resolution: {integrity: sha512-zWl10xu2D7zoR8zSC2U6bg5bYF6T/Wk7rxwp8IPaJH7f0Ge21G03kNHVgHR7tyVkSSfAOG0Rqf/Cl38JftSmtw==}
-    dev: false
-
   /safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-    dev: false
 
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-    dev: false
 
   /sass@1.69.5:
     resolution: {integrity: sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==}
@@ -3807,66 +3563,27 @@ packages:
     dependencies:
       loose-envify: 1.4.0
 
-  /select@1.1.2:
-    resolution: {integrity: sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==}
-    dev: false
-
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
     dev: true
 
-  /sentence-case@3.0.4:
-    resolution: {integrity: sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==}
-    dependencies:
-      no-case: 3.0.4
-      tslib: 2.6.2
-      upper-case-first: 2.0.2
-    dev: false
-
-  /set-blocking@2.0.0:
-    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
-    dev: false
-
-  /showdown@1.9.1:
-    resolution: {integrity: sha512-9cGuS382HcvExtf5AHk7Cb4pAeQQ+h0eTr33V1mu+crYWV4KvWAw6el92bDrqGEk5d46Ai/fhbEUwqJ/mTCNEA==}
-    hasBin: true
-    dependencies:
-      yargs: 14.2.3
-    dev: false
-
-  /simple-html-tokenizer@0.5.11:
-    resolution: {integrity: sha512-C2WEK/Z3HoSFbYq8tI7ni3eOo/NneSPRoPpcM7WdLjFOArFuyXEjAoCdOC3DgMfRyziZQ1hCNR4mrNdWEvD0og==}
-    dev: false
-
-  /snake-case@3.0.4:
-    resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
-    dependencies:
-      dot-case: 3.0.4
-      tslib: 2.6.2
-    dev: false
-
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /source-map@0.5.7:
     resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
     engines: {node: '>=0.10.0'}
-    dev: false
+
+  /sourcemap-codec@1.4.8:
+    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
+    deprecated: Please use @jridgewell/sourcemap-codec instead
+    dev: true
 
   /sprintf-js@1.1.3:
     resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
-    dev: false
-
-  /string-width@3.1.0:
-    resolution: {integrity: sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==}
-    engines: {node: '>=6'}
-    dependencies:
-      emoji-regex: 7.0.3
-      is-fullwidth-code-point: 2.0.0
-      strip-ansi: 5.2.0
-    dev: false
 
   /string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
@@ -3877,13 +3594,6 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
-  /strip-ansi@5.2.0:
-    resolution: {integrity: sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==}
-    engines: {node: '>=6'}
-    dependencies:
-      ansi-regex: 4.1.1
-    dev: false
-
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -3893,7 +3603,6 @@ packages:
 
   /stylis@4.2.0:
     resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
-    dev: false
 
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -3904,16 +3613,18 @@ packages:
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
-    dev: false
 
   /tannin@1.2.0:
     resolution: {integrity: sha512-U7GgX/RcSeUETbV7gYgoz8PD7Ni4y95pgIP/Z6ayI3CfhSujwKEBlGFTCRN+Aqnuyf4AN2yHL+L8x+TCGjb9uA==}
     dependencies:
       '@tannin/plural-forms': 1.1.0
+
+  /tiny-case@1.0.3:
+    resolution: {integrity: sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==}
     dev: false
 
-  /tiny-emitter@2.1.0:
-    resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
+  /tiny-invariant@1.3.1:
+    resolution: {integrity: sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==}
     dev: false
 
   /to-fast-properties@2.0.0:
@@ -3927,7 +3638,15 @@ packages:
       is-number: 7.0.0
     dev: true
 
-  /ts-node@10.9.1(@types/node@20.10.3)(typescript@5.3.3):
+  /toggle-selection@1.0.6:
+    resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
+    dev: false
+
+  /toposort@2.0.2:
+    resolution: {integrity: sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==}
+    dev: false
+
+  /ts-node@10.9.1(@types/node@20.10.4)(typescript@5.3.3):
     resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
     hasBin: true
     peerDependencies:
@@ -3946,7 +3665,7 @@ packages:
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 20.10.3
+      '@types/node': 20.10.4
       acorn: 8.11.2
       acorn-walk: 8.3.1
       arg: 4.1.3
@@ -3958,8 +3677,12 @@ packages:
       yn: 3.1.1
     dev: true
 
-  /tslib@2.0.1:
-    resolution: {integrity: sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ==}
+  /ts-toolbelt@9.6.0:
+    resolution: {integrity: sha512-nsZd8ZeNUzukXPlJmTBwUAuABDe/9qtVDelJeT/qW0ow3ZS3BsQJtNkan1802aM9Uf68/Y8ljw86Hu0h5IUW3w==}
+    dev: true
+
+  /tslib@2.4.0:
+    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
     dev: false
 
   /tslib@2.6.2:
@@ -4026,6 +3749,17 @@ packages:
       turbo-windows-arm64: 1.11.1
     dev: true
 
+  /type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+    dev: false
+
+  /types-ramda@0.29.6:
+    resolution: {integrity: sha512-VJoOk1uYNh9ZguGd3eZvqkdhD4hTGtnjRBUx5Zc0U9ftmnCgiWcSj/lsahzKunbiwRje1MxxNkEy1UdcXRCpYw==}
+    dependencies:
+      ts-toolbelt: 9.6.0
+    dev: true
+
   /typescript@5.3.2:
     resolution: {integrity: sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==}
     engines: {node: '>=14.17'}
@@ -4058,19 +3792,7 @@ packages:
       picocolors: 1.0.0
     dev: true
 
-  /upper-case-first@2.0.2:
-    resolution: {integrity: sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==}
-    dependencies:
-      tslib: 2.6.2
-    dev: false
-
-  /upper-case@2.0.2:
-    resolution: {integrity: sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==}
-    dependencies:
-      tslib: 2.6.2
-    dev: false
-
-  /use-callback-ref@1.3.0(@types/react@18.2.38)(react@18.2.0):
+  /use-callback-ref@1.3.0(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -4080,44 +3802,33 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.38
+      '@types/react': 18.2.45
       react: 18.2.0
       tslib: 2.6.2
     dev: false
 
-  /use-isomorphic-layout-effect@1.1.2(@types/react@18.2.38)(react@18.2.0):
-    resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-    dependencies:
-      '@types/react': 18.2.38
-      react: 18.2.0
-    dev: false
-
-  /use-lilius@2.0.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-+Q7nspdv+QGnyHGVMd6yAdLrqv5EGB4n3ix4GJH0JEE27weKCLCLmZSuAr5Nw+yPBCZn/iZ+KjL5+UykLCWXrw==}
+  /use-debounce@10.0.0(react@18.2.0):
+    resolution: {integrity: sha512-XRjvlvCB46bah9IBXVnq/ACP2lxqXyZj0D9hj4K5OzNroMDpTEBg8Anuh1/UfRTRs7pLhQ+RiNxxwZu9+MVl1A==}
+    engines: {node: '>= 16.0.0'}
     peerDependencies:
-      react: '*'
-      react-dom: '*'
+      react: '>=16.8.0'
     dependencies:
-      date-fns: 2.30.0
       react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /use-memo-one@1.1.3(react@18.2.0):
-    resolution: {integrity: sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==}
+  /use-isomorphic-layout-effect@1.1.2(@types/react@18.2.45)(react@18.2.0):
+    resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
     peerDependencies:
+      '@types/react': '*'
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
     dependencies:
+      '@types/react': 18.2.45
       react: 18.2.0
-    dev: false
 
-  /use-sidecar@1.1.2(@types/react@18.2.38)(react@18.2.0):
+  /use-sidecar@1.1.2(@types/react@18.2.45)(react@18.2.0):
     resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -4127,57 +3838,23 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.38
+      '@types/react': 18.2.45
       detect-node-es: 1.1.0
       react: 18.2.0
       tslib: 2.6.2
     dev: false
 
-  /use-sync-external-store@1.2.0(react@18.2.0):
-    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      react: 18.2.0
-    dev: false
-
-  /uuid@9.0.1:
-    resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
-    hasBin: true
-    dev: false
-
   /v8-compile-cache-lib@3.0.1:
     resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
     dev: true
 
-  /valtio@1.7.0(react@18.2.0):
-    resolution: {integrity: sha512-3Tnix66EERwMcrl1rfB3ylcewOcL5L/GiPmC3FlVNreQzqf2jufEeqlNmgnLgSGchkEmH3WYVtS+x6Qw4r+yzQ==}
-    engines: {node: '>=12.7.0'}
-    peerDependencies:
-      '@babel/helper-module-imports': '>=7.12'
-      '@babel/types': '>=7.13'
-      aslemammad-vite-plugin-macro: '>=1.0.0-alpha.1'
-      babel-plugin-macros: '>=3.0'
-      react: '>=16.8'
-      vite: '>=2.8.6'
-    peerDependenciesMeta:
-      '@babel/helper-module-imports':
-        optional: true
-      '@babel/types':
-        optional: true
-      aslemammad-vite-plugin-macro:
-        optional: true
-      babel-plugin-macros:
-        optional: true
-      react:
-        optional: true
-      vite:
-        optional: true
+  /vite-plugin-cdn-import@0.3.5(rollup@4.5.2):
+    resolution: {integrity: sha512-e1raoalfBiIhv+hnMeSp1UNjloDDBhHpeFxkwRRdPBmTdDRqdEEn8owUmT5u8UBSVCs4xN3n/od4a91vXEhXPQ==}
     dependencies:
-      proxy-compare: 2.3.0
-      react: 18.2.0
-      use-sync-external-store: 1.2.0(react@18.2.0)
-    dev: false
+      rollup-plugin-external-globals: 0.6.1(rollup@4.5.2)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
 
   /vite-plugin-external@4.0.1:
     resolution: {integrity: sha512-4URQXQyNX2VS7w+eFoQo0m2KoNJstalAqYnPXxu5uUyFyJuV80Go+NlUjIj5fRyHx7RuKEW+o1CvDrQi2QdPCA==}
@@ -4222,19 +3899,6 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /which-module@2.0.1:
-    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
-    dev: false
-
-  /wrap-ansi@5.1.0:
-    resolution: {integrity: sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==}
-    engines: {node: '>=6'}
-    dependencies:
-      ansi-styles: 3.2.1
-      string-width: 3.1.0
-      strip-ansi: 5.2.0
-    dev: false
-
   /wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -4244,10 +3908,6 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
-  /y18n@4.0.3:
-    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
-    dev: false
-
   /y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
@@ -4260,36 +3920,12 @@ packages:
   /yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
-    dev: false
-
-  /yargs-parser@15.0.3:
-    resolution: {integrity: sha512-/MVEVjTXy/cGAjdtQf8dW3V9b97bPN7rNn8ETj6BmAQL7ibC7O1Q9SPJbGjgh3SlwoBNXMzj/ZGIj8mBgl12YA==}
-    dependencies:
-      camelcase: 5.3.1
-      decamelize: 1.2.0
-    dev: false
 
   /yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
     dev: true
 
-  /yargs@14.2.3:
-    resolution: {integrity: sha512-ZbotRWhF+lkjijC/VhmOT9wSgyBQ7+zr13+YLkhfsSiTriYsMzkTUFP18pFhWwBeMa5gUc1MzbhrO6/VB7c9Xg==}
-    dependencies:
-      cliui: 5.0.0
-      decamelize: 1.2.0
-      find-up: 3.0.0
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      require-main-filename: 2.0.0
-      set-blocking: 2.0.0
-      string-width: 3.1.0
-      which-module: 2.0.1
-      y18n: 4.0.3
-      yargs-parser: 15.0.3
-    dev: false
-
   /yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
@@ -4307,3 +3943,12 @@ packages:
     resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
     engines: {node: '>=6'}
     dev: true
+
+  /yup@1.3.2:
+    resolution: {integrity: sha512-6KCM971iQtJ+/KUaHdrhVr2LDkfhBtFPRnsG1P8F4q3uUVQ2RfEM9xekpha9aA4GXWJevjM10eDcPQ1FfWlmaQ==}
+    dependencies:
+      property-expr: 2.0.6
+      tiny-case: 1.0.3
+      toposort: 2.0.2
+      type-fest: 2.19.0
+    dev: false
diff --git a/tools/dev/package.json b/tools/dev/package.json
index 270d7ee0..d39d8e37 100644
--- a/tools/dev/package.json
+++ b/tools/dev/package.json
@@ -7,12 +7,10 @@
 	},
 	"type": "module",
 	"exports": {
-		".": "./dist/index.js",
-		"./vite": "./dist/vite.js"
+		"./vite": "./src/vite.js"
 	},
 	"scripts": {
-		"preinstall": "pnpm run build",
-		"build": "pnpm tsc"
+		"typecheck": "pnpm tsc"
 	},
 	"devDependencies": {
 		"@kucrut/vite-for-wp": "^0.8.0",
@@ -24,6 +22,7 @@
 		"sass": "^1.69.5",
 		"typescript": "^5.2.2",
 		"vite": "^5.0.0",
+		"vite-plugin-cdn-import": "^0.3.5",
 		"vite-plugin-external": "^4.0.1"
 	}
 }
diff --git a/tools/dev/src/extract-external-deps-plugin.ts b/tools/dev/src/extract-external-deps-plugin.js
similarity index 70%
rename from tools/dev/src/extract-external-deps-plugin.ts
rename to tools/dev/src/extract-external-deps-plugin.js
index 05fbfcb5..6e6f9d4a 100644
--- a/tools/dev/src/extract-external-deps-plugin.ts
+++ b/tools/dev/src/extract-external-deps-plugin.js
@@ -1,41 +1,36 @@
+// @ts-check
 import fs from 'node:fs';
 import path from 'node:path';
 import { wp_globals } from '@kucrut/vite-for-wp/utils';
-import { Plugin as EsBuildPlugin, build as esBuild } from 'esbuild';
-import { InputOption, InputOptions, PluginContext } from 'rollup';
-import { Plugin as VitePlugin, ResolvedConfig } from 'vite';
+import { build as esBuild } from 'esbuild';
 
 export const IMPORTS_TO_IGNORE =
 	/\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
 
-export type ExtractDepsOptions = {
-	input?: InputOption;
-	externalDeps: Array<string>;
-	normalizePath?: (path: string) => string;
-	outDir: string;
-	fileName?: string;
-	isProduction?: boolean;
-	plugins?: Array<EsBuildPlugin>;
-};
-
 /**
  * Extract dependencies
+ *
+ * @param {import('./types.js').ExtractDepsOptions} options
+ * @this {import('rollup').PluginContext}
  */
-export async function extractExternalDeps(
-	this: PluginContext,
-	{
-		externalDeps = [],
-		fileName = 'dependencies.json',
-		input,
-		isProduction = true,
-		normalizePath,
-		outDir,
-		plugins = [],
-	}: ExtractDepsOptions,
-) {
-	const dependencies: Record<string, string[]> = {};
-
-	const entries: Array<string> = [];
+export async function extractExternalDeps({
+	externalDeps = [],
+	fileName = 'dependencies.json',
+	input,
+	isProduction = true,
+	normalizePath,
+	outDir,
+	plugins = [],
+}) {
+	/**
+	 * @type {Record<string, string[]>}
+	 */
+	const dependencies = {};
+
+	/**
+	 * @type {Array<string>}
+	 */
+	const entries = [];
 
 	if (typeof input === 'string') {
 		entries.push(input);
@@ -110,22 +105,34 @@ export async function extractExternalDeps(
 	}
 }
 
-export const extractExternalDepsPlugin = (): VitePlugin => {
-	let config: ResolvedConfig;
+/**
+ *
+ * @returns {import('vite').Plugin}
+ */
+export const extractExternalDepsPlugin = () => {
+	/**
+	 * @type {import('vite').ResolvedConfig}
+	 */
+	let config;
 
 	return {
 		name: 'extract-external-deps',
 		configResolved(resolvedConfig) {
 			config = resolvedConfig;
 		},
-		buildStart: async function (this: PluginContext, options: InputOptions) {
+		/**
+		 *
+		 * @param {import('rollup').InputOptions} options
+		 * @this {import('rollup').PluginContext}
+		 */
+		buildStart: async function (options) {
 			const externals = wp_globals();
 
 			extractExternalDeps.call(this, {
 				externalDeps: Object.keys(externals),
 				input: options.input,
 				isProduction: config.isProduction,
-				normalizePath: (path: string) => path.replace(/^@wordpress\//, 'wp-'),
+				normalizePath: (path) => path.replace(/^@wordpress\//, 'wp-'),
 				outDir: path.resolve(path.join(config.build.outDir)),
 			});
 		},
diff --git a/tools/dev/src/index.ts b/tools/dev/src/index.ts
deleted file mode 100644
index e69de29b..00000000
diff --git a/tools/dev/src/types.ts b/tools/dev/src/types.ts
new file mode 100644
index 00000000..ee07d0f0
--- /dev/null
+++ b/tools/dev/src/types.ts
@@ -0,0 +1,15 @@
+import { Plugin as EsBuildPlugin } from 'esbuild';
+import { InputOption } from 'rollup';
+
+export const IMPORTS_TO_IGNORE =
+	/\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
+
+export type ExtractDepsOptions = {
+	input?: InputOption;
+	externalDeps: Array<string>;
+	normalizePath?: (path: string) => string;
+	outDir: string;
+	fileName?: string;
+	isProduction?: boolean;
+	plugins?: Array<EsBuildPlugin>;
+};
diff --git a/tools/dev/src/vite.js b/tools/dev/src/vite.js
new file mode 100644
index 00000000..67af60c4
--- /dev/null
+++ b/tools/dev/src/vite.js
@@ -0,0 +1,67 @@
+// @ts-check
+import { v4wp } from '@kucrut/vite-for-wp';
+import { wp_scripts } from '@kucrut/vite-for-wp/plugins';
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+import { Plugin as importToCDN } from 'vite-plugin-cdn-import';
+import { extractExternalDepsPlugin } from './extract-external-deps-plugin.js';
+
+export { defineConfig };
+
+/**
+ *
+ * @param {import('@kucrut/vite-for-wp').V4wpOptions} options
+ * @returns  {import('vite').UserConfig}
+ */
+export function createViteConfig(options) {
+	return {
+		resolve: {
+			alias: {
+				// react: 'https://cdn.skypack.dev/react@18',
+				// 'react-dom': 'https://cdn.skypack.dev/react-dom@18',
+			},
+		},
+		optimizeDeps: {
+			include: ['framer-motion'],
+		},
+		build: {
+			assetsDir: 'dist',
+		},
+		plugins: [
+			react(),
+			v4wp(options),
+			wp_scripts(),
+			{
+				name: 'override-config',
+				config: () => ({
+					build: {
+						// ensure that manifest.json is not in ".vite/" folder
+						manifest: 'manifest.json',
+					},
+				}),
+			},
+			importToCDN({
+				/**
+				 * Use the fake paths to ensure react imports don't end up in the bundle
+				 * framer-motion causes the issue by using namespace imports
+				 *
+				 * @see https://github.com/vitejs/vite-plugin-react/issues/3
+				 */
+				modules: [
+					{
+						name: 'react',
+						var: 'React',
+						path: 'https://wordpress.org',
+					},
+					{
+						name: 'react-dom',
+						var: 'ReactDOM',
+						path: 'https://wordpress.org',
+					},
+				],
+			}),
+
+			extractExternalDepsPlugin(),
+		],
+	};
+}
diff --git a/tools/dev/src/vite.ts b/tools/dev/src/vite.ts
deleted file mode 100644
index 0b6e234a..00000000
--- a/tools/dev/src/vite.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { V4wpOptions, v4wp } from '@kucrut/vite-for-wp';
-import { wp_scripts } from '@kucrut/vite-for-wp/plugins';
-import react from '@vitejs/plugin-react';
-import { UserConfig, defineConfig } from 'vite';
-import { extractExternalDepsPlugin } from './extract-external-deps-plugin.js';
-
-export { defineConfig };
-
-export function createViteConfig(options: V4wpOptions): UserConfig {
-	return {
-		build: {
-			assetsDir: 'dist',
-		},
-		plugins: [
-			v4wp(options),
-			wp_scripts(),
-			react({
-				jsxRuntime: 'classic',
-			}),
-			{
-				name: 'override-config',
-				config: () => ({
-					build: {
-						// ensure that manifest.json is not in ".vite/" folder
-						manifest: 'manifest.json',
-					},
-				}),
-			},
-			extractExternalDepsPlugin(),
-		],
-	};
-}
diff --git a/tools/dev/tsconfig.json b/tools/dev/tsconfig.json
index 10484be9..91bbc8d1 100644
--- a/tools/dev/tsconfig.json
+++ b/tools/dev/tsconfig.json
@@ -1,9 +1,6 @@
 {
 	"extends": "../../tsconfig.json",
-	"include": ["src"],
-	"compilerOptions": {
-		"rootDir": "src",
-		"outDir": "dist",
-		"noEmit": false
-	}
-}
+	"include": [
+		"src"
+	]
+}
\ No newline at end of file