@wavv/ui 1.7.4 → 1.8.0-beta.2

package/build/esm/types/assets/icons/Screenshot.d.ts

@@ -1,3 +1,3 @@
-import { SVGProps } from 'react';
-declare const Screenshot: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from 'react';
+declare const Screenshot: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default Screenshot;

package/build/esm/types/assets/icons/ShieldCheck.d.ts

@@ -1,3 +1,3 @@
-import { SVGProps } from 'react';
-declare const ShieldCheck: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from 'react';
+declare const ShieldCheck: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default ShieldCheck;

package/build/esm/types/assets/icons/ShieldSlash.d.ts

@@ -1,3 +1,3 @@
-import { SVGProps } from 'react';
-declare const ShieldSlash: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from 'react';
+declare const ShieldSlash: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default ShieldSlash;

package/build/esm/types/components/Dropdown/Dropdown.d.ts

@@ -49,18 +49,8 @@ type DropdownProps<OptionType> = {
     id?: string;
     /** Sets the name of the Dropdown input */
     name?: string;
-    /** An HTML element/React component to trigger the opening and closing of the dropdown instead of an input */
-    trigger?: ReactNode;
-    /** Center the Dropdown options vertically with the trigger */
-    centerY?: boolean;
-    /** Center the Dropdown options horizontally with the trigger */
-    centerX?: boolean;
-    /** Pixel amount the Dropdown options are offset vertically from the trigger */
-    offsetY?: number;
-    /** Pixel amount the Dropdown options are offset horizontally from the trigger */
-    offsetX?: number;
     /** The direction the options should open in relation to the trigger  */
-    direction?: 'left' | 'right' | 'top' | 'bottom';
+    direction?: 'top' | 'bottom';
     /** Sets the Dropdown fontSize */
     fontSize?: number | string;
     /** Places a description message below the Dropdown */
@@ -79,7 +69,7 @@ type DropdownProps<OptionType> = {
     optionsParent?: string;
 } & WidthHeight & Margin & RestInputProps;
 declare const Dropdown: {
-    <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: DropdownProps<OptionType>): JSX.Element;
+    <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: DropdownProps<OptionType>): JSX.Element;
     Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: DropdownItemProps<OptionType_1>): JSX.Element;
 };
 export default Dropdown;

package/build/esm/types/components/Dropdown/DropdownUtils.d.ts

@@ -7,7 +7,7 @@ export type OptionItem = {
     body?: string;
     leftElement?: ReactElement;
     rightElement?: ReactElement;
-    onClick?: (event?: MouseEvent) => void;
+    onClick?: (event?: MouseEvent | Event) => void;
     value?: unknown;
     [key: string]: unknown;
 };

package/build/esm/types/components/DropdownMenu.d.ts

@@ -0,0 +1,63 @@
+import { HTMLProps, ReactNode } from 'react';
+import { As, FlexPosition, PopPosition } from './types';
+type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
+type Props = {
+    children: ReactNode;
+    /** The id of the menu container */
+    id?: string | number;
+    /** The position of the menu body and arrow in relation to the trigger */
+    position?: PopPosition;
+    /** The element that will trigger the opening of the menu */
+    trigger: ReactNode;
+    /** Controls the open state of the menu */
+    open?: boolean;
+    /** Offset of the menu from the trigger */
+    offset?: number;
+    /** Controls the visibility of the the menu arrow */
+    arrow?: boolean;
+    /** The width of the menu */
+    width?: number | string;
+    /** Overrides the default maxHeight of 200px */
+    maxHeight?: number;
+    /** Specify a container element to portal the content into */
+    container?: HTMLElement;
+    /** zIndex of the menu's portal container */
+    zIndex?: number;
+    /** The function called after the menu opens */
+    afterShow?: () => void;
+    /** The function called after the menu closes */
+    afterHide?: () => void;
+} & DivProps;
+declare const DropdownMenu: {
+    ({ children, id, position, trigger, open, offset, arrow, width, maxHeight, container, zIndex, afterShow, afterHide, ...props }: Props): JSX.Element;
+    Item({ children, id, disabled, onClick, ...props }: ItemProps): JSX.Element;
+    Sub({ children, id, label, zIndex, disabled, container, ...props }: SubProps): JSX.Element;
+    Separator(): JSX.Element;
+};
+type BaseItemProps = {
+    children: ReactNode;
+    disabled?: boolean;
+};
+type ItemProps = {
+    /** The id of the item */
+    id?: string;
+    /** The function to be called when the item is clicked */
+    onClick?: (event: Event) => void;
+    /** The flex positioning of the item contents */
+    contentPosition?: FlexPosition;
+    /** The color of the item text */
+    color?: string;
+    /** Sets the item text color to theme.accent */
+    accented?: boolean;
+} & BaseItemProps;
+type SubProps = {
+    /** The id of the sub menu's content container */
+    id?: string;
+    /** The text or element to display as the sub menu item's trigger */
+    label: string | ReactNode;
+    /** zIndex of the sub menu's portal container */
+    zIndex?: number;
+    /** Specify a container element to portal the sub menu content into */
+    container?: HTMLElement;
+} & BaseItemProps;
+export default DropdownMenu;

