@kitlangton/knobs 0.4.0-next.11 → 0.4.0-next.12

package/dist/types/ui/react.d.ts

@@ -1,6 +1,7 @@
 import { type CSSProperties, type ReactNode } from "react";
 import { type Activity as ActivityHandle, type ActivityOptions } from "./activity.js";
 import { type Bento as BentoHandle, type BentoOptions } from "./bento.js";
+import { type Canvas as CanvasHandle, type CanvasOptions } from "./canvas.js";
 import { type CodeDiff as CodeDiffHandle, type CodeDiffOptions, type DiffReview as DiffReviewHandle, type DiffReviewOptions } from "./diff.js";
 import { type OptionPicker as OptionPickerHandle, type OptionPickerOptions, type PickerOption } from "./picker.js";
 import { type Split as SplitHandle, type SplitOptions } from "./split.js";
@@ -86,6 +87,17 @@ export type BentoProps = BentoOptions & {
  * prop; callbacks always call the latest props.
  */
 export declare function Bento(props: BentoProps): import("react").JSX.Element;
+export type CanvasProps = CanvasOptions & {
+    className?: string;
+    style?: CSSProperties;
+    onReady?: (canvas: CanvasHandle) => void;
+};
+/**
+ * `canvas()` as a component. New `items` update it in place (items that stay keep their content
+ * and glide); `onView` always calls the latest prop. Keep `items` (and their `render`s) stable
+ * across renders, or each render redraws the cards.
+ */
+export declare function Canvas(props: CanvasProps): import("react").JSX.Element;
 export type ActivityProps = ActivityOptions & {
     className?: string;
     style?: CSSProperties;

package/dist/types/ui/solid.d.ts

@@ -1,6 +1,7 @@
 import { type JSX } from "solid-js";
 import { type Activity as ActivityHandle, type ActivityOptions } from "./activity.js";
 import { type Bento as BentoHandle, type BentoOptions } from "./bento.js";
+import { type Canvas as CanvasHandle, type CanvasOptions } from "./canvas.js";
 import { type CodeDiff as CodeDiffHandle, type CodeDiffOptions, type DiffReview as DiffReviewHandle, type DiffReviewOptions } from "./diff.js";
 import { type OptionPicker as OptionPickerHandle, type OptionPickerOptions, type PickerOption } from "./picker.js";
 import { type Split as SplitHandle, type SplitOptions } from "./split.js";
@@ -73,6 +74,14 @@ export type BentoProps = BentoOptions & {
  * prop; callbacks always call the latest props.
  */
 export declare function Bento(props: BentoProps): JSX.Element;
+export type CanvasProps = CanvasOptions & {
+    onReady?: (canvas: CanvasHandle) => void;
+};
+/**
+ * `canvas()` as a component. New `items` update it in place (items that stay keep their content
+ * and glide); `onView` always calls the latest prop.
+ */
+export declare function Canvas(props: CanvasProps): JSX.Element;
 export type ActivityProps = ActivityOptions & {
     onReady?: (activity: ActivityHandle) => void;
 };