@noya-app/noya-designsystem 0.1.9 → 0.1.11

package/.turbo/turbo-build.log

@@ -5,13 +5,13 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-ESM dist/index.mjs     185.59 KB
-ESM dist/index.mjs.map 411.74 KB
-ESM ⚡️ Build success in 79ms
-CJS dist/index.js     201.80 KB
-CJS dist/index.js.map 411.93 KB
-CJS ⚡️ Build success in 80ms
+CJS dist/index.js     213.16 KB
+CJS dist/index.js.map 432.10 KB
+CJS ⚡️ Build success in 101ms
+ESM dist/index.mjs     196.22 KB
+ESM dist/index.mjs.map 431.93 KB
+ESM ⚡️ Build success in 102ms
 DTS Build start
-DTS ⚡️ Build success in 6041ms
-DTS dist/index.d.ts  54.34 KB
-DTS dist/index.d.mts 54.34 KB
+DTS ⚡️ Build success in 7105ms
+DTS dist/index.d.ts  56.28 KB
+DTS dist/index.d.mts 56.28 KB

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @noya-app/noya-designsystem
 
+## 0.1.11
+
+### Patch Changes
+
+- 3680245: Add floating window API, improve keymap names
+- d694f45: Bump package versions
+- Updated dependencies [3680245]
+- Updated dependencies [d694f45]
+  - @noya-app/noya-keymap@0.1.2
+  - @noya-app/noya-icons@0.1.3
+
+## 0.1.10
+
+### Patch Changes
+
+- c93caa1: Improve menu style
+- Updated dependencies [c93caa1]
+  - @noya-app/noya-keymap@0.1.1
+
 ## 0.1.9
 
 ### Patch Changes

package/dist/index.d.mts

@@ -3,6 +3,7 @@ import React__default, { CSSProperties, ReactNode, ReactElement, ComponentProps,
 import * as styled_components from 'styled-components';
 import { CSSObject, CSSProperties as CSSProperties$1 } from 'styled-components';
 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';
 import * as csstype from 'csstype';
 import { Property } from 'csstype';
@@ -25,12 +26,18 @@ interface Props$h {
 }
 declare const ActivityIndicator: (props: Props$h) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
-declare function Avatar({ image, name, fallback, size, overflow, }: {
-    image?: string;
-    name?: string;
-    fallback?: string;
+declare const Avatar: (props: {
+    image?: string | undefined;
+    name?: string | undefined;
+    fallback?: string | undefined;
+    size?: number | undefined;
+    overflow?: number | undefined;
+    style?: React__default.CSSProperties | undefined;
+    className?: string | undefined;
+} & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare function AvatarStack({ size, children, }: {
     size?: number;
-    overflow?: number;
+    children: React__default.ReactNode;
 }): React__default.JSX.Element;
 
 type ButtonVariant = "normal" | "primary" | "primaryGradient" | "secondary" | "secondaryBright" | "white" | "thin" | "floating" | "none";
@@ -40,6 +47,7 @@ declare const ButtonElement: styled_components.StyledComponent<"button", styled_
     variant: ButtonVariant;
     size: ButtonSize;
     flex?: CSSProperties["flex"];
+    defaultBackground?: string | undefined;
 }, never>;
 interface ButtonRootProps {
     id?: string;
@@ -56,6 +64,7 @@ interface ButtonRootProps {
     onClick?: (event: React__default.MouseEvent) => void;
     onPointerDown?: (event: React__default.PointerEvent) => void;
     contentStyle?: CSSProperties;
+    defaultBackground?: string;
     as?: React__default.ElementType;
     href?: string;
     target?: string;
@@ -83,6 +92,7 @@ interface ChipProps {
 }
 declare const Chip: (props: ChipProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
+declare const name$1: string;
 declare const colors$1: {
     logo: {
         fill: string;
@@ -168,6 +178,7 @@ declare const textStyles: {
     heading5: CSSObject;
     body: CSSObject;
     small: CSSObject;
+    button: CSSObject;
     code: CSSObject;
     label: CSSObject;
 };
@@ -199,7 +210,7 @@ declare const lightTheme_fonts: typeof fonts;
 declare const lightTheme_sizes: typeof sizes;
 declare const lightTheme_textStyles: typeof textStyles;
 declare namespace lightTheme {
-  export { colors$1 as colors, lightTheme_fonts as fonts, lightTheme_sizes as sizes, lightTheme_textStyles as textStyles };
+  export { colors$1 as colors, lightTheme_fonts as fonts, name$1 as name, lightTheme_sizes as sizes, lightTheme_textStyles as textStyles };
 }
 
 type Theme = typeof lightTheme;
@@ -291,7 +302,7 @@ declare const DraggableMenuButton: <T extends string>(props: {
 declare const DropdownMenu: <T extends string>(props: MenuProps<T> & {
     open?: boolean | undefined;
     onCloseAutoFocus?: ((event: React__default.SyntheticEvent<unknown, Event>) => void) | undefined;
-} & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+} & Pick<RadixDropdownMenu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "align" | "side" | "sideOffset" | "alignOffset" | "collisionPadding"> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 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")[];
@@ -321,6 +332,25 @@ interface Props$e {
 }
 declare const FillPreviewBackground: (props: Props$e) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
+interface FloatingWindowProps {
+    title?: string;
+    onClose?: () => void;
+    children: React__default.ReactNode;
+    initialWidth?: number;
+    initialHeight?: number;
+    initialX?: number;
+    initialY?: number;
+    minWidth?: number;
+    minHeight?: number;
+    toolbarContent?: React__default.ReactNode;
+    renderToolbar?: (props: {
+        title?: string;
+        toolbarContent?: React__default.ReactNode;
+        onClose?: () => void;
+    }) => React__default.ReactNode;
+}
+declare const FloatingWindow: React__default.FC<FloatingWindowProps>;
+
 interface Props$d {
     value: Sketch.GradientStop[];
     selectedStop: number;
@@ -1044,6 +1074,19 @@ declare const DialogProvider: ({ children, }: {
 declare function useOpenInputDialog(): (title: string, inputValue?: string | undefined) => Promise<string | undefined>;
 declare function useDialogContainsElement(): (element: HTMLElement) => boolean;
 
+type FloatingWindowContextValue = {
+    createWindow: (element: React__default.ReactNode) => string;
+    closeWindow: (id: string) => void;
+};
+type CurrentWindowContextValue = {
+    id: string;
+};
+declare const FloatingWindowProvider: ({ children, }: {
+    children: React__default.ReactNode;
+}) => React__default.JSX.Element;
+declare const useFloatingWindowManager: () => FloatingWindowContextValue;
+declare const useCurrentFloatingWindowInternal: () => CurrentWindowContextValue;
+
 type ImageDataContextValue = {
     getImageData: (ref: string) => ArrayBuffer | undefined;
 };
@@ -1120,6 +1163,7 @@ declare const mediaQuery: {
     xlarge: string;
 };
 
+declare const name: string;
 declare const colors: {
     logo: {
         fill: string;
@@ -1194,10 +1238,11 @@ declare const colors: {
 
 declare const dark_colors: typeof colors;
 declare const dark_fonts: typeof fonts;
+declare const dark_name: typeof name;
 declare const dark_sizes: typeof sizes;
 declare const dark_textStyles: typeof textStyles;
 declare namespace dark {
-  export { dark_colors as colors, dark_fonts as fonts, dark_sizes as sizes, dark_textStyles as textStyles };
+  export { dark_colors as colors, dark_fonts as fonts, dark_name as name, dark_sizes as sizes, dark_textStyles as textStyles };
 }
 
 type Optional<T> = T | false | null | undefined;
@@ -1300,4 +1345,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
+export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import React__default, { CSSProperties, ReactNode, ReactElement, ComponentProps,
 import * as styled_components from 'styled-components';
 import { CSSObject, CSSProperties as CSSProperties$1 } from 'styled-components';
 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';
 import * as csstype from 'csstype';
 import { Property } from 'csstype';
@@ -25,12 +26,18 @@ interface Props$h {
 }
 declare const ActivityIndicator: (props: Props$h) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
-declare function Avatar({ image, name, fallback, size, overflow, }: {
-    image?: string;
-    name?: string;
-    fallback?: string;
+declare const Avatar: (props: {
+    image?: string | undefined;
+    name?: string | undefined;
+    fallback?: string | undefined;
+    size?: number | undefined;
+    overflow?: number | undefined;
+    style?: React__default.CSSProperties | undefined;
+    className?: string | undefined;
+} & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare function AvatarStack({ size, children, }: {
     size?: number;
-    overflow?: number;
+    children: React__default.ReactNode;
 }): React__default.JSX.Element;
 
 type ButtonVariant = "normal" | "primary" | "primaryGradient" | "secondary" | "secondaryBright" | "white" | "thin" | "floating" | "none";
@@ -40,6 +47,7 @@ declare const ButtonElement: styled_components.StyledComponent<"button", styled_
     variant: ButtonVariant;
     size: ButtonSize;
     flex?: CSSProperties["flex"];
+    defaultBackground?: string | undefined;
 }, never>;
 interface ButtonRootProps {
     id?: string;
@@ -56,6 +64,7 @@ interface ButtonRootProps {
     onClick?: (event: React__default.MouseEvent) => void;
     onPointerDown?: (event: React__default.PointerEvent) => void;
     contentStyle?: CSSProperties;
+    defaultBackground?: string;
     as?: React__default.ElementType;
     href?: string;
     target?: string;
@@ -83,6 +92,7 @@ interface ChipProps {
 }
 declare const Chip: (props: ChipProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
+declare const name$1: string;
 declare const colors$1: {
     logo: {
         fill: string;
@@ -168,6 +178,7 @@ declare const textStyles: {
     heading5: CSSObject;
     body: CSSObject;
     small: CSSObject;
+    button: CSSObject;
     code: CSSObject;
     label: CSSObject;
 };
@@ -199,7 +210,7 @@ declare const lightTheme_fonts: typeof fonts;
 declare const lightTheme_sizes: typeof sizes;
 declare const lightTheme_textStyles: typeof textStyles;
 declare namespace lightTheme {
-  export { colors$1 as colors, lightTheme_fonts as fonts, lightTheme_sizes as sizes, lightTheme_textStyles as textStyles };
+  export { colors$1 as colors, lightTheme_fonts as fonts, name$1 as name, lightTheme_sizes as sizes, lightTheme_textStyles as textStyles };
 }
 
 type Theme = typeof lightTheme;
@@ -291,7 +302,7 @@ declare const DraggableMenuButton: <T extends string>(props: {
 declare const DropdownMenu: <T extends string>(props: MenuProps<T> & {
     open?: boolean | undefined;
     onCloseAutoFocus?: ((event: React__default.SyntheticEvent<unknown, Event>) => void) | undefined;
-} & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+} & Pick<RadixDropdownMenu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "align" | "side" | "sideOffset" | "alignOffset" | "collisionPadding"> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 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")[];
@@ -321,6 +332,25 @@ interface Props$e {
 }
 declare const FillPreviewBackground: (props: Props$e) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
+interface FloatingWindowProps {
+    title?: string;
+    onClose?: () => void;
+    children: React__default.ReactNode;
+    initialWidth?: number;
+    initialHeight?: number;
+    initialX?: number;
+    initialY?: number;
+    minWidth?: number;
+    minHeight?: number;
+    toolbarContent?: React__default.ReactNode;
+    renderToolbar?: (props: {
+        title?: string;
+        toolbarContent?: React__default.ReactNode;
+        onClose?: () => void;
+    }) => React__default.ReactNode;
+}
+declare const FloatingWindow: React__default.FC<FloatingWindowProps>;
+
 interface Props$d {
     value: Sketch.GradientStop[];
     selectedStop: number;
@@ -1044,6 +1074,19 @@ declare const DialogProvider: ({ children, }: {
 declare function useOpenInputDialog(): (title: string, inputValue?: string | undefined) => Promise<string | undefined>;
 declare function useDialogContainsElement(): (element: HTMLElement) => boolean;
 
+type FloatingWindowContextValue = {
+    createWindow: (element: React__default.ReactNode) => string;
+    closeWindow: (id: string) => void;
+};
+type CurrentWindowContextValue = {
+    id: string;
+};
+declare const FloatingWindowProvider: ({ children, }: {
+    children: React__default.ReactNode;
+}) => React__default.JSX.Element;
+declare const useFloatingWindowManager: () => FloatingWindowContextValue;
+declare const useCurrentFloatingWindowInternal: () => CurrentWindowContextValue;
+
 type ImageDataContextValue = {
     getImageData: (ref: string) => ArrayBuffer | undefined;
 };
@@ -1120,6 +1163,7 @@ declare const mediaQuery: {
     xlarge: string;
 };
 
+declare const name: string;
 declare const colors: {
     logo: {
         fill: string;
@@ -1194,10 +1238,11 @@ declare const colors: {
 
 declare const dark_colors: typeof colors;
 declare const dark_fonts: typeof fonts;
+declare const dark_name: typeof name;
 declare const dark_sizes: typeof sizes;
 declare const dark_textStyles: typeof textStyles;
 declare namespace dark {
-  export { dark_colors as colors, dark_fonts as fonts, dark_sizes as sizes, dark_textStyles as textStyles };
+  export { dark_colors as colors, dark_fonts as fonts, dark_name as name, dark_sizes as sizes, dark_textStyles as textStyles };
 }
 
 type Optional<T> = T | false | null | undefined;
@@ -1300,4 +1345,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
+export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };