@vireo-ai/trellis-ui 0.1.21 → 0.1.23

package/packages/client/types/directives/sortable.d.ts

@@ -2,7 +2,7 @@ import type Alpine from 'alpinejs';
 declare const groupSchema: {
     sortableScope: import("../runtime/codecs").StringCodec;
     sortableId: import("../runtime/codecs").StringCodec;
-    orientation: import("../runtime/codecs").OneOfCodec<"vertical" | "horizontal" | "grid">;
+    orientation: import("../runtime/codecs").OneOfCodec<"grid" | "vertical" | "horizontal">;
     columns: import("../runtime/codecs").NumberCodec;
     accepts: import("../runtime/codecs").JsonCodec<string[]>;
     disabled: import("../runtime/codecs").BoolCodec;

package/packages/client/types/index.d.ts

@@ -1,16 +1,8 @@
 import type { Alpine as AlpineType } from 'alpinejs';
-import { motion } from './motion';
-import { bool, createAlpineMachine, createMachine, createResizable, createSortableRegistry, decodeProps, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, sortable } from './runtime';
-import { ui } from './runtime/ui';
 type TrellisUIPlugin = (AlpineInstance: AlpineType) => void;
 declare const trellisUi: TrellisUIPlugin;
-export { trellisUi, ui };
+export { trellisUi };
 export default trellisUi;
 export type { TrellisUIPlugin };
-export type { ModalCancelDetail, UiDropdownApi, UiInputApi, UiModalApi, UiModalTriggerApi, UiPanelsApi } from './components/runtime';
-export { motion };
-export { createTransitionCoordinator, defineHook } from './runtime';
-export { registerTransitionDirective } from './directives';
-export { bool, createAlpineMachine, createMachine, createResizable, createSortableRegistry, decodeProps, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, sortable, };
-export type { AlpineMachine, AlpineMachineOwner, AlpinePropsChangedEvent, CodecFn, ComponentManifest, CreateAlpineMachineOptions, DecodePropsOptions, Machine, MachineConfig, MachineEffect, MachineEffectList, MachineEffectRef, MachineEntry, MachineEvent, MachineEventObject, MachineGuard, MachineOptions, MachineReducer, MachineReducerList, MachineReducerRef, MachineScope, MachineSnapshot, MachineStateConfig, MachineStateValue, MachineTransition, MachineTransitionDefinition, MachineUpdate, SortableCanDropContext, SortableDragDetail, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, MachineFactoryScope, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResizableOptions, ResizeAxis, ResizeDirection, ResizeEvent, SortableAnchor, SortableCancelReason, SortableDirection, SortableDropDetail, SortableEdge, SortableFeedback, SortableGroup, SortableIndicatorFrame, SortableInsertSource, SortableMoveSource, SortableOperation, SortableOrientation, SortablePlacement, SortableReorderOffset, SortableSource, UiSortableService, ResizeMode, ResizePhase, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, TrellisAlpineComponent, AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionHookDefinition, UiRuntime, } from './runtime';
-export type { Controller, ControllerDefinitions, ControllerOptions, ControllerScalar, ControllerState, ControllerValueDefinition, ControllerValues, MotionHandle, MotionKeyframePreset, MotionPlanOptions, MotionPreference, MotionSpeed, MotionTransition, MotionTarget, StyleProjection, ViewPreset, ViewOptions, ViewScope, } from './motion';
+export * from './core';
+export * from './components/entry.generated';

package/packages/client/types/motion/animate.d.ts

@@ -1,4 +1,4 @@
-import { type AnimationPlaybackControls } from '../motion';
+import { type AnimationPlaybackControls } from 'motion';
 type MotionHandle = PromiseLike<void> & {
     finished: Promise<void>;
     cancel(): void;

package/packages/client/types/motion/controller.d.ts

@@ -1,4 +1,4 @@
-import { type ValueAnimationTransition } from '../motion';
+import { type ValueAnimationTransition } from 'motion';
 import { type MotionHandle } from './animate';
 import { type MotionPreference } from './reduced-motion';
 type ControllerScalar = string | number;

package/packages/client/types/motion/index.d.ts

@@ -36,7 +36,7 @@ declare const motion: ((subject: import("./subject").MotionSubject) => import(".
         readonly inOut: readonly [0.77, 0, 0.175, 1];
     };
     readonly createController: <T extends import("./controller").ControllerDefinitions>(options: import("./controller").ControllerOptions<T>) => import("./controller").Controller<import("./controller").ControllerState<T>>;
-    readonly withReducedMotion: <T extends import("../motion").AnimationOptions>(options: T, reducedOptions?: Partial<T>, preference?: import("./reduced-motion").MotionPreference) => T;
+    readonly withReducedMotion: <T extends import("motion").AnimationOptions>(options: T, reducedOptions?: Partial<T>, preference?: import("./reduced-motion").MotionPreference) => T;
     readonly view: (update: () => void | Promise<void>, options?: import("./view").ViewOptions) => import("./animate").MotionHandle;
 };
 export { motion };

package/packages/client/types/motion/owned.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationPlaybackControls } from '../motion';
+import type { AnimationPlaybackControls } from 'motion';
 import { type MotionHandle } from './animate';
 import { type ActiveMotion, type MotionProperty } from './registry';
 declare const ownMotion: (element: Element, start: (previous?: ActiveMotion) => Pick<AnimationPlaybackControls, "finished" | "cancel" | "stop" | "complete">, properties: ReadonlySet<MotionProperty>, signal?: AbortSignal | null, cleanup?: () => void) => MotionHandle;

package/packages/client/types/motion/plan.d.ts

@@ -1,4 +1,4 @@
-import { type DOMKeyframesDefinition } from '../motion';
+import { type DOMKeyframesDefinition } from 'motion';
 import { type MotionHandle } from './animate';
 import { type MotionSpeed, type MotionTransition } from './recipe';
 import { type ResizeOptions } from './resize';

package/packages/client/types/motion/recipe.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationOptions, DOMKeyframesDefinition } from '../motion';
+import type { AnimationOptions, DOMKeyframesDefinition } from 'motion';
 type MotionSpeedName = 'fast' | 'moderate' | 'slow';
 type DurationSpeed = Readonly<{
     duration: number;

package/packages/client/types/motion/reduced-motion.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationOptions, DOMKeyframesDefinition } from '../motion';
+import type { AnimationOptions, DOMKeyframesDefinition } from 'motion';
 type MotionPreference = 'user' | 'always' | 'never';
 declare const reducedMotionQuery = "(prefers-reduced-motion: reduce)";
 declare const prefersReducedMotion: () => boolean;