package/build/esm/types/components/Form.d.ts

@@ -77,7 +77,7 @@ declare const Form: {
         onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
     } & import("./types").Margin, "ref">) & import("react").RefAttributes<import("./types").InputRef>>;
     Dropdown: {
-        <OptionType extends import("./Dropdown").DropdownOption>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
+        <OptionType extends import("./Dropdown").DropdownOption>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
             children?: ReactNode;
             onChange?: ((item: OptionType | null) => void) | undefined;
             onTextChange?: ((text: string) => void) | undefined;
@@ -101,12 +101,7 @@ declare const Form: {
             label?: string | undefined;
             id?: string | undefined;
             name?: string | undefined;
-            trigger?: ReactNode;
-            centerY?: boolean | undefined;
-            centerX?: boolean | undefined;
-            offsetY?: number | undefined;
-            offsetX?: number | undefined;
-            direction?: "top" | "bottom" | "right" | "left" | undefined;
+            direction?: "top" | "bottom" | undefined;
             fontSize?: string | number | undefined;
             description?: string | undefined;
             disabled?: boolean | undefined;

package/build/esm/types/index.d.ts

@@ -8,6 +8,7 @@ export { default as Code } from './components/Code';
 export { default as DocTable } from './components/DocTable';
 export { default as DraftEditor } from './components/DraftEditor';
 export { default as Dropdown } from './components/Dropdown';
+export { default as DropdownMenu } from './components/DropdownMenu';
 export { default as Form } from './components/Form';
 export { default as Grid } from './components/Grid';
 export { default as Icon } from './components/Icon';

package/build/index.d.ts

@@ -602,9 +602,9 @@ type AccordionProps = {
 } & Margin;
 declare const Accordion: {
     ({ children, defaultItem, preventCollapse, triggers, spaced, background, innerBackground, width, maxHeight, height, ...rest }: AccordionProps): JSX.Element;
-    Item({ children, id, text, content, trigger, spaced, background, innerBackground }: ItemProps$1): JSX.Element;
+    Item({ children, id, text, content, trigger, spaced, background, innerBackground }: ItemProps$2): JSX.Element;
 };
-type ItemProps$1 = {
+type ItemProps$2 = {
     /** The id of the Item */
     id: string;
     /** The text to display on the Item */
@@ -664,11 +664,11 @@ type ChartProps = {
     responsive?: boolean;
 } & Margin & WidthHeight;
 
-type Props$2 = {
+type Props$3 = {
     /** Stacks multiple data points within a single bar */
     stacked?: boolean;
 } & ChartProps;
-declare const BarChart: ({ data, legend, keys, stacked, ...rest }: Props$2) => JSX.Element;
+declare const BarChart: ({ data, legend, keys, stacked, ...rest }: Props$3) => JSX.Element;
 
 type OptionItem = {
     id: number | string;
@@ -677,7 +677,7 @@ type OptionItem = {
     body?: string;
     leftElement?: ReactElement;
     rightElement?: ReactElement;
-    onClick?: (event?: MouseEvent$1) => void;
+    onClick?: (event?: MouseEvent$1 | Event) => void;
     value?: unknown;
     [key: string]: unknown;
 };
@@ -1127,7 +1127,7 @@ type ButtonComponentProps = {
     joined?: never;
 } & BasicButtonProps & DropdownProps$2 & Margin;
 
-type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
+type DivProps$1 = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
 type TooltipProps = {
     children?: ReactNode;
     /** The element that will trigger the opening of the Tooltip */
@@ -1162,7 +1162,7 @@ type TooltipProps = {
     afterShow?: () => void;
     /** The function called after the Tooltip closes */
     afterHide?: () => void;
-} & DivProps;
+} & DivProps$1;
 declare const Tooltip: {
     ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): JSX.Element;
     Header: _emotion_styled.StyledComponent<{
@@ -1572,18 +1572,8 @@ type DropdownProps$1<OptionType> = {
     id?: string;
     /** Sets the name of the Dropdown input */
     name?: string;
-    /** An HTML element/React component to trigger the opening and closing of the dropdown instead of an input */
-    trigger?: ReactNode;
-    /** Center the Dropdown options vertically with the trigger */
-    centerY?: boolean;
-    /** Center the Dropdown options horizontally with the trigger */
-    centerX?: boolean;
-    /** Pixel amount the Dropdown options are offset vertically from the trigger */
-    offsetY?: number;
-    /** Pixel amount the Dropdown options are offset horizontally from the trigger */
-    offsetX?: number;
     /** The direction the options should open in relation to the trigger  */
-    direction?: 'left' | 'right' | 'top' | 'bottom';
+    direction?: 'top' | 'bottom';
     /** Sets the Dropdown fontSize */
     fontSize?: number | string;
     /** Places a description message below the Dropdown */
@@ -1602,10 +1592,71 @@ type DropdownProps$1<OptionType> = {
     optionsParent?: string;
 } & WidthHeight & Margin & RestInputProps;
 declare const Dropdown: {
-    <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: DropdownProps$1<OptionType>): JSX.Element;
+    <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: DropdownProps$1<OptionType>): JSX.Element;
     Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: DropdownItemProps<OptionType_1>): JSX.Element;
 };
 
+type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
+type Props$2 = {
+    children: ReactNode;
+    /** The id of the menu container */
+    id?: string | number;
+    /** The position of the menu body and arrow in relation to the trigger */
+    position?: PopPosition;
+    /** The element that will trigger the opening of the menu */
+    trigger: ReactNode;
+    /** Controls the open state of the menu */
+    open?: boolean;
+    /** Offset of the menu from the trigger */
+    offset?: number;
+    /** Controls the visibility of the the menu arrow */
+    arrow?: boolean;
+    /** The width of the menu */
+    width?: number | string;
+    /** Overrides the default maxHeight of 200px */
+    maxHeight?: number;
+    /** Specify a container element to portal the content into */
+    container?: HTMLElement;
+    /** zIndex of the menu's portal container */
+    zIndex?: number;
+    /** The function called after the menu opens */
+    afterShow?: () => void;
+    /** The function called after the menu closes */
+    afterHide?: () => void;
+} & DivProps;
+declare const DropdownMenu: {
+    ({ children, id, position, trigger, open, offset, arrow, width, maxHeight, container, zIndex, afterShow, afterHide, ...props }: Props$2): JSX.Element;
+    Item({ children, id, disabled, onClick, ...props }: ItemProps$1): JSX.Element;
+    Sub({ children, id, label, zIndex, disabled, container, ...props }: SubProps): JSX.Element;
+    Separator(): JSX.Element;
+};
+type BaseItemProps = {
+    children: ReactNode;
+    disabled?: boolean;
+};
+type ItemProps$1 = {
+    /** The id of the item */
+    id?: string;
+    /** The function to be called when the item is clicked */
+    onClick?: (event: Event) => void;
+    /** The flex positioning of the item contents */
+    contentPosition?: FlexPosition;
+    /** The color of the item text */
+    color?: string;
+    /** Sets the item text color to theme.accent */
+    accented?: boolean;
+} & BaseItemProps;
+type SubProps = {
+    /** The id of the sub menu's content container */
+    id?: string;
+    /** The text or element to display as the sub menu item's trigger */
+    label: string | ReactNode;
+    /** zIndex of the sub menu's portal container */
+    zIndex?: number;
+    /** Specify a container element to portal the sub menu content into */
+    container?: HTMLElement;
+} & BaseItemProps;
+
 type GridProps = {
     /** If a number, rows creates n number rows of an equal size. If a string, rows sets the gridTemplateRows property   */
     rows?: string | number;
@@ -1735,7 +1786,7 @@ declare const Form: {
         onChange?: ((event: React.ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
     } & Margin, "ref">) & React.RefAttributes<InputRef>>;
     Dropdown: {
-        <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
+        <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
             children?: ReactNode;
             onChange?: ((item: OptionType | null) => void) | undefined;
             onTextChange?: ((text: string) => void) | undefined;
@@ -1759,12 +1810,7 @@ declare const Form: {
             label?: string | undefined;
             id?: string | undefined;
             name?: string | undefined;
-            trigger?: ReactNode;
-            centerY?: boolean | undefined;
-            centerX?: boolean | undefined;
-            offsetY?: number | undefined;
-            offsetX?: number | undefined;
-            direction?: "top" | "bottom" | "right" | "left" | undefined;
+            direction?: "top" | "bottom" | undefined;
             fontSize?: string | number | undefined;
             description?: string | undefined;
             disabled?: boolean | undefined;
@@ -2454,4 +2500,4 @@ declare const positionProps: ({ position, top, bottom, right, left }: Position)
     left: string | number | undefined;
 };
 
-export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize, widthHeightProps };
+export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, DropdownMenu, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, Modal, MultiSelect, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, Table, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, copyToClipboard, formatDate, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, useSelect, useSelectAll, useWindowSize, widthHeightProps };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.7.4",
+	"version": "1.8.0-beta.2",
 	"files": [
 		"build/**/*"
 	],
@@ -21,6 +21,8 @@
 	"dependencies": {
 		"@emotion/styled": "^11.10.6",
 		"@radix-ui/react-accordion": "^1.1.1",
+		"@radix-ui/react-dropdown-menu": "^2.0.4",
+		"@radix-ui/react-portal": "^1.0.2",
 		"@radix-ui/react-tooltip": "^1.0.5",
 		"@react-hook/resize-observer": "^1.2.6",
 		"date-fns": "^2.29.3",
@@ -30,53 +32,54 @@
 		"prism-react-renderer": "^1.3.5",
 		"react-keyed-flatten-children": "^1.3.0",
 		"react-phone-input-auto-format": "^0.1.0",
+		"react-remove-scroll": "^2.5.5",
 		"recharts": "^2.5.0",
 		"sanitize.css": "^13.0.0",
 		"uuid": "^9.0.0",
 		"webfontloader": "^1.6.28"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.21.3",
-		"@babel/preset-env": "^7.20.2",
-		"@babel/preset-typescript": "^7.21.0",
+		"@babel/core": "^7.21.4",
+		"@babel/preset-env": "^7.21.4",
+		"@babel/preset-typescript": "^7.21.4",
 		"@emotion/babel-plugin": "^11.10.6",
 		"@emotion/babel-preset-css-prop": "^11.10.0",
 		"@emotion/react": "^11.10.6",
 		"@mdx-js/react": "^2.2.1",
 		"@mdx-js/rollup": "^2.2.1",
-		"@rollup/plugin-commonjs": "^24.0.0",
-		"@rollup/plugin-node-resolve": "^15.0.1",
-		"@rollup/plugin-terser": "^0.2.1",
-		"@rollup/plugin-typescript": "^10.0.1",
+		"@rollup/plugin-commonjs": "^24.1.0",
+		"@rollup/plugin-node-resolve": "^15.0.2",
+		"@rollup/plugin-terser": "^0.4.1",
+		"@rollup/plugin-typescript": "^11.1.0",
 		"@svgr/core": "^6.5.1",
 		"@svgr/plugin-jsx": "^6.5.1",
 		"@svgr/plugin-prettier": "^6.5.1",
 		"@types/dashify": "^1.0.1",
 		"@types/draft-js": "^0.11.10",
-		"@types/jest": "^29.5.0",
-		"@types/lodash": "^4.14.192",
+		"@types/jest": "^29.5.1",
+		"@types/lodash": "^4.14.194",
 		"@types/ncp": "^2.0.5",
-		"@types/node": "^18.15.10",
-		"@types/prompts": "^2.4.3",
+		"@types/node": "^18.16.0",
+		"@types/prompts": "^2.4.4",
 		"@types/randomcolor": "^0.5.7",
-		"@types/react": "^18.0.30",
-		"@types/react-dom": "^18.0.11",
+		"@types/react": "^18.2.0",
+		"@types/react-dom": "^18.2.0",
 		"@types/rollup-plugin-peer-deps-external": "^2.2.1",
 		"@types/signale": "^1.4.4",
 		"@types/uuid": "^9.0.1",
 		"@types/webfontloader": "^1.6.35",
-		"@typescript-eslint/eslint-plugin": "^5.57.0",
-		"@typescript-eslint/parser": "^5.57.0",
-		"@vitejs/plugin-react": "^3.0.0",
+		"@typescript-eslint/eslint-plugin": "^5.59.1",
+		"@typescript-eslint/parser": "^5.59.1",
+		"@vitejs/plugin-react": "^4.0.0",
 		"babel-plugin-lodash": "^3.3.4",
 		"chalk": "^5.2.0",
 		"dashify": "^2.0.0",
-		"eslint": "^8.36.0",
+		"eslint": "^8.39.0",
 		"eslint-config-airbnb": "^19.0.4",
 		"eslint-config-prettier": "^8.8.0",
 		"eslint-config-storm": "^1.0.3",
 		"eslint-import-resolver-alias": "^1.1.2",
-		"eslint-import-resolver-typescript": "^3.5.2",
+		"eslint-import-resolver-typescript": "^3.5.5",
 		"eslint-plugin-import": "^2.25.4",
 		"eslint-plugin-jest": "^27.1.7",
 		"eslint-plugin-jsx-a11y": "^6.6.1",
@@ -85,32 +88,32 @@
 		"esm": "^3.2.25",
 		"husky": "^8.0.2",
 		"jest": "^29.5.0",
-		"lint-staged": "^13.2.0",
+		"lint-staged": "^13.2.1",
 		"ncp": "^2.0.0",
 		"pascal-case": "^3.1.2",
 		"path": "^0.12.7",
-		"phone": "^3.1.36",
-		"postcss": "^8.4.20",
-		"prettier": "^2.8.7",
+		"phone": "^3.1.37",
+		"postcss": "^8.4.23",
+		"prettier": "^2.8.8",
 		"prompts": "^2.4.2",
 		"randomcolor": "^0.6.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-ga4": "^1.4.1",
+		"react-ga4": "^2.1.0",
 		"react-helmet-async": "^1.3.0",
-		"react-router-dom": "^6.9.0",
+		"react-router-dom": "^6.10.0",
 		"react-toastify": "^9.1.2",
 		"remark-gfm": "^3.0.1",
 		"replace": "^1.2.2",
-		"rollup": "^3.9.0",
-		"rollup-plugin-dts": "^5.1.0",
+		"rollup": "^3.21.0",
+		"rollup-plugin-dts": "^5.3.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-postcss": "^4.0.2",
 		"signale": "^1.4.0",
 		"ts-node": "^10.9.1",
 		"tslib": "^2.4.1",
-		"typescript": "^4.9.4",
-		"vite": "^4.0.3",
+		"typescript": "^5.0.4",
+		"vite": "^4.3.2",
 		"vite-plugin-eslint": "^1.8.1",
 		"vite-plugin-svgr": "^2.4.0"
 	},