@stll/ui 0.26.3 → 0.26.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/calendar/primitives.d.ts +7 -8
  2. package/dist/calendar/resource-calendar.d.ts +6 -7
  3. package/dist/calendar/resource-calendar.logic.d.ts +9 -10
  4. package/dist/components/application-rail.d.ts +11 -12
  5. package/dist/components/bidi-text.d.ts +3 -3
  6. package/dist/components/brand-icons.d.ts +3 -4
  7. package/dist/components/button-variants.d.ts +5 -6
  8. package/dist/components/command.d.ts +1 -1
  9. package/dist/components/composer.d.ts +18 -19
  10. package/dist/components/context-menu.d.ts +4 -5
  11. package/dist/components/date-picker-popover.js +20 -18
  12. package/dist/components/date-picker-popover.logic.d.ts +6 -7
  13. package/dist/components/dialog.d.ts +1 -1
  14. package/dist/components/directional-icon.d.ts +2 -3
  15. package/dist/components/input-control.d.ts +4 -5
  16. package/dist/components/input-group.d.ts +1 -1
  17. package/dist/components/landing.d.ts +10 -11
  18. package/dist/components/menu.d.ts +1 -1
  19. package/dist/components/outline-rail.d.ts +4 -5
  20. package/dist/components/preview-card.d.ts +4 -4
  21. package/dist/components/scroll-to-top.d.ts +3 -4
  22. package/dist/components/segmented-icon-toggle.d.ts +2 -3
  23. package/dist/components/sheet.d.ts +1 -1
  24. package/dist/components/sidebar.d.ts +5 -5
  25. package/dist/components/sidebar.logic.d.ts +7 -8
  26. package/dist/components/stella-mark.d.ts +2 -3
  27. package/dist/components/stella-wordmark.d.ts +2 -3
  28. package/dist/components/tooltip.d.ts +1 -1
  29. package/dist/components/workspace-shell.d.ts +3 -3
  30. package/dist/data-table/schema.d.ts +11 -12
  31. package/dist/data-table/table.d.ts +8 -9
  32. package/dist/hooks/use-contained-handler.d.ts +3 -4
  33. package/dist/hooks/use-content-dir.d.ts +4 -5
  34. package/dist/hooks/use-latest.d.ts +2 -3
  35. package/dist/hooks/use-mobile.d.ts +2 -3
  36. package/dist/hooks/use-viewport-width.d.ts +2 -3
  37. package/dist/inspector/chrome.d.ts +21 -22
  38. package/dist/inspector/dock.d.ts +2 -3
  39. package/dist/inspector/entity-tab.d.ts +4 -5
  40. package/dist/inspector/entity-tab.logic.d.ts +4 -5
  41. package/dist/inspector/facet-bar.d.ts +3 -4
  42. package/dist/inspector/facet-bar.logic.d.ts +4 -5
  43. package/dist/inspector/layout-tokens.d.ts +8 -9
  44. package/dist/inspector/pane-width.d.ts +11 -12
  45. package/dist/inspector/tabs.d.ts +7 -8
  46. package/dist/inspector/use-pane-width.d.ts +9 -10
  47. package/dist/kanban/band-peek.d.ts +7 -8
  48. package/dist/kanban/card-properties.d.ts +3 -4
  49. package/dist/kanban/card-shell.d.ts +3 -4
  50. package/dist/kanban/cell-action.d.ts +3 -4
  51. package/dist/kanban/column-band-header.d.ts +4 -5
  52. package/dist/kanban/column-bands.d.ts +9 -10
  53. package/dist/kanban/column-header.d.ts +3 -4
  54. package/dist/kanban/drag-interactions.d.ts +7 -8
  55. package/dist/kanban/grouping.d.ts +14 -15
  56. package/dist/kanban/layout-tokens.d.ts +6 -7
  57. package/dist/kanban/matrix.d.ts +20 -21
  58. package/dist/kanban/sortable-edge.d.ts +7 -8
  59. package/dist/kanban/sortable-interactions.d.ts +27 -27
  60. package/dist/kanban/sortable-interactions.logic.d.ts +14 -15
  61. package/dist/kanban/sticky-lane.d.ts +10 -11
  62. package/dist/kanban/subgroup-board.d.ts +10 -11
  63. package/dist/kanban/subgroup-board.js +8 -4
  64. package/dist/kanban/touch-identity.d.ts +2 -3
  65. package/dist/kanban/virtual-cell.d.ts +6 -7
  66. package/dist/lib/button-disposition.d.ts +6 -7
  67. package/dist/lib/control-size.d.ts +1 -1
  68. package/dist/lib/initials.d.ts +2 -3
  69. package/dist/lib/option-color.d.ts +6 -7
  70. package/dist/lib/overlay-layer.d.ts +6 -7
  71. package/dist/lib/positioner-sizing.d.ts +3 -4
  72. package/dist/lib/tab-order.d.ts +2 -3
  73. package/dist/lib/tooltip-content.d.ts +2 -3
  74. package/dist/lib/utils.d.ts +3 -4
  75. package/dist/lib/week.d.ts +4 -5
  76. package/dist/review/review-author-avatar.d.ts +3 -4
  77. package/dist/review/review-comment-card.d.ts +3 -4
  78. package/dist/review/review-decision-actions.d.ts +4 -5
  79. package/dist/review/review-diff-text.d.ts +9 -10
  80. package/dist/review/review-out-of-date-notice.d.ts +4 -5
  81. package/dist/review/review-severity-dot.d.ts +5 -6
  82. package/dist/review/review-status-badge.d.ts +5 -6
  83. package/package.json +8 -8
@@ -1,11 +1,11 @@
1
1
  //#region src/components/sidebar.logic.d.ts
