@stll/ui 0.26.3 → 0.26.5
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.
- package/dist/calendar/primitives.d.ts +7 -8
- package/dist/calendar/resource-calendar.d.ts +6 -7
- package/dist/calendar/resource-calendar.logic.d.ts +9 -10
- package/dist/components/application-rail.d.ts +11 -12
- package/dist/components/bidi-text.d.ts +3 -3
- package/dist/components/brand-icons.d.ts +3 -4
- package/dist/components/button-variants.d.ts +5 -6
- package/dist/components/command.d.ts +1 -1
- package/dist/components/composer.d.ts +18 -19
- package/dist/components/context-menu.d.ts +4 -5
- package/dist/components/date-picker-popover.js +20 -18
- package/dist/components/date-picker-popover.logic.d.ts +6 -7
- package/dist/components/dialog.d.ts +1 -1
- package/dist/components/directional-icon.d.ts +2 -3
- package/dist/components/input-control.d.ts +4 -5
- package/dist/components/landing.d.ts +10 -11
- package/dist/components/menu.d.ts +1 -1
- package/dist/components/outline-rail.d.ts +4 -5
- package/dist/components/preview-card.d.ts +4 -4
- package/dist/components/scroll-to-top.d.ts +3 -4
- package/dist/components/segmented-icon-toggle.d.ts +2 -3
- package/dist/components/sheet.d.ts +1 -1
- package/dist/components/sidebar.d.ts +4 -4
- package/dist/components/sidebar.logic.d.ts +7 -8
- package/dist/components/stella-mark.d.ts +2 -3
- package/dist/components/stella-wordmark.d.ts +2 -3
- package/dist/components/tooltip.d.ts +1 -1
- package/dist/components/workspace-shell.d.ts +3 -3
- package/dist/data-table/schema.d.ts +11 -12
- package/dist/data-table/table.d.ts +8 -9
- package/dist/hooks/use-contained-handler.d.ts +3 -4
- package/dist/hooks/use-content-dir.d.ts +4 -5
- package/dist/hooks/use-latest.d.ts +2 -3
- package/dist/hooks/use-mobile.d.ts +2 -3
- package/dist/hooks/use-viewport-width.d.ts +2 -3
- package/dist/index.d.ts +2 -2
- package/dist/inspector/chrome.d.ts +21 -22
- package/dist/inspector/dock.d.ts +11 -3
- package/dist/inspector/dock.js +7 -2
- package/dist/inspector/entity-tab.d.ts +4 -5
- package/dist/inspector/entity-tab.logic.d.ts +4 -5
- package/dist/inspector/facet-bar.d.ts +3 -4
- package/dist/inspector/facet-bar.logic.d.ts +4 -5
- package/dist/inspector/index.d.ts +2 -2
- package/dist/inspector/layout-tokens.d.ts +8 -9
- package/dist/inspector/pane-width.d.ts +21 -12
- package/dist/inspector/pane-width.js +12 -2
- package/dist/inspector/tabs.d.ts +7 -8
- package/dist/inspector/use-pane-width.d.ts +15 -10
- package/dist/inspector/use-pane-width.js +9 -3
- package/dist/kanban/band-peek.d.ts +7 -8
- package/dist/kanban/card-properties.d.ts +3 -4
- package/dist/kanban/card-shell.d.ts +3 -4
- package/dist/kanban/cell-action.d.ts +3 -4
- package/dist/kanban/column-band-header.d.ts +4 -5
- package/dist/kanban/column-bands.d.ts +9 -10
- package/dist/kanban/column-header.d.ts +3 -4
- package/dist/kanban/drag-interactions.d.ts +7 -8
- package/dist/kanban/grouping.d.ts +14 -15
- package/dist/kanban/layout-tokens.d.ts +6 -7
- package/dist/kanban/matrix.d.ts +20 -21
- package/dist/kanban/sortable-edge.d.ts +7 -8
- package/dist/kanban/sortable-interactions.d.ts +27 -27
- package/dist/kanban/sortable-interactions.logic.d.ts +14 -15
- package/dist/kanban/sticky-lane.d.ts +10 -11
- package/dist/kanban/subgroup-board.d.ts +10 -11
- package/dist/kanban/subgroup-board.js +8 -4
- package/dist/kanban/touch-identity.d.ts +2 -3
- package/dist/kanban/virtual-cell.d.ts +6 -7
- package/dist/lib/button-disposition.d.ts +6 -7
- package/dist/lib/control-size.d.ts +1 -1
- package/dist/lib/initials.d.ts +2 -3
- package/dist/lib/option-color.d.ts +6 -7
- package/dist/lib/overlay-layer.d.ts +6 -7
- package/dist/lib/positioner-sizing.d.ts +3 -4
- package/dist/lib/tab-order.d.ts +2 -3
- package/dist/lib/tooltip-content.d.ts +2 -3
- package/dist/lib/utils.d.ts +3 -4
- package/dist/lib/week.d.ts +4 -5
- package/dist/review/review-author-avatar.d.ts +3 -4
- package/dist/review/review-comment-card.d.ts +3 -4
- package/dist/review/review-decision-actions.d.ts +4 -5
- package/dist/review/review-diff-text.d.ts +9 -10
- package/dist/review/review-out-of-date-notice.d.ts +4 -5
- package/dist/review/review-severity-dot.d.ts +5 -6
- package/dist/review/review-status-badge.d.ts +5 -6
- 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>) =>
|
|
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 {
|
|
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,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
|
package/dist/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ import { useLatest } from "./hooks/use-latest.js";
|
|
|
62
62
|
import { useIsMobile } from "./hooks/use-mobile.js";
|
|
63
63
|
import { useViewportWidth } from "./hooks/use-viewport-width.js";
|
|
64
64
|
import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
|
|
65
|
-
import { InspectorDock } from "./inspector/dock.js";
|
|
65
|
+
import { InspectorDock, InspectorDockMount } from "./inspector/dock.js";
|
|
66
66
|
import { InspectorEntityTab, entityTabGlyph } from "./inspector/entity-tab.js";
|
|
67
67
|
import { InspectorFacetBar } from "./inspector/facet-bar.js";
|
|
68
68
|
import { InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabs } from "./inspector/tabs.js";
|
|
@@ -99,4 +99,4 @@ import { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffS
|
|
|
99
99
|
import { ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone } from "./review/review-out-of-date-notice.js";
|
|
100
100
|
import { ReviewStatusBadge, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant } from "./review/review-status-badge.js";
|
|
101
101
|
import { ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusDot, reviewSeverityTone } from "./review/review-severity-dot.js";
|
|
102
|
-
export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, type BidiDirection, BidiText, type BidiTextProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildKanbanBoardMatrixParams, Button, CONTROL_SIZE, CONTROL_SIZES, CalendarCell, type CalendarDateRange, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, ColorVariants, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, type ControlSize, type CreateKanbanDropIntentParams, DEFAULT_PRESETS, DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, DatePickerPopover, type DatePickerPopoverProps, DestructiveActionConfirmation, DestructiveConfirmDialog, type DestructiveConfirmDialogProps, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, type HexColorPickerProps, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabs, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_BOARD_COLLISION_DETECTION, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_DIRECTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_HORIZONTAL_EDGES, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_STICKY_TOP_VAR, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, KanbanCardDragSurface, type KanbanCardDragSurfaceProps, type KanbanCardFieldSelection, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, type KanbanCellVirtualNavigation, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDirection, type KanbanDragCancelEvent, type KanbanDragEndEvent, KanbanDragHandle, type KanbanDragHandleProps, type KanbanDragOverEvent, type KanbanDragStartEvent, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanHorizontalEdge, type KanbanSchema, type KanbanSortableActivationMode, type KanbanSortableBindings, KanbanSortableBoard, type KanbanSortableBoardProps, type KanbanSortableCellPosition, KanbanSortableColumns, type KanbanSortableColumnsProps, KanbanSortableList, type KanbanSortableListProps, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, type KanbanVirtualCellSortableContext, type KanbanVirtualScrollRequest, Label, MenuPreviewLayout, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OptionColor, type OrderKanbanCellsByColumnsParams, OutlineItem, OutlineRail, OutlineRailProps, OverlayLayer, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, ResourceCalendar, type ResourceCalendarColumn, type ResourceCalendarEntry, type ResourceCalendarEntryTone, type ResourceCalendarLaneLayout, type ResourceCalendarLanePlacement, type ResourceCalendarPlacement, type ResourceCalendarResource, ReviewAuthorAvatar, ReviewCommentAuthor, ReviewCommentCard, ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone, ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusBadge, ReviewStatusDot, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, ScrollToTopProps, SecretInput, type SecretInputProps, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SortDirection, SortableHead, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, TableBody, TableCaption, TableCell, type TableColumnCapabilities, type TableColumnDescriptor, TableFooter, TableHead, TableHeader, TableRow, type TableSchema, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger, UNKNOWN_AUTHOR_LABEL, type UseKanbanDropTargetOptions, type UseKanbanSortableOptions, UserText, type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext, assertConsecutiveCalendarDates, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getKanbanHorizontalEdge, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, kanbanKeyboardCoordinates, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, parsePersistedPaneWidth, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sortableColumnIds, stellaToast, tableColumnIds, tableColumnSizing, useComboboxFilter, useContentDir, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors, useLatest, useSidebar, useSidebarInlineSize, useViewportWidth, visibleColumnIds };
|
|
102
|
+
export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, type BidiDirection, BidiText, type BidiTextProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildKanbanBoardMatrixParams, Button, CONTROL_SIZE, CONTROL_SIZES, CalendarCell, type CalendarDateRange, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, ColorVariants, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, type ControlSize, type CreateKanbanDropIntentParams, DEFAULT_PRESETS, DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, DatePickerPopover, type DatePickerPopoverProps, DestructiveActionConfirmation, DestructiveConfirmDialog, type DestructiveConfirmDialogProps, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, Form, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, type HexColorPickerProps, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabs, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_BOARD_COLLISION_DETECTION, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_DIRECTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_HORIZONTAL_EDGES, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_STICKY_TOP_VAR, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, KanbanCardDragSurface, type KanbanCardDragSurfaceProps, type KanbanCardFieldSelection, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, type KanbanCellVirtualNavigation, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDirection, type KanbanDragCancelEvent, type KanbanDragEndEvent, KanbanDragHandle, type KanbanDragHandleProps, type KanbanDragOverEvent, type KanbanDragStartEvent, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanHorizontalEdge, type KanbanSchema, type KanbanSortableActivationMode, type KanbanSortableBindings, KanbanSortableBoard, type KanbanSortableBoardProps, type KanbanSortableCellPosition, KanbanSortableColumns, type KanbanSortableColumnsProps, KanbanSortableList, type KanbanSortableListProps, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, type KanbanVirtualCellSortableContext, type KanbanVirtualScrollRequest, Label, MenuPreviewLayout, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OptionColor, type OrderKanbanCellsByColumnsParams, OutlineItem, OutlineRail, OutlineRailProps, OverlayLayer, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, ResourceCalendar, type ResourceCalendarColumn, type ResourceCalendarEntry, type ResourceCalendarEntryTone, type ResourceCalendarLaneLayout, type ResourceCalendarLanePlacement, type ResourceCalendarPlacement, type ResourceCalendarResource, ReviewAuthorAvatar, ReviewCommentAuthor, ReviewCommentCard, ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone, ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusBadge, ReviewStatusDot, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, ScrollToTopProps, SecretInput, type SecretInputProps, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SortDirection, SortableHead, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, TableBody, TableCaption, TableCell, type TableColumnCapabilities, type TableColumnDescriptor, TableFooter, TableHead, TableHeader, TableRow, type TableSchema, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger, UNKNOWN_AUTHOR_LABEL, type UseKanbanDropTargetOptions, type UseKanbanSortableOptions, UserText, type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext, assertConsecutiveCalendarDates, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getKanbanHorizontalEdge, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, kanbanKeyboardCoordinates, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, parsePersistedPaneWidth, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sortableColumnIds, stellaToast, tableColumnIds, tableColumnSizing, useComboboxFilter, useContentDir, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors, useLatest, useSidebar, useSidebarInlineSize, useViewportWidth, visibleColumnIds };
|
|
@@ -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
|
package/dist/inspector/dock.d.ts
CHANGED
|
@@ -35,9 +35,18 @@ type InspectorResizeHandleProps = {
|
|
|
35
35
|
onPointerUp: (event: React.PointerEvent<HTMLElement>) => void;
|
|
36
36
|
tabIndex: number;
|
|
37
37
|
};
|
|
38
|
+
/**
|
|
39
|
+
* Where the dock hangs, which decides what its fixed pane has to paint above.
|
|
40
|
+
* `shell-end` is the shell's own end column: it is a sibling of the content
|
|
41
|
+
* column and never overlaps the sticky top bar. `content` is a dock a page
|
|
42
|
+
* mounts inside that column; its pane still spans the full viewport height,
|
|
43
|
+
* so it crosses the bar and has to cover it.
|
|
44
|
+
*/
|
|
45
|
+
export type InspectorDockMount = "content" | "shell-end";
|
|
38
46
|
type InspectorDockProps = {
|
|
39
47
|
children: ReactNode;
|
|
40
48
|
className?: string | undefined;
|
|
49
|
+
mount?: InspectorDockMount | undefined;
|
|
41
50
|
/** Permanent rail on the pane's inline-start edge, or by itself when collapsed. */
|
|
42
51
|
rail?: ReactNode | undefined;
|
|
43
52
|
/** Accessible name for the drag handle. */
|
|
@@ -51,6 +60,5 @@ type InspectorDockProps = {
|
|
|
51
60
|
/** Inline size the dock reserves, in CSS pixels. */
|
|
52
61
|
width: number;
|
|
53
62
|
};
|
|
54
|
-
declare const InspectorDock: ({ children, className, onResetWidth, rail, resizeHandleLabel, resizeHandleProps, showPaneContent, width }: InspectorDockProps) => import("react").JSX.Element;
|
|
55
|
-
//#endregion
|
|
56
|
-
export { InspectorDock };
|
|
63
|
+
export declare const InspectorDock: ({ children, className, mount, onResetWidth, rail, resizeHandleLabel, resizeHandleProps, showPaneContent, width }: InspectorDockProps) => import("react").JSX.Element;
|
|
64
|
+
//#endregion
|
package/dist/inspector/dock.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.js";
|
|
2
|
+
import { SHELL_CHROME_LAYER_CLASS_NAME } from "../lib/overlay-layer.js";
|
|
2
3
|
import "./pane-width.js";
|
|
3
4
|
import { EllipsisIcon } from "lucide-react";
|
|
4
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
6
|
//#region src/inspector/dock.tsx
|
|
6
|
-
const
|
|
7
|
+
const PANE_LAYER_CLASS_NAME = {
|
|
8
|
+
content: SHELL_CHROME_LAYER_CLASS_NAME,
|
|
9
|
+
"shell-end": "z-10"
|
|
10
|
+
};
|
|
11
|
+
const InspectorDock = ({ children, className, mount = "shell-end", onResetWidth, rail, resizeHandleLabel, resizeHandleProps, showPaneContent, width }) => {
|
|
7
12
|
const widthPx = `${rail !== void 0 && !showPaneContent ? 48 : width}px`;
|
|
8
13
|
return /* @__PURE__ */ jsxs("div", {
|
|
9
14
|
className: cn("text-sidebar-foreground hidden shrink-0 md:block", className),
|
|
@@ -16,7 +21,7 @@ const InspectorDock = ({ children, className, onResetWidth, rail, resizeHandleLa
|
|
|
16
21
|
className: "bg-sidebar relative w-full",
|
|
17
22
|
"data-slot": "inspector-dock-spacer"
|
|
18
23
|
}), /* @__PURE__ */ jsxs("div", {
|
|
19
|
-
className: "fixed inset-y-0 end-0
|
|
24
|
+
className: cn("fixed inset-y-0 end-0 hidden h-svh md:flex", PANE_LAYER_CLASS_NAME[mount]),
|
|
20
25
|
"data-slot": "inspector-dock-pane",
|
|
21
26
|
style: { width: widthPx },
|
|
22
27
|
children: [showPaneContent && /* @__PURE__ */ jsxs("div", {
|
|
@@ -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
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./chrome.js";
|
|
2
|
-
import { InspectorDock } from "./dock.js";
|
|
2
|
+
import { InspectorDock, InspectorDockMount } from "./dock.js";
|
|
3
3
|
import { InspectorEntityTab, entityTabGlyph } from "./entity-tab.js";
|
|
4
4
|
import { InspectorFacetBar } from "./facet-bar.js";
|
|
5
5
|
import { InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabs } from "./tabs.js";
|
|
6
6
|
import { 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 } from "./layout-tokens.js";
|
|
7
7
|
import { 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 } from "./pane-width.js";
|
|
8
8
|
import { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, parsePersistedPaneWidth, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth } from "./use-pane-width.js";
|
|
9
|
-
export { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabs, InspectorTitle, 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, entityTabGlyph, parsePersistedPaneWidth, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKeyboardWidth, shouldForceSidebarCollapsed, useInspectorPaneWidth };
|
|
9
|
+
export { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabs, InspectorTitle, 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, entityTabGlyph, parsePersistedPaneWidth, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKeyboardWidth, shouldForceSidebarCollapsed, useInspectorPaneWidth };
|
|
@@ -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
|