@snackbit/opendil 0.1.0 → 0.2.0

package/dist/types/dil/view/node-view.d.ts

@@ -1,5 +1,5 @@
-import type { DilDocument } from "../runtime/document";
-import type { Scope } from "../runtime/expressions";
+import type { DilDocument } from "../runtime/document.js";
+import type { Scope } from "../runtime/expressions.js";
 export interface NodeViewProps {
     id: number;
     document: DilDocument;

package/dist/types/dil/view/progressive-reveal.d.ts

@@ -1,6 +1,7 @@
 import { type RefObject } from "react";
-import type { DilDocument } from "../runtime/document";
-import { type ProgressiveReveal } from "./reveal-options";
-import { RevealController } from "./reveal/controller";
+import type { DilDocument } from "../runtime/document.js";
+import type { RendererViewport } from "../renderer-environment.js";
+import { type ProgressiveReveal } from "./reveal-options.js";
+import { RevealController } from "./reveal/controller.js";
 export declare function revealDelay(index: number, staggerMs?: number): number;
-export declare function useProgressiveReveal(root: RefObject<HTMLElement | null>, options: ProgressiveReveal, document: DilDocument | null): RevealController;
+export declare function useProgressiveReveal(root: RefObject<HTMLElement | null>, options: ProgressiveReveal, document: DilDocument | null, viewport?: RendererViewport): RevealController;

package/dist/types/dil/view/render-boundary.d.ts

@@ -1,8 +1,12 @@
 import { Component, type ReactNode } from "react";
+import type { DilDocument } from "../runtime/document.js";
+import type { DilRenderError } from "../render-error.js";
 interface RenderBoundaryProps {
     revision: string;
     streaming: boolean;
     children: ReactNode;
+    /** Receives the error readers see once the message is final. */
+    onError?: ((message: string) => void) | undefined;
 }
 interface BoundaryState {
     error: string;
@@ -17,6 +21,15 @@ export declare class RenderBoundary extends Component<RenderBoundaryProps, Bound
     static getDerivedStateFromError(error: unknown): {
         error: string;
     };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    private reportShownError;
     render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 }
+/**
+ * Reports a problem that readers see once the message is final; until then,
+ * later source can still resolve it. Reporting from an effect keeps the host's
+ * onError out of React's render phase. The document drops repeated reports.
+ */
+export declare function useReportProblem(document: DilDocument, problem: DilRenderError | undefined): void;
 export {};

package/dist/types/dil/view/render-limit.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { DilDocument } from "../runtime/document";
+import type { DilDocument } from "../runtime/document.js";
 type BudgetDocument = Pick<DilDocument, "renderBudget" | "reportRenderLimit">;
 export declare const RenderAllowance: import("react").Context<number>;
 export interface RenderLimitProps {

package/dist/types/dil/view/repeated-nodes.d.ts

@@ -1,7 +1,7 @@
-import type { DilNode } from "../parser/types";
-import type { ChildList } from "../runtime/child-list";
-import type { DilDocument } from "../runtime/document";
-import type { Scope } from "../runtime/expressions";
+import type { DilNode } from "../parser/types.js";
+import type { ChildList } from "../runtime/child-list.js";
+import type { DilDocument } from "../runtime/document.js";
+import type { Scope } from "../runtime/expressions.js";
 interface RepeatedNodesProps {
     node: DilNode;
     childrenIds: ChildList;

package/dist/types/dil/view/reveal/controller.d.ts

@@ -1,5 +1,5 @@
-import type { PresentationHistory } from "../../runtime/presentation-history";
-import type { RevealTiming } from "../reveal-options";
+import type { PresentationHistory } from "../../runtime/presentation-history.js";
+import type { RevealTiming } from "../reveal-options.js";
 export declare class RevealController {
     readonly history: PresentationHistory;
     private readonly viewport;
@@ -17,6 +17,13 @@ export declare class RevealController {
     configure(timing: RevealTiming | null): void;
     start(): () => void;
     register(key: string, element: HTMLElement, eligible: boolean, skip: boolean): () => void;
+    /**
+     * Stops tracking a target. A reveal in progress completes at once. A target
+     * that never started revealing stays "ready" in history, so registering it
+     * again, as React does when it replays refs, reveals it.
+     */
+    private release;
+    private restore;
     private prepare;
     private finish;
     showAll(): void;

package/dist/types/dil/view/reveal/presentation.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { RevealController } from "./controller";
+import type { RevealController } from "./controller.js";
 export declare const RevealContext: import("react").Context<RevealController | null>;
 export declare function usePresentationKey(identity: string): string;
 export declare function usePresentationTarget(identity: string, eligible?: boolean): (element: HTMLElement | null) => void;

package/dist/types/dil/view/scroll/controller.d.ts

@@ -1,21 +1,35 @@
-import type { scrollSettings } from "../scroll-options";
+import type { scrollSettings } from "../scroll-options.js";
+import type { ScrollRootTracker } from "./root-tracker.js";
+import { ScrollRoot } from "./scroll-root.js";
 type Settings = ReturnType<typeof scrollSettings>;
+/** Listens for reading gestures inside the scroller that `scope` returns (null: the page). */
+export type GestureListener = (view: Window, pause: () => void, scope: () => ScrollRoot) => () => void;
 /** One moving-target animation per message. Native smooth scrolling would restart on each chunk. */
 export declare class ScrollFollower {
     private readonly element;
     private readonly settings;
     private readonly changed;
+    private readonly roots?;
     private readonly view;
+    private readonly page;
     private readonly reduced;
     private readonly observer;
     private readonly unlisten;
+    private readonly unsubscribe;
     private releaseAnchor;
+    private observed;
     private frame;
     private previous;
     private position;
     private following;
     private notified;
-    constructor(element: HTMLElement, settings: () => Settings, changed: (following: boolean) => void, listen: (view: Window, pause: () => void) => () => void);
+    private ended;
+    /** How far the last tick left the view from the message's end. */
+    private gap;
+    constructor(element: HTMLElement, settings: () => Settings, changed: (following: boolean) => void, listen: GestureListener, roots?: ScrollRootTracker | undefined);
+    private get root();
+    /** Moves anchoring and size observation to the current scroller. */
+    private rebind;
     private report;
     start(): void;
     end(): void;

package/dist/types/dil/view/scroll/host-viewport.d.ts

@@ -0,0 +1,24 @@
+import type { RendererViewport } from "../../renderer-environment.js";
+import type { ScrollRootTracker } from "./root-tracker.js";
+/**
+ * The visible area of a host or Shadow DOM renderer, measured from the
+ * renderer's top like the iframe runtime's frame viewport, so that layout
+ * outside the renderer never shifts virtualized positions.
+ */
+export declare class HostViewport implements RendererViewport {
+    private readonly target;
+    private readonly roots;
+    private readonly listeners;
+    private stop;
+    private last;
+    constructor(target: () => HTMLElement | null, roots: ScrollRootTracker);
+    private measure;
+    get offset(): number;
+    get height(): number;
+    get width(): number;
+    origin(): number;
+    scrollTo(offset: number): void;
+    subscribe(listener: () => void): () => void;
+    private notify;
+    private observe;
+}

package/dist/types/dil/view/scroll/root-tracker.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from "react";
+import { type ScrollContainer } from "../scroll-options.js";
+import { ScrollRoot } from "./scroll-root.js";
+/** Keeps track of the scroller around one renderer and announces when it changes. */
+export declare class ScrollRootTracker {
+    private root;
+    private readonly listeners;
+    /** The tracked scroller, or null before the renderer is attached. */
+    get current(): ScrollRoot | null;
+    /** The tracked scroller, or the window of `element` before tracking starts. */
+    rootFor(element: Element): ScrollRoot | null;
+    subscribe(listener: () => void): () => void;
+    /** Follows `target`'s scroller until the returned cleanup runs. */
+    attach(target: HTMLElement, container: ScrollContainer): () => void;
+}
+/** The scroller around `target`; `enabled` is false where an outer frame owns scrolling. */
+export declare function useScrollRoot(target: RefObject<HTMLElement | null>, option: unknown, enabled?: boolean): ScrollRootTracker;

package/dist/types/dil/view/scroll/scroll-root.d.ts

@@ -0,0 +1,36 @@
+/** Visible part of a scrolling viewport, in client coordinates. */
+export interface ScrollBounds {
+    top: number;
+    bottom: number;
+    width: number;
+}
+/** The window or element whose scrolling moves a renderer. */
+export declare class ScrollRoot {
+    readonly view: Window;
+    /** The scrolling element, or null when the window scrolls. */
+    readonly element: HTMLElement | null;
+    constructor(view: Window, 
+    /** The scrolling element, or null when the window scrolls. */
+    element: HTMLElement | null);
+    get top(): number;
+    get maximum(): number;
+    /** The scroller's visible area, clipped to the window when it extends beyond it. */
+    bounds(): ScrollBounds;
+    scrollTo(top: number): void;
+    /** The element whose `overflow-anchor` governs this scroller. */
+    get anchor(): HTMLElement;
+    /** Whether an event happened inside this scroller. The window contains every event. */
+    contains(event: Event): boolean;
+    /** Whether a pointer event pressed this scroller's own vertical scrollbar. */
+    scrollbar(event: PointerEvent): boolean;
+}
+/** The nearest ancestor that scrolls, across Shadow DOM boundaries, or null for the window. */
+export declare function findScrollContainer(start: Element): HTMLElement | null;
+/**
+ * Calls `listener` in the capture phase for scroll events that can move
+ * `target`. Scroll events do not cross Shadow DOM boundaries, so besides the
+ * document this listens on every shadow root around `target`.
+ */
+export declare function listenForScroll(target: Element, listener: (event: Event) => void): () => void;
+/** Whether `node` is `element` or one of its flat-tree ancestors. */
+export declare function encloses(node: Node, element: Element): boolean;

package/dist/types/dil/view/scroll-options.d.ts

@@ -1,10 +1,25 @@
+import type { RefObject } from "react";
 export interface AutoScrollOptions {
     behavior?: "instant" | "smooth";
     /** Extra distance beyond the message tail, clamped to available document space. */
     padding?: number;
 }
 export type AutoScroll = boolean | AutoScrollOptions;
+/**
+ * What scrolls the conversation around a renderer. `"auto"` uses the nearest
+ * ancestor that scrolls vertically, crossing Shadow DOM boundaries, and the
+ * window when none does; it re-checks when layout changes. `"window"` always
+ * uses the page. An element, or a ref to one, names the scroller directly; a
+ * ref that is still empty, or `null`, behaves like `"auto"`.
+ */
+export type ScrollContainer = "auto" | "window" | HTMLElement | RefObject<HTMLElement | null> | null;
 export declare function scrollSettings(value: AutoScroll): {
     behavior: "instant" | "smooth";
     padding: number;
 } | null;
+/** Checks the option at the API boundary; untyped callers can pass anything. */
+export declare function readScrollContainer(value: unknown): ScrollContainer;
+/** Whether the option fixes the scroller for good: the window or an element, not a ref. */
+export declare function namesScroller(value: ScrollContainer): value is HTMLElement | "window";
+/** The element the option names right now, `null` for the window, or undefined to detect it. */
+export declare function chosenScroller(value: ScrollContainer): HTMLElement | null | undefined;

package/dist/types/dil/view/stream-follow.d.ts

@@ -1,8 +1,15 @@
 import { type RefObject } from "react";
-import { type AutoScroll } from "./scroll-options";
-export declare function listenForScrollAway(view: Window, pause: () => void): () => void;
+import { type AutoScroll } from "./scroll-options.js";
+import type { ScrollRootTracker } from "./scroll/root-tracker.js";
+import { ScrollRoot } from "./scroll/scroll-root.js";
+/**
+ * Pauses on reading gestures inside the scroller that `scope` returns. With a
+ * scroll container, gestures elsewhere on the page, such as wheeling a
+ * sidebar, leave following alone.
+ */
+export declare function listenForScrollAway(view: Window, pause: () => void, scope?: () => ScrollRoot): () => void;
 /** Only deliberate reading gestures suspend following, never layout or anchor adjustments. */
-export declare function useStreamFollow(root: RefObject<HTMLElement | null>, options: AutoScroll, streaming: boolean, onChange?: ((following: boolean) => void) | undefined): {
+export declare function useStreamFollow(root: RefObject<HTMLElement | null>, options: AutoScroll, streaming: boolean, onChange?: ((following: boolean) => void) | undefined, scroller?: ScrollRootTracker): {
     pause: () => void | undefined;
     resume: () => void | undefined;
 };

package/dist/types/dil/view/table-context.d.ts

@@ -1,5 +1,5 @@
 import { type FocusEvent, type ReactNode } from "react";
-export declare const TableScope: import("react").Context<false | "row" | "body">;
+export declare const TableScope: import("react").Context<false | "body" | "row">;
 interface RowMeasurement {
     index: number;
     group: string;

package/dist/types/dil/view/virtual-flow.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
-import type { ChildList } from "../runtime/child-list";
-import type { DilDocument } from "../runtime/document";
-import type { Scope } from "../runtime/expressions";
+import type { ChildList } from "../runtime/child-list.js";
+import type { DilDocument } from "../runtime/document.js";
+import type { Scope } from "../runtime/expressions.js";
 export interface VirtualFlowProps {
     identity?: string;
     count: number;

package/dist/types/dil/widgets/action-feedback.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 import type { StoreApi } from "zustand/vanilla";
-import type { DocumentStatus } from "../runtime/document";
+import type { DocumentStatus } from "../runtime/document.js";
 export type ActionFeedback = "idle" | "copied" | "failed";
 /** Shows the clipboard outcome of the action this control started, briefly. */
 export declare function useActionFeedback(status: StoreApi<DocumentStatus>): readonly [ActionFeedback, (result: unknown) => void];

package/dist/types/dil/widgets/charts/chart-hover.d.ts

@@ -0,0 +1,17 @@
+import type { ChartItem } from "./chart-selection.js";
+/** The datum under the pointer: one row of one series, or one pie slice. */
+export interface ChartTarget {
+    index: number;
+    item: ChartItem;
+    row: Record<string, unknown>;
+}
+export interface ChartHit {
+    target: ChartTarget;
+    clientX: number;
+    clientY: number;
+}
+/**
+ * Coalesces pointer updates to one per animation frame. The latest update wins,
+ * so leaving one mark and entering the next does not close and reopen the tooltip.
+ */
+export declare function useFrameHover(onHover: (hit: ChartHit | null) => void): (hit: ChartHit | null) => void;

package/dist/types/dil/widgets/charts/chart-legend.d.ts

@@ -1,4 +1,4 @@
-import type { ChartItem } from "./chart-selection";
+import type { ChartItem } from "./chart-selection.js";
 export interface ChartLegendProps {
     items: readonly ChartItem[];
     hidden: ReadonlySet<string>;

package/dist/types/dil/widgets/charts/chart-pie.d.ts

@@ -0,0 +1,16 @@
+import type { ChartHit, ChartTarget } from "./chart-hover.js";
+export interface ChartPieProps {
+    slices: readonly ChartTarget[];
+    valueKey: string;
+    nameKey: string;
+    /** Slice emphasized from the legend. Slice hover and focus emphasis is CSS-only. */
+    emphasized: string | null;
+    hover: (hit: ChartHit | null) => void;
+    highlight: (id: string | null) => void;
+}
+/**
+ * Recharts remounts every sector whenever a Pie re-renders, which loses the
+ * pointer and keyboard focus. Memoize the Pie so hover and focus state do not
+ * re-render it.
+ */
+export declare const ChartPie: import("react").NamedExoticComponent<ChartPieProps>;

package/dist/types/dil/widgets/charts/chart-series.d.ts

@@ -1,4 +1,5 @@
-import type { ChartItem } from "./chart-selection";
+import type { ChartHit } from "./chart-hover.js";
+import type { ChartItem } from "./chart-selection.js";
 export interface ChartSeriesProps {
     item: ChartItem;
     index: number;
@@ -7,5 +8,12 @@ export interface ChartSeriesProps {
     muted: boolean;
     rows: Record<string, unknown>[];
     highlight: (id: string | null) => void;
+    /** Bar hover: report the bar under the pointer, or null after leaving it. */
+    hover: (hit: ChartHit | null) => void;
+    /**
+     * Show Recharts' own active dots. Only keyboard navigation wants them; on pointer
+     * hover Recharts keeps a stale active index next to the snapped point.
+     */
+    markers: boolean;
 }
-export declare function ChartSeries({ item, index, type, hidden, muted, rows, highlight, }: ChartSeriesProps): import("react").JSX.Element;
+export declare function ChartSeries({ item, index, type, hidden, muted, rows, highlight, hover, markers, }: ChartSeriesProps): import("react").JSX.Element;

package/dist/types/dil/widgets/charts/chart-snapping.d.ts

@@ -1,8 +1,6 @@
-import type { ChartItem } from "./chart-selection";
-export interface ChartPoint {
-    index: number;
-    item: ChartItem;
-    row: Record<string, unknown>;
+import type { ChartItem } from "./chart-selection.js";
+import type { ChartTarget } from "./chart-hover.js";
+export interface ChartPoint extends ChartTarget {
     x: number;
     y: number;
     value: number;

package/dist/types/dil/widgets/charts/snap-cursor.d.ts

@@ -1,10 +1,5 @@
-import { type ChartPoint } from "./chart-snapping";
-import type { ChartItem } from "./chart-selection";
-export interface ChartHit {
-    point: ChartPoint;
-    clientX: number;
-    clientY: number;
-}
+import { type ChartHit } from "./chart-hover.js";
+import type { ChartItem } from "./chart-selection.js";
 export interface SnapCursorProps {
     rows: Record<string, unknown>[];
     items: readonly ChartItem[];
@@ -13,4 +8,5 @@ export interface SnapCursorProps {
     hit: ChartHit | null;
     onHover: (hit: ChartHit | null) => void;
 }
+/** Line and scatter hover: snap from anywhere in the plot to the nearest datum. */
 export declare function SnapCursor({ rows, items, xKey, scatter, hit, onHover, }: SnapCursorProps): import("react").JSX.Element | null;

package/dist/types/dil/widgets/charts/snap-tooltip.d.ts

@@ -1,10 +1,12 @@
-import type { ChartItem } from "./chart-selection";
-import type { ChartHit } from "./snap-cursor";
+import type { ChartItem } from "./chart-selection.js";
+import type { ChartHit } from "./chart-hover.js";
 export interface SnapTooltipProps {
     hit: ChartHit | null;
     items: readonly ChartItem[];
+    /** category: x label with every visible series; scatter: x and y; slice: one pie slice. */
+    kind: "category" | "scatter" | "slice";
     xKey: string;
-    scatter: boolean;
+    valueKey: string;
     onHover: (hit: ChartHit | null) => void;
 }
-export declare function SnapTooltip({ hit, items, xKey, scatter, onHover, }: SnapTooltipProps): import("react").JSX.Element | null;
+export declare function SnapTooltip({ hit, items, kind, xKey, valueKey, onHover, }: SnapTooltipProps): import("react").JSX.Element | null;

package/dist/types/dil/widgets/code-block.d.ts

@@ -1,4 +1,4 @@
-import type { DilDocument } from "../runtime/document";
+import type { DilDocument } from "../runtime/document.js";
 export interface CodeBlockProps {
     source: string;
     language: string;

package/dist/types/dil/widgets/controls.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 import type { StoreApi } from "zustand/vanilla";
-import type { DocumentStatus } from "../runtime/document";
-import { type Attributes } from "./primitives/attribute-values";
+import type { DocumentStatus } from "../runtime/document.js";
+import { type Attributes } from "./primitives/attribute-values.js";
 export declare const PopoverTriggerScope: import("react").Context<boolean>;
 export interface ControlProps {
     attributes: Attributes;

package/dist/types/dil/widgets/graphs/node-graph.d.ts

@@ -1,4 +1,4 @@
-import { type Attributes } from "../primitives/attribute-values";
+import { type Attributes } from "../primitives/attribute-values.js";
 export interface NodeGraphProps {
     attributes: Attributes;
     presentationRef?: ((element: HTMLElement | null) => void) | undefined;

package/dist/types/dil/widgets/graphs/service-node.d.ts

@@ -1,3 +1,3 @@
 import { type NodeProps } from "@xyflow/react";
-import type { ServiceGraphNode } from "./graph-model";
+import type { ServiceGraphNode } from "./graph-model.js";
 export declare function ServiceNode({ data, selected }: NodeProps<ServiceGraphNode>): import("react").JSX.Element;

package/dist/types/dil/widgets/primitives/primitive.d.ts

@@ -1,8 +1,8 @@
 import { type ReactNode } from "react";
-import type { DilNode } from "../../parser/types";
-import type { DilDocument } from "../../runtime/document";
-import type { Scope } from "../../runtime/expressions";
-import { type Attributes } from "./attribute-values";
+import type { DilNode } from "../../parser/types.js";
+import type { DilDocument } from "../../runtime/document.js";
+import type { Scope } from "../../runtime/expressions.js";
+import { type Attributes } from "./attribute-values.js";
 export interface PrimitiveProps {
     node: DilNode;
     attributes: Attributes;

package/dist/types/index.d.ts

@@ -1,8 +1,9 @@
-export { DilRenderer } from "./dil/dil-renderer";
-export type { DilRendererHandle } from "./dil/renderer-handle";
-export type { AutoScroll, AutoScrollOptions } from "./dil/view/scroll-options";
-export type { UpdateInterval } from "./dil/runtime/presentation-scheduler";
-export type { DilRendererProps, DilHostRendererProps, DilShadowRendererProps, DilIsolatedRendererProps, } from "./dil/dil-renderer";
-export type { DilComponentProps, DilCustomization } from "./dil/customization";
-export type { RendererMetrics } from "./dil/renderer-environment";
-export type { ProgressiveRevealOptions, ProgressiveReveal, } from "./dil/view/reveal-options";
+export { DilRenderer, preloadHostRenderer } from "./dil/dil-renderer.js";
+export type { DilRendererHandle } from "./dil/renderer-handle.js";
+export type { AutoScroll, AutoScrollOptions, ScrollContainer, } from "./dil/view/scroll-options.js";
+export type { UpdateInterval } from "./dil/runtime/presentation-scheduler.js";
+export type { DilRendererProps, DilHostRendererProps, DilShadowRendererProps, DilIsolatedRendererProps, } from "./dil/dil-renderer.js";
+export type { DilComponentProps, DilCustomization } from "./dil/customization.js";
+export type { RendererMetrics } from "./dil/renderer-environment.js";
+export type { DilRenderError, DilRenderErrorKind } from "./dil/render-error.js";
+export type { ProgressiveRevealOptions, ProgressiveReveal, } from "./dil/view/reveal-options.js";

package/dist/types/ui.d.ts

@@ -1,8 +1,11 @@
-export { Button, buttonVariants } from "./components/ui/controls/button";
-export { ToggleGroup, ToggleGroupItem, } from "./components/ui/controls/toggle-group";
-export { UiScope } from "./components/ui/overlays/ui-scope";
-export { Popover, PopoverTrigger, PopoverContent, } from "./components/ui/overlays/popover";
-export { Tooltip } from "./components/ui/overlays/tooltip";
-export { Input } from "./components/ui/controls/input";
-export { Checkbox } from "./components/ui/controls/checkbox";
-export { Slider } from "./components/ui/controls/slider";
+export { Button, buttonVariants } from "./components/ui/controls/button.js";
+export { ToggleGroup, ToggleGroupItem, } from "./components/ui/controls/toggle-group.js";
+export { UiScope } from "./components/ui/overlays/ui-scope.js";
+export { Popover, PopoverTrigger, PopoverContent, } from "./components/ui/overlays/popover.js";
+export { Tooltip } from "./components/ui/overlays/tooltip.js";
+export { Input } from "./components/ui/controls/input.js";
+export { Checkbox } from "./components/ui/controls/checkbox.js";
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from "./components/ui/overlays/collapsible.js";
+export { Tabs, TabsList, TabsTrigger, TabsContent, } from "./components/ui/controls/tabs.js";
+export { Slider } from "./components/ui/controls/slider.js";
+export { Select, SelectValue, SelectGroup, SelectPortal, SelectViewport, SelectItemIndicator, SelectItemText, SelectTrigger, SelectContent, SelectItem, SelectLabel, } from "./components/ui/controls/select.js";

package/dist/ui.js

@@ -1,2 +1,2 @@
 "use client";
-import{b as o,c as r,d as e,e as t,g as p,h as m,i as x,j as f,k as g,l as n,m as i,n as u}from"./chunk-ZWAN2JCV.js";export{m as Button,f as Checkbox,g as Input,r as Popover,t as PopoverContent,e as PopoverTrigger,n as Slider,i as ToggleGroup,u as ToggleGroupItem,x as Tooltip,o as UiScope,p as buttonVariants};
+import{a as r,b as p,c,d as m,e as f,f as d,h as u,i as b,j as g,k as C,l as P,m as T,n as x,o as S}from"./chunk-RPZW4WVX.js";import{Collapsible as s}from"radix-ui";import{jsx as a}from"react/jsx-runtime";function v(e){return a(s.Root,{"data-slot":"collapsible",...e})}function y(e){return a(s.Trigger,{"data-slot":"collapsible-trigger",...e})}function I(e){return a(s.Content,{"data-slot":"collapsible-content",...e})}import{Tabs as i}from"radix-ui";import{jsx as l}from"react/jsx-runtime";function w(e){return l(i.Root,{"data-slot":"tabs",...e})}function h({className:e,...t}){return l(i.List,{"data-slot":"tabs-list",className:r("inline-flex w-fit items-center rounded-lg bg-secondary p-1",e),...t})}function L({className:e,...t}){return l(i.Trigger,{"data-slot":"tabs-trigger",className:r("inline-flex h-8 items-center justify-center gap-2 rounded-md px-2 text-sm font-medium text-foreground whitespace-nowrap outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:shadow-sm",e),...t})}function V(e){return l(i.Content,{"data-slot":"tabs-content",...e})}import{Select as o}from"radix-ui";import{jsx as n}from"react/jsx-runtime";var N=o.Root,G=o.Value,R=o.Group,k=o.Viewport,z=o.ItemIndicator,B=o.ItemText;function U(e){let{container:t}=p();return n(o.Portal,{container:t,...e})}function q({className:e,...t}){return n(o.Trigger,{"data-slot":"select-trigger",className:r("inline-flex items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:opacity-50",e),...t})}function A({className:e,...t}){return n(o.Content,{"data-slot":"select-content",className:r("z-50 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",e),...t})}function D({className:e,...t}){return n(o.Item,{"data-slot":"select-item",className:r("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...t})}function E({className:e,...t}){return n(o.Label,{"data-slot":"select-label",className:r("px-2 py-1.5 text-xs font-medium",e),...t})}export{b as Button,C as Checkbox,v as Collapsible,I as CollapsibleContent,y as CollapsibleTrigger,P as Input,m as Popover,d as PopoverContent,f as PopoverTrigger,N as Select,A as SelectContent,R as SelectGroup,D as SelectItem,z as SelectItemIndicator,B as SelectItemText,E as SelectLabel,U as SelectPortal,q as SelectTrigger,G as SelectValue,k as SelectViewport,T as Slider,w as Tabs,V as TabsContent,h as TabsList,L as TabsTrigger,x as ToggleGroup,S as ToggleGroupItem,g as Tooltip,c as UiScope,u as buttonVariants};

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@snackbit/opendil",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Streaming interactive documents for React using Dynamic Interface Language",
   "type": "module",
+  "types": "./dist/types/index.d.ts",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -22,6 +23,8 @@
   },
   "files": [
     "dist",
+    "!dist/test",
+    "!dist/.opendil-manifest.json",
     "styles",
     "bin",
     "THIRD_PARTY_NOTICES.md"
@@ -40,7 +43,14 @@
     "./ui": {
       "types": "./dist/types/ui.d.ts",
       "import": "./dist/ui.js"
-    }
+    },
+    "./agent-spec": {
+      "types": "./dist/types/agent-spec.d.ts",
+      "default": "./dist/agent-spec.js"
+    },
+    "./spec/genui.agent.md": "./dist/spec/genui.agent.md",
+    "./spec/genui.agent.full.md": "./dist/spec/genui.agent.full.md",
+    "./spec/genui.examples.md": "./dist/spec/genui.examples.md"
   },
   "bin": {
     "opendil": "./bin/opendil.mjs"
@@ -50,6 +60,7 @@
   },
   "scripts": {
     "build": "node scripts/build.mjs",
+    "prepack": "node scripts/prune-dist.mjs",
     "typecheck": "tsc --noEmit -p tsconfig.json"
   },
   "peerDependencies": {