@veritone-ce/design-system 2.8.14-next.2.0 → 2.8.14

package/dist/types/styles/provider.client.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Theme as DefaultTheme } from './createTheme.js';
+export type ThemeContextType<Theme extends DefaultTheme = DefaultTheme> = {
+    theme: Theme;
+};
+export declare const ThemeContext: React.Context<{
+    theme: DefaultTheme;
+}>;
+export declare function useThemeContext<Theme extends DefaultTheme = DefaultTheme>(): ThemeContextType<Theme>;
+export interface ThemeContextProviderProps<Theme extends DefaultTheme = DefaultTheme> {
+    theme: Theme;
+    includeCssVarWrapper?: boolean;
+    children?: React.ReactNode;
+}
+export declare function ThemeContextProvider<Theme extends DefaultTheme = DefaultTheme>({ theme, includeCssVarWrapper, children }: ThemeContextProviderProps<Theme>): import("react/jsx-runtime").JSX.Element;

package/dist/types/styles/provider.css-vars.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Theme as DefaultTheme } from './createTheme.js';
+export type ThemeCssVarsProviderProps<Theme extends DefaultTheme = DefaultTheme, Component extends keyof React.JSX.IntrinsicElements = 'div'> = React.ComponentProps<Component> & {
+    theme: Theme;
+    component?: Component;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare function ThemeCssVarsProvider<Theme extends DefaultTheme = DefaultTheme>({ theme: themeInput, component: Component, style, className, children, ...otherProps }: ThemeCssVarsProviderProps<Theme>): import("react/jsx-runtime").JSX.Element;

package/dist/types/styles/themeOptions.d.ts

@@ -0,0 +1,89 @@
+import type { FontMetrics } from '@capsizecss/core';
+import * as React from 'react';
+import type { FontStyle, TypographyVariant } from './typography.js';
+export type PaletteColorOptions = string;
+export declare function isPaletteColorOptions(obj: unknown): obj is PaletteColorOptions;
+export type PaletteSurfaceColorsOptions = string | {
+    surface: PaletteColorOptions;
+    on?: PaletteColorOptions;
+};
+export declare function isPaletteSurfaceColorsOptions(obj: unknown): obj is PaletteSurfaceColorsOptions;
+export type PaletteActionVariantsColorsOptions = PaletteSurfaceColorsOptions | {
+    base: PaletteSurfaceColorsOptions;
+    hover?: PaletteSurfaceColorsOptions;
+    active?: PaletteSurfaceColorsOptions;
+    disabled?: PaletteSurfaceColorsOptions;
+};
+export declare function isPaletteActionVariantsColorsOptions(obj: unknown): obj is PaletteActionVariantsColorsOptions;
+export type PaletteBrandOptions = PaletteActionVariantsColorsOptions | {
+    1: PaletteActionVariantsColorsOptions;
+    2?: PaletteActionVariantsColorsOptions;
+    3?: PaletteActionVariantsColorsOptions;
+    4?: PaletteActionVariantsColorsOptions;
+    5?: PaletteActionVariantsColorsOptions;
+};
+export type PaletteTextOptions = PaletteColorOptions | {
+    primary: PaletteColorOptions;
+    secondary?: PaletteColorOptions;
+    tertiary?: PaletteColorOptions;
+};
+export type PaletteActionOptions = {
+    primary: PaletteActionVariantsColorsOptions;
+    secondary: PaletteActionVariantsColorsOptions;
+    destructive?: PaletteActionVariantsColorsOptions;
+    text?: PaletteActionVariantsColorsOptions;
+};
+export type PaletteIndicatorOptions = {
+    success?: PaletteActionVariantsColorsOptions;
+    info?: PaletteActionVariantsColorsOptions;
+    warning?: PaletteActionVariantsColorsOptions;
+    error?: PaletteActionVariantsColorsOptions;
+    pending?: PaletteActionVariantsColorsOptions;
+    processing?: PaletteActionVariantsColorsOptions;
+};
+export type PaletteTableOptions = PaletteActionVariantsColorsOptions;
+export type PaletteTooltipOptions = PaletteSurfaceColorsOptions;
+export type PaletteBackgroundOptions = PaletteColorOptions | {
+    primary: PaletteColorOptions;
+    secondary?: PaletteColorOptions;
+};
+export type PaletteStrokeOptions = PaletteColorOptions | {
+    primary: PaletteColorOptions;
+};
+export type PaletteThumbnailCheckboxOptions = {
+    fill?: {
+        primary: PaletteColorOptions;
+        secondary: PaletteColorOptions;
+    };
+};
+export interface PaletteOptions {
+    brand?: PaletteBrandOptions;
+    text?: PaletteTextOptions;
+    action?: PaletteActionOptions;
+    indicator?: PaletteIndicatorOptions;
+    disabled?: PaletteSurfaceColorsOptions;
+    background?: PaletteBackgroundOptions;
+    stroke?: PaletteStrokeOptions;
+    table?: PaletteTableOptions;
+    tooltip?: PaletteTooltipOptions;
+    thumbnailCheckbox?: PaletteThumbnailCheckboxOptions;
+}
+export type PaletteOptionsColor = string;
+export interface TypographyStyleOptions {
+    fontSize?: number;
+    leading?: number;
+    metrics?: FontMetrics;
+    fontFamily?: React.CSSProperties['fontFamily'];
+    fontStyle?: React.CSSProperties['fontStyle'];
+    fontWeight?: React.CSSProperties['fontWeight'];
+    letterSpacing?: React.CSSProperties['letterSpacing'];
+    textTransform?: React.CSSProperties['textTransform'];
+}
+export interface TypographyOptions extends Partial<Record<TypographyVariant, TypographyStyleOptions>>, FontStyleOptions {
+}
+export interface FontStyleOptions extends Partial<FontStyle> {
+}
+export interface ThemeOptions {
+    palette?: PaletteOptions;
+    typography?: TypographyOptions;
+}

package/dist/types/styles/typography.d.ts

@@ -0,0 +1,25 @@
+import type { FontMetrics } from '@capsizecss/core';
+import * as React from 'react';
+export type TypographyStyle = {
+    fontFamily: React.CSSProperties['fontFamily'];
+    fontStyle: React.CSSProperties['fontStyle'];
+    fontWeight: React.CSSProperties['fontWeight'];
+    letterSpacing: React.CSSProperties['letterSpacing'];
+    textTransform: React.CSSProperties['textTransform'];
+    fontSize: string;
+    lineHeight: string;
+    capHeightTrim: string;
+    baselineTrim: string;
+};
+export declare const TypographyVariantKeys: readonly ["title", "h1", "h2", "h3", "h4", "label", "paragraph1", "paragraph2", "paragraph3", "button", "buttonSmall", "input", "statusChip"];
+export type TypographyVariant = (typeof TypographyVariantKeys)[number];
+export interface Typography extends Record<TypographyVariant, TypographyStyle>, FontStyle {
+}
+export interface FontStyle extends Required<{
+    metrics: FontMetrics;
+    fontFamily: React.CSSProperties['fontFamily'];
+    fontWeightRegular: React.CSSProperties['fontWeight'];
+    fontWeightMedium: React.CSSProperties['fontWeight'];
+    fontWeightBold: React.CSSProperties['fontWeight'];
+}> {
+}

package/dist/types/styles/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme as DefaultTheme } from './createTheme.js';
+export default function useTheme<Theme extends DefaultTheme = DefaultTheme>(): Theme;