2
- type SidebarState = "expanded" | "collapsed";
2
+ export type SidebarState = "expanded" | "collapsed";
3
3
  /**
4
4
  * A `SidebarMenuButton`'s tooltip repeats the label already visible in the
5
5
  * expanded rail, and mobile never collapses to icons, so it only earns its
6
6
  * keep on desktop while the sidebar is icon-collapsed.
7
7
  */
8
- declare const isSidebarMenuButtonTooltipVisible: ({ state, isMobile }: {
8
+ export declare const isSidebarMenuButtonTooltipVisible: ({ state, isMobile }: {
9
9
  state: SidebarState;
10
10
  isMobile: boolean;
11
11
  }) => boolean;
@@ -15,20 +15,19 @@ declare const isSidebarMenuButtonTooltipVisible: ({ state, isMobile }: {
15
15
  * the sidebar collapsed (e.g. a narrow viewport) without losing track of
16
16
  * what the user actually asked for.
17
17
  */
18
- declare const resolveSidebarOpen: ({ requestedOpen, forceCollapsed }: {
18
+ export declare const resolveSidebarOpen: ({ requestedOpen, forceCollapsed }: {
19
19
  requestedOpen: boolean;
20
20
  forceCollapsed: boolean;
21
21
  }) => boolean;
22
22
  /** The `data-state` driven off the sidebar's displayed open state. */
23
- declare const deriveSidebarState: (open: boolean) => SidebarState;
23
+ export declare const deriveSidebarState: (open: boolean) => SidebarState;
24
24
  /**
25
25
  * `toggleSidebar`'s desktop transition: it flips the *requested* open state,
26
26
  * not the *displayed* one. `forceCollapsed` can mask a `true` requested state
27
27
  * down to a collapsed display; toggling while forced-collapsed still records
28
28
  * the flip so it takes effect once `forceCollapsed` lifts.
29
29
  */
30
- declare const nextRequestedOpen: (requestedOpen: boolean) => boolean;
30
+ export declare const nextRequestedOpen: (requestedOpen: boolean) => boolean;
31
31
  /** `toggleSidebar`'s mobile transition: it flips the sheet's open state. */
32
- declare const nextOpenMobile: (openMobile: boolean) => boolean;
33
- //#endregion
34
- export { SidebarState, deriveSidebarState, isSidebarMenuButtonTooltipVisible, nextOpenMobile, nextRequestedOpen, resolveSidebarOpen };
32
+ export declare const nextOpenMobile: (openMobile: boolean) => boolean;
33
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  import { SVGProps } from "react";
2
2
  //#region src/components/stella-mark.d.ts
3
- declare const StellaMark: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
4
- //#endregion
5
- export { StellaMark };
3
+ export declare const StellaMark: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
4
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  import { SVGProps } from "react";
2
2
  //#region src/components/stella-wordmark.d.ts
3
- declare const StellaWordmarkLatin: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
4
- //#endregion
5
- export { StellaWordmarkLatin };
3
+ export declare const StellaWordmarkLatin: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
4
+ //#endregion
@@ -3,7 +3,7 @@ import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
3
3
  //#region src/components/tooltip.d.ts
4
4
  declare const TooltipCreateHandle: typeof Tooltip$1.createHandle;
5
5
  declare const TooltipProvider: import("react").FC<import("@base-ui/react").TooltipProviderProps>;
6
- declare const Tooltip: <Payload>(props: Tooltip$1.Root.Props<Payload>) => import("react").JSX.Element;
6
+ declare const Tooltip: <Payload>(props: Tooltip$1.Root.Props<Payload>) => React.JSX.Element;
7
7
  declare const TooltipTrigger: (props: Tooltip$1.Trigger.Props) => import("react").JSX.Element;
8
8
  declare const TooltipPopup: ({ className, align, sideOffset, side, layer, children, ...props }: Tooltip$1.Popup.Props & {
9
9
  align?: Tooltip$1.Positioner.Props["align"];
@@ -48,7 +48,7 @@ type WorkspaceShellProps = {
48
48
  * The end dock is optional: a host with nothing to put on the inline-end edge
49
49
  * omits it rather than reserving width for an empty rail.
50
50
  */
51
- declare const WorkspaceShell: ({ children, endDock, navigation, topBar }: WorkspaceShellProps) => import("react").JSX.Element;
51
+ export declare const WorkspaceShell: ({ children, endDock, navigation, topBar }: WorkspaceShellProps) => import("react").JSX.Element;
52
52
  type WorkspaceEndRailChatAction = {
53
53
  label: string;
54
54
  onActivate: () => void;
@@ -79,6 +79,6 @@ type WorkspaceEndRailProps = {
79
79
  * touch targets, scrolling middle region, and bottom chat position; hosts own
80
80
  * only the actions and route state.
81
81
  */
82
- declare const WorkspaceEndRail: ({ chatAction, children, className, label, overlay, topAction }: WorkspaceEndRailProps) => import("react").JSX.Element;
82
+ export declare const WorkspaceEndRail: ({ chatAction, children, className, label, overlay, topAction }: WorkspaceEndRailProps) => import("react").JSX.Element;
83
83
  //#endregion
84
- export { type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext };
84
+ export type { WorkspaceCompactNavigation, WorkspaceEndRailChatAction, WorkspaceEndRailProps, WorkspaceNavigation, WorkspaceShellProps, WorkspaceTopBarContext };
@@ -10,7 +10,7 @@
10
10
  * only by rendering the table and asking TanStack.
11
11
  */
12
12
  /** What a reader may do to a column. */
13
- type TableColumnCapabilities = {
13
+ export type TableColumnCapabilities = {
14
14
  sort: boolean;
15
15
  hide: boolean;
16
16
  resize: boolean;
@@ -23,7 +23,7 @@ type TableColumnCapabilities = {
23
23
  * looks inside it, which is what keeps the schema free of any idea about what
24
24
  * a row holds.
25
25
  */
26
- type TableColumnDescriptor<TRender> = {
26
+ export type TableColumnDescriptor<TRender> = {
27
27
  /** Unique within the schema, and stable across renders. */
28
28
  id: string;
29
29
  /** Header text. Empty for a column whose header draws no text. */
@@ -40,16 +40,16 @@ type TableColumnDescriptor<TRender> = {
40
40
  */
41
41
  emphasis: "content" | "metadata" | "utility";
42
42
  };
43
- type TableSchema<TRender> = {
43
+ export type TableSchema<TRender> = {
44
44
  columns: readonly TableColumnDescriptor<TRender>[];
45
45
  /** Narrowest any column may be resized to. */
46
46
  defaultMinSize: number;
47
47
  };
48
48
  /** Every column a schema declares, in order. */
49
- declare const tableColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
50
- declare const sortableColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
51
- declare const hideableColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
52
- declare const findTableColumn: <TRender>(schema: TableSchema<TRender>, id: string) => TableColumnDescriptor<TRender> | undefined;
49
+ export declare const tableColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
50
+ export declare const sortableColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
51
+ export declare const hideableColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
52
+ export declare const findTableColumn: <TRender>(schema: TableSchema<TRender>, id: string) => TableColumnDescriptor<TRender> | undefined;
53
53
  /**
54
54
  * Which columns a view shows.
55
55
  *
@@ -57,14 +57,13 @@ declare const findTableColumn: <TRender>(schema: TableSchema<TRender>, id: strin
57
57
  * says, so a stale list — a column that lost its hide capability while it was
58
58
  * hidden — cannot strand the table without its select or name column.
59
59
  */
60
- declare const visibleColumnIds: <TRender>(schema: TableSchema<TRender>, hiddenColumnIds: readonly string[]) => string[];
60
+ export declare const visibleColumnIds: <TRender>(schema: TableSchema<TRender>, hiddenColumnIds: readonly string[]) => string[];
61
61
  /** The starting width of every column, keyed by id. */
62
- declare const tableColumnSizing: <TRender>(schema: TableSchema<TRender>) => Record<string, number>;
62
+ export declare const tableColumnSizing: <TRender>(schema: TableSchema<TRender>) => Record<string, number>;
63
63
  /**
64
64
  * A duplicate column id silently drops a column: the table keys by id, so the
65
65
  * second declaration wins and the first disappears with no error anywhere.
66
66
  * Callers that build a schema from user data (a property list) check here.
67
67
  */
68
- declare const duplicateColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
69
- //#endregion
70
- export { TableColumnCapabilities, TableColumnDescriptor, TableSchema, duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds };
68
+ export declare const duplicateColumnIds: <TRender>(schema: TableSchema<TRender>) => string[];
69
+ //#endregion
@@ -1,10 +1,10 @@
1
1
  import { HTMLAttributes, ReactNode } from "react";
2
2
  //#region src/data-table/table.d.ts
3
- declare const DataTable: <TItem>({ columns, emptyLabel, getRowProps, isLoading, loadingLabel, loadingRowCount, rowAction, rowKey, rows }: DataTableProps<TItem>) => import("react").JSX.Element;
3
+ export declare const DataTable: <TItem>({ columns, emptyLabel, getRowProps, isLoading, loadingLabel, loadingRowCount, rowAction, rowKey, rows }: DataTableProps<TItem>) => import("react").JSX.Element;
4
4
  type RowProps = Omit<HTMLAttributes<HTMLTableRowElement>, "children">;
5
- declare const DATA_TABLE_INTERACTIVE_DESCENDANT_SELECTORS: readonly ["a[href]", "audio[controls]", "button", "input", "select", "textarea", "video[controls]", "summary", "label", "[contenteditable]:not([contenteditable='false'])", "[role='button']", "[role='checkbox']", "[role='combobox']", "[role='link']", "[role='listbox']", "[role='menuitem']", "[role='menuitemcheckbox']", "[role='menuitemradio']", "[role='option']", "[role='radio']", "[role='searchbox']", "[role='slider']", "[role='spinbutton']", "[role='switch']", "[role='tab']", "[role='textbox']", "[role='treeitem']", "[tabindex]:not([tabindex='-1'])", "[data-data-table-stop-row-action]"];
6
- type DataTableAriaSort = "ascending" | "descending" | "none";
7
- type DataTableColumn<TItem> = {
5
+ export declare const DATA_TABLE_INTERACTIVE_DESCENDANT_SELECTORS: readonly ["a[href]", "audio[controls]", "button", "input", "select", "textarea", "video[controls]", "summary", "label", "[contenteditable]:not([contenteditable='false'])", "[role='button']", "[role='checkbox']", "[role='combobox']", "[role='link']", "[role='listbox']", "[role='menuitem']", "[role='menuitemcheckbox']", "[role='menuitemradio']", "[role='option']", "[role='radio']", "[role='searchbox']", "[role='slider']", "[role='spinbutton']", "[role='switch']", "[role='tab']", "[role='textbox']", "[role='treeitem']", "[tabindex]:not([tabindex='-1'])", "[data-data-table-stop-row-action]"];
6
+ export type DataTableAriaSort = "ascending" | "descending" | "none";
7
+ export type DataTableColumn<TItem> = {
8
8
  ariaSort?: DataTableAriaSort;
9
9
  cellClassName?: string | ((item: TItem) => string | undefined);
10
10
  header: ReactNode;
@@ -12,12 +12,12 @@ type DataTableColumn<TItem> = {
12
12
  id: string;
13
13
  render: (item: TItem) => ReactNode;
14
14
  };
15
- type DataTableRowAction<TItem> = {
15
+ export type DataTableRowAction<TItem> = {
16
16
  getAriaLabel: (item: TItem) => string;
17
17
  getClassName?: (item: TItem) => string | undefined;
18
18
  onSelect: (item: TItem) => void;
19
19
  };
20
- type DataTableProps<TItem> = {
20
+ export type DataTableProps<TItem> = {
21
21
  columns: readonly [DataTableColumn<TItem>, ...DataTableColumn<TItem>[]];
22
22
  emptyLabel: string;
23
23
  getRowProps?: (item: TItem) => RowProps;
@@ -28,6 +28,5 @@ type DataTableProps<TItem> = {
28
28
  rowKey: (item: TItem) => string | number;
29
29
  rows: readonly TItem[];
30
30
  };
31
- declare const isDataTableRowActionTarget: (row: EventTarget, target: EventTarget | null) => boolean;
32
- //#endregion
33
- export { DATA_TABLE_INTERACTIVE_DESCENDANT_SELECTORS, DataTable, DataTableAriaSort, DataTableColumn, DataTableProps, DataTableRowAction, isDataTableRowActionTarget };
31
+ export declare const isDataTableRowActionTarget: (row: EventTarget, target: EventTarget | null) => boolean;
32
+ //#endregion
@@ -40,16 +40,15 @@ type ContainmentRoot = {
40
40
  * </div>
41
41
  * );
42
42
  */
43
- declare const containedHandler: <E extends {
43
+ export declare const containedHandler: <E extends {
44
44
  target: unknown;
45
45
  }>(ref: React$1.RefObject<ContainmentRoot | null> | null | undefined, handler: ((event: E) => void) | undefined) => (event: E) => void;
46
46
  /**
47
47
  * Contain a synchronous JSX handler to its own DOM subtree without a ref.
48
48
  * Prefer this form when the element does not otherwise need a ref.
49
49
  */
50
- declare const containedEventHandler: <E extends {
50
+ export declare const containedEventHandler: <E extends {
51
51
  currentTarget: unknown;
52
52
  target: unknown;
53
53
  }>(handler: (event: E) => void) => (event: E) => void;
54
- //#endregion
55
- export { containedEventHandler, containedHandler };
54
+ //#endregion
@@ -33,7 +33,7 @@ type UseContentDirResult = {
33
33
  */
34
34
  trackValue: (text: string) => void;
35
35
  };
36
- declare const isStructuredInputType: (type: string | undefined) => boolean;
36
+ export declare const isStructuredInputType: (type: string | undefined) => boolean;
37
37
  /**
38
38
  * Content-derived direction for a controlled field value: `"auto"` when there
39
39
  * is content, `undefined` when empty (so the field inherits the ambient UI
@@ -42,7 +42,6 @@ declare const isStructuredInputType: (type: string | undefined) => boolean;
42
42
  * `<Input>`/`<Textarea>` apply it for you via `useContentDir`, which also
43
43
  * tracks the empty↔non-empty transition for uncontrolled fields.
44
44
  */
45
- declare const contentDir: (value: FieldValue) => "auto" | undefined;
46
- declare const useContentDir: ({ dir, value, defaultValue }: UseContentDirArgs) => UseContentDirResult;
47
- //#endregion
48
- export { contentDir, isStructuredInputType, useContentDir };
45
+ export declare const contentDir: (value: FieldValue) => "auto" | undefined;
46
+ export declare const useContentDir: ({ dir, value, defaultValue }: UseContentDirArgs) => UseContentDirResult;
47
+ //#endregion
@@ -17,6 +17,5 @@ import { RefObject } from "react";
17
17
  * the component body), which the React Compiler cannot model and
18
18
  * `no-ref-mirror` bans.
19
19
  */
20
- declare const useLatest: <T>(value: T) => RefObject<T>;
21
- //#endregion
22
- export { useLatest };
20
+ export declare const useLatest: <T>(value: T) => RefObject<T>;
21
+ //#endregion
@@ -1,4 +1,3 @@
1
1
  //#region src/hooks/use-mobile.d.ts
2
- declare function useIsMobile(): boolean;
3
- //#endregion
4
- export { useIsMobile };
2
+ export declare function useIsMobile(): boolean;
3
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/hooks/use-viewport-width.d.ts
2
2
  /** Viewport width in CSS pixels, tracked across resizes. */
3
- declare function useViewportWidth(): number;
4
- //#endregion
5
- export { useViewportWidth };
3
+ export declare function useViewportWidth(): number;
4
+ //#endregion
@@ -20,45 +20,45 @@ import * as React$1 from "react";
20
20
  * force a direction. `chrome.test.tsx` pins which slots belong to each group.
21
21
  */
22
22
  /** Outermost inspector surface. Fills the dock; owns no scrolling. */
23
- declare const Inspector: ({ className, ...props }: React$1.ComponentProps<"aside">) => React$1.JSX.Element;
23
+ export declare const Inspector: ({ className, ...props }: React$1.ComponentProps<"aside">) => React$1.JSX.Element;
24
24
  /**
25
25
  * Vertical 48px icon rail. Hidden below the desktop breakpoint, where the
26
26
  * pane becomes a full-screen sheet and the rail's affordances move into
27
27
  * the header.
28
28
  */
29
- declare const InspectorRail: ({ className, ...props }: React$1.ComponentProps<"nav">) => React$1.JSX.Element;
29
+ export declare const InspectorRail: ({ className, ...props }: React$1.ComponentProps<"nav">) => React$1.JSX.Element;
30
30
  /** A rail cell: same height as every header strip and property row. */
31
- declare const InspectorRailCell: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
31
+ export declare const InspectorRailCell: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
32
32
  /** Scroll owner for rail tabs and other middle actions. */
33
- declare const InspectorRailContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
33
+ export declare const InspectorRailContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
34
34
  /** Permanent inline-end action row, normally the new-chat affordance. */
35
- declare const InspectorRailFooter: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
36
- declare const InspectorRailIconButton: ({ className, ...props }: React$1.ComponentProps<"button">) => React$1.JSX.Element;
35
+ export declare const InspectorRailFooter: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
36
+ export declare const InspectorRailIconButton: ({ className, ...props }: React$1.ComponentProps<"button">) => React$1.JSX.Element;
37
37
  /**
38
38
  * A rail tab: one full-width row, bordered like every other rail cell, so
39
39
  * the stack reads as boxes in every dock. The active tab carries a 2px spine
40
40
  * on the rail's inline-start edge — the same affordance the workspace rail
41
41
  * uses to say "this pane is showing that tab".
42
42
  */
43
- declare const InspectorRailTab: ({ active, className, ...props }: React$1.ComponentProps<"button"> & {
43
+ export declare const InspectorRailTab: ({ active, className, ...props }: React$1.ComponentProps<"button"> & {
44
44
  active?: boolean;
45
45
  }) => React$1.JSX.Element;
46
46
  /** Header strip. One row tall, bordered below, never scrolls. */
47
- declare const InspectorHeader: ({ className, ...props }: React$1.ComponentProps<"header">) => React$1.JSX.Element;
48
- declare const InspectorHeaderText: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
49
- declare const InspectorTitle: ({ children, className, ...props }: React$1.ComponentProps<"h2">) => React$1.JSX.Element;
50
- declare const InspectorDescription: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
51
- declare const InspectorActions: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
47
+ export declare const InspectorHeader: ({ className, ...props }: React$1.ComponentProps<"header">) => React$1.JSX.Element;
48
+ export declare const InspectorHeaderText: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
49
+ export declare const InspectorTitle: ({ children, className, ...props }: React$1.ComponentProps<"h2">) => React$1.JSX.Element;
50
+ export declare const InspectorDescription: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
51
+ export declare const InspectorActions: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
52
52
  /**
53
53
  * Scroll owner for the active tab. Exactly one of these is mounted at a
54
54
  * time: two nested scrollers inside a 512px pane is how a side panel stops
55
55
  * being navigable.
56
56
  */
57
- declare const InspectorContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
58
- declare const InspectorSection: ({ className, ...props }: React$1.ComponentProps<"section">) => React$1.JSX.Element;
57
+ export declare const InspectorContent: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
58
+ export declare const InspectorSection: ({ className, ...props }: React$1.ComponentProps<"section">) => React$1.JSX.Element;
59
59
  /** Section header. Same row height as the properties beneath it. */
60
- declare const InspectorSectionTitle: ({ children, className, ...props }: React$1.ComponentProps<"h3">) => React$1.JSX.Element;
61
- declare const InspectorPropertyList: ({ className, ...props }: React$1.ComponentProps<"dl">) => React$1.JSX.Element;
60
+ export declare const InspectorSectionTitle: ({ children, className, ...props }: React$1.ComponentProps<"h3">) => React$1.JSX.Element;
61
+ export declare const InspectorPropertyList: ({ className, ...props }: React$1.ComponentProps<"dl">) => React$1.JSX.Element;
62
62
  /**
63
63
  * A key/value row.
64
64
  *
@@ -68,10 +68,9 @@ declare const InspectorPropertyList: ({ className, ...props }: React$1.Component
68
68
  * the layout. Long values truncate; the full text belongs in a tooltip or
69
69
  * an expanded view, not in a taller row.
70
70
  */
71
- declare const InspectorProperty: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
72
- declare const InspectorPropertyLabel: ({ className, ...props }: React$1.ComponentProps<"dt">) => React$1.JSX.Element;
73
- declare const InspectorPropertyValue: ({ className, ...props }: React$1.ComponentProps<"dd">) => React$1.JSX.Element;
71
+ export declare const InspectorProperty: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
72
+ export declare const InspectorPropertyLabel: ({ className, ...props }: React$1.ComponentProps<"dt">) => React$1.JSX.Element;
73
+ export declare const InspectorPropertyValue: ({ className, ...props }: React$1.ComponentProps<"dd">) => React$1.JSX.Element;
74
74
  /** Row-height empty state, so an empty list keeps the list's rhythm. */
75
- declare const InspectorEmptyRow: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
76
- //#endregion
77
- export { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle };
75
+ export declare const InspectorEmptyRow: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
76
+ //#endregion
@@ -51,6 +51,5 @@ type InspectorDockProps = {
51
51
  /** Inline size the dock reserves, in CSS pixels. */
52
52
  width: number;
53
53
  };
54
- declare const InspectorDock: ({ children, className, onResetWidth, rail, resizeHandleLabel, resizeHandleProps, showPaneContent, width }: InspectorDockProps) => import("react").JSX.Element;
55
- //#endregion
56
- export { InspectorDock };
54
+ export declare const InspectorDock: ({ children, className, onResetWidth, rail, resizeHandleLabel, resizeHandleProps, showPaneContent, width }: InspectorDockProps) => import("react").JSX.Element;
55
+ //#endregion
@@ -8,9 +8,9 @@ import { ComponentProps, ReactNode } from "react";
8
8
  * inactive-state glyph; this only owns the cell's shared shape and
9
9
  * affordances.
10
10
  */
11
- declare const InspectorEntityTab: ({ active, label, glyph, icon, onClose, onSelect, ...props }: InspectorEntityTabProps) => import("react").JSX.Element;
11
+ export declare const InspectorEntityTab: ({ active, label, glyph, icon, onClose, onSelect, ...props }: InspectorEntityTabProps) => import("react").JSX.Element;
12
12
  type InspectorEntityTabPassthroughProps = Omit<ComponentProps<"button">, "children" | "onAuxClick" | "onClick">;
13
- type InspectorEntityTabProps = {
13
+ export type InspectorEntityTabProps = {
14
14
  /** Whether this tab is the one currently shown in the pane. Drives the
15
15
  * active spine, and — when `glyph` is given — swaps the cell's content
16
16
  * between `glyph` and `icon`. */
@@ -49,6 +49,5 @@ type InspectorEntityTabProps = {
49
49
  * leading dot itself survives into the glyph: `entityTabGlyph(".gitignore")`
50
50
  * is `".gi"`, not `""`.
51
51
  */
52
- declare const entityTabGlyph: (name: string, length?: number) => string;
53
- //#endregion
54
- export { InspectorEntityTab, InspectorEntityTabProps, entityTabGlyph };
52
+ export declare const entityTabGlyph: (name: string, length?: number) => string;
53
+ //#endregion
@@ -7,7 +7,7 @@
7
7
  */
8
8
  /** Whether a mouse button number is the tab's "close" gesture
9
9
  * (middle-click). */
10
- declare const isEntityTabCloseGesture: (button: number) => boolean;
10
+ export declare const isEntityTabCloseGesture: (button: number) => boolean;
11
11
  /**
12
12
  * Resolves what an `onAuxClick` with this `button` should do: close the
13
13
  * tab (the given `onClose`) when the gesture matches and the host
@@ -16,13 +16,12 @@ declare const isEntityTabCloseGesture: (button: number) => boolean;
16
16
  * `preventDefault()` too when there's truly nothing to do, leaving the
17
17
  * browser's own middle-click behavior alone.
18
18
  */
19
- declare const resolveEntityTabCloseHandler: (button: number, onClose: (() => void) | undefined) => (() => void) | undefined;
19
+ export declare const resolveEntityTabCloseHandler: (button: number, onClose: (() => void) | undefined) => (() => void) | undefined;
20
20
  /**
21
21
  * Resolves the tab's click/activation handler: `onSelect` when the host
22
22
  * supplied one, a stable no-op otherwise, so the component always has a
23
23
  * callable handler to hand to `containedEventHandler` regardless of
24
24
  * whether the host cares about selection.
25
25
  */
26
- declare const resolveEntityTabActivateHandler: (onSelect: (() => void) | undefined) => (() => void);
27
- //#endregion
28
- export { isEntityTabCloseGesture, resolveEntityTabActivateHandler, resolveEntityTabCloseHandler };
26
+ export declare const resolveEntityTabActivateHandler: (onSelect: (() => void) | undefined) => (() => void);
27
+ //#endregion
@@ -1,5 +1,5 @@
1
1
  //#region src/inspector/facet-bar.d.ts
2
- type InspectorFacetBarProps<F extends string> = {
2
+ export type InspectorFacetBarProps<F extends string> = {
3
3
  facet: F;
4
4
  facets: readonly F[];
5
5
  /** Display label per facet. */
@@ -41,6 +41,5 @@ type InspectorFacetBarProps<F extends string> = {
41
41
  * — except at the narrowest widths, where not even the active chip fits
42
42
  * beside the trigger; see `resolveFacetOverflow`'s narrow-width floor.
43
43
  */
44
- declare const InspectorFacetBar: <F extends string>({ facet, facets, labels, disabledFacets, pulseSeq, activeBadge, overflowMenuLabel, onChange }: InspectorFacetBarProps<F>) => import("react").JSX.Element;
45
- //#endregion
46
- export { InspectorFacetBar, InspectorFacetBarProps };
44
+ export declare const InspectorFacetBar: <F extends string>({ facet, facets, labels, disabledFacets, pulseSeq, activeBadge, overflowMenuLabel, onChange }: InspectorFacetBarProps<F>) => import("react").JSX.Element;
45
+ //#endregion
@@ -5,7 +5,7 @@
5
5
  * stay visible and whether the overflow trigger renders — kept out of the
6
6
  * component so it's unit-testable without a DOM or a `ResizeObserver`.
7
7
  */
8
- type FacetOverflowInput = {
8
+ export type FacetOverflowInput = {
9
9
  /** Width inside the row available to the chips (the trigger's own
10
10
  * footprint is reserved out of this by the policy, not by the caller). */
11
11
  availableWidth: number;
@@ -22,7 +22,7 @@ type FacetOverflowInput = {
22
22
  * the trigger. */
23
23
  gap?: number;
24
24
  };
25
- type FacetOverflowPolicy = {
25
+ export type FacetOverflowPolicy = {
26
26
  /** How many chips are visible. Counts a prefix of `chipWidths` in their
27
27
  * given order when the active chip already falls inside that prefix;
28
28
  * otherwise counts the active chip plus however many others (in order,
@@ -46,6 +46,5 @@ type FacetOverflowPolicy = {
46
46
  * active one, still reaches through the overflow menu, and the trigger
47
47
  * itself always stays on screen.
48
48
  */
49
- declare const resolveFacetOverflow: ({ availableWidth, chipWidths, activeIndex, triggerWidth, gap }: FacetOverflowInput) => FacetOverflowPolicy;
50
- //#endregion
51
- export { FacetOverflowInput, FacetOverflowPolicy, resolveFacetOverflow };
49
+ export declare const resolveFacetOverflow: ({ availableWidth, chipWidths, activeIndex, triggerWidth, gap }: FacetOverflowInput) => FacetOverflowPolicy;
50
+ //#endregion
@@ -12,21 +12,20 @@
12
12
  * the vertical rhythm the rail's 48px cells establish, and a list of
13
13
  * key/value rows stops scanning as a list once the rows differ in height.
14
14
  */
15
- declare const TOOLBAR_ROW_HEIGHT: "h-12";
16
- declare const TOOLBAR_ROW_HEIGHT_PX: 48;
17
- declare const SIDE_RAIL_WIDTH: "w-12";
15
+ export declare const TOOLBAR_ROW_HEIGHT: "h-12";
16
+ export declare const TOOLBAR_ROW_HEIGHT_PX: 48;
17
+ export declare const SIDE_RAIL_WIDTH: "w-12";
18
18
  /**
19
19
  * Borders sit on both inline edges of the rail box so the total footprint
20
20
  * stays exactly 48px under `border-box`.
21
21
  */
22
- declare const SIDE_RAIL_CONTAINER_CLASS: "bg-sidebar flex shrink-0 flex-col border-s border-e w-12";
22
+ export declare const SIDE_RAIL_CONTAINER_CLASS: "bg-sidebar flex shrink-0 flex-col border-s border-e w-12";
23
23
  /**
24
24
  * Rail actions fill a 44px touch target inside the 48px row. The glyph stays
25
25
  * visually compact; only the interactive surface grows.
26
26
  */
27
- declare const SIDE_RAIL_ICON_BUTTON_SIZE: "size-11";
28
- declare const SIDE_RAIL_TAB_ICON_SIZE: "size-3.5";
27
+ export declare const SIDE_RAIL_ICON_BUTTON_SIZE: "size-11";
28
+ export declare const SIDE_RAIL_TAB_ICON_SIZE: "size-3.5";
29
29
  /** Two-column grid the key/value rows share. */
30
- declare const PROPERTY_ROW_GRID: "grid-cols-[8rem_minmax(0,1fr)]";
31
- //#endregion
32
- export { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX };
30
+ export declare const PROPERTY_ROW_GRID: "grid-cols-[8rem_minmax(0,1fr)]";
31
+ //#endregion
@@ -11,19 +11,19 @@
11
11
  * The host application's sidebar width is a parameter rather than an
12
12
  * import, so the policy carries no coupling to any particular shell.
13
13
  */
14
- declare const INSPECTOR_PANE_DEFAULT_WIDTH = 512;
15
- declare const INSPECTOR_PANE_MIN_WIDTH = 320;
14
+ export declare const INSPECTOR_PANE_DEFAULT_WIDTH = 512;
15
+ export declare const INSPECTOR_PANE_MIN_WIDTH = 320;
16
16
  /**
17
17
  * Absolute ceiling, reached only on a very wide viewport. Past this the pane
18
18
  * is no longer a reading column, and the two documents it compares stop
19
19
  * being scannable side by side.
20
20
  */
21
- declare const INSPECTOR_PANE_MAX_WIDTH = 1400;
21
+ export declare const INSPECTOR_PANE_MAX_WIDTH = 1400;
22
22
  /**
23
23
  * Floor for the content column beside the pane. Below this the content
24
24
  * surface stops being usable, so the pane yields space first.
25
25
  */
26
- declare const INSPECTOR_CONTENT_MIN_WIDTH = 400;
26
+ export declare const INSPECTOR_CONTENT_MIN_WIDTH = 400;
27
27
  /**
28
28
  * Comfortable measure for the document editor beside the pane, distinct from
29
29
  * {@link INSPECTOR_CONTENT_MIN_WIDTH}: that one is the hard floor any content
@@ -32,9 +32,9 @@ declare const INSPECTOR_CONTENT_MIN_WIDTH = 400;
32
32
  * respects the readable measure; the hard floor still wins when the viewport
33
33
  * cannot give both.
34
34
  */
35
- declare const INSPECTOR_EDITOR_MIN_WIDTH = 560;
35
+ export declare const INSPECTOR_EDITOR_MIN_WIDTH = 560;
36
36
  /** Inline size of the collapsed icon rail, in CSS pixels. */
37
- declare const INSPECTOR_RAIL_WIDTH = 48;
37
+ export declare const INSPECTOR_RAIL_WIDTH = 48;
38
38
  type ForceSidebarCollapsedInput = {
39
39
  /** Inline size the expanded sidebar takes out of the layout row. */
40
40
  expandedSidebarWidth: number;
@@ -47,7 +47,7 @@ type ForceSidebarCollapsedInput = {
47
47
  * can violate its minimum. The collapsed rail plus both minimums fit at the
48
48
  * desktop breakpoint, so this policy keeps every desktop width usable.
49
49
  */
50
- declare const shouldForceSidebarCollapsed: ({ expandedSidebarWidth, inspectorPaneOpen, viewportWidth }: ForceSidebarCollapsedInput) => boolean;
50
+ export declare const shouldForceSidebarCollapsed: ({ expandedSidebarWidth, inspectorPaneOpen, viewportWidth }: ForceSidebarCollapsedInput) => boolean;
51
51
  type InspectorPaneWidthInput = {
52
52
  /** Width the user dragged the pane to. */
53
53
  desiredWidth: number;
@@ -63,16 +63,15 @@ type InspectorPaneWidthInput = {
63
63
  * and collapsing the sidebar is the escape hatch for a genuinely small
64
64
  * viewport.
65
65
  */
66
- declare const resolveInspectorPaneMaxWidth: ({ sidebarWidth, viewportWidth }: Omit<InspectorPaneWidthInput, "desiredWidth">) => number;
66
+ export declare const resolveInspectorPaneMaxWidth: ({ sidebarWidth, viewportWidth }: Omit<InspectorPaneWidthInput, "desiredWidth">) => number;
67
67
  /** Width the pane renders at, given the width the user asked for. */
68
- declare const resolveInspectorPaneWidth: ({ desiredWidth, sidebarWidth, viewportWidth }: InspectorPaneWidthInput) => number;
68
+ export declare const resolveInspectorPaneWidth: ({ desiredWidth, sidebarWidth, viewportWidth }: InspectorPaneWidthInput) => number;
69
69
  /**
70
70
  * Width the dock reserves in the layout: the full pane while content is
71
71
  * shown, the bare rail while it is collapsed or minimized.
72
72
  */
73
- declare const resolveInspectorDockWidth: ({ paneWidth, showPaneContent }: {
73
+ export declare const resolveInspectorDockWidth: ({ paneWidth, showPaneContent }: {
74
74
  paneWidth: number;
75
75
  showPaneContent: boolean;
76
76
  }) => number;
77
- //#endregion
78
- export { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed };
77
+ //#endregion
@@ -6,11 +6,10 @@ import { Tabs } from "@base-ui/react/tabs";
6
6
  * docked inspector. The mobile layout moves the rail below the header rather
7
7
  * than leaving a narrow column beside a full-screen sheet.
8
8
  */
9
- declare const InspectorTabs: ({ className, ...props }: Omit<Tabs.Root.Props, "orientation">) => React$1.JSX.Element;
10
- declare const INSPECTOR_RAIL_MEDIA_QUERY: "(min-width: 48rem)";
11
- declare const resolveInspectorTabOrientation: (isRailLayout: boolean) => "horizontal" | "vertical";
12
- declare const InspectorTabList: ({ className, ...props }: Tabs.List.Props) => React$1.JSX.Element;
13
- declare const InspectorTab: ({ className, ...props }: Tabs.Tab.Props) => React$1.JSX.Element;
14
- declare const InspectorTabPanel: ({ className, ...props }: Tabs.Panel.Props) => React$1.JSX.Element;
15
- //#endregion
16
- export { INSPECTOR_RAIL_MEDIA_QUERY, InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabs, resolveInspectorTabOrientation };
9
+ export declare const InspectorTabs: ({ className, ...props }: Omit<Tabs.Root.Props, "orientation">) => React$1.JSX.Element;
10
+ export declare const INSPECTOR_RAIL_MEDIA_QUERY: "(min-width: 48rem)";
11
+ export declare const resolveInspectorTabOrientation: (isRailLayout: boolean) => "horizontal" | "vertical";
12
+ export declare const InspectorTabList: ({ className, ...props }: Tabs.List.Props) => React$1.JSX.Element;
13
+ export declare const InspectorTab: ({ className, ...props }: Tabs.Tab.Props) => React$1.JSX.Element;
14
+ export declare const InspectorTabPanel: ({ className, ...props }: Tabs.Panel.Props) => React$1.JSX.Element;
15
+ //#endregion
@@ -7,7 +7,7 @@ import { KeyboardEvent, PointerEvent } from "react";
7
7
  * from, so an unusable value falls back to the default rather than being
8
8
  * clamped into something the user never chose.
9
9
  */
10
- declare const parsePersistedPaneWidth: (raw: string | null) => number;
10
+ export declare const parsePersistedPaneWidth: (raw: string | null) => number;
11
11
  /**
12
12
  * Width the drag produces for a pane docked to the inline-end edge.
13
13
  *
@@ -15,14 +15,14 @@ declare const parsePersistedPaneWidth: (raw: string | null) => number;
15
15
  * left in RTL (width = distance from the left). Without the RTL branch the
16
16
  * delta is inverted and the drag oscillates.
17
17
  */
18
- declare const resolveDragWidth: ({ clientX, isRtl, viewportWidth }: {
18
+ export declare const resolveDragWidth: ({ clientX, isRtl, viewportWidth }: {
19
19
  clientX: number;
20
20
  isRtl: boolean;
21
21
  viewportWidth: number;
22
22
  }) => number;
23
23
  /** Pixels one arrow press moves the edge; Page/Home/End move further. */
24
- declare const INSPECTOR_PANE_KEYBOARD_STEP = 16;
25
- declare const INSPECTOR_PANE_KEYBOARD_PAGE_STEP = 64;
24
+ export declare const INSPECTOR_PANE_KEYBOARD_STEP = 16;
25
+ export declare const INSPECTOR_PANE_KEYBOARD_PAGE_STEP = 64;
26
26
  /**
27
27
  * Width a keyboard resize produces. Returns `null` for keys the handle does
28
28
  * not own, so the caller can leave the event alone rather than swallowing
@@ -32,7 +32,7 @@ declare const INSPECTOR_PANE_KEYBOARD_PAGE_STEP = 64;
32
32
  * the inline-start arrow grows it. Under RTL the physical arrows swap, so
33
33
  * the same key keeps meaning "make it bigger" on both sides.
34
34
  */
35
- declare const resolveKeyboardWidth: ({ currentWidth, isRtl, key }: {
35
+ export declare const resolveKeyboardWidth: ({ currentWidth, isRtl, key }: {
36
36
  currentWidth: number;
37
37
  isRtl: boolean;
38
38
  key: string;
@@ -45,8 +45,8 @@ declare const resolveKeyboardWidth: ({ currentWidth, isRtl, key }: {
45
45
  * that forgets its width is a smaller failure than a pane that does not
46
46
  * render, so both directions degrade to in-memory.
47
47
  */
48
- declare const readStoredWidth: (storageKey: string) => number;
49
- declare const writeStoredWidth: (storageKey: string, width: number) => void;
48
+ export declare const readStoredWidth: (storageKey: string) => number;
49
+ export declare const writeStoredWidth: (storageKey: string, width: number) => void;
50
50
  type UseInspectorPaneWidthOptions = {
51
51
  /** Inline size the sidebar takes out of the same layout row. */
52
52
  sidebarWidth: number;
@@ -94,6 +94,5 @@ type UseInspectorPaneWidthResult = {
94
94
  * the content column. The *desired* width keeps the user's choice, so the
95
95
  * pane returns to it once the room comes back.
96
96
  */
97
- declare const useInspectorPaneWidth: ({ sidebarWidth, storageKey, viewportWidth }: UseInspectorPaneWidthOptions) => UseInspectorPaneWidthResult;
98
- //#endregion
99
- export { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, parsePersistedPaneWidth, readStoredWidth, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth, writeStoredWidth };
97
+ export declare const useInspectorPaneWidth: ({ sidebarWidth, storageKey, viewportWidth }: UseInspectorPaneWidthOptions) => UseInspectorPaneWidthResult;
98
+ //#endregion