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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+export type RowsPerPageVariant = 'normal' | 'tight';
+export type TablePaginationProps = {
+    count: number;
+    page: number;
+    onChangePage(page: number): void;
+    rowsPerPage?: number;
+    onRowsPerPageChange?(rowsPerPage: number): void;
+    rowsPerPageOptions?: number[];
+    rowsPerPageLabel?: React.ReactNode;
+    rowsPerPageVariant?: RowsPerPageVariant;
+    'data-pendo-select'?: string;
+    'data-pendo-prev'?: string;
+    'data-pendo-next'?: string;
+    showPageNumberInput?: boolean;
+    className?: string;
+};
+export default function TablePagination({ page, count, rowsPerPage, rowsPerPageOptions, rowsPerPageLabel, rowsPerPageVariant, showPageNumberInput, ...props }: TablePaginationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {
+    placeholder?: string | undefined;
+    value?: string | ReadonlyArray<string> | number | undefined;
+    disabled?: boolean;
+    error?: boolean;
+    rows?: number;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    placeholder?: string | undefined;
+    value?: string | ReadonlyArray<string> | number | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    rows?: number | undefined;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/types/Toast/content.d.ts

@@ -0,0 +1,4 @@
+import { AlertProps } from '../Alert/index.js';
+export type ToastContentProps = AlertProps;
+declare const ToastContent: ({ className, onClose, ...alertProps }: ToastContentProps) => import("react/jsx-runtime").JSX.Element;
+export default ToastContent;

package/dist/types/Toast/hook.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { AlertSeverity } from '../Alert/index.js';
+export type ToastOptions = {
+    label?: React.ReactNode;
+    text?: React.ReactNode;
+    action?: React.ReactNode;
+    severity?: AlertSeverity;
+};
+export type ToastKey = string | number;
+declare module 'notistack' {
+    interface VariantOverrides {
+        veritone: ToastOptions;
+    }
+}
+export type ToastProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const ToastProvider: (props: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): {
+    enqueueToast(options?: ToastOptions): ToastKey;
+    closeToast(key?: ToastKey): void;
+};

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

@@ -0,0 +1,9 @@
+import { ToastContentProps } from './content.js';
+import React from 'react';
+export type ToastProps = Omit<ToastContentProps, 'onClose'> & {
+    open: boolean;
+    onClose?(): void;
+    action?: React.ReactNode;
+};
+declare const Toast: ({ open, onClose, className, ...alertProps }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export default Toast;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { PopoverPlacement, PopoverStrategy } from '../popover/index.js';
+export type TooltipProps = {
+    open?: boolean;
+    children?: React.ReactNode;
+    tooltip?: React.ReactNode;
+    placement?: PopoverPlacement;
+    strategy?: PopoverStrategy;
+    showArrow?: boolean;
+    disabled?: boolean;
+    leadingTrim?: boolean;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare function Tooltip({ placement, showArrow, strategy, disabled, leadingTrim, open: propsOpen, children, tooltip, 'data-testid': dataTestId, style, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type PaletteTextVariant, type TypographyVariant } from '../styles/index.js';
+export type TypographyProps = React.ComponentPropsWithoutRef<'p'> & {
+    as?: keyof React.JSX.IntrinsicElements;
+    variant?: TypographyVariant;
+    color?: PaletteTextVariant | 'disabled' | 'inherit';
+    leadingTrim?: boolean;
+    children?: React.ReactNode;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare const Typography: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    as?: keyof React.JSX.IntrinsicElements | undefined;
+    variant?: "title" | "h1" | "h2" | "h3" | "h4" | "label" | "paragraph1" | "paragraph2" | "paragraph3" | "button" | "buttonSmall" | "input" | "statusChip" | undefined;
+    color?: "inherit" | "disabled" | keyof import("../styles/palette.js").PaletteText | undefined;
+    leadingTrim?: boolean | undefined;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export default Typography;

package/dist/types/extras/markdown/index.d.ts

@@ -0,0 +1,27 @@
+import { Options, Components } from 'react-markdown';
+import { type CSSProperties } from 'react';
+type DefaultComponentsType = {
+    h1: NonNullable<Components['h1']>;
+    h2: NonNullable<Components['h2']>;
+    h3: NonNullable<Components['h3']>;
+    h4: NonNullable<Components['h4']>;
+    h5: NonNullable<Components['h5']>;
+    h6: NonNullable<Components['h6']>;
+    p: NonNullable<Components['p']>;
+    li: NonNullable<Components['li']>;
+    img: NonNullable<Components['img']>;
+};
+export type MarkdownProps = Options & {
+    headerIncrement?: number;
+    paragraphIncrement?: number;
+    style?: CSSProperties;
+    className?: string;
+    styles?: {
+        [key in keyof DefaultComponentsType]?: CSSProperties;
+    };
+    classNames?: {
+        [key in keyof DefaultComponentsType]?: string;
+    };
+};
+export declare function Markdown({ components, headerIncrement, paragraphIncrement, style, className, styles: componentStyles, classNames: componentClassNames, ...props }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/extras/uploady/index.d.ts

@@ -0,0 +1 @@
+export * from './uploady.js';

package/dist/types/extras/uploady/uploady.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BATCH_STATES, type BatchItem } from '@rpldy/uploady';
+import { type ButtonProps } from '../../Button/index.js';
+import { type UploadDropzoneOptions, type UploadListContainerProps } from '../../FileUploader/index.js';
+export type UploadyDropzoneProps = Omit<UploadDropzoneOptions, 'multiple'>;
+export declare function UploadyDropzone(props: UploadyDropzoneProps): import("react/jsx-runtime").JSX.Element;
+export type UploadyListProps = UploadListContainerProps;
+export declare function UploadyList(props: UploadyListProps): import("react/jsx-runtime").JSX.Element;
+export type UploadyListItemProps = {
+    item: BatchItem;
+};
+export declare function UploadyListItem({ item }: UploadyListItemProps): import("react/jsx-runtime").JSX.Element;
+export type UploadyButtonProps = ButtonProps;
+export declare function useUploadStatus(): {
+    loading: boolean;
+    itemCount: number;
+    batchState: BATCH_STATES;
+};
+export declare const UploadyButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: import("../../Button/index.js").ButtonVariant | undefined;
+    palette?: import("../../index.js").PaletteActionVariantsColors | import("../../styles/css-vars.js").RecursiveStringObject<import("../../index.js").PaletteActionVariantsColors> | undefined;
+    size?: import("../../Button/index.js").ButtonSize | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    active?: boolean | undefined;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/index.d.ts

@@ -0,0 +1,68 @@
+export * from './styles/index.js';
+export * from './utils/index.js';
+export { default as Alert } from './Alert/index.js';
+export * from './Alert/index.js';
+export { default as Badge } from './Badge/index.js';
+export * from './Badge/index.js';
+export { default as Button } from './Button/index.js';
+export * from './Button/index.js';
+export { default as Checkbox } from './Checkbox/index.js';
+export * from './Checkbox/index.js';
+export { default as Chip } from './Chip/index.js';
+export * from './Chip/index.js';
+export { default as CircularProgress } from './CircularProgress/index.js';
+export * from './CircularProgress/index.js';
+export { default as DatePicker } from './DatePicker/index.js';
+export * from './DatePicker/index.js';
+export { default as DateRangePicker } from './DateRangePicker/index.js';
+export * from './DateRangePicker/index.js';
+export { default as Dialog } from './Dialog/index.js';
+export * from './Dialog/index.js';
+export { default as Drawer } from './Drawer/index.js';
+export * from './Drawer/index.js';
+export { default as ErrorBoundary } from './ErrorBoundary/index.js';
+export * from './ErrorBoundary/index.js';
+export * from './FileUploader/index.js';
+export { default as FormControl } from './FormControl/index.js';
+export * from './FormControl/index.js';
+export * from './Icon/index.js';
+export { default as IconButton } from './IconButton/index.js';
+export * from './IconButton/index.js';
+export { default as Input } from './Input/index.js';
+export * from './Input/index.js';
+export { default as Menu } from './Menu/index.js';
+export * from './Menu/index.js';
+export { default as Pagination } from './Pagination/index.js';
+export * from './Pagination/index.js';
+export { default as RadioButton } from './RadioButton/index.js';
+export * from './RadioButton/index.js';
+export { default as Select } from './Select/index.js';
+export * from './Select/index.js';
+export { default as StatusChip } from './StatusChip/index.js';
+export * from './StatusChip/index.js';
+export * from './Table/index.js';
+export { default as AutoTable } from './Table/AutoTable/index.js';
+export * from './Table/AutoTable/index.js';
+export type * from './Table/AutoTable/types.js';
+export { default as TableCell } from './Table/TableCell/index.js';
+export type * from './Table/TableCell/index.js';
+export { default as TableRow } from './Table/TableRow/index.js';
+export type * from './Table/TableRow/index.js';
+export { default as TablePagination } from './TablePagination/index.js';
+export * from './TablePagination/index.js';
+export { default as Textarea } from './Textarea/index.js';
+export * from './Textarea/index.js';
+export { default as Toast } from './Toast/index.js';
+export type { ToastProps } from './Toast/index.js';
+export { ToastProvider, useToast } from './Toast/hook.js';
+export type { ToastProviderProps, ToastOptions } from './Toast/hook.js';
+export { default as Tooltip } from './Tooltip/index.js';
+export * from './Tooltip/index.js';
+export { default as Typography } from './Typography/index.js';
+export * from './Typography/index.js';
+export { default as ColorPicker } from './ColorPicker/index.js';
+export * from './ColorPicker/index.js';
+export { default as Stepper } from './Stepper/index.js';
+export * from './Stepper/index.js';
+export { default as Accordion } from './Accordion/index.js';
+export * from './Accordion/index.js';

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

@@ -0,0 +1,2 @@
+export * from './types.js';
+export * from './utils.js';

package/dist/types/popover/types.d.ts

@@ -0,0 +1,8 @@
+import { VirtualElement as PopoverVirtualElement } from '@floating-ui/react';
+import React from 'react';
+export type { PopoverVirtualElement };
+export declare const PopoverPlacementValues: readonly PopoverPlacement[];
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export type PopoverAnchor = PopoverVirtualElement | (() => PopoverVirtualElement | null) | HTMLElement | (() => HTMLElement | null) | null | undefined;
+export type PopoverStrategy = 'absolute' | 'fixed';
+export type PopoverPortalElProp = HTMLElement | null | React.MutableRefObject<HTMLElement | null>;

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

@@ -0,0 +1,2 @@
+import type { PopoverAnchor, PopoverVirtualElement } from './types.js';
+export declare function resolvePopoverAnchor(anchor: PopoverAnchor): HTMLElement | PopoverVirtualElement | null | undefined;

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

@@ -0,0 +1,3 @@
+import type { Palette } from './palette.js';
+import { type PaletteOptions } from './themeOptions.js';
+export declare function createPalette(options?: PaletteOptions): Palette;

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

@@ -0,0 +1,8 @@
+import { type Palette } from './palette.js';
+import type { ThemeOptions } from './themeOptions.js';
+import type { Typography } from './typography.js';
+export interface Theme {
+    palette: Palette;
+    typography: Typography;
+}
+export default function createTheme(options?: ThemeOptions): Theme;

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { type FontMetrics } from '@capsizecss/core';
+import type { TypographyOptions } from './themeOptions.js';
+import type { Typography, TypographyStyle } from './typography.js';
+export interface CreateTypographyStyleOptions {
+    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 declare function createTypographyStyle({ fontSize, leading, metrics, ...options }: CreateTypographyStyleOptions): TypographyStyle;
+export declare function createTypography(typography?: TypographyOptions): Typography;

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

@@ -0,0 +1,27 @@
+import { type Theme } from './createTheme.js';
+import React from 'react';
+import { type TypographyStyle, type TypographyVariant } from './typography.js';
+export type AsCSSVarNames<T extends object> = RecursiveStringObject<T>;
+export interface ThemeCSSVariableNamesObject extends AsCSSVarNames<Theme> {
+}
+export type AsCSSVarUsages<T extends object> = RecursiveStringObject<T>;
+export interface ThemeCSSVariableUsagesObject extends AsCSSVarUsages<Theme & {
+    typography: {
+        [K in TypographyVariant]: {
+            all: TypographyStyle;
+        };
+    };
+}> {
+}
+export declare const themeCSSVariableNames: ThemeCSSVariableNamesObject;
+export declare function createThemeCssVariableUsages(theme: Theme, cssVariableNames?: ThemeCSSVariableNamesObject): ThemeCSSVariableUsagesObject;
+export declare function createThemeCssVariableDefinitions(theme: Theme, cssVariableNames?: ThemeCSSVariableNamesObject): React.CSSProperties;
+export type CSSVariableNamesObject = {
+    [key: string]: CSSVariableNamesObject | string;
+};
+export type RecursiveStringObject<T extends object> = {
+    [K in keyof T]: T[K] extends {} ? RecursiveStringObject<T[K]> : string;
+};
+export declare function objectAsCSSVariableNames<T extends object>(obj: T, prefix: string): RecursiveStringObject<T>;
+export declare function objectAsCSSVariableUsages<T extends object>(obj: T, cssVarNames: RecursiveStringObject<T>): RecursiveStringObject<T>;
+export declare function objectAsCSSVariableDefinitions<T extends object>(obj: T, cssVarNames: RecursiveStringObject<T>): React.CSSProperties;

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

@@ -0,0 +1 @@
+export declare function cx(...args: unknown[]): string;

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

@@ -0,0 +1,4 @@
+declare const defaultTheme: import("./createTheme.js").Theme;
+export default defaultTheme;
+export declare const defaultThemeCssVariableUsages: import("./css-vars.js").ThemeCSSVariableUsagesObject;
+export declare const defaultDarkTheme: import("./createTheme.js").Theme;

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

@@ -0,0 +1,192 @@
+export declare const defaultThemeOptions: {
+    palette: {
+        disabled: {
+            surface: string;
+            on: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+        };
+        brand: {
+            1: string;
+            2: string;
+        };
+        action: {
+            primary: {
+                base: {
+                    surface: string;
+                    on: string;
+                };
+                hover: {
+                    surface: string;
+                    on: string;
+                };
+            };
+            secondary: {
+                base: {
+                    surface: string;
+                    on: string;
+                };
+                hover: {
+                    surface: string;
+                    on: string;
+                };
+            };
+            destructive: {
+                base: {
+                    surface: string;
+                    on: string;
+                };
+                hover: {
+                    surface: string;
+                    on: string;
+                };
+            };
+        };
+        indicator: {
+            success: {
+                surface: string;
+                on: string;
+            };
+            info: {
+                surface: string;
+                on: string;
+            };
+            warning: {
+                surface: string;
+                on: string;
+            };
+            error: {
+                surface: string;
+                on: string;
+            };
+            pending: {
+                surface: string;
+                on: string;
+            };
+            processing: {
+                surface: string;
+                on: string;
+            };
+        };
+        background: {
+            primary: string;
+            secondary: string;
+        };
+        stroke: {
+            primary: string;
+        };
+        table: {
+            base: {
+                surface: string;
+                on: string;
+            };
+            hover: string;
+            active: string;
+        };
+        tooltip: {
+            surface: string;
+            on: string;
+        };
+        thumbnailCheckbox: {
+            fill: {
+                primary: string;
+                secondary: string;
+            };
+        };
+    };
+    typography: {
+        title: {
+            fontFamily: "\"Nunito Sans\", Verdana, sans-serif";
+            fontSize: number;
+            fontWeight: number;
+            letterSpacing: string;
+            textTransform: "uppercase";
+        };
+        h1: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        h2: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        h3: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        h4: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        label: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        paragraph1: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        paragraph2: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        paragraph3: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        button: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        buttonSmall: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        input: {
+            fontSize: number;
+            fontWeight: number;
+        };
+        statusChip: {
+            fontSize: number;
+            fontWeight: number;
+            leading: number;
+        };
+        metrics: {
+            familyName: string;
+            fullName: string;
+            postscriptName: string;
+            capHeight: number;
+            ascent: number;
+            descent: number;
+            lineGap: number;
+            unitsPerEm: number;
+            xHeight: number;
+            xWidthAvg: number;
+            subsets: {
+                latin: {
+                    xWidthAvg: number;
+                };
+                thai: {
+                    xWidthAvg: number;
+                };
+            };
+        };
+        fontFamily: string;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightBold: number;
+    };
+};

package/dist/types/styles/font-metrics.d.ts

@@ -0,0 +1,22 @@
+export declare const FontMetricsBuiltin: {
+    nunitoSans: {
+        familyName: string;
+        fullName: string;
+        postscriptName: string;
+        capHeight: number;
+        ascent: number;
+        descent: number;
+        lineGap: number;
+        unitsPerEm: number;
+        xHeight: number;
+        xWidthAvg: number;
+        subsets: {
+            latin: {
+                xWidthAvg: number;
+            };
+            thai: {
+                xWidthAvg: number;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,18 @@
+export { cx } from './cx.js';
+export type * from './themeOptions.js';
+export * from './defaultThemeOptions.js';
+export { default as createTheme } from './createTheme.js';
+export type { Theme } from './createTheme.js';
+export { default as defaultTheme, defaultDarkTheme, defaultThemeCssVariableUsages as ThemeVars } from './defaultTheme.js';
+export { default as useTheme } from './useTheme.js';
+export * from './palette.js';
+export * from './typography.js';
+export * from './portal.js';
+export { createPalette } from './createPalette.js';
+export * from './createPalette.js';
+export { createTypography } from './createTypography.js';
+export type * from './createTypography.js';
+export * from './provider.client.js';
+export * from './provider.css-vars.js';
+export { themeCSSVariableNames, createThemeCssVariableDefinitions } from './css-vars.js';
+export type { ThemeCSSVariableNamesObject, ThemeCSSVariableUsagesObject } from './css-vars.js';

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

@@ -0,0 +1,68 @@
+import type { AsCSSVarUsages } from './css-vars.js';
+export type PaletteColor = string;
+export type PaletteSurfaceColors = {
+    surface: PaletteColor;
+    on: PaletteColor;
+};
+export type PaletteActionVariantsColors = {
+    base: PaletteSurfaceColors;
+    hover: PaletteSurfaceColors;
+    active: PaletteSurfaceColors;
+    disabled: PaletteSurfaceColors;
+};
+export interface PaletteBrand {
+    1: PaletteActionVariantsColors;
+    2: PaletteActionVariantsColors;
+    3: PaletteActionVariantsColors;
+    4: PaletteActionVariantsColors;
+    5: PaletteActionVariantsColors;
+}
+export interface PaletteText {
+    primary: PaletteColor;
+    secondary: PaletteColor;
+    tertiary: PaletteColor;
+}
+export interface PaletteAction {
+    primary: PaletteActionVariantsColors;
+    secondary: PaletteActionVariantsColors;
+    destructive: PaletteActionVariantsColors;
+    text: PaletteActionVariantsColors;
+}
+export interface PaletteIndicator {
+    success: PaletteActionVariantsColors;
+    info: PaletteActionVariantsColors;
+    warning: PaletteActionVariantsColors;
+    error: PaletteActionVariantsColors;
+    pending: PaletteActionVariantsColors;
+    processing: PaletteActionVariantsColors;
+}
+export type PaletteTable = PaletteActionVariantsColors;
+export type PaletteTooltip = PaletteSurfaceColors;
+export interface PaletteBackground {
+    primary: PaletteColor;
+    secondary: PaletteColor;
+}
+export interface PaletteStroke {
+    primary: PaletteColor;
+}
+export interface Palette {
+    brand: PaletteBrand;
+    text: PaletteText;
+    action: PaletteAction;
+    indicator: PaletteIndicator;
+    disabled: PaletteSurfaceColors;
+    background: PaletteBackground;
+    stroke: PaletteStroke;
+    table: PaletteTable;
+    tooltip: PaletteTooltip;
+    thumbnailCheckbox: {
+        fill?: {
+            primary: PaletteColor;
+            secondary: PaletteColor;
+        };
+    };
+}
+export type PaletteTextVariant = keyof Palette['text'];
+export type PaletteIndicatorVariant = keyof Palette['indicator'];
+export type PaletteActionVariant = keyof Palette['action'];
+export type ResolvablePaletteValue<T> = T extends object ? T | AsCSSVarUsages<T> : T;

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

@@ -0,0 +1,3 @@
+import { type ThemeCssVarsProviderProps } from './provider.css-vars.js';
+export type PortalThemeRelayProps = Omit<ThemeCssVarsProviderProps, 'theme'>;
+export declare function PortalThemeRelay(props: PortalThemeRelayProps): import("react/jsx-runtime").JSX.Element;