@noya-app/noya-designsystem 0.1.49 → 0.1.51

package/dist/index.d.mts

@@ -1,15 +1,16 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactHTML, CSSProperties, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes } from 'react';
+import React__default, { ReactNode, CSSProperties, ReactHTML, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes } from 'react';
 import { IItemScore } from 'vscode-fuzzy-scorer';
 import * as Icons from '@noya-app/noya-icons';
 export { Icons };
-import * as tailwindcss_types_config from 'tailwindcss/types/config';
+import tailwindConfig from '@noya-app/noya-tailwind-config';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
 import { Size } from '@noya-app/noya-geometry';
 import { UniqueIdentifier } from '@dnd-kit/core';
 import { useSortable } from '@dnd-kit/sortable';
 import { Property } from 'csstype';
 import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
+import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Sketch } from '@noya-app/noya-file-format';
@@ -131,6 +132,7 @@ type ActionMenuProps<TMenu extends string> = {
     onOpenChange: (open: boolean) => void;
     className?: string;
     style?: React__default.CSSProperties;
+    variant?: "normal" | "bare";
 };
 declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement | null;
 
@@ -143,6 +145,25 @@ interface Props$e {
 }
 declare const ActivityIndicator: React$1.NamedExoticComponent<Props$e>;
 
