@particle-academy/react-fancy 4.5.0 → 4.6.0

package/dist/index.d.cts

@@ -518,20 +518,27 @@ interface DisplayValueProps {
     trailing?: ReactNode;
     /** Shown when the value is empty. Default `—`. */
     empty?: ReactNode;
+    /** When true the value is clickable to enter edit mode (inline click-to-edit). */
+    interactive?: boolean;
+    /** Called when an interactive value is activated (click / Enter / Space). */
+    onActivate?: () => void;
     className?: string;
 }
 /**
  * The read-only counterpart to an `<input>`. Renders a non-interactive value
  * with the same size rhythm as the editable control (reusing
- * {@link inputSizeClasses}) but without the border / background / focus ring —
- * view text should read as text, not a disabled box. Dropped into the SAME
- * `Field` wrapper the editable control uses, so label / description / error
- * chrome stays byte-identical between edit and view.
+ * {@link inputSizeClasses}) but without the border / background / focus ring.
  *
- * Carries `data-react-fancy-display` / `data-mode="view"` stable handles so
- * agents and tests can locate rendered values (Human+ contract).
+ * When `interactive` (inline click-to-edit), the value becomes a focusable,
+ * hoverable target that calls `onActivate` on click / Enter / Space to swap in
+ * the real control. Dropped into the SAME `Field` wrapper the editable control
+ * uses, so label / description / error chrome stays byte-identical between the
+ * display and the editor.
+ *
+ * Carries `data-react-fancy-display` / `data-mode="view"` stable handles for
+ * agents and tests (Human+ contract).
  */
-declare function DisplayValue({ children, size, leading, trailing, empty, className, }: DisplayValueProps): react.JSX.Element;
+declare function DisplayValue({ children, size, leading, trailing, empty, interactive, onActivate, className, }: DisplayValueProps): react.JSX.Element;
 
 interface FieldModeContextValue {
     mode: FieldMode;

package/dist/index.d.ts

@@ -518,20 +518,27 @@ interface DisplayValueProps {
     trailing?: ReactNode;
     /** Shown when the value is empty. Default `—`. */
     empty?: ReactNode;
+    /** When true the value is clickable to enter edit mode (inline click-to-edit). */
+    interactive?: boolean;
+    /** Called when an interactive value is activated (click / Enter / Space). */
+    onActivate?: () => void;
     className?: string;
 }
 /**
  * The read-only counterpart to an `<input>`. Renders a non-interactive value
  * with the same size rhythm as the editable control (reusing
- * {@link inputSizeClasses}) but without the border / background / focus ring —
- * view text should read as text, not a disabled box. Dropped into the SAME
- * `Field` wrapper the editable control uses, so label / description / error
- * chrome stays byte-identical between edit and view.
+ * {@link inputSizeClasses}) but without the border / background / focus ring.
  *
- * Carries `data-react-fancy-display` / `data-mode="view"` stable handles so
- * agents and tests can locate rendered values (Human+ contract).
+ * When `interactive` (inline click-to-edit), the value becomes a focusable,
+ * hoverable target that calls `onActivate` on click / Enter / Space to swap in
+ * the real control. Dropped into the SAME `Field` wrapper the editable control
+ * uses, so label / description / error chrome stays byte-identical between the
+ * display and the editor.
+ *
+ * Carries `data-react-fancy-display` / `data-mode="view"` stable handles for
+ * agents and tests (Human+ contract).
  */
-declare function DisplayValue({ children, size, leading, trailing, empty, className, }: DisplayValueProps): react.JSX.Element;
+declare function DisplayValue({ children, size, leading, trailing, empty, interactive, onActivate, className, }: DisplayValueProps): react.JSX.Element;
 
 interface FieldModeContextValue {
     mode: FieldMode;