@wavv/ui 1.7.3 → 1.8.0-beta.1

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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -106,7 +106,7 @@ declare const Form: {
             centerX?: boolean | undefined;
             offsetY?: number | undefined;
             offsetX?: number | undefined;
-            direction?: "left" | "right" | "top" | "bottom" | undefined;
+            direction?: "top" | "bottom" | "right" | "left" | undefined;
             fontSize?: string | number | undefined;
             description?: string | undefined;
             disabled?: boolean | undefined;
@@ -121,14 +121,14 @@ declare const Form: {
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
     } & import("./types").Margin & import("./types").As & HTMLProps<HTMLInputElement>) => JSX.Element;
     Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
@@ -136,7 +136,7 @@ declare const Form: {
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         partial?: boolean | undefined;

package/build/esm/types/components/Icon/icons.d.ts

@@ -116,6 +116,7 @@ declare const icons: {
     card: typeof Card;
     'caret-down': typeof CaretDown;
     'caret-up': typeof CaretUp;
+    check: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     'check-circle': typeof CheckCircle;
     'check-circle-outline': typeof CheckCircleOutline;
     checkbox: typeof Checkbox;
@@ -182,9 +183,12 @@ declare const icons: {
     rocket: typeof Rocket;
     schedule: typeof Schedule;
     'schedule-outline': typeof ScheduleOutline;
+    screenshot: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     search: typeof Search;
     settings: typeof Settings;
     share: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-check': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-slash': (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
     sort: typeof Sort;
     spotify: typeof Spotify;
     star: typeof Star;

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

@@ -1,11 +1,5 @@
 import { HTMLProps, ReactNode } from 'react';
-import type { As, ThemeProp } from './types';
-type Side = 'top' | 'bottom' | 'right' | 'left';
-type Top = 'top center' | 'top left' | 'top right';
-type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
-type Left = 'left center' | 'left top' | 'left bottom';
-type Right = 'right center' | 'right top' | 'right bottom';
-type Position = Side | Top | Bottom | Left | Right;
+import type { As, PopPosition, ThemeProp } from './types';
 type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
 export type TooltipProps = {
     children?: ReactNode;
@@ -14,7 +8,7 @@ export type TooltipProps = {
     /** The text content of the Tooltip */
     content?: string;
     /** The position of the Tooltip body and arrow in relation to the trigger */
-    position?: Position;
+    position?: PopPosition;
     /** Offset of the Tooltip from the trigger */
     offset?: number;
     /** zIndex of the Tooltip's portal container */

package/build/esm/types/components/helpers/getPopPosition.d.ts

@@ -0,0 +1,6 @@
+import { ArrowAlign, PopPosition, PopSide } from '../types';
+declare const getPopPosition: (pos?: PopPosition) => {
+    side: PopSide;
+    align: ArrowAlign;
+};
+export default getPopPosition;

package/build/esm/types/components/helpers/isPropAllowed.d.ts

@@ -0,0 +1,2 @@
+declare const isPropAllowed: (prop: string, propArray: string[]) => boolean;
+export default isPropAllowed;

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

@@ -60,3 +60,10 @@ export type DraftEditorRef = {
     insertField: (field: MergeField) => void;
     focusAtEnd: () => void;
 };
+type Top = 'top center' | 'top left' | 'top right';
+type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
+type Left = 'left center' | 'left top' | 'left bottom';
+type Right = 'right center' | 'right top' | 'right bottom';
+export type PopSide = 'top' | 'bottom' | 'right' | 'left';
+export type PopPosition = PopSide | Top | Bottom | Left | Right;
+export type ArrowAlign = 'center' | 'start' | 'end';

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

@@ -522,7 +522,7 @@ type Padding = {
     paddingRight?: number | string;
     paddingLeft?: number | string;
 };
-type Position$1 = {
+type Position = {
     position?: 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
     top?: number | string;
     bottom?: number | string;
@@ -568,6 +568,12 @@ type DraftEditorRef = {
     insertField: (field: MergeField$1) => void;
     focusAtEnd: () => void;
 };
+type Top = 'top center' | 'top left' | 'top right';
+type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
+type Left = 'left center' | 'left top' | 'left bottom';
+type Right = 'right center' | 'right top' | 'right bottom';
+type PopSide = 'top' | 'bottom' | 'right' | 'left';
+type PopPosition = PopSide | Top | Bottom | Left | Right;
 
 type TriggerProp = {
     reversed?: boolean;
@@ -596,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 */
@@ -658,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;
@@ -915,6 +921,7 @@ declare const icons: {
     card: typeof Card;
     'caret-down': typeof CaretDown;
     'caret-up': typeof CaretUp;
+    check: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
     'check-circle': typeof CheckCircle;
     'check-circle-outline': typeof CheckCircleOutline;
     checkbox: typeof Checkbox$1;
@@ -981,9 +988,12 @@ declare const icons: {
     rocket: typeof Rocket;
     schedule: typeof Schedule;
     'schedule-outline': typeof ScheduleOutline;
+    screenshot: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
     search: typeof Search;
     settings: typeof Settings;
     share: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-check': (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+    'shield-slash': (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
     sort: typeof Sort;
     spotify: typeof Spotify;
     star: typeof Star;
@@ -1117,13 +1127,7 @@ type ButtonComponentProps = {
     joined?: never;
 } & BasicButtonProps & DropdownProps$2 & Margin;
 
-type Side = 'top' | 'bottom' | 'right' | 'left';
-type Top = 'top center' | 'top left' | 'top right';
-type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
-type Left = 'left center' | 'left top' | 'left bottom';
-type Right = 'right center' | 'right top' | 'right bottom';
-type Position = Side | Top | Bottom | Left | Right;
-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 */
@@ -1131,7 +1135,7 @@ type TooltipProps = {
     /** The text content of the Tooltip */
     content?: string;
     /** The position of the Tooltip body and arrow in relation to the trigger */
-    position?: Position;
+    position?: PopPosition;
     /** Offset of the Tooltip from the trigger */
     offset?: number;
     /** zIndex of the Tooltip's portal container */
@@ -1158,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<{
@@ -1602,6 +1606,67 @@ declare const Dropdown: {
     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;
@@ -1760,7 +1825,7 @@ declare const Form: {
             centerX?: boolean | undefined;
             offsetY?: number | undefined;
             offsetX?: number | undefined;
-            direction?: "left" | "right" | "top" | "bottom" | undefined;
+            direction?: "top" | "bottom" | "right" | "left" | undefined;
             fontSize?: string | number | undefined;
             description?: string | undefined;
             disabled?: boolean | undefined;
@@ -1775,14 +1840,14 @@ declare const Form: {
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
     } & Margin & As & HTMLProps<HTMLInputElement>) => JSX.Element;
     Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
@@ -1790,7 +1855,7 @@ declare const Form: {
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
-        labelPosition?: "left" | "right" | undefined;
+        labelPosition?: "right" | "left" | undefined;
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         partial?: boolean | undefined;
@@ -2095,7 +2160,7 @@ declare const Notification: _emotion_styled.StyledComponent<{
     size?: string | number | undefined;
     /** Styles the dot to accommodate containing a number */
     number?: boolean | undefined;
-} & ThemeProp & Margin & Position$1, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & ThemeProp & Margin & Position, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
 type OptionsProps = {
     children: ReactNode;
@@ -2246,7 +2311,7 @@ type SpinnerProps = {
     background?: string | boolean;
     /** If center positioned, specifies the zIndex of the spinner */
     zIndex?: number;
-} & Margin & Position$1;
+} & Margin & Position;
 declare const Spinner: ({ size, color, center, background, zIndex, margin, marginTop, marginBottom, marginRight, marginLeft, position, top, bottom, right, left, ...props }: SpinnerProps) => JSX.Element;
 
 type Color = ColorNames | CSSProperties['color'];
@@ -2442,7 +2507,7 @@ declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marg
     marginRight: string | number | undefined;
     marginLeft: string | number | undefined;
 };
-declare const positionProps: ({ position, top, bottom, right, left }: Position$1) => {
+declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
     position: "static" | "relative" | "absolute" | "sticky" | "fixed" | undefined;
     top: string | number | undefined;
     bottom: string | number | undefined;
@@ -2450,4 +2515,4 @@ declare const positionProps: ({ position, top, bottom, right, left }: Position$1
     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$1 as 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.3",
+	"version": "1.8.0-beta.1",
 	"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-select": "^1.2.1",
 		"@radix-ui/react-tooltip": "^1.0.5",
 		"@react-hook/resize-observer": "^1.2.6",
 		"date-fns": "^2.29.3",
@@ -36,47 +38,47 @@
 		"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 +87,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"
 	},