@element-editor/ui 0.0.0-stage → 0.2.1

package/dist/components/sidebar/FeatureRow.d.ts

@@ -0,0 +1,38 @@
+import { GeoJSONFeature } from '@element-editor/core';
+/** A feature's display name: its `name`, else its geometry type in plain words (Point, Line, Area, …). */
+export declare function featureLabel(feature: GeoJSONFeature): string;
+interface FeatureRowProps {
+    feature: GeoJSONFeature;
+    isSelected: boolean;
+    onRowClick: (id: string) => void;
+    /** Selection without the map move — used to keep multi/range-select chains
+     *  responsive when a name-click defers the row's pan/fit. */
+    onRowSelectOnly?: (id: string) => void;
+    /** Just the pan/fit — invoked by the name-click's deferred timer so a
+     *  follow-up dblclick (rename) can cancel it. */
+    onRowJump?: (id: string) => void;
+    onEdit: (id: string) => void;
+    onToggleHidden: (id: string) => void;
+    containerProps?: Record<string, unknown>;
+    dragHandleProps?: Record<string, unknown>;
+    isDragging?: boolean;
+    innerRef?: (node: HTMLElement | null) => void;
+    isMultiSelected?: boolean;
+    onMultiSelectToggle?: (id: string) => void;
+    onRangeSelect?: (id: string) => void;
+    isContextMenuActive?: boolean;
+    /** When dragging multiple selected items, shows a count badge on the drag preview */
+    dragCountBadge?: number;
+    /** Dims the row when it's being dragged along as part of a multi-drag */
+    isGhosted?: boolean;
+    onRename?: (id: string, name: string) => void;
+    /** Parent-controlled rename activation (drives Tab / Shift+Tab navigation between rows). */
+    renameActive?: boolean;
+    onRenameEnd?: () => void;
+    onRenameTab?: (direction: 'next' | 'prev') => void;
+    /** Square off the top / bottom corners (selected neighbour joins this row). */
+    joinTop?: boolean;
+    joinBottom?: boolean;
+}
+declare const FeatureRow: import('react').NamedExoticComponent<FeatureRowProps>;
+export default FeatureRow;

package/dist/components/sidebar/FeatureRowContextMenu.d.cts

@@ -0,0 +1,12 @@
+import { GeoJSONFeature } from '@element-editor/core';
+interface Props {
+    x: number;
+    y: number;
+    feature: GeoJSONFeature;
+    onClose: () => void;
+    /** Group / Ungroup items — layer-list organisation, meaningless in the data table. */
+    showGrouping?: boolean;
+}
+/** Right-click menu for a feature row — shared by the layers list and the data table. */
+export declare function FeatureRowContextMenu({ x, y, feature, onClose, showGrouping }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/FeatureRowContextMenu.d.ts

@@ -0,0 +1,12 @@
+import { GeoJSONFeature } from '@element-editor/core';
+interface Props {
+    x: number;
+    y: number;
+    feature: GeoJSONFeature;
+    onClose: () => void;
+    /** Group / Ungroup items — layer-list organisation, meaningless in the data table. */
+    showGrouping?: boolean;
+}
+/** Right-click menu for a feature row — shared by the layers list and the data table. */
+export declare function FeatureRowContextMenu({ x, y, feature, onClose, showGrouping }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/FeatureSidePanel.d.cts

@@ -0,0 +1,8 @@
+import { DialogState } from '@element-editor/core';
+/** `collapsible`: show the hide-layers toggle in the header (set when the form replaces the layers list, not in the modal). */
+export default function FeatureSidePanel({ dialogState, collapsible }: {
+    dialogState: Exclude<DialogState, {
+        type: 'closed';
+    }>;
+    collapsible?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/FeatureSidePanel.d.ts

@@ -0,0 +1,8 @@
+import { DialogState } from '@element-editor/core';
+/** `collapsible`: show the hide-layers toggle in the header (set when the form replaces the layers list, not in the modal). */
+export default function FeatureSidePanel({ dialogState, collapsible }: {
+    dialogState: Exclude<DialogState, {
+        type: 'closed';
+    }>;
+    collapsible?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/GeoJSONModal.d.cts

@@ -0,0 +1,5 @@
+interface GeoJSONModalProps {
+    onClose: () => void;
+}
+export default function GeoJSONModal({ onClose }: GeoJSONModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/GeoJSONModal.d.ts

@@ -0,0 +1,5 @@
+interface GeoJSONModalProps {
+    onClose: () => void;
+}
+export default function GeoJSONModal({ onClose }: GeoJSONModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/GroupRow.d.cts

@@ -0,0 +1,21 @@
+import { Group } from '@element-editor/core';
+interface GroupRowProps {
+    group: Group;
+    featureCount: number;
+    autoFocus?: boolean;
+    /** True when every feature in this group is currently selected — drives the
+     *  highlighted row appearance after a name-click selects the group. */
+    isSelected?: boolean;
+    onToggleCollapse: () => void;
+    onToggleHidden: () => void;
+    onRename: (name: string) => void;
+    onDelete: (mode: 'ungroup' | 'delete-features') => void;
+    /** Selects every feature in the group and fits the map to their combined bbox. */
+    onSelect?: () => void;
+    innerRef?: (node: HTMLElement | null) => void;
+    dragHandleProps?: Record<string, unknown>;
+    containerProps?: Record<string, unknown>;
+    isDragging?: boolean;
+}
+export default function GroupRow({ group, featureCount, autoFocus, isSelected, onToggleCollapse, onToggleHidden, onRename, onDelete, onSelect, innerRef, dragHandleProps, containerProps, isDragging }: GroupRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/GroupRow.d.ts

@@ -0,0 +1,21 @@
+import { Group } from '@element-editor/core';
+interface GroupRowProps {
+    group: Group;
+    featureCount: number;
+    autoFocus?: boolean;
+    /** True when every feature in this group is currently selected — drives the
+     *  highlighted row appearance after a name-click selects the group. */
+    isSelected?: boolean;
+    onToggleCollapse: () => void;
+    onToggleHidden: () => void;
+    onRename: (name: string) => void;
+    onDelete: (mode: 'ungroup' | 'delete-features') => void;
+    /** Selects every feature in the group and fits the map to their combined bbox. */
+    onSelect?: () => void;
+    innerRef?: (node: HTMLElement | null) => void;
+    dragHandleProps?: Record<string, unknown>;
+    containerProps?: Record<string, unknown>;
+    isDragging?: boolean;
+}
+export default function GroupRow({ group, featureCount, autoFocus, isSelected, onToggleCollapse, onToggleHidden, onRename, onDelete, onSelect, innerRef, dragHandleProps, containerProps, isDragging }: GroupRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/HideLayersToggle.d.cts

@@ -0,0 +1,2 @@
+/** Bare "hide layers panel" toggle for panel headers. Hidden in split layout (panel can't collapse). */
+export declare function HideLayersToggle(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar/HideLayersToggle.d.ts

@@ -0,0 +1,2 @@
+/** Bare "hide layers panel" toggle for panel headers. Hidden in split layout (panel can't collapse). */
+export declare function HideLayersToggle(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar/LayersPanel.d.cts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const _default: import('react').NamedExoticComponent<{
+    footer?: ReactNode;
+}>;
+export default _default;

package/dist/components/sidebar/LayersPanel.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const _default: import('react').NamedExoticComponent<{
+    footer?: ReactNode;
+}>;
+export default _default;

package/dist/components/sidebar/PartSubRow.d.cts

@@ -0,0 +1,9 @@
+import { Geometry } from '@element-editor/core';
+interface PartSubRowProps {
+    geometry: Geometry;
+    partIndex: number;
+    isSelected: boolean;
+    onClick: () => void;
+}
+export default function PartSubRow({ geometry, partIndex, isSelected, onClick }: PartSubRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/PartSubRow.d.ts

@@ -0,0 +1,9 @@
+import { Geometry } from '@element-editor/core';
+interface PartSubRowProps {
+    geometry: Geometry;
+    partIndex: number;
+    isSelected: boolean;
+    onClick: () => void;
+}
+export default function PartSubRow({ geometry, partIndex, isSelected, onClick }: PartSubRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/SchemaEditor.d.cts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+export default function SchemaEditor({ containerRef }: {
+    containerRef?: RefObject<HTMLDivElement | null>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/SchemaEditor.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+export default function SchemaEditor({ containerRef }: {
+    containerRef?: RefObject<HTMLDivElement | null>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/SchemaModal.d.cts

@@ -0,0 +1,5 @@
+interface SchemaModalProps {
+    onClose: () => void;
+}
+export default function SchemaModal({ onClose }: SchemaModalProps): import('react').ReactPortal;
+export {};

package/dist/components/sidebar/SchemaModal.d.ts

@@ -0,0 +1,5 @@
+interface SchemaModalProps {
+    onClose: () => void;
+}
+export default function SchemaModal({ onClose }: SchemaModalProps): import('react').ReactPortal;
+export {};

package/dist/components/sidebar/codeDock.d.cts

@@ -0,0 +1,21 @@
+export declare const CODE_DOCKED_KEY = "elm_code_docked";
+/** The user's saved Dock/Undock choice wins; without one, the inspector opens docked. */
+export declare function useInitialCodeDocked(): boolean;
+/**
+ * Docked: the frame's width (resizable, saved) and position, published as
+ * `codeDockWidth` so map slots, the toolbar and the data table clear it.
+ * Layout effect + no transitions: they move in the same frame the dock
+ * appears / disappears, not after a paint and then a 200 ms slide.
+ */
+export declare function useCodeDock(docked: boolean): {
+    className: string;
+    style: React.CSSProperties;
+    width: number;
+    onHandleMouseDown: (e: React.MouseEvent) => void;
+};
+/**
+ * Suspense fallback for the inspector: an empty dock frame while its chunk
+ * loads (nothing when it opens floating), so the controls clear the dock at
+ * once instead of jumping when the inspector lands.
+ */
+export declare function GeoJSONDockPlaceholder(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar/codeDock.d.ts

@@ -0,0 +1,21 @@
+export declare const CODE_DOCKED_KEY = "elm_code_docked";
+/** The user's saved Dock/Undock choice wins; without one, the inspector opens docked. */
+export declare function useInitialCodeDocked(): boolean;
+/**
+ * Docked: the frame's width (resizable, saved) and position, published as
+ * `codeDockWidth` so map slots, the toolbar and the data table clear it.
+ * Layout effect + no transitions: they move in the same frame the dock
+ * appears / disappears, not after a paint and then a 200 ms slide.
+ */
+export declare function useCodeDock(docked: boolean): {
+    className: string;
+    style: React.CSSProperties;
+    width: number;
+    onHandleMouseDown: (e: React.MouseEvent) => void;
+};
+/**
+ * Suspense fallback for the inspector: an empty dock frame while its chunk
+ * loads (nothing when it opens floating), so the controls clear the dock at
+ * once instead of jumping when the inspector lands.
+ */
+export declare function GeoJSONDockPlaceholder(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ui/Button.d.cts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'success' | 'emerald' | 'warning' | 'dashed';
+export type ButtonSize = 'sm' | 'md' | 'icon' | 'icon-sm';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'success' | 'emerald' | 'warning' | 'dashed';
+export type ButtonSize = 'sm' | 'md' | 'icon' | 'icon-sm';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ui/CloseButton.d.cts

@@ -0,0 +1,6 @@
+interface CloseButtonProps {
+    onClick: () => void;
+    label?: string;
+}
+export declare function CloseButton({ onClick, label }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/CloseButton.d.ts

@@ -0,0 +1,6 @@
+interface CloseButtonProps {
+    onClick: () => void;
+    label?: string;
+}
+export declare function CloseButton({ onClick, label }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/ContextMenu.d.cts

@@ -0,0 +1,28 @@
+export interface ContextMenuAction {
+    label: string;
+    icon?: React.ReactNode;
+    /** Optional shortcut hint shown right-aligned (e.g. a <KbdDark> element). */
+    shortcut?: React.ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export type ContextMenuItem = ContextMenuAction | {
+    separator: true;
+};
+/**
+ * Marker attribute set on every open <ContextMenu>. Other capture-phase ESC
+ * handlers registered earlier than the menu's own listener won't see the
+ * stopImmediatePropagation from ContextMenu (capture order = registration
+ * order). Those handlers check for this attribute to yield the keypress.
+ */
+export declare const CONTEXT_MENU_MARKER_ATTR = "data-elm-context-menu";
+/** True if any <ContextMenu> is currently mounted. Pair with capture-phase ESC handlers. */
+export declare function isContextMenuOpen(): boolean;
+interface ContextMenuProps {
+    x: number;
+    y: number;
+    items: ContextMenuItem[];
+    onClose: () => void;
+}
+export declare function ContextMenu({ x, y, items, onClose }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/ContextMenu.d.ts

@@ -0,0 +1,28 @@
+export interface ContextMenuAction {
+    label: string;
+    icon?: React.ReactNode;
+    /** Optional shortcut hint shown right-aligned (e.g. a <KbdDark> element). */
+    shortcut?: React.ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export type ContextMenuItem = ContextMenuAction | {
+    separator: true;
+};
+/**
+ * Marker attribute set on every open <ContextMenu>. Other capture-phase ESC
+ * handlers registered earlier than the menu's own listener won't see the
+ * stopImmediatePropagation from ContextMenu (capture order = registration
+ * order). Those handlers check for this attribute to yield the keypress.
+ */
+export declare const CONTEXT_MENU_MARKER_ATTR = "data-elm-context-menu";
+/** True if any <ContextMenu> is currently mounted. Pair with capture-phase ESC handlers. */
+export declare function isContextMenuOpen(): boolean;
+interface ContextMenuProps {
+    x: number;
+    y: number;
+    items: ContextMenuItem[];
+    onClose: () => void;
+}
+export declare function ContextMenu({ x, y, items, onClose }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/EditToolbarBtn.d.cts

@@ -0,0 +1,13 @@
+import { TooltipSide } from './Tooltip.cjs';
+export declare function EditToolbarBtn({ label, shortcut, shortcutId, onClick, active, disabled, tooltipSide, children, }: {
+    label: string;
+    shortcut?: React.ReactNode;
+    /** Shortcut id (`data-elm-shortcut`): the key flashes this button pressed. */
+    shortcutId?: string;
+    onClick: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    tooltipSide?: TooltipSide;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarDivider(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/EditToolbarBtn.d.ts

@@ -0,0 +1,13 @@
+import { TooltipSide } from './Tooltip.js';
+export declare function EditToolbarBtn({ label, shortcut, shortcutId, onClick, active, disabled, tooltipSide, children, }: {
+    label: string;
+    shortcut?: React.ReactNode;
+    /** Shortcut id (`data-elm-shortcut`): the key flashes this button pressed. */
+    shortcutId?: string;
+    onClick: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    tooltipSide?: TooltipSide;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarDivider(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/ElementToaster.d.cts

@@ -0,0 +1,3 @@
+import { ToasterProps } from 'sonner';
+/** sonner `<Toaster>` styled like Element: follows the editor's resolved theme (dark toast on a dark editor), panel surface, no icons. */
+export declare function ElementToaster(props: ToasterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/ElementToaster.d.ts

@@ -0,0 +1,3 @@
+import { ToasterProps } from 'sonner';
+/** sonner `<Toaster>` styled like Element: follows the editor's resolved theme (dark toast on a dark editor), panel surface, no icons. */
+export declare function ElementToaster(props: ToasterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/GeometryTypeIcon.d.cts

@@ -0,0 +1,7 @@
+/** A geometry type's icon, as in the layers list (sized by the caller, coloured by currentColor). */
+export declare function GeometryTypeIcon({ type, size }: {
+    type: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/** A geometry type in plain words: Point, Line, Area (plural for Multi*), Mixed. */
+export declare function geometryTypeLabel(type: string): string;

package/dist/components/ui/GeometryTypeIcon.d.ts

@@ -0,0 +1,7 @@
+/** A geometry type's icon, as in the layers list (sized by the caller, coloured by currentColor). */
+export declare function GeometryTypeIcon({ type, size }: {
+    type: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/** A geometry type in plain words: Point, Line, Area (plural for Multi*), Mixed. */
+export declare function geometryTypeLabel(type: string): string;

package/dist/components/ui/IconButton.d.cts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { TooltipSide } from './Tooltip.cjs';
+interface IconButtonProps {
+    label: string;
+    tooltipContent?: ReactNode;
+    shortcut?: ReactNode;
+    /** Shortcut id (`data-elm-shortcut`): the key flashes this button pressed. */
+    shortcutId?: string;
+    tooltipSide?: TooltipSide;
+    onClick: () => void;
+    active?: boolean;
+    /**
+     * Set for a button that opens a popover: announces `aria-expanded` (and
+     * `aria-controls` = `controls`) instead of `aria-pressed`.
+     */
+    expanded?: boolean;
+    controls?: string;
+    disabled?: boolean;
+    /**
+     * `'sm'`: flat 24px button with a 16px icon, for the status bar. `'group'`:
+     * flat 32px button inside a joined pill (`ControlGroup`). Default `'md'`.
+     */
+    size?: IconButtonSize;
+    children: ReactNode;
+}
+export type IconButtonSize = 'md' | 'sm' | 'group';
+export declare function IconButton({ label, tooltipContent, shortcut, shortcutId, tooltipSide, onClick, active, expanded, controls, disabled, size, children, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/IconButton.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { TooltipSide } from './Tooltip.js';
+interface IconButtonProps {
+    label: string;
+    tooltipContent?: ReactNode;
+    shortcut?: ReactNode;
+    /** Shortcut id (`data-elm-shortcut`): the key flashes this button pressed. */
+    shortcutId?: string;
+    tooltipSide?: TooltipSide;
+    onClick: () => void;
+    active?: boolean;
+    /**
+     * Set for a button that opens a popover: announces `aria-expanded` (and
+     * `aria-controls` = `controls`) instead of `aria-pressed`.
+     */
+    expanded?: boolean;
+    controls?: string;
+    disabled?: boolean;
+    /**
+     * `'sm'`: flat 24px button with a 16px icon, for the status bar. `'group'`:
+     * flat 32px button inside a joined pill (`ControlGroup`). Default `'md'`.
+     */
+    size?: IconButtonSize;
+    children: ReactNode;
+}
+export type IconButtonSize = 'md' | 'sm' | 'group';
+export declare function IconButton({ label, tooltipContent, shortcut, shortcutId, tooltipSide, onClick, active, expanded, controls, disabled, size, children, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Input.d.cts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes } from 'react';
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    error?: boolean;
+}
+export declare function Input({ error, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+}
+export declare function Textarea({ error, className, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+interface SelectInputProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    error?: boolean;
+}
+export declare function SelectInput({ error, className, children, ...props }: SelectInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Input.d.ts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes } from 'react';
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    error?: boolean;
+}
+export declare function Input({ error, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+}
+export declare function Textarea({ error, className, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+interface SelectInputProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    error?: boolean;
+}
+export declare function SelectInput({ error, className, children, ...props }: SelectInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/JsonCode.d.cts

@@ -0,0 +1,4 @@
+export declare function JsonCode({ json, className }: {
+    json: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/JsonCode.d.ts

@@ -0,0 +1,4 @@
+export declare function JsonCode({ json, className }: {
+    json: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Kbd.d.cts

@@ -0,0 +1,16 @@
+export declare function Kbd({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Kbd variant for tooltips and context menus. Neutral greys by default; once the
+ * integrator sets the design tokens of its container (tooltip: --elm-tooltip +
+ * --elm-tooltip-text, menu: --elm-surface + --elm-text) it is mixed from them
+ * (`--_elm-kbd-*`, shared.css).
+ */
+export declare function KbdDark({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** Kbd variant for use on colored backgrounds (e.g. inside a primary button). */
+export declare function KbdInvert({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Kbd.d.ts

@@ -0,0 +1,16 @@
+export declare function Kbd({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Kbd variant for tooltips and context menus. Neutral greys by default; once the
+ * integrator sets the design tokens of its container (tooltip: --elm-tooltip +
+ * --elm-tooltip-text, menu: --elm-surface + --elm-text) it is mixed from them
+ * (`--_elm-kbd-*`, shared.css).
+ */
+export declare function KbdDark({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** Kbd variant for use on colored backgrounds (e.g. inside a primary button). */
+export declare function KbdInvert({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/NoFeaturesEmptyState.d.cts

@@ -0,0 +1 @@
+export declare function NoFeaturesEmptyState(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/NoFeaturesEmptyState.d.ts

@@ -0,0 +1 @@
+export declare function NoFeaturesEmptyState(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/SearchDropdown.d.cts

@@ -0,0 +1,28 @@
+import { NominatimResult } from '../../hooks/useNominatim.cjs';
+interface Props {
+    results: NominatimResult[];
+    loading: boolean;
+    error: string | null;
+    onGo: (r: NominatimResult) => void;
+    /** Omitted (readonly editor): no Add / Shape buttons. */
+    onAdd?: (r: NominatimResult) => void;
+    onAddShape?: (r: NominatimResult) => void;
+    activeIndex?: number;
+    onHoverIndex?: (i: number) => void;
+    onNavigate?: (delta: 1 | -1, fromIndex: number) => void;
+    className?: string;
+    /**
+     * `stack` — name on top, action buttons on a second row. Used in the
+     * vertical-toolbar side popup (~320px wide) where the single-row layout
+     * would truncate names to single characters.
+     * `row` — single horizontal row, action buttons on the right. Used when
+     * the toolbar is horizontal and the dropdown inherits the full toolbar
+     * width, so there's room for both on one line.
+     */
+    layout?: 'stack' | 'row';
+}
+export interface SearchDropdownHandle {
+    focusAdd: (index: number) => void;
+}
+export declare const SearchDropdown: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<SearchDropdownHandle>>;
+export {};

package/dist/components/ui/SearchDropdown.d.ts

@@ -0,0 +1,28 @@
+import { NominatimResult } from '../../hooks/useNominatim.js';
+interface Props {
+    results: NominatimResult[];
+    loading: boolean;
+    error: string | null;
+    onGo: (r: NominatimResult) => void;
+    /** Omitted (readonly editor): no Add / Shape buttons. */
+    onAdd?: (r: NominatimResult) => void;
+    onAddShape?: (r: NominatimResult) => void;
+    activeIndex?: number;
+    onHoverIndex?: (i: number) => void;
+    onNavigate?: (delta: 1 | -1, fromIndex: number) => void;
+    className?: string;
+    /**
+     * `stack` — name on top, action buttons on a second row. Used in the
+     * vertical-toolbar side popup (~320px wide) where the single-row layout
+     * would truncate names to single characters.
+     * `row` — single horizontal row, action buttons on the right. Used when
+     * the toolbar is horizontal and the dropdown inherits the full toolbar
+     * width, so there's room for both on one line.
+     */
+    layout?: 'stack' | 'row';
+}
+export interface SearchDropdownHandle {
+    focusAdd: (index: number) => void;
+}
+export declare const SearchDropdown: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<SearchDropdownHandle>>;
+export {};