@pstdio/ui 0.16.0 → 0.18.0

package/dist/components/{data-renderer → kanban-renderer}/types.d.ts

@@ -51,13 +51,13 @@ export interface AttributeDescriptor {
     displayable?: boolean;
     editable?: boolean;
     display?: AttributeDisplayDescriptor;
-    render?: (value: unknown, row: DataRendererRow) => ReactNode;
+    render?: (value: unknown, row: KanbanRendererRow) => ReactNode;
     compare?: (a: unknown, b: unknown) => number;
 }
 /**
  * Reactive source for an entire attribute schema. Mirrors React's
  * useSyncExternalStore contract so consumers (e.g. the workbench's
- * data-renderer bridge) can subscribe and re-resolve when the schema changes
+ * kanban-renderer bridge) can subscribe and re-resolve when the schema changes
  * — letting a contribution add/remove/edit attributes at runtime without
  * re-registering.
  */
@@ -66,7 +66,7 @@ export interface AttributesSource {
     getSnapshot: () => AttributeDescriptor[];
 }
 export declare const isAttributesSource: (attributes: AttributeDescriptor[] | AttributesSource) => attributes is AttributesSource;
-export interface DataRendererRow {
+export interface KanbanRendererRow {
     id: string;
     title: string;
     /**
@@ -77,19 +77,62 @@ export interface DataRendererRow {
     resource?: unknown;
     attributes: Record<string, unknown>;
 }
-export interface DataRendererOrdering {
+export interface KanbanRendererOrdering {
     attributeId: string | typeof MANUAL_ORDERING;
     direction: SortDirection;
 }
-export interface DataRendererSettings {
+export interface KanbanRendererSettings {
     viewMode: ViewMode;
     columnGrouping: string | typeof NO_GROUPING;
     rowGrouping: string | typeof NO_GROUPING;
-    ordering: DataRendererOrdering;
+    ordering: KanbanRendererOrdering;
     displayProperties: string[];
 }
-export type DataRendererFilterState = Record<string, string[]>;
-export declare const DEFAULT_DATA_RENDERER_SETTINGS: DataRendererSettings;
+export type KanbanRendererFilterState = Record<string, string[]>;
+export interface KanbanRendererSavedView {
+    id: string;
+    title: string;
+    settings: KanbanRendererSettings;
+    filters: KanbanRendererFilterState;
+    isDefault?: boolean;
+}
+export type KanbanRendererCreateFieldType = "text" | "longtext" | "markdown" | "number" | "boolean" | "select" | "multi-select" | "files";
+export interface KanbanRendererCreateField {
+    id: string;
+    label: string;
+    description?: string;
+    placeholder?: string;
+    type: KanbanRendererCreateFieldType;
+    required?: boolean;
+    defaultValue?: unknown;
+    options?: EnumOption[];
+    /** `files` fields only. */
+    multiple?: boolean;
+    accept?: string;
+}
+/** Chrome copy is supplied by the caller so the dialog ships no strings of its own. */
+export interface KanbanRendererCreateLabels {
+    cancel: string;
+    properties: string;
+    submitError: string;
+    removeFile: string;
+}
+export interface KanbanRendererCreateRowConfig {
+    title: string;
+    submitLabel: string;
+    fields: KanbanRendererCreateField[];
+    labels: KanbanRendererCreateLabels;
+}
+export interface KanbanRendererCreateSubmission {
+    columnId: string;
+    columnAttributeId?: string;
+    /** Declared field values, excluding `files` fields — those arrive as `files`. */
+    values: Record<string, unknown>;
+    /** Every editable attribute the user set, keyed by attribute id. */
+    attributeValues: Record<string, unknown>;
+    files: File[];
+}
+export declare const DEFAULT_KANBAN_RENDERER_SETTINGS: KanbanRendererSettings;
 /**
  * Look up an attribute by id from a contribution-provided descriptor list.
  * Returns undefined for sentinels ("none", "manual") or unknown ids.

package/dist/components/kanban-renderer/use-kanban-renderer-store.d.ts

@@ -0,0 +1,78 @@
+import { KanbanRendererFilterState, KanbanRendererSavedView, KanbanRendererSettings } from './types';
+interface KanbanRendererSnapshot {
+    settings: KanbanRendererSettings;
+    filters: KanbanRendererFilterState;
+    expandedGroups: Record<string, boolean>;
+    views: KanbanRendererSavedView[];
+    activeViewId: string;
+}
+interface KanbanRendererStoreInitialState {
+    settings?: Partial<KanbanRendererSettings>;
+    filters?: KanbanRendererFilterState;
+    expandedGroups?: Record<string, boolean>;
+    views?: KanbanRendererSavedView[];
+    activeViewId?: string;
+}
+interface KanbanRendererState extends KanbanRendererSnapshot {
+    setViewMode: (viewMode: KanbanRendererSettings["viewMode"]) => void;
+    setColumnGrouping: (columnGrouping: KanbanRendererSettings["columnGrouping"]) => void;
+    setRowGrouping: (rowGrouping: KanbanRendererSettings["rowGrouping"]) => void;
+    setOrdering: (ordering: KanbanRendererSettings["ordering"]) => void;
+    setOrderingAttributeId: (attributeId: KanbanRendererSettings["ordering"]["attributeId"]) => void;
+    setDisplayProperties: (displayProperties: string[]) => void;
+    toggleSortDirection: () => void;
+    toggleDisplayProperty: (property: string) => void;
+    setFilter: (attributeId: string, values: string[]) => void;
+    toggleFilterValue: (attributeId: string, value: string) => void;
+    clearFilter: (attributeId: string) => void;
+    clearAllFilters: () => void;
+    setExpandedGroup: (groupId: string, isExpanded: boolean) => void;
+    activateView: (viewId: string) => void;
+    createView: (view: {
+        id: string;
+        title: string;
+    }) => void;
+    saveActiveView: () => void;
+    resetActiveView: () => void;
+    renameView: (viewId: string, title: string) => void;
+    duplicateView: (viewId: string, duplicate: {
+        id: string;
+        title: string;
+    }) => void;
+    deleteView: (viewId: string) => void;
+    setDefaultView: (viewId: string) => void;
+    reset: () => void;
+}
+interface CreateKanbanRendererStoreOptions {
+    storageKey: string;
+    initialState?: KanbanRendererStoreInitialState;
+}
+export declare const createKanbanRendererStore: (options: CreateKanbanRendererStoreOptions) => Omit<import('zustand').StoreApi<KanbanRendererState>, "setState" | "persist"> & {
+    setState(partial: KanbanRendererState | Partial<KanbanRendererState> | ((state: KanbanRendererState) => KanbanRendererState | Partial<KanbanRendererState>), replace?: false | undefined): unknown;
+    setState(state: KanbanRendererState | ((state: KanbanRendererState) => KanbanRendererState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<KanbanRendererState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: KanbanRendererState) => void) => () => void;
+        onFinishHydration: (fn: (state: KanbanRendererState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<KanbanRendererState, unknown, unknown>>;
+    };
+};
+export declare const getKanbanRendererStore: (storageKey: string, initialState?: KanbanRendererStoreInitialState) => Omit<import('zustand').StoreApi<KanbanRendererState>, "setState" | "persist"> & {
+    setState(partial: KanbanRendererState | Partial<KanbanRendererState> | ((state: KanbanRendererState) => KanbanRendererState | Partial<KanbanRendererState>), replace?: false | undefined): unknown;
+    setState(state: KanbanRendererState | ((state: KanbanRendererState) => KanbanRendererState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<KanbanRendererState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: KanbanRendererState) => void) => () => void;
+        onFinishHydration: (fn: (state: KanbanRendererState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<KanbanRendererState, unknown, unknown>>;
+    };
+};
+export declare const useKanbanRendererStore: <T>(storageKey: string, selector: (state: KanbanRendererState) => T, initialState?: KanbanRendererStoreInitialState) => T;
+export declare const isActiveKanbanRendererViewDirty: (state: Pick<KanbanRendererState, "activeViewId" | "filters" | "settings" | "views">) => boolean;
+export type { KanbanRendererSnapshot, KanbanRendererState, KanbanRendererStoreInitialState };

package/dist/components/layout/index.d.ts

@@ -3,4 +3,5 @@ export { Header } from './header';
 export { HorizontalMenuStack } from './horizontal-menu-stack';
 export type { ItemSectionProps } from './item-section';
 export { ItemSection } from './item-section';
+export { PANEL_HEADER_CONTROL_SIZE, PANEL_HEADER_HEIGHT, PANEL_HEADER_TAB_SIZE, } from './panel-header.constants';
 export { ResizableSplitLayout } from './resizable-split-layout';

package/dist/components/layout/panel-header.constants.d.ts

@@ -1 +1,3 @@
 export declare const PANEL_HEADER_HEIGHT = "2.5rem";
+export declare const PANEL_HEADER_CONTROL_SIZE: "2xs";
+export declare const PANEL_HEADER_TAB_SIZE: "sm";

package/dist/components/layout/resizable-split-layout.d.ts

@@ -1,6 +1,6 @@
 import { FlexProps } from '@chakra-ui/react';
 import { ReactNode } from 'react';
-import { ResizableSplitSide } from './resizable-split-layout.handle';
+import { ResizableSplitSide } from './resizable-split-layout.geometry';
 interface ResizableSplitLayoutProps extends Omit<FlexProps, "children" | "onResize"> {
     resizablePanel: ReactNode;
     contentPanel: ReactNode;
@@ -12,8 +12,9 @@ interface ResizableSplitLayoutProps extends Omit<FlexProps, "children" | "onResi
     collapsed?: boolean;
     collapsible?: boolean;
     resizeLabel?: string;
+    resizeHandleSizePx?: number;
     showResizeSeparator?: boolean;
-    onSizeChange?: (width: number) => void;
+    onSizeChange?: (size: number) => void;
     onCollapsedChange?: (collapsed: boolean) => void;
 }
 export declare const ResizableSplitLayout: (props: ResizableSplitLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/resizable-split-layout.geometry.d.ts

@@ -0,0 +1,56 @@
+export type ResizableSplitSide = "left" | "right" | "top" | "bottom";
+export declare const getResizableSplitAxis: (side: ResizableSplitSide) => {
+    readonly rootDirection: "row";
+    readonly dimension: "width";
+    readonly separatorOrientation: "vertical";
+    readonly cursor: "col-resize";
+    readonly pointerCoordinate: "clientX";
+    readonly deltaDirection: 1;
+    readonly panelFirst: true;
+} | {
+    readonly rootDirection: "row";
+    readonly dimension: "width";
+    readonly separatorOrientation: "vertical";
+    readonly cursor: "col-resize";
+    readonly pointerCoordinate: "clientX";
+    readonly deltaDirection: -1;
+    readonly panelFirst: false;
+} | {
+    readonly rootDirection: "column";
+    readonly dimension: "height";
+    readonly separatorOrientation: "horizontal";
+    readonly cursor: "row-resize";
+    readonly pointerCoordinate: "clientY";
+    readonly deltaDirection: 1;
+    readonly panelFirst: true;
+} | {
+    readonly rootDirection: "column";
+    readonly dimension: "height";
+    readonly separatorOrientation: "horizontal";
+    readonly cursor: "row-resize";
+    readonly pointerCoordinate: "clientY";
+    readonly deltaDirection: -1;
+    readonly panelFirst: false;
+};
+export declare const resolveResizableBounds: (input: {
+    rootSize: number;
+    fallbackRootSize: number;
+    minSize: number;
+    maxSize?: number;
+    contentMinSize: number;
+}) => {
+    minSize: number;
+    maxSize: number;
+};
+export declare const resolveDraggedPanelSize: (input: {
+    side: ResizableSplitSide;
+    startSize: number;
+    pointerDelta: number;
+    minSize: number;
+    maxSize: number;
+    collapsible: boolean;
+}) => {
+    rawSize: number;
+    size: number;
+    collapsed: boolean;
+};

package/dist/components/layout/resizable-split-layout.handle.d.ts

@@ -1,14 +1,18 @@
 import { KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent } from 'react';
-export type ResizableSplitSide = "left" | "right";
+import { getResizableSplitAxis } from './resizable-split-layout.geometry';
 interface ResizeHandleProps {
+    axis: ReturnType<typeof getResizableSplitAxis>;
     bounds: {
         minSize: number;
         maxSize: number;
     };
+    collapsed: boolean;
+    collapsible: boolean;
     contentPanelId: string;
     resizablePanelId: string;
+    resizeHandleSizePx: number;
     resizeLabel: string;
-    resolvedPanelWidth: number;
+    resolvedPanelSize: number;
     showResizeSeparator: boolean;
     onResizeKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
     onResizeStart: (event: ReactPointerEvent<HTMLDivElement>) => void;

package/dist/components/layout/resizable-split-layout.panels.d.ts

@@ -0,0 +1,25 @@
+import { KeyboardEvent as ReactKeyboardEvent, ReactNode, PointerEvent as ReactPointerEvent, RefObject } from 'react';
+import { getResizableSplitAxis } from './resizable-split-layout.geometry';
+interface ResizableSplitPanelsProps {
+    axis: ReturnType<typeof getResizableSplitAxis>;
+    bounds: {
+        minSize: number;
+        maxSize: number;
+    };
+    collapsed: boolean;
+    collapsible: boolean;
+    contentPanel: ReactNode;
+    contentPanelId: string;
+    contentPanelRef: RefObject<HTMLDivElement | null>;
+    resizablePanel: ReactNode;
+    resizablePanelId: string;
+    resizablePanelRef: RefObject<HTMLDivElement | null>;
+    resizeHandleSizePx: number;
+    resizeLabel: string;
+    resolvedPanelSize: number;
+    showResizeSeparator: boolean;
+    onResizeKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
+    onResizeStart: (event: ReactPointerEvent<HTMLDivElement>) => void;
+}
+export declare const ResizableSplitPanels: (props: ResizableSplitPanelsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/list-row/list-row-actions.d.ts

@@ -5,6 +5,7 @@ interface RowActionsProps {
         sectionId?: string;
         nodeId?: string;
     };
+    alwaysVisible?: boolean;
 }
 export declare const RowActions: (props: RowActionsProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/list-row/list-row-content.d.ts

@@ -1,4 +1,10 @@
 import { ListRowItem, ListRowProps } from './list-row.types';
+export declare const createResourceRowActions: (item: ListRowItem, showContextMenuTrigger?: boolean) => import('./list-row.types').ListRowAction[] | {
+    id: string;
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    menuItems: import('./list-row.types').ListRowActionMenuItem[];
+}[];
 export declare const ListRowContent: (props: {
     item: ListRowItem;
     isExpanded: boolean;
@@ -6,4 +12,5 @@ export declare const ListRowContent: (props: {
     isDisabled: boolean;
     tone: ListRowProps["tone"];
     variant: ListRowProps["variant"];
+    showContextMenuTrigger: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/list-row/list-row.types.d.ts

@@ -13,6 +13,7 @@ export interface ListRowActionContext {
 export interface ListRowActionMenuItem {
     id: string;
     label: string;
+    commandId?: string;
     description?: string;
     icon?: ReactNode | ComponentType<{
         size?: number | string;
@@ -37,7 +38,7 @@ export interface ListRowAction {
     menuItems?: ListRowActionMenuItem[];
     onAction?: (context: ListRowActionContext) => void;
 }
-export type ListRowVariant = "default" | "compact" | "full-width" | "tree" | "empty-state";
+export type ListRowVariant = "default" | "compact" | "collection" | "full-width" | "tree" | "empty-state";
 export type ListRowTone = "default" | "danger";
 export type ListRowMenuPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
 /** Data model for one reusable row, including labels, icons, menus, actions, and children. */
@@ -80,6 +81,8 @@ export interface ListRowProps extends ListRowItem, Omit<ListRowRootProps, "as" |
     isExpanded?: boolean;
     /** Forces the expand affordance when children are lazy-loaded or externally controlled. */
     showExpandToggle?: boolean;
+    /** Shows context-menu actions from an inline trigger in addition to right-click access. */
+    showContextMenuTrigger?: boolean;
     variant?: ListRowVariant;
     tone?: ListRowTone;
     selectedBg?: ListRowRootProps["bg"];

package/dist/components/overlays/attached-menu.d.ts

@@ -0,0 +1,6 @@
+import { FlexProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+export interface AttachedMenuProps extends Omit<FlexProps, "children"> {
+    children?: ReactNode;
+}
+export declare const AttachedMenu: (props: AttachedMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/attachment-chip.d.ts

@@ -0,0 +1,13 @@
+export interface AttachmentChipProps {
+    file: File;
+    /** Accessible label for the remove control; the caller owns translation. */
+    removeLabel: string;
+    disabled?: boolean;
+    onRemove: () => void;
+}
+/**
+ * A file queued for upload, before the resource it belongs to exists. Removal
+ * lives on the chip because there is no other surface between picking a file
+ * and submitting where a mistaken attachment can be taken back.
+ */
+export declare const AttachmentChip: (props: AttachmentChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/index.d.ts

@@ -1,11 +1,15 @@
+export type { AttachedMenuProps } from './attached-menu';
+export { AttachedMenu } from './attached-menu';
 export { AttachedPanel } from './attached-panel';
+export type { AttachmentChipProps } from './attachment-chip';
+export { AttachmentChip } from './attachment-chip';
 export { BubbleButton } from './bubble-button';
 export { BubblePanel } from './bubble-panel';
 export { DeleteConfirmationModal } from './delete-confirmation-modal';
 export type { RepoPickerDialogEntry, RepoPickerDialogProps } from './repo-picker-dialog';
 export { RepoPickerDialog } from './repo-picker-dialog';
-export type { ResourceContextAction } from './resource-context-menu';
-export { ResourceContextMenu } from './resource-context-menu';
+export type { ResourceActionMenuProps, ResourceContextAction } from './resource-context-menu';
+export { ResourceActionMenu, ResourceContextMenu } from './resource-context-menu';
 export type { SearchModalContentProps } from './search-modal-content';
 export { SearchModalContent } from './search-modal-content';
 export type { SearchableMenuItem, SearchableMenuParentList } from './searchable-menu';

package/dist/components/overlays/resource-context-menu.d.ts

@@ -1,9 +1,10 @@
 import { Menu } from '@chakra-ui/react';
-import { ComponentProps, ReactNode } from 'react';
+import { ComponentProps, ReactElement, ReactNode } from 'react';
 type MenuRootProps = ComponentProps<typeof Menu.Root>;
 export interface ResourceContextAction {
     key: string;
     label: string;
+    commandId?: string;
     onClick: () => Promise<void> | void;
     isDisabled?: boolean;
     icon?: ReactNode;
@@ -18,6 +19,17 @@ interface ResourceContextMenuProps {
     positioning?: MenuRootProps["positioning"];
     /** Keep the menu open after selecting an item — useful for menus that toggle several entries in one pass. */
     closeOnSelect?: MenuRootProps["closeOnSelect"];
+    /** Preserve the trigger tree while actions load or change. */
+    keepMountedWhenEmpty?: boolean;
 }
+export interface ResourceActionMenuProps {
+    actions: ResourceContextAction[];
+    children: ReactElement;
+    contentMinWidth?: string;
+    contentBackground?: string;
+    positioning?: MenuRootProps["positioning"];
+    closeOnSelect?: MenuRootProps["closeOnSelect"];
+}
+export declare const ResourceActionMenu: (props: ResourceActionMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ResourceContextMenu: (props: ResourceContextMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/overlays/searchable-menu-input.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+interface SearchableMenuInputProps {
+    inputRef?: Ref<HTMLInputElement>;
+    value: string;
+    placeholder: string;
+    onValueChange: (value: string) => void;
+}
+export declare const SearchableMenuInput: (props: SearchableMenuInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/index.d.ts

@@ -1,10 +1,12 @@
 export { ActionInput } from './inputs/action-input';
 export { ANCHOR_GRID_VALUES, isAnchorGridValue } from './inputs/anchor-grid';
 export { AnchorGridInput } from './inputs/anchor-grid-input';
+export { BooleanInput } from './inputs/boolean-input';
 export { ColorInput } from './inputs/color-input';
 export { DateInput } from './inputs/date-input';
-export { FileDropInput } from './inputs/file-drop-input';
+export { FileUploadInput } from './inputs/file-upload-input';
 export { HorizontalTextInput } from './inputs/horizontal-text-input';
+export { MarkdownInput } from './inputs/markdown-input';
 export { NumberInput } from './inputs/number-input';
 export { RangeInput } from './inputs/range-input';
 export { ResourceInput } from './inputs/resource-input';
@@ -14,12 +16,14 @@ export { TextInput } from './inputs/text-input';
 export { VectorInput } from './inputs/vector-input';
 export type { ParamEditorProps } from './param-editor';
 export { ParamEditor } from './param-editor';
-export type { ActionOption, ActionsParam, AnchorGridParam, AnchorGridValue, BaseParam, ColorParam, DateParam, FileDropParam, FileDropValue, InputGroup, NumberParam, Param, ParamValue, ParamValueMap, PropertyParam, RangeParam, RangeValue, ResourceOption, ResourceParam, ResourceRefValue, SegmentedOption, SegmentedParam, SelectionParam, TextParam, VectorParam, VectorValue, } from './param-editor.types';
+export type { ActionOption, ActionsParam, AnchorGridParam, AnchorGridValue, BaseParam, BooleanParam, ColorParam, DateParam, FileUploadParam, FileUploadStatus, FileUploadValue, InputGroup, MarkdownParam, NumberParam, Param, ParamEditorReadOnlyContent, ParamEditorReadOnlyImage, ParamValue, ParamValueMap, PropertyParam, RangeParam, RangeValue, ReadOnlyParam, ResourceOption, ResourceParam, ResourceRefValue, SegmentedOption, SegmentedParam, SelectionParam, TextParam, VectorParam, VectorValue, } from './param-editor.types';
 export { ParamEditorControlItem } from './param-editor-control-item';
 export { ParamEditorControlList } from './param-editor-control-list';
 export { ParamEditorField } from './param-editor-field';
 export { ParamEditorFieldLabel } from './param-editor-field-label';
 export { ParamEditorInlineGroup } from './param-editor-inline-group';
 export { ParamEditorLabel } from './param-editor-label';
+export { isParamEditorRichControl } from './param-editor-presentation';
+export { ParamEditorReadOnlyField } from './param-editor-read-only-field';
 export { ParamEditorReadOnlyValue } from './param-editor-read-only-value';
 export { ParamEditorSection } from './param-editor-section';

package/dist/components/param-editor/inputs/action-input.d.ts

@@ -8,6 +8,7 @@ interface ActionInputProps {
     onChange: (id: string, value: string) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
 }
 export declare const ActionInput: (props: ActionInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/boolean-input.d.ts

@@ -0,0 +1,13 @@
+interface BooleanInputProps {
+    id: string;
+    name: string;
+    description?: string;
+    defaultValue: boolean;
+    onChange: (id: string, value: boolean) => void;
+    readOnly?: boolean;
+    hideLabel?: boolean;
+    fullWidth?: boolean;
+    size?: "xs" | "sm";
+}
+export declare const BooleanInput: (props: BooleanInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/inputs/color-input.d.ts

@@ -8,6 +8,7 @@ interface ColorInputProps {
     hideLabel?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
     fullWidth?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const ColorInput: (props: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/date-input.d.ts

@@ -10,6 +10,7 @@ interface DateInputProps {
     hideLabel?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
     fullWidth?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const DateInput: (props: DateInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/file-upload-input.d.ts

@@ -0,0 +1,15 @@
+import { FileUploadValue } from '../param-editor.types';
+interface FileUploadInputProps {
+    id: string;
+    name: string;
+    description?: string;
+    defaultValue: FileUploadValue[];
+    accept?: string;
+    multiple?: boolean;
+    uploadLabel?: string;
+    onChange: (id: string, value: FileUploadValue[]) => void;
+    readOnly?: boolean;
+    presentation?: "stacked" | "horizontal";
+}
+export declare const FileUploadInput: (props: FileUploadInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/inputs/file-upload-value.d.ts

@@ -0,0 +1,7 @@
+import { FileUploadValue } from '../param-editor.types';
+export type FileUploadSummaryState = "empty" | "queued" | "uploading" | "complete" | "error";
+export declare const createFileUploadValues: (files: File[], existing: FileUploadValue[], multiple: boolean) => FileUploadValue[];
+export declare const getFileUploadSummary: (values: FileUploadValue[]) => {
+    state: FileUploadSummaryState;
+    count: number;
+};

package/dist/components/param-editor/inputs/horizontal-text-input.d.ts

@@ -7,6 +7,7 @@ interface HorizontalTextInputProps {
     readOnly?: boolean;
     hideLabel?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
+    size?: "xs" | "sm";
 }
 export declare const HorizontalTextInput: (props: HorizontalTextInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/markdown-input.d.ts

@@ -0,0 +1,13 @@
+interface MarkdownInputProps {
+    id: string;
+    name: string;
+    description?: string;
+    defaultValue: string;
+    placeholder?: string;
+    onChange: (id: string, value: string) => void;
+    readOnly?: boolean;
+    presentation?: "stacked" | "horizontal";
+    size?: "xs" | "sm";
+}
+export declare const MarkdownInput: (props: MarkdownInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/inputs/number-input.d.ts

@@ -12,6 +12,7 @@ interface NumberInputProps {
     hideSlider?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
     fullWidth?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const NumberInput: (props: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/range-input.d.ts

@@ -12,6 +12,7 @@ interface RangeInputProps {
     onChange: (id: string, value: RangeValue) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
 }
 export declare const RangeInput: (props: RangeInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/resource-input.d.ts

@@ -13,6 +13,8 @@ interface ResourceInputProps {
     placeholder?: string;
     emptyText?: string;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
+    size?: "xs" | "sm";
 }
 export declare const ResourceInput: (props: ResourceInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/segmented-input.d.ts

@@ -9,6 +9,7 @@ interface SegmentedInputProps {
     onChange: (id: string, value: string) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
 }
 export declare const SegmentedInput: (props: SegmentedInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/selection-input.d.ts

@@ -1,13 +1,9 @@
-interface Option {
-    id: string;
-    name: string;
-    icon?: string;
-}
+import { SelectionMenuOption } from './selection-menu';
 interface SelectionInputProps {
     id: string;
     defaultValue: string | string[];
     name: string;
-    options: Option[];
+    options: SelectionMenuOption[];
     onChange: (id: string, value: string | string[]) => void;
     description: string;
     readOnly?: boolean;
@@ -16,6 +12,11 @@ interface SelectionInputProps {
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
     placeholder?: string;
     fullWidth?: boolean;
+    /** Re-picking the selected option clears it. */
+    clearable?: boolean;
+    /** Inert, but still rendered as a control. */
+    disabled?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const SelectionInput: (props: SelectionInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};