+declare const AIAssistantLoadingIndicator: () => React__default.JSX.Element;
+type AIAssistantInputProps = {
+    value: string;
+    onChange: (e: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
+    onSubmitClick: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+    onKeyDown: (e: React__default.KeyboardEvent<HTMLTextAreaElement>) => void;
+    disabled: boolean;
+};
+declare const AIAssistantInput: React__default.ForwardRefExoticComponent<AIAssistantInputProps & React__default.RefAttributes<HTMLDivElement>>;
+type AIAssistantLayoutProps = {
+    renderMessages: () => React__default.ReactNode;
+    renderInput: () => React__default.ReactNode;
+    isLoading: boolean;
+    renderLoadingIndicator?: () => React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+};
+declare const AIAssistantLayout: React__default.ForwardRefExoticComponent<AIAssistantLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
+
 type AnimatePresenceProps = {
     children: React__default.ReactNode;
     /**
@@ -197,186 +218,14 @@ declare const AvatarStack: React__default.NamedExoticComponent<{
     className?: string;
 }>;
 
-declare const config: {
-    content: string[];
-    corePlugins: {
-        preflight: false;
-    };
-    theme: {
-        extend: {
-            colors: {
-                "logo-fill": string;
-                "logo-highlight": string;
-                background: string;
-                text: string;
-                "text-muted": string;
-                "text-subtle": string;
-                "text-disabled": string;
-                "text-decorative-light": string;
-                "divider-subtle": string;
-                divider: string;
-                "divider-strong": string;
-                primary: string;
-                "primary-light": string;
-                "primary-pastel": string;
-                secondary: string;
-                "secondary-light": string;
-                "secondary-pastel": string;
-                "secondary-bright": string;
-                "input-background": string;
-                "input-background-light": string;
-                "list-view-hover-background": string;
-                "list-view-thumbnail-background": string;
-                "code-background": string;
-                "code-background-dark": string;
-                "selected-background": string;
-                "breadcrumb-text": string;
-                "breadcrumb-text-hover": string;
-                "breadcrumb-icon": string;
-                "canvas-background": string;
-                "canvas-grid": string;
-                "sidebar-background": string;
-                "sidebar-background-transparent": string;
-                "popover-background": string;
-                "popover-divider": string;
-                "listview-raised-background": string;
-                "listview-editing-background": string;
-                "slider-thumb-background": string;
-                "slider-border": string;
-                "segmented-control-item": string;
-                mask: string;
-                "transparent-checker": string;
-                scrollbar: string;
-                "placeholder-dots": string;
-                "drag-outline": string;
-                "active-background": string;
-                "thumbnail-background": string;
-                "thumbnail-shadow": string;
-                "inline-code-text": string;
-                "inline-code-background": string;
-                "text-link": string;
-                "text-link-focused": string;
-                icon: string;
-                "icon-selected": string;
-                warning: string;
-                dot: string;
-                "row-highlight": string;
-                "table-row-background": string;
-                "chip-primary-bg": string;
-                "chip-secondary-bg": string;
-                "chip-error-bg": string;
-                "chip-default-bg": string;
-                "chip-primary-shadow": string;
-                "chip-secondary-shadow": string;
-                "chip-error-shadow": string;
-                "chip-default-shadow": string;
-                "floating-button": string;
-                "block-border": string;
-                "block-highlight": string;
-            };
-            fontFamily: {
-                sans: [string, string, string, string, string, string, string, string, string, string];
-                mono: [string, string, string, string, string];
-            };
-            fontSize: {
-                title: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                subtitle: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading1: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading2: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading3: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading4: [string, {
-                    lineHeight: string;
-                }];
-                heading5: [string, {
-                    lineHeight: string;
-                }];
-                body: [string, {
-                    lineHeight: string;
-                }];
-                small: [string, {
-                    lineHeight: string;
-                }];
-                code: [string, {
-                    lineHeight: string;
-                }];
-                button: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                label: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-            };
-            spacing: {
-                nano: string;
-                micro: string;
-                small: string;
-                medium: string;
-                large: string;
-                xlarge: string;
-                xxlarge: string;
-                "inset-top": string;
-                "sidebar-width": string;
-                "toolbar-height": string;
-                "toolbar-separator": string;
-                "inspector-h-separator": string;
-                "inspector-v-separator": string;
-                "dialog-padding": string;
-                "input-height": string;
-            };
-            keyframes: {
-                spin: {
-                    "0%": {
-                        transform: string;
-                    };
-                    "100%": {
-                        transform: string;
-                    };
-                };
-                shimmer: {
-                    "0%": {
-                        backgroundPosition: string;
-                    };
-                    "100%": {
-                        backgroundPosition: string;
-                    };
-                };
-            };
-            animation: {
-                spin: string;
-                shimmer: string;
-            };
-            zIndex: {
-                interactable: string;
-                label: string;
-                menu: string;
-            };
-        };
-    };
-    safelist: string[];
-    plugins: {
-        handler: tailwindcss_types_config.PluginCreator;
-        config?: Partial<tailwindcss_types_config.Config> | undefined;
-    }[];
+type BannerProps = {
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
 };
+declare function Banner({ label, className, style }: BannerProps): React__default.JSX.Element;
 
-type Theme = (typeof config.theme)["extend"];
+type Theme = (typeof tailwindConfig.theme)["extend"];
 type ThemeColor = keyof Theme["colors"];
 declare const cssVars: {
     colors: {
@@ -493,6 +342,10 @@ declare const cssVars: {
             lineHeight: string;
             letterSpacing: string;
         }];
+        listSmall: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
         label: [string, {
             lineHeight: string;
             letterSpacing: string;
@@ -632,15 +485,6 @@ interface ChipProps {
 }
 declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
 
-type GridViewSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
-declare const getGridSize: (size: GridViewSize) => {
-    minColumnWidth: string;
-    gap: number;
-};
-declare const Grid: <T, M extends string = string>(props: CollectionProps<T, M> & {
-    ref?: React__default.ForwardedRef<CollectionRef>;
-} & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
-
 type RelativeDropPosition = "above" | "below" | "inside";
 type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => boolean;
 declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
@@ -667,14 +511,15 @@ type ValidateDropIndicatorParams = {
 };
 declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
 type UseSortableReturnType = ReturnType<typeof useSortable>;
+type ItemChildrenProps<T> = {
+    ref: React$1.Ref<T>;
+    relativeDropPosition?: RelativeDropPosition;
+    style?: React$1.CSSProperties;
+} & UseSortableReturnType["attributes"];
 interface ItemProps$1<T> {
     id: UniqueIdentifier;
     disabled?: boolean;
-    children: (props: {
-        ref: React$1.Ref<T>;
-        relativeDropPosition?: RelativeDropPosition;
-        style?: React$1.CSSProperties;
-    } & UseSortableReturnType["attributes"]) => JSX.Element;
+    children: (props: ItemChildrenProps<T>) => JSX.Element;
 }
 interface RootProps {
     keys: UniqueIdentifier[];
@@ -685,10 +530,19 @@ interface RootProps {
     axis?: SortableItemContextProps["axis"];
     getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
 }
-declare namespace Sortable {
-    const Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React$1.ReactElement | null;
-    const Root: (props: RootProps) => React$1.ReactElement | null;
+declare function SortableRoot({ keys, children, onMoveItem, renderOverlay, acceptsDrop, axis, getDropTargetParentIndex, }: RootProps): React$1.JSX.Element;
+interface SortableProps<T, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
+    items: T[];
+    keyExtractor: (item: T) => UniqueIdentifier;
+    shouldRenderOverlay?: boolean;
+    renderItem: (item: T, props: ItemChildrenProps<TElement>, { isOverlay }: {
+        isOverlay: boolean;
+    }) => JSX.Element;
 }
+declare const Sortable: (<TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactElement | null) & {
+    readonly Root: React$1.MemoExoticComponent<typeof SortableRoot>;
+    readonly Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React$1.ReactElement | null;
+};
 
 type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
 type ListRowPosition = "only" | "first" | "middle" | "last";
@@ -842,6 +696,7 @@ type CollectionRef = {
 type CollectionThumbnailProps<T> = {
     item: T;
     selected: boolean;
+    size?: CollectionItemSize;
 };
 type CollectionRenderActionProps<T> = {
     item: T;
@@ -868,7 +723,7 @@ interface CollectionProps<T, M extends string = string> {
     menuItems?: MenuItem<M>[];
     onSelectMenuItem?: (action: M, selectedItems: T[]) => void;
     onRename?: (item: T, newName: string) => void;
-    renderThumbnail?: ({ item, selected, }: CollectionThumbnailProps<T>) => React__default.ReactNode;
+    renderThumbnail?: ({ item, selected, size, }: CollectionThumbnailProps<T>) => React__default.ReactNode;
     renderAction?: "menu" | ((props: CollectionRenderActionProps<T>) => React__default.ReactNode);
     renderDetail?: (item: T, selected: boolean) => React__default.ReactNode;
     /** Callback when selection changes. If not provided, selection will be disabled. */
@@ -878,7 +733,7 @@ interface CollectionProps<T, M extends string = string> {
     /** Position of the detail content. Defaults to 'end'. */
     detailPosition?: "end" | "below";
     /** Size of the list items. Defaults to 'medium'. */
-    size?: GridViewSize;
+    size?: CollectionItemSize;
     /** Size of the thumbnail. Defaults to 'auto', which will be based on the size prop. */
     thumbnailSize?: CollectionThumbnailSize;
     /** For testing: Override the hover state with a specific item ID */
@@ -902,8 +757,10 @@ interface CollectionProps<T, M extends string = string> {
     renderEmptyState?: () => React__default.ReactElement;
     /** @default false */
     sortable?: boolean;
+    dragIndicatorStyle?: ListViewRowProps<M>["dragIndicatorStyle"];
 }
 declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
 
 type InputSize = "small" | "medium" | "large";
 
@@ -937,6 +794,8 @@ type SubmittableProps = Props$d & {
     onSubmit: (value: string) => void;
     allowSubmittingWithSameValue?: boolean;
     submitAutomaticallyAfterDelay?: number;
+    /** @default true */
+    submitOnBlur?: boolean;
 };
 type TextInputProps = ReadOnlyProps | ControlledProps | SubmittableProps;
 
@@ -1080,6 +939,8 @@ interface ComboboxMenuProps<T extends string> {
     listSize: Size;
     style?: React__default.CSSProperties;
     indented?: boolean;
+    /** @default right */
+    iconPosition?: "left" | "right";
 }
 declare const ComboboxMenu: <T extends string>(props: ComboboxMenuProps<T> & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
 
@@ -1109,6 +970,15 @@ declare const CommandPalette: React__default.NamedExoticComponent<{
     testSearch?: string;
 } & React__default.RefAttributes<ISearchCompletionMenu>, "onSelect" | "items" | "onHover">>;
 
+declare const UserAvatar: ({ userId, name, image }: AvatarProps) => React__default.JSX.Element;
+type ConnectedUsersMenuLayoutProps = {
+    renderUsers: () => React__default.ReactNode;
+    currentUserId?: string;
+    launchAIAssistant?: () => void;
+    isAssistantOpen?: boolean;
+};
+declare const ConnectedUsersMenuLayout: ({ renderUsers, currentUserId, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
+
 interface MenuItemProps<T extends string> {
     value?: T;
     children: ReactNode;
@@ -1276,6 +1146,20 @@ type FadeProps = {
 };
 declare const Fade: ({ children, direction, width, height, className, zIndex, position, }: FadeProps) => React__default.JSX.Element;
 
+declare const FileExplorerLayout: ({ children, className, ...props }: SectionProps$1) => React__default.JSX.Element;
+declare const FileExplorerUploadButton: ({ showUploadButton, onUpload, children, }: {
+    showUploadButton?: boolean;
+    onUpload?: () => void;
+    children?: React__default.ReactNode;
+}) => React__default.JSX.Element;
+declare const FileExplorerCollection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+declare const FileExplorerDetail: ({ selected, size, children, }: {
+    selected: boolean;
+    children: React__default.ReactNode;
+    size?: CollectionItemSize;
+}) => React__default.JSX.Element;
+declare const FileExplorerEmptyState: ({ label, ...props }: BannerProps$1) => React__default.JSX.Element;
+
 declare const SUPPORTED_IMAGE_UPLOAD_TYPES: ("image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
 declare const SUPPORTED_CANVAS_UPLOAD_TYPES: ("" | "image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
 type SupportedImageUploadType = (typeof SUPPORTED_IMAGE_UPLOAD_TYPES)[number];
@@ -1333,6 +1217,14 @@ interface Props$8 {
 }
 declare const GradientPicker: React$1.NamedExoticComponent<Props$8>;
 
+declare const getGridSize: (size: CollectionItemSize) => {
+    minColumnWidth: string;
+    gap: number;
+};
+declare const Grid: <T, M extends string = string>(props: CollectionProps<T, M> & {
+    ref?: React__default.ForwardedRef<CollectionRef>;
+} & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+
 interface ItemProps<MenuItemType extends string = string> {
     id: string;
     title?: ReactNode;
@@ -1481,7 +1373,7 @@ declare const LabeledField: React__default.NamedExoticComponent<{
 
 declare const List: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
 
-type ColorScheme$1 = "primary" | "icon" | "warning";
+type ColorScheme$1 = "primary" | "secondary" | "icon" | "warning";
 type MediaThumbnailProps = {
     contentType?: string;
     url?: string;
@@ -1495,6 +1387,11 @@ type MediaThumbnailProps = {
      * If provided, use this icon instead of the default one for the asset type
      */
     iconName?: IconName;
+    size?: CollectionItemSize;
+};
+declare const getThumbnailColors: (colorScheme: ColorScheme$1, selected: boolean) => {
+    icon: string;
+    background: string;
 };
 declare const MediaThumbnail: React__default.NamedExoticComponent<MediaThumbnailProps>;
 
@@ -1509,6 +1406,13 @@ declare const Message: React__default.MemoExoticComponent<React__default.Forward
 
 declare const Logo: React__default.ForwardRefExoticComponent<Omit<React__default.SVGProps<SVGSVGElement>, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 
+declare const PipelineResultLink: ({ url }: {
+    url: string;
+}) => React__default.JSX.Element;
+declare const PipelineResultLayout: ({ children, }: {
+    children: React__default.ReactNode;
+}) => React__default.JSX.Element;
+
 type PopoverVariant = "normal" | "large";
 interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
     children: React__default.ReactNode;
@@ -1522,6 +1426,11 @@ interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content
     showArrow?: boolean;
     className?: string;
 }
+declare const popoverStyle: {
+    base: string;
+    large: string;
+    normal: string;
+};
 declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, }: Props$7): React__default.JSX.Element;
 
 type ProgressVariant = "normal" | "warning" | "primary" | "secondary";
@@ -1536,6 +1445,28 @@ interface Props$6 {
 }
 declare const ScrollArea: React$1.NamedExoticComponent<Props$6>;
 
+type TitleIconOptions = {
+    inlineBlockWrapper?: boolean;
+};
+type SectionProps = {
+    children: React__default.ReactNode;
+    title?: React__default.ReactNode;
+    onClickTitle?: () => void;
+    titleTextStyle?: "small" | "heading5" | "heading4" | "heading3";
+    right?: React__default.ReactNode;
+    hideRightWhenCollapsed?: boolean;
+    extraPadding?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    titleIcon?: React__default.ReactNode;
+    titleIconOptions?: TitleIconOptions;
+};
+type ExpandableSectionProps = {
+    storageKey: string;
+    initialVisibility?: "show" | "hide";
+};
+declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
+
 type SegmentedControlColorScheme = "primary" | "secondary";
 interface SegmentedControlProps<T extends string> {
     id?: string;
@@ -1913,7 +1844,7 @@ declare const mediaQuery: {
 };
 
 type ClassNameItem = string | number | BigInt | boolean | null | undefined;
-type Category = "text" | "flex";
+type Category = "text" | "color" | "font" | "flex";
 type Options = {
     categories?: Category[];
 };
@@ -1966,9 +1897,42 @@ declare class ComboboxState<T extends string> {
     setSelectedIndex(index: number): void;
     submitArbitraryFilter(filter: string): void;
 }
-declare function getNextIndex<T>(items: T[], currentIndex: number, direction: "next" | "previous", isDisabled: (item: T) => boolean): number;
+declare function filterWithGroupedSections<T extends string>(items: MenuItem<T>[], query: string): ScoredMenuItem<T>[];
+declare function getNextIndex<T>({ items, currentIndex, direction, isDisabled, }: {
+    items: T[];
+    currentIndex: number;
+    direction: "next" | "previous";
+    isDisabled: (item: T) => boolean;
+}): number;
 declare function useComboboxState<T extends string>(state: ComboboxState<T>): ComboboxStateSnapshot<T>;
 
+type MoveOptions = {
+    indexPaths: number[][];
+    to: number[];
+};
+type MoveTreeItemOptions<T> = {
+    root: T;
+    move: (root: T, options: MoveOptions) => T;
+    position: RelativeDropPosition;
+    sourceIndexPath: number[];
+    targetIndexPath: number[];
+};
+declare function moveTreeItem<T>({ root, move, position, sourceIndexPath, targetIndexPath, }: MoveTreeItemOptions<T>): T;
+type AcceptsDropOptions = {
+    sourceIndexPath: number[];
+    targetIndexPath: number[];
+    position: RelativeDropPosition;
+    /**
+     * Whether to allow dropping the source item within the same parent as the target item.
+     */
+    allowSiblings: boolean;
+    /**
+     * Whether to allow dropping the source item within itself or one of its descendants.
+     */
+    allowRecursion: boolean;
+};
+declare function acceptsDrop({ sourceIndexPath, targetIndexPath, position, allowSiblings, allowRecursion, }: AcceptsDropOptions): boolean;
+
 /**
  * Updates the selection state based on user interaction.
  * Handles single selection, multi-selection with meta/ctrl, and range selection with shift.
@@ -2063,9 +2027,9 @@ interface ToolbarProps<T extends string = string> {
     shouldBindKeyboardShortcuts?: boolean;
 }
 declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
-declare function ToolbarMenu<T extends string>({ items, onSelectMenuItem, }: {
+declare const ToolbarMenu: <T extends string>(props: {
     items: MenuItem<T>[];
     onSelectMenuItem?: (value: T) => void;
-}): React__default.JSX.Element;
+}) => React__default.ReactElement | null;
 
-export { ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, Popover, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, normalizeListTargetIndex, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
+export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveTreeItemOptions, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };