@pstdio/ui 0.26.0 → 0.35.0

package/dist/param-editor.d.ts

@@ -1,2 +1,407 @@
-export * from './components/param-editor/index'
-export {}
+import { BoxProps, FlexProps, StackProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+import { ActionOption, ActionsControl as ActionsParam, AnchorGridControl as AnchorGridParam, AnchorGridValue, BaseControl, BaseControl as BaseParam, BooleanControl as BooleanParam, ColorControl as ColorParam, ControlGroup, ControlParam, ControlValue, DateControl as DateParam, MarkdownControl as MarkdownParam, NumberControl as NumberParam, ParamEditorReadOnlyContent, ParamEditorReadOnlyImage, RangeControl as RangeParam, RangeValue, ReadOnlyControl as ReadOnlyParam, ResourceControl as ResourceParam, ResourceOption, ResourceRefValue, SegmentedControl as SegmentedParam, SegmentedOption, SelectionControl as SelectionParam, SelectionGroup, SelectionOption, TextControl as TextParam, VectorControl as VectorParam, VectorValue } from "@pstdio/sdk/extensions";
+//#region src/components/param-editor/param-editor.types.d.ts
+interface PropertyParam extends BaseControl {
+  type: "property";
+  value: ReactNode;
+}
+type FileUploadStatus = "queued" | "uploading" | "complete" | "error";
+/** A selected file and the host-controlled state of its upload. */
+interface FileUploadValue {
+  id: string;
+  file: File;
+  status: FileUploadStatus;
+  /** Host-owned upload ref. Set after the selected file reaches storage. */
+  ref?: string;
+  progress?: number;
+  error?: string;
+}
+interface FileUploadParam extends BaseControl {
+  type: "fileUpload";
+  defaultValue: FileUploadValue[];
+  accept?: string;
+  multiple?: boolean;
+  uploadLabel?: string;
+}
+interface InputGroup extends Omit<ControlGroup, "params"> {
+  params: Param[];
+}
+type Param = ControlParam | PropertyParam | FileUploadParam;
+type ParamValue = ControlValue | FileUploadValue[];
+type ParamValueMap = Record<string, ParamValue>;
+//#endregion
+//#region src/components/param-editor/inputs/action-input.d.ts
+interface ActionInputProps {
+  id: string;
+  name: string;
+  description?: string;
+  defaultValue?: string;
+  options: ActionOption[];
+  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;
+//#endregion
+//#region src/components/param-editor/inputs/anchor-grid.d.ts
+/** The nine anchors in row-major order (top-left → bottom-right). */
+export declare const ANCHOR_GRID_VALUES: AnchorGridValue[];
+export declare const isAnchorGridValue: (value: unknown) => value is AnchorGridValue;
+//#endregion
+//#region src/components/param-editor/inputs/anchor-grid-input.d.ts
+interface AnchorGridInputProps {
+  id: string;
+  name: string;
+  description?: string;
+  defaultValue: AnchorGridValue;
+  onChange: (id: string, value: AnchorGridValue) => void;
+  readOnly?: boolean;
+  fullWidth?: boolean;
+}
+export declare const AnchorGridInput: (props: AnchorGridInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/boolean-input.d.ts
+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;
+//#endregion
+//#region src/components/param-editor/inputs/color-input.d.ts
+interface ColorInputProps {
+  id: string;
+  defaultValue: string;
+  name: string;
+  onChange: (id: string, value: string) => void;
+  description: string;
+  readOnly?: boolean;
+  hideLabel?: boolean;
+  tooltipPlacement?: "top" | "right" | "bottom" | "left";
+  fullWidth?: boolean;
+  size?: "xs" | "sm";
+}
+export declare const ColorInput: (props: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/date-input.d.ts
+interface DateInputProps {
+  id: string;
+  defaultValue: string;
+  name: string;
+  min?: string;
+  max?: string;
+  onChange: (id: string, value: string) => void;
+  description: string;
+  readOnly?: boolean;
+  hideLabel?: boolean;
+  tooltipPlacement?: "top" | "right" | "bottom" | "left";
+  fullWidth?: boolean;
+  size?: "xs" | "sm";
+}
+export declare const DateInput: (props: DateInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/file-upload-input.d.ts
+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;
+//#endregion
+//#region src/components/param-editor/inputs/horizontal-text-input.d.ts
+interface HorizontalTextInputProps {
+  id: string;
+  defaultValue: string;
+  name: string;
+  onChange: (id: string, value: string) => void;
+  description: string;
+  readOnly?: boolean;
+  hideLabel?: boolean;
+  tooltipPlacement?: "top" | "right" | "bottom" | "left";
+  size?: "xs" | "sm";
+}
+export declare const HorizontalTextInput: (props: HorizontalTextInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/markdown-input.d.ts
+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;
+//#endregion
+//#region src/components/param-editor/inputs/number-input.d.ts
+interface NumberInputProps {
+  id: string;
+  defaultValue: number;
+  name: string;
+  step?: number;
+  min?: number;
+  max?: number;
+  onChange: (id: string, value: number) => void;
+  description: string;
+  readOnly?: boolean;
+  hideLabel?: boolean;
+  hideSlider?: boolean;
+  tooltipPlacement?: "top" | "right" | "bottom" | "left";
+  fullWidth?: boolean;
+  size?: "xs" | "sm";
+}
+export declare const NumberInput: (props: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/range-input.d.ts
+interface RangeInputProps {
+  id: string;
+  name: string;
+  description?: string;
+  defaultValue: RangeValue;
+  min: number;
+  max: number;
+  step?: number;
+  unit?: string;
+  markerCount?: number;
+  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;
+//#endregion
+//#region src/components/param-editor/inputs/resource-input.d.ts
+interface ResourceInputProps {
+  id: string;
+  name: string;
+  description?: string;
+  defaultValue: string | string[];
+  options: ResourceOption[];
+  onChange: (id: string, value: string | string[]) => void;
+  onOpenResource?: (ref: ResourceRefValue) => void;
+  readOnly?: boolean;
+  editable?: boolean;
+  multiSelect?: boolean;
+  placeholder?: string;
+  emptyText?: string;
+  fullWidth?: boolean;
+  presentation?: "stacked" | "horizontal";
+  size?: "xs" | "sm";
+}
+export declare const ResourceInput: (props: ResourceInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/segmented-input.d.ts
+interface SegmentedInputProps {
+  id: string;
+  name: string;
+  description?: string;
+  defaultValue: string;
+  options: SegmentedOption[];
+  variant?: "default" | "dots";
+  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;
+//#endregion
+//#region src/components/param-editor/inputs/selection-menu.d.ts
+interface SelectionMenuOption {
+  id: string;
+  name: string;
+  icon?: string;
+  /** Palette key (e.g. "blue") applied to the option's icon. */
+  color?: string;
+  description?: string;
+  disabled?: boolean;
+}
+//#endregion
+//#region src/components/param-editor/inputs/selection-input.d.ts
+interface SelectionInputProps {
+  id: string;
+  defaultValue: string | string[];
+  name: string;
+  options: SelectionMenuOption[];
+  onChange: (id: string, value: string | string[]) => void;
+  description: string;
+  readOnly?: boolean;
+  hideLabel?: boolean;
+  multiSelect?: boolean;
+  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;
+  searchable?: boolean;
+  searchPlaceholder?: string;
+  emptyText?: string;
+  group?: SelectionGroup;
+  size?: "xs" | "sm";
+}
+export declare const SelectionInput: (props: SelectionInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/text-input.d.ts
+interface TextInputProps {
+  id: string;
+  defaultValue: string;
+  name: string;
+  onChange: (id: string, value: string) => void;
+  description: string;
+  readOnly?: boolean;
+  singleLine?: boolean;
+  hideLabel?: boolean;
+  fullWidth?: boolean;
+  size?: "xs" | "sm";
+}
+export declare const TextInput: (props: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/inputs/vector-input.d.ts
+interface VectorInputProps {
+  id: string;
+  name: string;
+  description?: string;
+  defaultValue: VectorValue;
+  xLabel?: string;
+  yLabel?: string;
+  min?: number;
+  max?: number;
+  step?: number;
+  onChange: (id: string, value: VectorValue) => void;
+  readOnly?: boolean;
+  fullWidth?: boolean;
+}
+export declare const VectorInput: (props: VectorInputProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor.d.ts
+interface ParamEditorProps {
+  params?: Param[];
+  groups?: InputGroup[];
+  defaultValues?: ParamValueMap;
+  onChange?: (id: string, value: ParamValue) => void;
+  onOpenResource?: (ref: ResourceRefValue) => void;
+  readOnly?: boolean;
+  fullWidth?: boolean;
+  variant?: "default" | "small";
+}
+export declare const ParamEditor: (props: ParamEditorProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-control-item.d.ts
+type ControlItemOrientation = "auto" | "inline" | "stacked";
+interface ParamEditorControlItemProps {
+  name?: string;
+  description?: string;
+  hideLabel?: boolean;
+  fullWidth?: boolean;
+  /** `auto` renders inline when compact and stacked when full-width. */
+  orientation?: ControlItemOrientation;
+  /** Rendered on the label row, right-aligned (e.g. an editable value readout). */
+  labelTrailing?: ReactNode;
+  children: ReactNode;
+}
+export declare const ParamEditorControlItem: (props: ParamEditorControlItemProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-control-list.d.ts
+interface ParamEditorControlListProps extends StackProps {}
+export declare const ParamEditorControlList: (props: ParamEditorControlListProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-field.d.ts
+interface ParamEditorFieldProps {
+  param: Param;
+  defaultValues: ParamValueMap;
+  onChange: (id: string, value: ParamValue) => void;
+  onOpenResource?: (ref: ResourceRefValue) => void;
+  readOnly?: boolean;
+  fullWidth?: boolean;
+  presentation?: "stacked" | "horizontal";
+  size?: "xs" | "sm";
+}
+export declare const ParamEditorField: (props: ParamEditorFieldProps) => import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//#region src/components/param-editor/param-editor-label.d.ts
+interface ParamEditorLabelProps {
+  name: string;
+  description?: string;
+  compact?: boolean;
+}
+export declare const ParamEditorLabel: (props: ParamEditorLabelProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-inline-group.d.ts
+interface ParamEditorInlineGroupProps extends FlexProps {}
+export declare const ParamEditorInlineGroup: (props: ParamEditorInlineGroupProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-presentation.d.ts
+export declare const isParamEditorRichControl: (param: Param) => param is FileUploadParam;
+//#endregion
+//#region src/components/param-editor/param-editor-read-only-field.d.ts
+interface ParamEditorReadOnlyFieldProps {
+  param: Extract<Param, {
+    type: "readOnly";
+  }>;
+  fullWidth?: boolean;
+}
+export declare const ParamEditorReadOnlyField: (props: ParamEditorReadOnlyFieldProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-read-only-value.d.ts
+interface ParamEditorReadOnlyValueProps extends Omit<BoxProps, "children"> {
+  children: ReactNode;
+  preserveWhitespace?: boolean;
+}
+export declare const ParamEditorReadOnlyValue: (props: ParamEditorReadOnlyValueProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-row.d.ts
+interface ParamEditorRowProps {
+  param: Param;
+  values?: ParamValueMap;
+  onChange?: (id: string, value: ParamValue) => void;
+  onOpenResource?: (ref: ResourceRefValue) => void;
+  readOnly?: boolean;
+  fullWidth?: boolean;
+  variant?: "default" | "small";
+}
+/**
+ * The padded field row every param surface is built from. Surfaces that compose
+ * their own list of fields — a command dialog mixing built-in and host-supplied
+ * controls — stack these instead of nesting one editor per field, so the whole
+ * form keeps a single rhythm.
+ */
+export declare const ParamEditorRow: (props: ParamEditorRowProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/param-editor/param-editor-section.d.ts
+interface ParamEditorSectionProps {
+  title?: string;
+  description?: string;
+  params: Param[];
+  defaultValues: ParamValueMap;
+  onChange: (id: string, value: ParamValue) => void;
+  onOpenResource?: (ref: ResourceRefValue) => void;
+  readOnly?: boolean;
+  fullWidth?: boolean;
+  collapsible?: boolean;
+  defaultCollapsed?: boolean;
+  isFirst?: boolean;
+  variant?: "default" | "small";
+}
+export declare const ParamEditorSection: (props: ParamEditorSectionProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { type ActionOption, type ActionsParam, type AnchorGridParam, type AnchorGridValue, type BaseParam, type BooleanParam, type ColorParam, type DateParam, type FileUploadParam, type FileUploadStatus, type FileUploadValue, type InputGroup, type MarkdownParam, type NumberParam, type Param, ParamEditorLabel as ParamEditorFieldLabel, type ParamEditorProps, type ParamEditorReadOnlyContent, type ParamEditorReadOnlyImage, type ParamEditorRowProps, type ParamValue, type ParamValueMap, type PropertyParam, type RangeParam, type RangeValue, type ReadOnlyParam, type ResourceOption, type ResourceParam, type ResourceRefValue, type SegmentedOption, type SegmentedParam, type SelectionGroup, type SelectionOption, type SelectionParam, type TextParam, type VectorParam, type VectorValue };
+export {};

package/dist/param-editor.js

@@ -1,47 +1,3 @@
-import { A as c, a as P, b as E, B as R, C as f, D as x, F as A, H as C, M as S, N as b, P as h, c as F, d as V, e as g, d as G, f as L, g as k, R as D, h as H, S as N, i as O, T, V as j, j as w, k as y } from "./param-editor-field-Bj-AGUY6.js";
-import { P as M, a as U, b as _ } from "./param-editor-CFM2Nf3l.js";
-import { jsx as n } from "react/jsx-runtime";
-import { c as s } from "react/compiler-runtime";
-import { Stack as i } from "@chakra-ui/react";
-const u = (e) => {
-  const a = s(6);
-  let t, r;
-  a[0] !== e ? ({
-    children: t,
-    ...r
-  } = e, a[0] = e, a[1] = t, a[2] = r) : (t = a[1], r = a[2]);
-  let o;
-  return a[3] !== t || a[4] !== r ? (o = /* @__PURE__ */ n(i, { gap: "sm", minW: "0", ...r, children: t }), a[3] = t, a[4] = r, a[5] = o) : o = a[5], o;
-};
-export {
-  c as ANCHOR_GRID_VALUES,
-  P as ActionInput,
-  E as AnchorGridInput,
-  R as BooleanInput,
-  f as ColorInput,
-  x as DateInput,
-  A as FileUploadInput,
-  C as HorizontalTextInput,
-  S as MarkdownInput,
-  b as NumberInput,
-  M as ParamEditor,
-  h as ParamEditorControlItem,
-  u as ParamEditorControlList,
-  F as ParamEditorField,
-  V as ParamEditorFieldLabel,
-  g as ParamEditorInlineGroup,
-  G as ParamEditorLabel,
-  L as ParamEditorReadOnlyField,
-  k as ParamEditorReadOnlyValue,
-  U as ParamEditorRow,
-  _ as ParamEditorSection,
-  D as RangeInput,
-  H as ResourceInput,
-  N as SegmentedInput,
-  O as SelectionInput,
-  T as TextInput,
-  j as VectorInput,
-  w as isAnchorGridValue,
-  y as isParamEditorRichControl
-};
-//# sourceMappingURL=param-editor.js.map
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, s as _, t as v, u as y, v as b, w as x, x as S, y as C } from "./param-editor-field-DscIjv8s.js";
+import { i as w, n as T, r as E, t as D } from "./param-editor-IJzw1cA2.js";
+export { s as ANCHOR_GRID_VALUES, g as ActionInput, y as AnchorGridInput, t as BooleanInput, S as ColorInput, a as DateInput, f as FileUploadInput, C as HorizontalTextInput, b as MarkdownInput, r as NumberInput, T as ParamEditor, x as ParamEditorControlItem, D as ParamEditorControlList, v as ParamEditorField, n as ParamEditorFieldLabel, n as ParamEditorLabel, h as ParamEditorInlineGroup, m as ParamEditorReadOnlyField, e as ParamEditorReadOnlyValue, w as ParamEditorRow, E as ParamEditorSection, o as RangeInput, l as ResourceInput, _ as SegmentedInput, u as SelectionInput, p as TextInput, i as VectorInput, c as isAnchorGridValue, d as isParamEditorRichControl };