tldraw 3.16.0-canary.c7d3f7d5729d → 3.16.0-canary.ca33603d9bda

package/dist-cjs/index.d.ts

@@ -68,7 +68,6 @@ import { TLClickEventInfo } from '@tldraw/editor';
 import { TLContent } from '@tldraw/editor';
 import { TLCropInfo } from '@tldraw/editor';
 import { TLDefaultColorStyle } from '@tldraw/editor';
-import { TLDefaultColorTheme } from '@tldraw/editor';
 import { TLDefaultColorThemeColor } from '@tldraw/editor';
 import { TLDefaultDashStyle } from '@tldraw/editor';
 import { TLDefaultFillStyle } from '@tldraw/editor';
@@ -193,9 +192,6 @@ export declare class ArrowBindingUtil extends BindingUtil<TLArrowBinding> {
 /** @public @react */
 export declare function ArrowDownToolbarItem(): JSX_2.Element;
 
-/** @public @react */
-export declare function ArrowheadStylePickerSet({ styles }: StylePickerSetProps): JSX_2.Element | null;
-
 /** @public @react */
 export declare function ArrowLeftToolbarItem(): JSX_2.Element;
 
@@ -500,9 +496,6 @@ export declare function CloudToolbarItem(): JSX_2.Element;
 /** @public @react */
 export declare function ColorSchemeMenu(): JSX_2.Element;
 
-/** @public @react */
-export declare function CommonStylePickerSet({ styles, theme }: ThemeStylePickerSetProps): JSX_2.Element;
-
 /**
  * Contains the size within the given box size
  *
@@ -534,14 +527,6 @@ export declare function ConvertToEmbedMenuItem(): JSX_2.Element | null;
  */
 export declare function copyAs(editor: Editor, ids: TLShapeId[], opts: CopyAsOptions): Promise<void>;
 
-/**
- * @deprecated The format parameter is now part of the opts object.
- * @public
- */
-export declare function copyAs(editor: Editor, ids: TLShapeId[], format: TLCopyType, opts?: TLImageExportOptions & {
-    format?: undefined;
-}): Promise<void>;
-
 /** @public @react */
 export declare function CopyAsMenuGroup(): JSX_2.Element;
 
@@ -999,7 +984,7 @@ export declare function DefaultSharePanel(): JSX_2.Element;
 export declare const DefaultStylePanel: NamedExoticComponent<TLUiStylePanelProps>;
 
 /** @public @react */
-export declare function DefaultStylePanelContent({ styles }: TLUiStylePanelContentProps): JSX_2.Element | null;
+export declare function DefaultStylePanelContent(): JSX_2.Element;
 
 /** @public @react */
 export declare const DefaultToasts: NamedExoticComponent<object>;
@@ -1492,12 +1477,6 @@ export declare interface ExampleDialogProps {
  */
 export declare function exportAs(editor: Editor, ids: TLShapeId[], opts: ExportAsOptions): Promise<void>;
 
-/**
- * @deprecated The format & name parameters are now part of the opts object.
- * @public
- */
-export declare function exportAs(editor: Editor, ids: TLShapeId[], format?: TLExportType, name?: string, opts?: TLImageExportOptions): Promise<void>;
-
 /** @public */
 export declare interface ExportAsOptions extends TLImageExportOptions {
     /** {@inheritdoc @tldraw/editor#TLImageExportOptions.format} */
@@ -1509,23 +1488,6 @@ export declare interface ExportAsOptions extends TLImageExportOptions {
 /** @public @react */
 export declare function ExportFileContentSubMenu(): JSX_2.Element;
 
-/**
- * Export the given shapes as a blob.
- * @param editor - The editor instance.
- * @param ids - The ids of the shapes to export.
- * @param format - The format to export as.
- * @param opts - Rendering options.
- * @returns A promise that resolves to a blob.
- * @deprecated Use {@link @tldraw/editor#Editor.toImage} instead.
- * @public
- */
-export declare function exportToBlob({ editor, ids, format, opts, }: {
-    editor: Editor;
-    format: TLExportType;
-    ids: TLShapeId[];
-    opts?: TLImageExportOptions;
-}): Promise<Blob>;
-
 /** @public @react */
 export declare function ExtrasGroup(): JSX_2.Element;
 
@@ -1740,9 +1702,6 @@ export declare class GeoShapeUtil extends BaseBoxShapeUtil<TLGeoShape> {
     getInterpolatedProps(startShape: TLGeoShape, endShape: TLGeoShape, t: number): TLGeoShapeProps;
 }
 
-/** @public @react */
-export declare function GeoStylePickerSet({ styles }: StylePickerSetProps): JSX_2.Element | null;
-
 /** @public */
 export declare function getArrowBindings(editor: Editor, shape: TLArrowShape): TLArrowBindings;
 
@@ -2190,9 +2149,6 @@ export declare interface OnDragFromToolbarToCreateShapesOpts {
     onDragEnd?(id: TLShapeId): void;
 }
 
-/** @public @react */
-export declare function OpacitySlider(): JSX_2.Element | null;
-
 /** @public @react */
 export declare function OvalToolbarItem(): JSX_2.Element;
 
@@ -2584,9 +2540,6 @@ export declare interface SolidPathBuilderOpts extends BasePathBuilderOpts {
 
 /* Excluded from this release type: Spinner */
 
-/** @public @react */
-export declare function SplineStylePickerSet({ styles }: StylePickerSetProps): JSX_2.Element | null;
-
 /** @public @react */
 export declare function StackMenuItems(): JSX_2.Element;
 
@@ -2644,11 +2597,124 @@ export declare interface StrokePoint {
     radius: number;
 }
 
+/** @public @react */
+export declare function StylePanelArrowheadPicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelArrowKindPicker(): JSX_2.Element | null;
+
 /** @public */
-export declare interface StylePickerSetProps {
+export declare const StylePanelButtonPicker: <T extends string>(props: StylePanelButtonPickerProps<T>) => ReactElement;
+
+/** @public */
+export declare interface StylePanelButtonPickerProps<T extends string> {
+    title: string;
+    uiType: string;
+    style: StyleProp<T>;
+    value: SharedStyle<T>;
+    items: StyleValuesForUi<T>;
+    onValueChange?(style: StyleProp<T>, value: T): void;
+    onHistoryMark?(id: string): void;
+}
+
+/** @public @react */
+export declare function StylePanelColorPicker(): JSX_2.Element | null;
+
+/** @public */
+export declare interface StylePanelContext {
+    styles: ReadonlySharedStyleMap;
+    showUiLabels: boolean;
+    onHistoryMark(id: string): void;
+    onValueChange<T>(style: StyleProp<T>, value: T): void;
+}
+
+/** @public @react */
+export declare function StylePanelContextProvider({ children, styles }: StylePanelContextProviderProps): JSX_2.Element;
+
+/** @public */
+export declare interface StylePanelContextProviderProps {
+    children: React.ReactNode;
     styles: ReadonlySharedStyleMap;
 }
 
+/** @public @react */
+export declare function StylePanelDashPicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare const StylePanelDoubleDropdownPicker: <T extends string>(props: StylePanelDoubleDropdownPickerProps<T>) => React_2.JSX.Element;
+
+/** @public */
+export declare interface StylePanelDoubleDropdownPickerProps<T extends string> {
+    uiTypeA: string;
+    uiTypeB: string;
+    label: Exclude<string, TLUiTranslationKey> | TLUiTranslationKey;
+    labelA: Exclude<string, TLUiTranslationKey> | TLUiTranslationKey;
+    labelB: Exclude<string, TLUiTranslationKey> | TLUiTranslationKey;
+    itemsA: StyleValuesForUi<T>;
+    itemsB: StyleValuesForUi<T>;
+    styleA: StyleProp<T>;
+    styleB: StyleProp<T>;
+    valueA: SharedStyle<T>;
+    valueB: SharedStyle<T>;
+    onValueChange?(style: StyleProp<T>, value: T): void;
+}
+
+/** @public @react */
+export declare const StylePanelDropdownPicker: <T extends string>(props: StylePanelDropdownPickerProps<T>) => React_2.JSX.Element;
+
+/** @public */
+export declare interface StylePanelDropdownPickerProps<T extends string> {
+    id: string;
+    label?: Exclude<string, TLUiTranslationKey> | TLUiTranslationKey;
+    uiType: string;
+    stylePanelType: string;
+    style: StyleProp<T>;
+    value: SharedStyle<T>;
+    items: StyleValuesForUi<T>;
+    type: 'icon' | 'menu' | 'tool';
+    onValueChange?(style: StyleProp<T>, value: T): void;
+}
+
+/** @public @react */
+export declare function StylePanelFillPicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelFontPicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelGeoShapePicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelLabelAlignPicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelOpacityPicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelSection({ children }: StylePanelSectionProps): JSX_2.Element;
+
+/** @public */
+export declare interface StylePanelSectionProps {
+    children: React_3.ReactNode;
+}
+
+/** @public @react */
+export declare function StylePanelSizePicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelSplinePicker(): JSX_2.Element | null;
+
+/** @public @react */
+export declare function StylePanelSubheading({ children }: StylePanelSubheadingProps): JSX_2.Element;
+
+/** @public */
+export declare interface StylePanelSubheadingProps {
+    children: React.ReactNode;
+}
+
+/** @public @react */
+export declare function StylePanelTextAlignPicker(): JSX_2.Element | null;
+
 /** @public */
 export declare type StyleValuesForUi<T> = readonly {
     readonly icon: string | TLUiIconJsx;
@@ -2688,12 +2754,6 @@ export declare interface TextAreaProps {
  */
 export declare const TextDirection: Extension<any, any>;
 
-/**
- * @deprecated Use `PlainTextLabel` instead.
- * @public
- */
-export declare const TextLabel: React_3.NamedExoticComponent<PlainTextLabelProps>;
-
 /** @public */
 export declare interface TextShapeOptions {
     /** How much addition padding should be added to the horizontal geometry of the shape when binding to an arrow? */
@@ -2771,18 +2831,9 @@ export declare class TextShapeUtil extends ShapeUtil<TLTextShape> {
     } | undefined;
 }
 
-/** @public @react */
-export declare function TextStylePickerSet({ theme, styles }: ThemeStylePickerSetProps): JSX_2.Element | null;
-
 /** @public @react */
 export declare function TextToolbarItem(): JSX_2.Element;
 
-/** @public */
-export declare interface ThemeStylePickerSetProps {
-    styles: ReadonlySharedStyleMap;
-    theme: TLDefaultColorTheme;
-}
-
 /**
  * Default extensions for the TipTap editor.
  *
@@ -3039,9 +3090,6 @@ export declare function TldrawUiButtonIcon({ icon, small, invertIcon }: TLUiButt
 /** @public @react */
 export declare function TldrawUiButtonLabel({ children }: TLUiButtonLabelProps): JSX_2.Element;
 
-/** @public */
-export declare const TldrawUiButtonPicker: <T extends string>(props: TLUiButtonPickerProps<T>) => ReactElement;
-
 /**
  * A column, usually of UI controls like buttons, select dropdown, checkboxes, etc.
  *
@@ -3221,7 +3269,7 @@ export declare const TldrawUiToolbar: React_3.ForwardRefExoticComponent<TLUiTool
 export declare const TldrawUiToolbarButton: React_3.ForwardRefExoticComponent<TLUiToolbarButtonProps & React_3.RefAttributes<HTMLButtonElement>>;
 
 /** @public @react */
-export declare const TldrawUiToolbarToggleGroup: ({ children, className, type, ...props }: TLUiToolbarToggleGroupProps) => JSX_2.Element;
+export declare const TldrawUiToolbarToggleGroup: ({ children, className, type, asChild, ...props }: TLUiToolbarToggleGroupProps) => JSX_2.Element;
 
 /** @public @react */
 export declare const TldrawUiToolbarToggleItem: ({ children, className, type, value, tooltip, ...props }: TLUiToolbarToggleItemProps) => JSX_2.Element;
@@ -3408,18 +3456,6 @@ export declare interface TLUiButtonLabelProps {
     children?: ReactNode;
 }
 
-/** @public */
-export declare interface TLUiButtonPickerProps<T extends string> {
-    title: string;
-    uiType: string;
-    style: StyleProp<T>;
-    value: SharedStyle<T>;
-    items: StyleValuesForUi<T>;
-    theme: TLDefaultColorTheme;
-    onValueChange(style: StyleProp<T>, value: T): void;
-    onHistoryMark?(id: string): void;
-}
-
 /** @public */
 export declare interface TLUiButtonProps extends React_2.HTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
@@ -4060,14 +4096,10 @@ export declare interface TLUiSliderProps {
     ariaValueModifier?: number;
 }
 
-/** @public */
-export declare interface TLUiStylePanelContentProps {
-    styles: ReturnType<typeof useRelevantStyles>;
-}
-
 /** @public */
 export declare interface TLUiStylePanelProps {
     isMobile?: boolean;
+    styles?: null | ReadonlySharedStyleMap;
     children?: ReactNode;
 }
 
@@ -4136,6 +4168,7 @@ export declare interface TLUiToolbarToggleGroupProps extends React_3.HTMLAttribu
     value: any;
     defaultValue?: any;
     type: 'multiple' | 'single';
+    asChild?: boolean;
 }
 
 /** @public */
@@ -4372,13 +4405,6 @@ export declare function useA11y(): TLUiA11yContextType;
 /** @public */
 export declare function useActions(): TLUiActionsContextType;
 
-/**
- * @deprecated Use {@link useImageOrVideoAsset} instead.
- *
- * @public
- */
-export declare const useAsset: typeof useImageOrVideoAsset;
-
 /* Excluded from this release type: useAssetUrls */
 
 /** @public */
@@ -4433,7 +4459,11 @@ export declare function useDefaultHelpers(): {
     copy: (source: TLUiEventSource) => Promise<void>;
     copyAs: (ids: TLShapeId[], format?: TLCopyType) => void;
     cut: (source: TLUiEventSource) => Promise<void>;
-    exportAs: (ids: TLShapeId[], format: TLExportType | undefined, name: string | undefined) => void;
+    exportAs: (ids: TLShapeId[], opts?: {
+        format?: TLExportType;
+        name?: string;
+        scale?: number;
+    }) => void;
     getEmbedDefinition: (url: string) => TLEmbedResult;
     insertMedia: () => Promise<void>;
     isMobile: boolean;
@@ -4483,14 +4513,12 @@ export declare function useEditableRichText(shapeId: TLShapeId, type: string, ri
     rInput: RefObject<HTMLDivElement>;
 };
 
-/**
- * @deprecated Use `useEditablePlainText` instead.
- * @public
- */
-export declare const useEditableText: typeof useEditablePlainText;
-
 /** @public */
-export declare function useExportAs(): (ids: TLShapeId[], format: TLExportType | undefined, name: string | undefined) => void;
+export declare function useExportAs(): (ids: TLShapeId[], opts?: {
+    format?: TLExportType;
+    name?: string;
+    scale?: number;
+}) => void;
 
 /**
  * This is a handy helper hook that resolves an asset to an optimized URL for a given shape, or its
@@ -4564,6 +4592,9 @@ export declare const useSelectedShapesAnnouncer: () => void;
 /** @public */
 export declare function useShowCollaborationUi(): boolean;
 
+/** @public */
+export declare function useStylePanelContext(): StylePanelContext;
+
 /** @public */
 export declare function useTldrawUiComponents(): TLUiComponents;
 

package/dist-cjs/index.js

@@ -33,7 +33,6 @@ __export(index_exports, {
   ArrowShapeUtil: () => import_ArrowShapeUtil.ArrowShapeUtil,
   ArrowToolbarItem: () => import_DefaultToolbarContent.ArrowToolbarItem,
   ArrowUpToolbarItem: () => import_DefaultToolbarContent.ArrowUpToolbarItem,
-  ArrowheadStylePickerSet: () => import_DefaultStylePanelContent.ArrowheadStylePickerSet,
   AssetToolbarItem: () => import_DefaultToolbarContent.AssetToolbarItem,
   AssetUrlsProvider: () => import_asset_urls.AssetUrlsProvider,
   BookmarkShapeUtil: () => import_BookmarkShapeUtil.BookmarkShapeUtil,
@@ -43,7 +42,6 @@ __export(index_exports, {
   ClipboardMenuGroup: () => import_menu_items.ClipboardMenuGroup,
   CloudToolbarItem: () => import_DefaultToolbarContent.CloudToolbarItem,
   ColorSchemeMenu: () => import_ColorSchemeMenu.ColorSchemeMenu,
-  CommonStylePickerSet: () => import_DefaultStylePanelContent.CommonStylePickerSet,
   ContextMenu: () => import_DefaultContextMenu.DefaultContextMenu,
   ConversionsMenuGroup: () => import_menu_items.ConversionsMenuGroup,
   ConvertToBookmarkMenuItem: () => import_menu_items.ConvertToBookmarkMenuItem,
@@ -121,7 +119,6 @@ __export(index_exports, {
   FrameToolbarItem: () => import_DefaultToolbarContent.FrameToolbarItem,
   GeoShapeTool: () => import_GeoShapeTool.GeoShapeTool,
   GeoShapeUtil: () => import_GeoShapeUtil.GeoShapeUtil,
-  GeoStylePickerSet: () => import_DefaultStylePanelContent.GeoStylePickerSet,
   GroupMenuItem: () => import_menu_items.GroupMenuItem,
   GroupOrUngroupMenuItem: () => import_DefaultActionsMenuContent.GroupOrUngroupMenuItem,
   HandTool: () => import_HandTool.HandTool,
@@ -149,7 +146,6 @@ __export(index_exports, {
   NoteShapeUtil: () => import_NoteShapeUtil.NoteShapeUtil,
   NoteToolbarItem: () => import_DefaultToolbarContent.NoteToolbarItem,
   OfflineIndicator: () => import_OfflineIndicator.OfflineIndicator,
-  OpacitySlider: () => import_DefaultStylePanelContent.OpacitySlider,
   OvalToolbarItem: () => import_DefaultToolbarContent.OvalToolbarItem,
   OverflowingToolbar: () => import_OverflowingToolbar.OverflowingToolbar,
   PORTRAIT_BREAKPOINT: () => import_constants.PORTRAIT_BREAKPOINT,
@@ -177,9 +173,26 @@ __export(index_exports, {
   SelectTool: () => import_SelectTool.SelectTool,
   SelectToolbarItem: () => import_DefaultToolbarContent.SelectToolbarItem,
   Spinner: () => import_Spinner.Spinner,
-  SplineStylePickerSet: () => import_DefaultStylePanelContent.SplineStylePickerSet,
   StackMenuItems: () => import_DefaultActionsMenuContent.StackMenuItems,
   StarToolbarItem: () => import_DefaultToolbarContent.StarToolbarItem,
+  StylePanelArrowKindPicker: () => import_DefaultStylePanelContent.StylePanelArrowKindPicker,
+  StylePanelArrowheadPicker: () => import_DefaultStylePanelContent.StylePanelArrowheadPicker,
+  StylePanelButtonPicker: () => import_StylePanelButtonPicker.StylePanelButtonPicker,
+  StylePanelColorPicker: () => import_DefaultStylePanelContent.StylePanelColorPicker,
+  StylePanelContextProvider: () => import_StylePanelContext.StylePanelContextProvider,
+  StylePanelDashPicker: () => import_DefaultStylePanelContent.StylePanelDashPicker,
+  StylePanelDoubleDropdownPicker: () => import_StylePanelDoubleDropdownPicker.StylePanelDoubleDropdownPicker,
+  StylePanelDropdownPicker: () => import_StylePanelDropdownPicker.StylePanelDropdownPicker,
+  StylePanelFillPicker: () => import_DefaultStylePanelContent.StylePanelFillPicker,
+  StylePanelFontPicker: () => import_DefaultStylePanelContent.StylePanelFontPicker,
+  StylePanelGeoShapePicker: () => import_DefaultStylePanelContent.StylePanelGeoShapePicker,
+  StylePanelLabelAlignPicker: () => import_DefaultStylePanelContent.StylePanelLabelAlignPicker,
+  StylePanelOpacityPicker: () => import_DefaultStylePanelContent.StylePanelOpacityPicker,
+  StylePanelSection: () => import_DefaultStylePanelContent.StylePanelSection,
+  StylePanelSizePicker: () => import_DefaultStylePanelContent.StylePanelSizePicker,
+  StylePanelSplinePicker: () => import_DefaultStylePanelContent.StylePanelSplinePicker,
+  StylePanelSubheading: () => import_StylePanelSubheading.StylePanelSubheading,
+  StylePanelTextAlignPicker: () => import_DefaultStylePanelContent.StylePanelTextAlignPicker,
   TEXT_PROPS: () => import_default_shape_constants.TEXT_PROPS,
   TLDRAW_FILE_EXTENSION: () => import_file.TLDRAW_FILE_EXTENSION,
   TLV1AlignStyle: () => import_buildFromV1Document.TLV1AlignStyle,
@@ -191,10 +204,8 @@ __export(index_exports, {
   TLV1ShapeType: () => import_buildFromV1Document.TLV1ShapeType,
   TLV1SizeStyle: () => import_buildFromV1Document.TLV1SizeStyle,
   TextDirection: () => import_textDirection.TextDirection,
-  TextLabel: () => import_PlainTextLabel.TextLabel,
   TextShapeTool: () => import_TextShapeTool.TextShapeTool,
   TextShapeUtil: () => import_TextShapeUtil.TextShapeUtil,
-  TextStylePickerSet: () => import_DefaultStylePanelContent.TextStylePickerSet,
   TextToolbarItem: () => import_DefaultToolbarContent.TextToolbarItem,
   Tldraw: () => import_Tldraw.Tldraw,
   TldrawArrowHints: () => import_TldrawOverlays.TldrawArrowHints,
@@ -211,7 +222,6 @@ __export(index_exports, {
   TldrawUiButtonCheck: () => import_TldrawUiButtonCheck.TldrawUiButtonCheck,
   TldrawUiButtonIcon: () => import_TldrawUiButtonIcon.TldrawUiButtonIcon,
   TldrawUiButtonLabel: () => import_TldrawUiButtonLabel.TldrawUiButtonLabel,
-  TldrawUiButtonPicker: () => import_TldrawUiButtonPicker.TldrawUiButtonPicker,
   TldrawUiColumn: () => import_layout.TldrawUiColumn,
   TldrawUiComponentsProvider: () => import_components.TldrawUiComponentsProvider,
   TldrawUiContextProvider: () => import_TldrawUiContextProvider.TldrawUiContextProvider,
@@ -315,7 +325,6 @@ __export(index_exports, {
   downsizeImage: () => import_assets.downsizeImage,
   embedShapePermissionDefaults: () => import_defaultEmbedDefinitions.embedShapePermissionDefaults,
   exportAs: () => import_exportAs.exportAs,
-  exportToBlob: () => import_export.exportToBlob,
   fitFrameToContent: () => import_frames.fitFrameToContent,
   getArrowBindings: () => import_shared.getArrowBindings,
   getArrowInfo: () => import_shared.getArrowInfo,
@@ -351,7 +360,6 @@ __export(index_exports, {
   unwrapLabel: () => import_actions.unwrapLabel,
   useA11y: () => import_a11y.useA11y,
   useActions: () => import_actions.useActions,
-  useAsset: () => import_useImageOrVideoAsset.useAsset,
   useAssetUrls: () => import_asset_urls.useAssetUrls,
   useBreakpoint: () => import_breakpoints.useBreakpoint,
   useCanRedo: () => import_menu_hooks.useCanRedo,
@@ -364,7 +372,6 @@ __export(index_exports, {
   useDialogs: () => import_dialogs.useDialogs,
   useEditablePlainText: () => import_useEditablePlainText.useEditablePlainText,
   useEditableRichText: () => import_useEditableRichText.useEditableRichText,
-  useEditableText: () => import_useEditablePlainText.useEditableText,
   useExportAs: () => import_useExportAs.useExportAs,
   useImageOrVideoAsset: () => import_useImageOrVideoAsset.useImageOrVideoAsset,
   useIsToolSelected: () => import_DefaultToolbarContent.useIsToolSelected,
@@ -378,6 +385,7 @@ __export(index_exports, {
   useRelevantStyles: () => import_useRelevantStyles.useRelevantStyles,
   useSelectedShapesAnnouncer: () => import_A11y.useSelectedShapesAnnouncer,
   useShowCollaborationUi: () => import_useCollaborationStatus.useShowCollaborationUi,
+  useStylePanelContext: () => import_StylePanelContext.useStylePanelContext,
   useTldrawUiComponents: () => import_components.useTldrawUiComponents,
   useTldrawUiOrientation: () => import_layout.useTldrawUiOrientation,
   useToasts: () => import_toasts.useToasts,
@@ -492,7 +500,6 @@ var import_TldrawUiMenuContext = require("./lib/ui/components/primitives/menus/T
 var import_TldrawUiMenuGroup = require("./lib/ui/components/primitives/menus/TldrawUiMenuGroup");
 var import_TldrawUiMenuItem = require("./lib/ui/components/primitives/menus/TldrawUiMenuItem");
 var import_TldrawUiMenuSubmenu = require("./lib/ui/components/primitives/menus/TldrawUiMenuSubmenu");
-var import_TldrawUiButtonPicker = require("./lib/ui/components/primitives/TldrawUiButtonPicker");
 var import_TldrawUiContextualToolbar = require("./lib/ui/components/primitives/TldrawUiContextualToolbar");
 var import_TldrawUiDialog = require("./lib/ui/components/primitives/TldrawUiDialog");
 var import_TldrawUiDropdownMenu = require("./lib/ui/components/primitives/TldrawUiDropdownMenu");
@@ -510,6 +517,11 @@ var import_PeopleMenu = require("./lib/ui/components/SharePanel/PeopleMenu");
 var import_Spinner = require("./lib/ui/components/Spinner");
 var import_DefaultStylePanel = require("./lib/ui/components/StylePanel/DefaultStylePanel");
 var import_DefaultStylePanelContent = require("./lib/ui/components/StylePanel/DefaultStylePanelContent");
+var import_StylePanelButtonPicker = require("./lib/ui/components/StylePanel/StylePanelButtonPicker");
+var import_StylePanelContext = require("./lib/ui/components/StylePanel/StylePanelContext");
+var import_StylePanelDoubleDropdownPicker = require("./lib/ui/components/StylePanel/StylePanelDoubleDropdownPicker");
+var import_StylePanelDropdownPicker = require("./lib/ui/components/StylePanel/StylePanelDropdownPicker");
+var import_StylePanelSubheading = require("./lib/ui/components/StylePanel/StylePanelSubheading");
 var import_DefaultImageToolbar = require("./lib/ui/components/Toolbar/DefaultImageToolbar");
 var import_DefaultImageToolbarContent = require("./lib/ui/components/Toolbar/DefaultImageToolbarContent");
 var import_DefaultRichTextToolbar = require("./lib/ui/components/Toolbar/DefaultRichTextToolbar");
@@ -553,7 +565,6 @@ var import_preload_font = require("./lib/utils/assets/preload-font");
 var import_embeds = require("./lib/utils/embeds/embeds");
 var import_putExcalidrawContent = require("./lib/utils/excalidraw/putExcalidrawContent");
 var import_copyAs = require("./lib/utils/export/copyAs");
-var import_export = require("./lib/utils/export/export");
 var import_exportAs = require("./lib/utils/export/exportAs");
 var import_frames = require("./lib/utils/frames/frames");
 var import_assetUrls2 = require("./lib/utils/static-assets/assetUrls");
@@ -564,7 +575,7 @@ var import_buildFromV1Document = require("./lib/utils/tldr/buildFromV1Document")
 var import_file = require("./lib/utils/tldr/file");
 (0, import_editor.registerTldrawLibraryVersion)(
   "tldraw",
-  "3.16.0-canary.c7d3f7d5729d",
+  "3.16.0-canary.ca33603d9bda",
   "cjs"
 );
 //# sourceMappingURL=index.js.map