package/packages/client/types/motion/targets.d.ts

@@ -1,3 +1,4 @@
+import { MOTION_KEY_ATTR, MOTION_LAYOUT_ATTR, markLayoutParticipant } from '../runtime/layout-participant';
 type MotionTarget = Element | string | {
     selector: string;
 } | {
@@ -14,15 +15,9 @@ type ResolvedViewTarget = {
     subject: ViewTargetDefinition;
     newSubject?: ViewTargetDefinition;
 };
-declare const MOTION_KEY_ATTR = "data-ui-motion-key";
-declare const MOTION_LAYOUT_ATTR = "data-ui-motion-layout";
 declare const cssEscape: (value: string) => string;
 declare const keySelector: (key: string) => string;
 declare const partSelector: (part: string) => string;
 declare const resolveViewTargets: (scope?: ViewScope, targets?: MotionTarget | MotionTarget[] | null) => ResolvedViewTarget[];
-declare const markLayoutParticipant: (scope?: ViewScope, options?: {
-    key?: string;
-    layout?: boolean;
-}) => (() => void);
 export { MOTION_KEY_ATTR, MOTION_LAYOUT_ATTR, cssEscape, keySelector, markLayoutParticipant, partSelector, resolveViewTargets, };
 export type { MotionTarget, ResolvedViewTarget, ViewScope, ViewTargetDefinition };

package/packages/client/types/motion/view.d.ts

@@ -1,4 +1,4 @@
-import { type AnimationOptions, type DOMKeyframesDefinition, type ViewTransitionOptions } from '../motion';
+import { type AnimationOptions, type DOMKeyframesDefinition, type ViewTransitionOptions } from 'motion';
 import { type MotionHandle } from './animate';
 import { type MotionPreference } from './reduced-motion';
 import { type MotionTarget, type ViewScope } from './targets';

package/packages/client/types/runtime/engine/stream.d.ts

@@ -1,11 +1,14 @@
 import type Alpine from 'alpinejs';
+import { type AssetDescriptor } from '../../assets/bridge';
 type PatchMode = 'morph' | 'outer' | 'replace' | 'update' | 'append' | 'prepend' | 'before' | 'after' | 'remove';
 type StreamPatchPayload = {
     html?: string | null;
     target?: string | null;
     selector?: string | null;
     mode?: PatchMode | null;
+    requestId?: string | null;
     viewTransition?: boolean;
+    assets?: AssetDescriptor[];
 };
 type StreamEventPayload = {
     event: string;
@@ -36,9 +39,10 @@ type StreamLifecycle = {
     reset?(data: string): void;
     error?(data: string): void;
 };
+type StreamPatchAnimator = (AlpineInstance: StreamAlpine, patches: StreamPatchPayload[], update: () => void) => void;
 type MorphOptions = {
     key?(el: HTMLElement): string | null;
-    updating?(from: Node, to: Node): void;
+    updating?(from: Node, to: Node, childrenOnly?: () => void, skip?: () => void, skipChildren?: () => void, skipUntil?: (predicate: (node: Node) => boolean) => void): void;
     updated?(from: Node, to: Node): void;
 };
 type StreamAlpine = Pick<Alpine.Alpine, 'initTree'> & Partial<Pick<Alpine.Alpine, 'findClosest'>> & {
@@ -46,6 +50,7 @@ type StreamAlpine = Pick<Alpine.Alpine, 'initTree'> & Partial<Pick<Alpine.Alpine
 };
 declare const applyStreamPatchNow: (AlpineInstance: StreamAlpine, payload: StreamPatchPayload) => void;
 declare const applyStreamPatches: (AlpineInstance: StreamAlpine, payload: StreamPatchPayload | StreamPatchPayload[]) => void;
+declare const registerStreamPatchAnimator: (animator: StreamPatchAnimator) => void;
 declare const applyStreamPatch: (AlpineInstance: StreamAlpine, payload: StreamPatchPayload) => void;
 declare const dispatchStreamEvent: (payload: StreamEventPayload) => void;
 declare const applyUiEffect: (AlpineInstance: StreamAlpine, effect: UiEffectPayload) => void;
@@ -55,6 +60,7 @@ declare const streamUrl: (url: string, scopes?: string, client?: string) => stri
 declare const connectStream: (AlpineInstance: StreamAlpine, url: string, scopes?: string, client?: string, lifecycle?: StreamLifecycle) => StreamController;
 declare const registerStream: (AlpineInstance: Alpine.Alpine) => void;
 declare const setEffectRequestFilter: (filter: ((requestId: string | null) => boolean) | null) => void;
+declare const setMorphExclusionFilter: (filter: ((requestId: string | null, element: Element) => boolean) | null) => void;
 declare const setLocationEffectHandler: (handler: ((payload: LocationPayload) => boolean) | null) => void;
-export { applyUiEffect, applyUiEffects, applyStreamPatch, applyStreamPatchNow, applyStreamPatches, applySseFrame, connectStream, dispatchStreamEvent, registerStream, setEffectRequestFilter, setLocationEffectHandler, streamUrl, };
-export type { LocationPayload, PatchMode, SseFrame, StreamAlpine, StreamEventPayload, StreamPatchPayload, UiEffectPayload };
+export { applyUiEffect, applyUiEffects, applyStreamPatch, applyStreamPatchNow, applyStreamPatches, applySseFrame, connectStream, dispatchStreamEvent, registerStream, registerStreamPatchAnimator, setEffectRequestFilter, setMorphExclusionFilter, setLocationEffectHandler, streamUrl, };
+export type { LocationPayload, PatchMode, SseFrame, StreamAlpine, StreamEventPayload, StreamPatchAnimator, StreamPatchPayload, UiEffectPayload, };

package/packages/client/types/runtime/layout-participant.d.ts

@@ -0,0 +1,9 @@
+type LayoutScope = Element | Document | string | Iterable<Element>;
+declare const MOTION_KEY_ATTR = "data-ui-motion-key";
+declare const MOTION_LAYOUT_ATTR = "data-ui-motion-layout";
+declare const markLayoutParticipant: (scope?: LayoutScope, options?: {
+    key?: string;
+    layout?: boolean;
+}) => (() => void);
+export { MOTION_KEY_ATTR, MOTION_LAYOUT_ATTR, markLayoutParticipant };
+export type { LayoutScope };

package/packages/client/types/runtime/ui.d.ts

@@ -1,7 +1,7 @@
 import type Alpine from 'alpinejs';
-import { motion } from '../motion';
+import type { motion } from '../motion';
 import { del, get, post, put } from './engine/request';
-import { type UiSortableService } from './drag-and-drop/sortable';
+import type { sortable, UiSortableService } from './drag-and-drop/sortable';
 type UiRuntime = {
     readonly delete: typeof del;
     readonly get: typeof get;
@@ -11,7 +11,13 @@ type UiRuntime = {
     readonly motion: typeof motion;
     readonly sortable: UiSortableService;
 };
+type UiCapabilities = {
+    motion?: typeof motion;
+    sortable?: typeof sortable;
+};
 declare const ui: UiRuntime;
 declare const registerUiMagic: (AlpineInstance: Alpine.Alpine) => void;
-export { registerUiMagic, ui };
-export type { UiRuntime };
+declare const registerUiMotion: (value: typeof motion) => void;
+declare const registerUiSortable: (value: typeof sortable) => void;
+export { registerUiMagic, registerUiMotion, registerUiSortable, ui };
+export type { UiCapabilities, UiRuntime };

package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/bridge.js

@@ -0,0 +1 @@
+import{a as e,i as t,n,r,t as i}from"./chunks/bridge-B4S_D6hV.js";export{i as loadAssets,n as markAssetsRegistered,r as prepareInitialAssets,t as resetLoadedAssets,e as setAssetImporter};