@malloydata/malloy-explorer 0.0.257-dev250410160631

package/dist/types/components/primitives/BadgeForField.d.ts

@@ -0,0 +1,6 @@
+import { FieldInfo } from '@malloydata/malloy-interfaces';
+interface BadgeForFieldProps {
+    field: FieldInfo;
+}
+export default function BadgeForField({ field }: BadgeForFieldProps): import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/types/components/primitives/Banner.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+export type Variant = keyof typeof variantColors;
+export interface BannerProps {
+    /**
+     * Title.
+     */
+    title: string;
+    /**
+     * Optional description.
+     */
+    description?: string;
+    /**
+     * Semantic coloring variant; defaults to 'info.'
+     */
+    variant?: Variant;
+    /**
+     * Optional content; displayed on a neutral background below the header.
+     */
+    children?: React.ReactNode;
+}
+export default function Banner({ title, description, variant, children, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+declare const variantColors: Readonly<{
+    readonly info: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly success: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly warn: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly critical: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+}>;
+export {};

package/dist/types/components/primitives/Button.d.ts

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import { IconType } from './utils/icon';
+type Variant = keyof typeof colorVariants;
+type Size = keyof typeof sizeVariants;
+interface ButtonProps extends React.ComponentProps<'button'> {
+    /**
+     * The variant of the button.
+     */
+    variant?: Variant;
+    /**
+     * The size of the button.
+     */
+    size?: Size;
+    /**
+     * The label to display on the button.
+     */
+    label?: string;
+    /**
+     * The tooltip to show when hovering over the button. All buttons without a label need a tooltip.
+     */
+    tooltip?: string;
+    /**
+     * The icon to be shown either to the left of the label or centered (if label is not provided).
+     */
+    icon?: IconType;
+    /**
+     * The click event handler for the button.
+     *
+     * @param event - The React mouse event.
+     */
+    onClick?: (event: React.MouseEvent) => void;
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled?: boolean;
+}
+export default function Button({ variant, size, icon, label, tooltip, onClick, isDisabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const colorVariants: Readonly<{
+    readonly default: Readonly<{
+        readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
+            readonly default: "rgba(230, 235, 239, 1)";
+            readonly ':hover': "rgba(221, 226, 232, 1)";
+            readonly ':active': "rgba(204, 211, 219, 1)";
+            readonly ':disabled'?: undefined;
+        } | {
+            readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':disabled': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':hover'?: undefined;
+            readonly ':active'?: undefined;
+        }>;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(204, 211, 219, 1)" | "rgba(230, 235, 239, 1)" | "rgba(221, 226, 232, 1)">;
+    }>;
+    readonly flat: Readonly<{
+        readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
+            readonly default: "transparent";
+            readonly ':hover': "rgba(0, 0, 0, 0.05)";
+            readonly ':active': "rgba(0, 0, 0, 0.1)";
+            readonly ':disabled'?: undefined;
+        } | {
+            readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':disabled': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':hover'?: undefined;
+            readonly ':active'?: undefined;
+        }>;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "transparent" | "rgba(0, 0, 0, 0.05)" | "rgba(0, 0, 0, 0.1)">;
+    }>;
+    readonly primary: Readonly<{
+        readonly [x: string]: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<string, {
+            readonly default: "rgba(0, 100, 224, 1)";
+            readonly ':hover': "rgba(4, 87, 203, 1)";
+            readonly ':active': "rgba(0, 76, 188, 1)";
+            readonly ':disabled'?: undefined;
+        } | {
+            readonly default: import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':disabled': import("@stylexjs/stylex/lib/StyleXTypes").StyleXVar<string>;
+            readonly ':hover'?: undefined;
+            readonly ':active'?: undefined;
+        }>;
+        readonly background: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"background", "rgba(0, 100, 224, 1)" | "rgba(4, 87, 203, 1)" | "rgba(0, 76, 188, 1)">;
+    }>;
+}>;
+declare const sizeVariants: Readonly<{
+    readonly default: Readonly<{
+        readonly height: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"height", "36px">;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "8px 12px">;
+    }>;
+    readonly compact: Readonly<{
+        readonly height: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"height", "28px">;
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "4px 8px">;
+    }>;
+}>;
+export {};

package/dist/types/components/primitives/Card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { StyleXStyles } from '@stylexjs/stylex';
+interface CardProps {
+    /**
+     * Optional header content for the Card.
+     */
+    header?: React.ReactNode;
+    children: React.ReactNode;
+    customStyle?: StyleXStyles;
+}
+export default function Card({ header, children, customStyle }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/CodeBlock.d.ts

@@ -0,0 +1,26 @@
+import { SupportedLang, SupportedTheme } from './syntax_highlighting/syntaxHighlighter';
+import { LineSpacing } from './syntax_highlighting/transformers/lineSpacingTransformer';
+interface CodeBlockProps {
+    /**
+     * Code to be highlighted & displayed.
+     */
+    code: string;
+    /**
+     * Language used for syntax highlighting.
+     */
+    language: SupportedLang;
+    /**
+     * Display theme. Defaults 'light-plus'.
+     */
+    theme?: SupportedTheme;
+    /**
+     * Include 1-indexed line numbering. Defaults true.
+     */
+    lineNumbers?: boolean;
+    /**
+     * Line spacing. Defaults double.
+     */
+    spacing?: LineSpacing;
+}
+export default function CodeBlock({ code, language, theme, lineNumbers, spacing, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/CollapsibleListItem.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface CollapsibleListItemProps {
+    /**
+     * The label for the list item.
+     */
+    label: string;
+    /**
+     * The sublabel for the list item.
+     */
+    sublabel?: string;
+    /**
+     * The children items to render.
+     */
+    children: React.ReactNode[];
+}
+export default function CollapsibleListItem({ label, sublabel, children, }: CollapsibleListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/primitives/CollapsiblePanel.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { IconType } from './utils/icon';
+interface CollapsiblePanelProps {
+    title: string;
+    children: React.ReactNode;
+    icon?: IconType;
+    defaultOpen?: boolean;
+    controls?: ReactNode;
+    collapsedControls?: ReactNode;
+}
+export default function CollapsiblePanel({ title, children, icon, defaultOpen, controls, collapsedControls, }: CollapsiblePanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/DOMElement.d.ts

@@ -0,0 +1,5 @@
+interface DOMElementProps {
+    element: HTMLElement;
+}
+export default function DOMElement({ element }: DOMElementProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/DatePicker.d.ts

@@ -0,0 +1,9 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+interface DatePickerProps {
+    value: Date;
+    setValue: (value: Date) => void;
+    maxLevel: 'year' | 'month' | 'day' | 'quarter' | 'week' | 'hour' | 'minute' | 'second';
+    style?: StyleXStyles;
+}
+export default function DatePicker({ value, setValue, maxLevel, style, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/Divider.d.ts

@@ -0,0 +1,24 @@
+import { StyleXStyles } from '@stylexjs/stylex/lib/StyleXTypes';
+type Orientation = keyof typeof orientationVariants;
+interface DividerProps {
+    /**
+     * Either `horizontal` or `vertical`. Defaults to `horizontal`.
+     */
+    orientation?: Orientation;
+    /**
+     * Custom styles for the divider.
+     */
+    customStyle?: StyleXStyles;
+}
+export default function Divider({ orientation, customStyle, }: DividerProps): import("react/jsx-runtime").JSX.Element;
+declare const orientationVariants: Readonly<{
+    readonly horizontal: Readonly<{
+        readonly height: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"height", "1px">;
+        readonly width: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly vertical: Readonly<{
+        readonly height: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"height", "100px">;
+        readonly width: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"width", "1px">;
+    }>;
+}>;
+export {};

package/dist/types/components/primitives/DropdownMenu.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { ReactElement } from 'react';
+import { IconType } from '.';
+type Modifiers = Pick<React.MouseEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey'>;
+type DropdownMenuChild = React.ReactElement<DropdownMenuItemProps, typeof DropdownMenuItem> | React.ReactElement<DropdownSubMenuItemProps, typeof DropdownSubMenuItem> | React.ReactElement<DropdownMenuLabelProps, typeof DropdownMenuLabel>;
+interface DropdownMenuProps {
+    trigger: ReactElement;
+    tooltip?: string | ReactElement;
+    onOpenChange?: (open: boolean) => void;
+    children: DropdownMenuChild | DropdownMenuChild[];
+}
+export declare function DropdownMenu({ trigger, tooltip, onOpenChange, children, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+interface DropdownMenuItemProps {
+    icon?: IconType;
+    label: string;
+    sublabel?: string;
+    onClick?: (modifiers: Modifiers) => void;
+    disabled?: boolean;
+}
+export declare function DropdownMenuItem({ icon, label, sublabel, onClick, disabled, }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+interface DropdownSubMenuItemProps {
+    icon?: IconType;
+    label: string;
+    sublabel?: string;
+    disabled?: boolean;
+    children: DropdownMenuChild | DropdownMenuChild[];
+}
+export declare function DropdownSubMenuItem({ icon, label, sublabel, disabled, children, }: DropdownSubMenuItemProps): import("react/jsx-runtime").JSX.Element;
+interface DropdownMenuLabelProps {
+    label: string;
+}
+export declare function DropdownMenuLabel({ label }: DropdownMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/ErrorIcon.d.ts

@@ -0,0 +1,8 @@
+interface ErrorIconProps {
+    /**
+     * The error message to show in tooltip.
+     */
+    errorMessage: string;
+}
+export default function ErrorIcon({ errorMessage }: ErrorIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/Icon.d.ts

@@ -0,0 +1,57 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { IconType } from './utils/icon';
+type Color = keyof typeof colorVariants;
+export interface IconProps {
+    /**
+     * The name of the icon to render.
+     */
+    name: IconType;
+    /**
+     * The color of the icon.
+     */
+    color?: Color;
+    /**
+     * Custom styles for the icon.
+     */
+    customStyle?: StyleXStyles;
+}
+export default function Icon({ name, color, customStyle, }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+declare const colorVariants: Readonly<{
+    readonly primary: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly secondary: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly disabled: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly primaryOnMedia: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly gray: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly purple: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly green: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly cyan: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly info: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly warning: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly positive: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+    readonly negative: Readonly<{
+        readonly color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>;
+}>;
+export {};

package/dist/types/components/primitives/List.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface ListProps {
+    /**
+     * The list items to render.
+     */
+    children: React.ReactNode[];
+}
+export default function List({ children }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/ListItem.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface ListItemProps {
+    /**
+     * The label for the list item.
+     */
+    label: string;
+    /**
+     * The icon to display at the start of the list item.
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * The badge to display in the list item.
+     */
+    badge?: React.ReactElement;
+    /**
+     * The icon to display at the end of the list item.
+     */
+    endIcon?: React.ReactElement;
+    onClick: () => void;
+}
+export default function ListItem({ label, startIcon, badge, endIcon, onClick, }: ListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/primitives/NumberInput.d.ts

@@ -0,0 +1,10 @@
+interface NumberInputProps {
+    value: number;
+    setValue: (value: number) => void;
+    placeholder?: string;
+    label?: string;
+    autoFocus?: boolean;
+    width?: string;
+}
+export default function NumberInput({ value, setValue, placeholder, label, autoFocus, width, }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/Popover.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode, RefObject } from 'react';
+import { StyleXStyles } from '@stylexjs/stylex';
+type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+interface PopoverProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    width?: number | string;
+    maxHeight?: number | undefined;
+    placement?: Placement;
+    referenceDiv?: RefObject<HTMLDivElement>;
+    zIndex?: number;
+    xOffset?: number;
+    yOffset?: number;
+    disabled?: boolean;
+    children: ReactNode;
+    customStyle?: StyleXStyles;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export {};

package/dist/types/components/primitives/ResizeBar.d.ts

@@ -0,0 +1,7 @@
+interface ResizeBarProps {
+    width: number;
+    minWidth: number;
+    onWidthChange: (width: number) => void;
+}
+export default function ResizeBar({ width, minWidth, onWidthChange, }: ResizeBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/ScrollableArea.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface ScrollableAreaProps {
+    /**
+     * The content to be rendered inside the scrollable area.
+     */
+    children: React.ReactNode;
+}
+export default function ScrollableArea({ children }: ScrollableAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/SelectDropdown.d.ts

@@ -0,0 +1,31 @@
+import { JSX } from 'react';
+import { StyleXStyles } from '@stylexjs/stylex';
+interface SelectDropdownProps<T> {
+    autoFocus?: boolean;
+    value: T | undefined;
+    placeholder?: string;
+    onChange?: (newValue: T) => void;
+    options: {
+        label: string | JSX.Element;
+        value: T;
+        divider?: boolean;
+    }[];
+    disabled?: boolean;
+    valueEqual?: (a: T, b: T) => boolean;
+    width?: number | string;
+    customStyle?: StyleXStyles;
+}
+export declare const SelectDropdown: <T>({ autoFocus, value, onChange, options, placeholder, disabled, valueEqual, width, customStyle, }: SelectDropdownProps<T>) => JSX.Element;
+interface SelectListProps<T> {
+    value: T | undefined;
+    options: {
+        label: string | JSX.Element;
+        value: T;
+        divider?: boolean;
+    }[];
+    valueEqual?: (a: T, b: T) => boolean;
+    onChange: (value: T) => void;
+    customStyle?: StyleXStyles;
+}
+export declare function SelectList<T>({ options, value, onChange, valueEqual, customStyle, }: SelectListProps<T>): JSX.Element;
+export {};

package/dist/types/components/primitives/Spinner.d.ts

@@ -0,0 +1,22 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+declare const SIZES: {
+    large: {
+        border: number;
+        diameter: number;
+    };
+    medium: {
+        border: number;
+        diameter: number;
+    };
+    small: {
+        border: number;
+        diameter: number;
+    };
+};
+type SpinnerSize = keyof typeof SIZES;
+interface SpinnerProps {
+    size: SpinnerSize;
+    customStyle?: StyleXStyles;
+}
+export default function Spinner({ size, customStyle }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/primitives/TextInput.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { StyleXStyles } from '@stylexjs/stylex';
+import { IconType } from './utils/icon';
+type Size = keyof typeof sizeVariants;
+interface TextInputProps {
+    /**
+     * The current value of the text input.
+     */
+    value: string;
+    /**
+     * A hint to the user about what to enter in the text input.
+     */
+    placeholder?: string;
+    /**
+     * The size of the text input.
+     */
+    size?: Size;
+    /**
+     * An icon to display inside the text input.
+     */
+    icon?: IconType;
+    /**
+     * Called when the text input's value changes.
+     *
+     * @param value The new value of the text input.
+     */
+    onChange: (value: string) => void;
+    /**
+     * Whether to display a clear button in the text input.
+     */
+    hasClear?: boolean;
+    /**
+     * Called when a key is pressed while the input element has focus.
+     *
+     * @param event The keyboard event that triggered this callback.
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Custom styles to apply to the component.
+     *
+     * Use this prop to override or extend the default styles of the component.
+     */
+    customStyle?: StyleXStyles;
+}
+export default function TextInput({ value, placeholder, size, icon, onChange, onKeyDown, hasClear, customStyle, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+declare const sizeVariants: Readonly<{
+    readonly default: Readonly<{
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "8px 12px">;
+    }>;
+    readonly compact: Readonly<{
+        readonly padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", "4px 8px">;
+    }>;
+}>;
+export {};

package/dist/types/components/primitives/badge.stylex.d.ts

@@ -0,0 +1,6 @@
+export declare const mainVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    background: null;
+}>, symbol>;
+export declare const labelVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    color: null;
+}>, symbol>;

package/dist/types/components/primitives/button.stylex.d.ts

@@ -0,0 +1,6 @@
+export declare const labelVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    color: null;
+}>, symbol>;
+export declare const iconVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    color: null;
+}>, symbol>;

package/dist/types/components/primitives/colors.stylex.d.ts

@@ -0,0 +1,39 @@
+export declare const backgroundColors: import("@stylexjs/stylex").VarGroup<Readonly<{
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    washOnWeb: string;
+    accentDeemphasized: string;
+    positiveDeemphasized: string;
+    warningDeemphasized: string;
+    negativeDeemphasized: string;
+    divider: string;
+    token: string;
+}>, symbol>;
+export declare const textColors: import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    link: string;
+    primaryOnDarkMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    dimension: string;
+}>, symbol>;
+export declare const iconColors: import("@stylexjs/stylex").VarGroup<Readonly<{
+    primary: string;
+    secondary: string;
+    disabled: string;
+    primaryOnMedia: string;
+    gray: string;
+    purple: string;
+    green: string;
+    cyan: string;
+    warning: string;
+    accent: string;
+    positive: string;
+    negative: string;
+}>, symbol>;

package/dist/types/components/primitives/dropdown-menu.stylex.d.ts

@@ -0,0 +1,9 @@
+export declare const iconVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    color: null;
+}>, symbol>;
+export declare const labelVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    color: null;
+}>, symbol>;
+export declare const sublabelVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    color: null;
+}>, symbol>;

package/dist/types/components/primitives/index.d.ts

@@ -0,0 +1,22 @@
+export { default as Badge } from './Badge';
+export { default as Divider } from './Divider';
+export { default as Icon } from './Icon';
+export { default as List } from './List';
+export { default as ListItem } from './ListItem';
+export { default as ScrollableArea } from './ScrollableArea';
+export { default as Button } from './Button';
+export { default as Token } from './tokens/Token';
+export { default as TokenGroup } from './tokens/TokenGroup';
+export { default as EditableToken } from './tokens/EditableToken';
+export { default as SelectorToken } from './tokens/SelectorToken';
+export { default as Card } from './Card';
+export { default as TextInput } from './TextInput';
+export { default as CollapsibleListItem } from './CollapsibleListItem';
+export { default as CodeBlock } from './CodeBlock';
+export { default as Spinner } from './Spinner';
+export { default as NumberInput } from './NumberInput';
+export { default as DatePicker } from './DatePicker';
+export { default as ResizeBar } from './ResizeBar';
+export { default as Banner } from './Banner';
+export { DropdownMenu, DropdownMenuItem, DropdownSubMenuItem, DropdownMenuLabel, } from './DropdownMenu';
+export { type IconType } from './utils/icon';

package/dist/types/components/primitives/scrollable-area.stylex.d.ts

@@ -0,0 +1,6 @@
+export declare const scrollbarVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    opacity: null;
+}>, symbol>;
+export declare const cornerVars: import("@stylexjs/stylex").VarGroup<Readonly<{
+    opacity: null;
+}>, symbol>;