package/dist/types/unstable/Breadcrumbs/factory.d.ts

@@ -0,0 +1,5 @@
+import { LinkBreadcrumbProps, type LinkComponentType } from './index.js';
+export type LinkBreadcrumbFactoryOptions = {
+    LinkComponent: LinkComponentType;
+};
+export declare function createLinkBreadcrumbComponent({ LinkComponent }: LinkBreadcrumbFactoryOptions): (props: LinkBreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/Breadcrumbs/index.d.ts

@@ -0,0 +1,30 @@
+import { type ComponentType, CSSProperties, ReactNode } from 'react';
+import { type ButtonProps } from '../../Button/index.js';
+export * from './factory.js';
+export type BreadcrumbsProps = {
+    children: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+};
+export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export type ButtonBreadcrumbProps = Omit<ButtonProps, 'variant'> & {
+    isFirstBreadcrumb?: boolean;
+};
+export declare function ButtonBreadcrumb({ isFirstBreadcrumb, className, startIcon, children, ...props }: ButtonBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export type LinkComponentTypeProps = {
+    to: string;
+    children?: ReactNode;
+};
+export type LinkComponentType = ComponentType<LinkComponentTypeProps>;
+export type LinkBreadcrumbProps = {
+    LinkComponent?: LinkComponentType;
+    to: string;
+    children: ReactNode;
+    isFirstBreadcrumb?: boolean;
+};
+export declare function LinkBreadcrumb({ LinkComponent, ...props }: LinkBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function SeparatorBreadcrumb(): import("react/jsx-runtime").JSX.Element;
+export type CustomBreadcrumbProps = {
+    children?: ReactNode;
+};
+export declare function CustomBreadcrumb(props: CustomBreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/Card/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type CardInset = 'small' | 'medium';
+export type CardProps = {
+    children?: React.ReactNode;
+    inset?: CardInset;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export default Card;

package/dist/types/unstable/LinearProgress/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type LinearProgressProps = {
+    /**
+     * The value of the progress indicator.
+     * Value between 0 and 100.
+     */
+    value?: number;
+    variant?: 'determinate' | 'indeterminate';
+    color?: string;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+export default function LinearProgress({ value, variant, className, ...props }: LinearProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/Tabs/index.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactNode } from 'react';
+import { type ButtonProps } from '../../Button/index.js';
+export type TabsProps = {
+    value: any;
+    children?: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+};
+export default function Tabs({ value, children, style, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export type TabProps = Omit<ButtonProps, 'active' | 'variant' | 'size' | 'className' | 'style'> & {
+    value: any;
+};
+export declare function Tab({ value, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/chart/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { VisualizationSpec } from 'vega-embed';
+export interface ChartProps {
+    /**
+     * Vega or Vega-Lite specification
+     */
+    spec: VisualizationSpec;
+    /**
+     * Data to be used in the chart
+     */
+    data?: Record<string, unknown[]>;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Width of the chart
+     */
+    width?: number;
+    /**
+     * Height of the chart
+     */
+    height?: number;
+}
+/**
+ * Chart component that wraps Vega/Vega-Lite visualizations
+ */
+declare const Chart: (props: ChartProps) => import("react/jsx-runtime").JSX.Element;
+export default Chart;

package/dist/types/unstable/extras/dialogs/index.d.ts

@@ -0,0 +1,19 @@
+import { createStore } from 'jotai';
+import { ReactNode } from 'react';
+import { type DialogProps } from '../../../Dialog/index.js';
+export type DialogAtom<O> = O | false;
+export type OpenDialogContentProps<O> = {
+    open: O;
+};
+export type OpenDialogContentComponent<O> = (props: OpenDialogContentProps<O>) => ReactNode;
+export type DialogConfig<O> = {
+    Content: OpenDialogContentComponent<O>;
+    loadingFallback?: ReactNode;
+    errorFallback?: ReactNode;
+    dialogProps?: Partial<Omit<DialogProps, 'open' | 'children'>>;
+};
+export declare function createDialog<O = true>(config: DialogConfig<O>, store?: ReturnType<typeof createStore>): {
+    Component: () => import("react/jsx-runtime").JSX.Element;
+    useDialog: () => [false | Awaited<O>, (args_0: DialogAtom<O> | ((prev: DialogAtom<O>) => DialogAtom<O>)) => void];
+    setOpen(open: DialogAtom<O>): void;
+};

package/dist/types/unstable/extras/drawers/index.d.ts

@@ -0,0 +1,19 @@
+import { createStore } from 'jotai';
+import { ReactNode } from 'react';
+import { type DrawerProps } from '../../../Drawer/index.js';
+export type DrawerAtom<O> = O | false;
+export type OpenDrawerContentProps<O> = {
+    open: O;
+};
+export type OpenDrawerContentComponent<O> = (props: OpenDrawerContentProps<O>) => ReactNode;
+export type DrawerConfig<O> = {
+    Content: OpenDrawerContentComponent<O>;
+    loadingFallback?: ReactNode;
+    errorFallback?: ReactNode;
+    drawerProps?: Partial<Omit<DrawerProps, 'open' | 'children'>>;
+};
+export declare function createDrawer<O = true>(config: DrawerConfig<O>, store?: ReturnType<typeof createStore>): {
+    Component: () => import("react/jsx-runtime").JSX.Element;
+    useDrawer: () => [false | Awaited<O>, (args_0: DrawerAtom<O> | ((prev: DrawerAtom<O>) => DrawerAtom<O>)) => void];
+    setOpen(open: DrawerAtom<O>): void;
+};

package/dist/types/unstable/extras/forms/button.d.ts

@@ -0,0 +1,8 @@
+import { Control, FieldValues } from 'react-hook-form';
+import { ReactNode } from 'react';
+import { ButtonProps } from '../../../Button/index.js';
+export type FormSubmitButtonProps<TFieldValues extends FieldValues> = ButtonProps & {
+    control: Control<TFieldValues>;
+    contentWhenSubmitted?: ReactNode;
+};
+export declare function FormSubmitButton<TFieldValues extends FieldValues>({ control, contentWhenSubmitted, ...props }: FormSubmitButtonProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/checkbox.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues, UseControllerProps } from 'react-hook-form';
+import type { FormControlProps } from '../../../FormControl/index.js';
+import { CheckboxProps } from '../../../Checkbox/index.js';
+export type FormCheckboxProps<TFieldValues extends FieldValues> = UseControllerProps<TFieldValues> & FormControlProps & Omit<CheckboxProps, 'checked'>;
+export declare function FormCheckbox<TFieldValues extends FieldValues>(props: FormCheckboxProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/index.d.ts

@@ -0,0 +1,7 @@
+export * from './button.js';
+export * from './checkbox.js';
+export * from './input.js';
+export * from './select.js';
+export * from './shared.js';
+export * from './textarea.js';
+export * from './upload.js';

package/dist/types/unstable/extras/forms/input.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues, UseControllerProps } from 'react-hook-form';
+import type { FormControlProps } from '../../../FormControl/index.js';
+import { InputProps } from '../../../Input/index.js';
+export type FormInputProps<TFieldValues extends FieldValues> = UseControllerProps<TFieldValues> & FormControlProps & InputProps;
+export declare function FormInput<TFieldValues extends FieldValues>(props: FormInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/select.d.ts

@@ -0,0 +1,8 @@
+import { type FieldPathByValue, FieldValues, UseControllerProps } from 'react-hook-form';
+import type { FormControlProps } from '../../../FormControl/index.js';
+import { SelectProps } from '../../../Select/index.js';
+import type { ComponentType } from 'react';
+export type FormSelectControlledProps<OptionValue, Multiple extends boolean | undefined> = Pick<SelectProps<OptionValue, Multiple>, 'value' | 'onChange'>;
+export type FormSelectProps<TFieldValues extends FieldValues, OptionValue, Multiple extends boolean | undefined, S extends FormSelectControlledProps<OptionValue, Multiple>, TName extends FieldPathByValue<TFieldValues, OptionValue | OptionValue[]> = FieldPathByValue<TFieldValues, OptionValue | OptionValue[]>> = UseControllerProps<TFieldValues, TName> & FormControlProps & S;
+export declare function formSelectFactory<OptionValue, S extends FormSelectControlledProps<OptionValue, boolean | undefined> = FormSelectControlledProps<OptionValue, boolean | undefined>>(Component: ComponentType<S>): <Multiple extends boolean | undefined, TFieldValues extends FieldValues, TName extends FieldPathByValue<TFieldValues, OptionValue | OptionValue[]> = FieldPathByValue<TFieldValues, OptionValue | OptionValue[]>>(props: FormSelectProps<TFieldValues, OptionValue, Multiple, S, TName>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSelect: <Multiple extends boolean | undefined, TFieldValues extends FieldValues, TName extends FieldPathByValue<TFieldValues, unknown> = FieldPathByValue<TFieldValues, unknown>>(props: FormSelectProps<TFieldValues, unknown, Multiple, SelectProps<unknown, boolean | undefined>, TName>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/shared.d.ts

@@ -0,0 +1,8 @@
+import { FieldError, FieldValues, UseControllerProps, FieldPath } from 'react-hook-form';
+import type { FormControlProps } from '../../../FormControl/index.js';
+export declare function useFormErrorMessage(error: FieldError | undefined): string | undefined;
+export declare function extractControllerProps<TFieldValues extends FieldValues, I, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: UseControllerProps<TFieldValues, TName, TTransformedValues> & FormControlProps & I): {
+    controllerProps: UseControllerProps<TFieldValues, TName, TTransformedValues>;
+    formControlProps: FormControlProps;
+    inputProps: I;
+};

package/dist/types/unstable/extras/forms/textarea.d.ts

@@ -0,0 +1,5 @@
+import { FieldValues, UseControllerProps } from 'react-hook-form';
+import { type FormControlProps } from '../../../FormControl/index.js';
+import { type TextareaProps } from '../../../Textarea/index.js';
+export type FormTextareaProps<TFieldValues extends FieldValues> = UseControllerProps<TFieldValues> & FormControlProps & TextareaProps;
+export declare function FormTextarea<TFieldValues extends FieldValues>(props: FormTextareaProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/upload.d.ts

@@ -0,0 +1,13 @@
+import { type FieldPathByValue, FieldValues, UseControllerProps } from 'react-hook-form';
+import type { FormControlProps } from '../../../FormControl/index.js';
+import { type FileLike, type FileState, type UploadDropzoneProps, type UploadListItemState, type UploadListProps } from '../../../FileUploader/index.js';
+type FilesFieldPath<TFieldValues extends FieldValues, F extends FileLike = FileLike> = FieldPathByValue<TFieldValues, F | F[]>;
+type FormUploadDropzoneInputProps = Partial<UploadDropzoneProps> & Omit<UploadDropzoneProps, 'onDrop'>;
+export type FormUploadDropzoneProps<TFieldValues extends FieldValues, TName extends FilesFieldPath<TFieldValues> = FilesFieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & FormControlProps & FormUploadDropzoneInputProps;
+export declare function FormUploadDropzone<TFieldValues extends FieldValues, TName extends FilesFieldPath<TFieldValues> = FilesFieldPath<TFieldValues>>(props: FormUploadDropzoneProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+type FormUploadListInputProps<F extends FileLike> = Omit<UploadListProps<F>, 'items'> & {
+    state: FileState | UploadListItemState | Array<UploadListItemState>;
+};
+export type FormUploadListProps<TFieldValues extends FieldValues, F extends FileLike = FileLike, TName extends FilesFieldPath<TFieldValues, F> = FilesFieldPath<TFieldValues, F>> = UseControllerProps<TFieldValues, TName> & FormControlProps & FormUploadListInputProps<F>;
+export declare function FormUploadList<TFieldValues extends FieldValues, F extends FileLike = FileLike, TName extends FilesFieldPath<TFieldValues, F> = FilesFieldPath<TFieldValues, F>>(props: FormUploadListProps<TFieldValues, F, TName>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/unstable/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Breadcrumbs/index.js';
+export { default as Card } from './Card/index.js';
+export * from './Card/index.js';
+export { default as LinearProgress } from './LinearProgress/index.js';
+export * from './LinearProgress/index.js';
+export { default as Tabs } from './Tabs/index.js';
+export * from './Tabs/index.js';

package/dist/types/utils/capitalize.d.ts

@@ -0,0 +1,2 @@
+import { unstable_capitalize as capitalize } from '@mui/utils';
+export default capitalize;

package/dist/types/utils/controlled.d.ts

@@ -0,0 +1 @@
+export declare function useManagedStateSwitch<T>(controlled: T | undefined, setControlled: ((u: T) => void) | undefined, uncontrolledDefault: T): [T, (u: T) => void];

package/dist/types/utils/index.d.ts

@@ -0,0 +1 @@
+export { default as capitalize } from './capitalize.js';

package/dist/types/utils/isNil.d.ts

@@ -0,0 +1 @@
+export declare function isNil(value: unknown): value is null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.8.14-next.2.0",
+  "version": "2.8.14",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [
@@ -126,11 +126,7 @@
     "react-aria": "^3.32.1",
     "react-dropzone": "^14.2.3",
     "react-remove-scroll": "^2.5.7",
-    "react-stately": "^3.30.1",
-    "react-vega": "^8.0.0",
-    "vega": "^6.2.0",
-    "vega-embed": "^7.1.0",
-    "vega-lite": "^6.4.1"
+    "react-stately": "^3.30.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.7.1",
@@ -199,7 +195,11 @@
     "typescript": "^5.0.0",
     "typescript-plugin-css-modules": "^5.0.2",
     "vite": "^7.0.4",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.4",
+    "react-vega": "^8.0.0",
+    "vega": "^6.2.0",
+    "vega-embed": "^7.1.0",
+    "vega-lite": "^6.4.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.4",
@@ -211,7 +211,11 @@
     "react": "^18||^19",
     "react-dom": "^18||^19",
     "react-hook-form": "^7.60.0",
-    "react-markdown": "^10.1.0"
+    "react-markdown": "^10.1.0",
+    "react-vega": "^8.0.0",
+    "vega": "^6.2.0",
+    "vega-embed": "^7.1.0",
+    "vega-lite": "^6.4.1"
   },
   "readme": "ERROR: No README data found!",
   "publishConfig": {
@@ -234,6 +238,18 @@
     },
     "@rpldy/uploady": {
       "optional": true
+    },
+    "react-vega": {
+      "optional": true
+    },
+    "vega": {
+      "optional": true
+    },
+    "vega-embed": {
+      "optional": true
+    },
+    "vega-lite": {
+      "optional": true
     }
   }
 }