@vireo-ai/trellis-ui 0.1.4 → 0.1.6

package/types/cdn.d.ts

@@ -0,0 +1,5 @@
+import trellisUi, { bool, className, create, createMachine, createResizable, createVisibilityMachine, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, motion, number, oneOf, propsFromSchema, resolveStyle, string, ui } from './index';
+export default trellisUi;
+export { trellisUi, ui };
+export { motion };
+export { bool, className, create, createMachine, createResizable, createVisibilityMachine, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, };

package/types/components/accordion/contract.d.ts

@@ -13,6 +13,8 @@ declare const accordionSchema: {
     orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
     defaultValue: import("../../runtime/codecs").StringCodec;
     defaultValues: import("../../runtime/codecs").StringCodec;
+    value: import("../../runtime/codecs").StringCodec;
+    values: import("../../runtime/codecs").StringCodec;
     loop: import("../../runtime/codecs").BoolCodec;
     iconPosition: import("../../runtime/codecs").OneOfCodec<"leading" | "trailing">;
     headingAs: import("../../runtime/codecs").OneOfCodec<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;

package/types/components/accordion/index.d.ts

@@ -18,12 +18,14 @@ type AccordionData = {
     items(): AccordionItem[];
     itemFromTrigger(trigger: HTMLElement): AccordionItem | null;
     initialValues(): string[];
+    propValues(): string[];
     normalizeValues(values: string[]): string[];
+    applyProps(changedKeys?: string[]): void;
     isItemOpen(item: AccordionItem): boolean;
     isItemDisabled(item: AccordionItem): boolean;
     canCollapseOpenItem(item: AccordionItem): boolean;
     toggleItem(item: AccordionItem, event?: Event): void;
-    setOpenValues(values: string[]): void;
+    setOpenValues(values: string[], dispatch?: boolean): void;
     syncAll(): void;
     syncRoot(): void;
     syncItem(item: AccordionItem): void;

package/types/components/combobox/index.d.ts

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type AnchoredPopover, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type AnchoredPopover, type BindingObject, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type ComboboxProps } from './contract';
 type PopoverElement = HTMLElement & {
@@ -16,7 +16,7 @@ type ComboboxOption = {
     visible: boolean;
 };
 type ComboboxData = {
-    isOpen: boolean;
+    readonly isOpen: boolean;
     query: string;
     selectedValues: string[];
     selectedLabels: string[];
@@ -24,6 +24,7 @@ type ComboboxData = {
     inputId: string;
     listboxId: string;
     props: ComboboxProps;
+    machine: Machine<Record<string, never>>;
     popover: AnchoredPopover | null;
     listboxMotion: PresenceLifecycle | null;
     listeners: Array<() => void>;
@@ -40,6 +41,8 @@ type ComboboxData = {
     enabledVisibleOptions(): ComboboxOption[];
     hasSelection(): boolean;
     hasClearValue(): boolean;
+    valuesFromProps(): string[];
+    applyProps(changedKeys?: string[]): void;
     open(event?: Event): void;
     close(event?: Event): void;
     toggle(event?: Event): void;

package/types/components/date-picker/index.d.ts

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type AnchoredPopover, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type AnchoredPopover, type BindingObject, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type DatePickerPreset, type DatePickerProps } from './contract';
 type CalendarElement = HTMLElement & {
@@ -13,7 +13,7 @@ type PopoverElement = HTMLElement & {
     hidePopover?: () => void;
 };
 type DatePickerData = {
-    isOpen: boolean;
+    readonly isOpen: boolean;
     value: string;
     pendingValue: string;
     presetValue: string;
@@ -21,6 +21,7 @@ type DatePickerData = {
     popoverId: string;
     liveMessage: string;
     props: DatePickerProps;
+    machine: Machine<Record<string, never>>;
     popover: AnchoredPopover | null;
     popoverMotion: PresenceLifecycle | null;
     listeners: Array<() => void>;

package/types/components/dropdown/index.d.ts

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type AnchoredPopover, type BindingObject, type CollectionNavigation, type TrellisAlpineComponent } from '../../runtime';
+import { type AnchoredPopover, type BindingObject, type CollectionNavigation, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type DropdownProps } from './contract';
 type PopoverElement = HTMLElement & {
@@ -7,7 +7,8 @@ type PopoverElement = HTMLElement & {
     hidePopover(): void;
 };
 type DropdownData = {
-    isOpen: boolean;
+    readonly isOpen: boolean;
+    machine: Machine<Record<string, never>>;
     menuMotion: PresenceLifecycle | null;
     triggerId: string;
     menuId: string;
@@ -34,6 +35,7 @@ type DropdownData = {
     itemEls(): HTMLElement[];
     mount(): void;
     unmount(): void;
+    applyProps(changedKeys?: string[]): void;
     syncFromPopover(event: ToggleEvent): void;
     syncPosition(): void;
     syncMenuAttributes(): void;

package/types/components/input/index.d.ts

@@ -7,6 +7,7 @@ type InputData = {
     copiedTimer: number | null;
     input(): HTMLInputElement;
     root(): HTMLElement;
+    syncControlState(): void;
     sync(): void;
     clear(event?: Event): void;
     copy(event?: Event): Promise<void>;

package/types/components/modal/index.d.ts

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type BindingObject, type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
+import { type BindingObject, type CleanupStack, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type ModalProps, type ModalTriggerProps } from './contract';
 type CancelReason = 'escape' | 'outside';
@@ -21,7 +21,8 @@ type ModalTriggerController = {
 };
 type ModalData = ModalController & {
     props: ModalProps;
-    isOpen: boolean;
+    readonly isOpen: boolean;
+    machine: Machine<Record<string, never>>;
     dialogId: string;
     activeTrigger: HTMLElement | null;
     cleanup: CleanupStack;
@@ -53,6 +54,7 @@ type ModalData = ModalController & {
     openFrom(trigger: HTMLElement): void;
     close(event?: Event): void;
     cancel(reason: CancelReason, event?: Event): void;
+    applyProps(changedKeys?: string[]): void;
     syncExternalTrigger(trigger: HTMLElement, disabled: boolean): void;
     syncAll(): void;
     syncDialog(): void;

package/types/components/runtime.d.ts

@@ -31,5 +31,7 @@ export { registerSwitch, UiSwitch } from './switch';
 export type { SwitchData, SwitchItem } from './switch';
 export { registerTabs, UiTabs } from './tabs';
 export type { TabsActivateDetail, TabsChangeDetail, TabsData, TabsItem } from './tabs';
+export { registerTextarea, UiTextarea } from './textarea';
+export type { TextareaData } from './textarea';
 export { registerToast, UiToast, UiToastOutlet, } from './toast';
 export type { ToastData, ToastDetail, ToastOutletData } from './toast';

package/types/components/select/index.d.ts

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type AnchoredPopover, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type AnchoredPopover, type BindingObject, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type SelectProps } from './contract';
 type PopoverElement = HTMLElement & {
@@ -18,7 +18,7 @@ type SelectOption = {
     create: boolean;
 };
 type SelectData = {
-    isOpen: boolean;
+    readonly isOpen: boolean;
     search: string;
     selectedValues: string[];
     selectedLabels: string[];
@@ -28,6 +28,7 @@ type SelectData = {
     inputId: string;
     listboxId: string;
     props: SelectProps;
+    machine: Machine<Record<string, never>>;
     popover: AnchoredPopover | null;
     popoverMotion: PresenceLifecycle | null;
     listeners: Array<() => void>;
@@ -49,6 +50,8 @@ type SelectData = {
     hasClearValue(): boolean;
     isPillbox(): boolean;
     controlLayoutMode(): SelectProps['mode'];
+    valuesFromProps(): string[];
+    applyProps(changedKeys?: string[]): void;
     selectedSummary(): string;
     openSelect(event?: Event): void;
     closeSelect(event?: Event): void;

package/types/components/sidebar/index.d.ts

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type BindingObject, type CleanupStack, type PropState, type TrellisAlpineComponent } from '../../runtime';
+import { type BindingObject, type CleanupStack, type Machine, type PropState, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle, PresencePhase } from '../../motion';
 import { type SidebarProps, type SidebarToggleAction } from './contract';
 type SidebarController = {
@@ -20,16 +20,20 @@ declare const edgePropsSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 type SidebarEdgeProps = PropState<typeof edgePropsSchema>;
+type SidebarMachineContext = {
+    desktopStashed: boolean;
+};
 type SidebarData = SidebarController & {
     props: SidebarProps;
-    mobileOpen: boolean;
-    desktopStashed: boolean;
-    desktopDrawerOpen: boolean;
-    drawerExiting: boolean;
-    sidebarExiting: boolean;
+    machine: Machine<SidebarMachineContext>;
+    readonly mobileOpen: boolean;
+    readonly desktopStashed: boolean;
+    readonly desktopDrawerOpen: boolean;
+    readonly drawerExiting: boolean;
+    readonly sidebarExiting: boolean;
     sidebarExitFreezeCleanup: (() => void) | null;
     drawerMotionRun: number;
-    drawerMotionPhase: PresencePhase | null;
+    readonly drawerMotionPhase: PresencePhase | null;
     desktopMode: boolean;
     renderedExpanded: boolean;
     renderedDrawerOpen: boolean;
@@ -44,7 +48,10 @@ type SidebarData = SidebarController & {
     backdropMotion: PresenceLifecycle | null;
     hasScrollLock: boolean;
     mediaQuery: MediaQueryList | null;
+    mediaQueryCleanup: (() => void) | null;
     root: BindingObject;
+    setupMediaQuery(): void;
+    applyProps(changedKeys?: string[]): void;
     isDesktop(): boolean;
     isMobileCollapsible(): boolean;
     isDesktopCollapsible(): boolean;

package/types/components/slider/index.d.ts

@@ -26,6 +26,7 @@ type SliderData = {
     hiddenInputsKey: string;
     draggingThumb: SliderThumbName | null;
     elements(): SliderElements;
+    applyProps(changedKeys?: string[]): void;
     sync(): void;
     syncFromInput(event: Event): void;
     commitFromInput(event: Event): void;

package/types/components/table/contract.d.ts

@@ -15,6 +15,7 @@ declare const tableSchema: {
     density: import("../../runtime/codecs").OneOfCodec<"default" | "compact" | "comfortable">;
     variant: import("../../runtime/codecs").OneOfCodec<"ghost" | "surface">;
     border: import("../../runtime/codecs").OneOfCodec<"grid" | "none" | "row">;
+    flush: import("../../runtime/codecs").BoolCodec;
     zebra: import("../../runtime/codecs").BoolCodec;
     hover: import("../../runtime/codecs").BoolCodec;
     stickyHeader: import("../../runtime/codecs").BoolCodec;

package/types/components/tabs/index.d.ts

@@ -33,6 +33,7 @@ type TabsData = {
     panelForValue(value: string): HTMLElement | null;
     initialValue(): string;
     fallbackValue(): string;
+    applyProps(changedKeys?: string[]): void;
     setActiveValue(value: string, tab?: TabsTabElement): void;
     syncAll(): void;
     syncRoot(): void;

package/types/components/textarea/index.d.ts

@@ -0,0 +1,13 @@
+import type Alpine from 'alpinejs';
+import { type TrellisAlpineComponent } from '../../runtime';
+import { type TextareaProps } from './contract';
+type TextareaData = {
+    props: TextareaProps;
+    control(): HTMLElement;
+    textarea(): HTMLTextAreaElement;
+    sync(): void;
+};
+declare const UiTextarea: () => TrellisAlpineComponent<TextareaData>;
+declare const registerTextarea: (AlpineInstance: Alpine.Alpine) => void;
+export { registerTextarea, UiTextarea };
+export type { TextareaData };

package/types/components/toast/index.d.ts

@@ -14,11 +14,15 @@ type ToastData = {
     props: ToastProps;
     cleanup: CleanupStack;
     timer: number | null;
+    applyProps(changedKeys?: string[]): void;
+    sync(): void;
+    resetTimer(): void;
     dismiss(): void;
 };
 type ToastOutletData = {
     props: ToastOutletProps;
     cleanup: CleanupStack;
+    sync(): void;
     add(detail: ToastDetail): void;
 };
 declare const UiToast: () => TrellisAlpineComponent<ToastData>;

package/types/index.d.ts

@@ -1,15 +1,17 @@
 import type { Alpine as AlpineType } from 'alpinejs';
 import { motion } from './motion';
-import { bool, className, create, createResizable, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string } from './runtime';
+import { bool, className, create, createMachine, createVisibilityMachine, createResizable, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string } from './runtime';
 type TrellisUIPlugin = (AlpineInstance: AlpineType) => void;
 declare const ui: {
     readonly bool: import("./runtime/codecs").BoolCodec;
     readonly className: ({ values }: import("./runtime").ClassNameOptions) => string;
     readonly create: <const T extends Record<string, import("./runtime").StyleTree>>({ definition }: import("./runtime").CreateOptions<T>) => Readonly<T>;
+    readonly createMachine: <TContext>(config: import("./runtime").MachineConfig<TContext>, options: import("./runtime").MachineOptions<TContext>) => import("./runtime").Machine<TContext>;
+    readonly createVisibilityMachine: <TContext>({ enter, exit, }?: import("./runtime").VisibilityMachineConfig) => import("./runtime").MachineConfig<TContext>;
     readonly createResizable: ({ element, handle, axis, min, max, step, mode, hitArea, coarseHitArea, disabled, onStart, onResize, onEnd, }: import("./runtime").ResizableOptions) => (() => void);
     readonly cx: ({ values }: import("./runtime").ClassNameOptions) => string;
     readonly defineManifest: <const T extends import("./runtime").ComponentManifest>({ manifest }: import("./runtime").DefineManifestOptions<T>) => Readonly<T>;
-    readonly defineProps: <T extends Record<string, import("./runtime").CodecFn<unknown>>>({ el, schema, }: import("./runtime/codecs").DefinePropsOptions<T>) => import("./runtime").PropState<T>;
+    readonly defineProps: <T extends Record<string, import("./runtime").CodecFn<unknown>>>({ el, schema, onChange, }: import("./runtime/codecs").DefinePropsOptions<T>) => import("./runtime").PropState<T>;
     readonly defineStyles: <const T extends import("./runtime").StyleDefinition>({ definition }: import("./runtime").DefineStylesOptions<T>) => Readonly<T>;
     readonly json: import("./runtime/codecs").JsonCodecFactory;
     readonly mergeBindings: ({ inputs }: import("./runtime").MergeBindingsOptions) => import("./runtime").BindingObject;
@@ -41,6 +43,6 @@ export { trellisUi, ui };
 export default trellisUi;
 export type { TrellisUIPlugin };
 export { motion };
-export { bool, className, create, createResizable, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, };
-export type { ClassArray, ClassDictionary, ClassNameOptions, ClassValue, CodecFn, ComponentManifest, CreateOptions, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResizableOptions, ResizeAxis, ResizeEvent, ResizeMode, ResizePhase, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, StyleTree, TrellisAlpineComponent, } from './runtime';
+export { bool, className, create, createMachine, createVisibilityMachine, createResizable, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, };
+export type { ClassArray, ClassDictionary, ClassNameOptions, ClassValue, CodecFn, ComponentManifest, CreateOptions, Machine, MachineAction, MachineActionList, MachineActionRef, MachineConfig, MachineEffect, MachineEvent, MachineEventObject, MachineGuard, MachineOptions, MachineScope, MachineStateConfig, MachineTransition, VisibilityMachineConfig, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResizableOptions, ResizeAxis, ResizeEvent, ResizeMode, ResizePhase, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, StyleTree, TrellisAlpineComponent, } from './runtime';
 export type { AnimateStreamPatchOptions, AnimateViewOptions, Animator, MotionHandle, MotionPreference, MotionTarget, PresenceDefinition, PresenceLifecycle, PresenceLifecycleCallbacks, PresenceLifecycleOptions, PresenceOptions, PresencePhase, PresencePreset, ResolvedViewTarget, TransformComposer, TransformContext, ViewPreset, ViewScope, } from './motion';

package/types/runtime/codecs.d.ts

@@ -12,12 +12,21 @@ interface CodecFn<T> {
 type SchemaToProps<T extends Record<string, CodecFn<unknown>>> = {
     [K in keyof T]: ReturnType<T[K]>;
 };
+type SchemaPropKey<T extends Record<string, CodecFn<unknown>>> = Extract<keyof SchemaToProps<T>, string>;
 type PropState<T extends Record<string, CodecFn<unknown>>> = SchemaToProps<T> & {
     readonly disconnect: () => void;
 };
+type PropChangeSource = 'attribute' | 'property';
+type PropChange<T extends Record<string, CodecFn<unknown>>> = {
+    key: SchemaPropKey<T>;
+    previous: SchemaToProps<T>[keyof SchemaToProps<T>];
+    value: SchemaToProps<T>[keyof SchemaToProps<T>];
+    source: PropChangeSource;
+};
 type DefinePropsOptions<T extends Record<string, CodecFn<unknown>>> = {
     el: HTMLElement;
     schema: T;
+    onChange?: (state: PropState<T>, changes: Array<PropChange<T>>) => void;
 };
 type ReactiveFn = <T>(value: T) => T;
 interface StringCodec extends CodecFn<string> {
@@ -56,11 +65,11 @@ interface JsonCodecFactory {
     array<T>(fallback: T[]): JsonCodec<T[]>;
 }
 declare const setPropReactivity: (nextReactive: ReactiveFn) => void;
-declare const defineProps: <T extends Record<string, CodecFn<unknown>>>({ el, schema, }: DefinePropsOptions<T>) => PropState<T>;
+declare const defineProps: <T extends Record<string, CodecFn<unknown>>>({ el, schema, onChange, }: DefinePropsOptions<T>) => PropState<T>;
 declare const string: StringCodec;
 declare const number: NumberCodec;
 declare const bool: BoolCodec;
 declare const json: JsonCodecFactory;
 declare const oneOf: <T extends string>(allowed: readonly T[], fallback: T) => OneOfCodec<T>;
 export { defineProps, setPropReactivity, string, number, bool, json, oneOf };
-export type { BoolCodec, CodecFn, CodecKind, CodecMeta, DefinePropsOptions, JsonCodec, JsonCodecFactory, NumberCodec, OneOfCodec, PropState, ReactiveFn, SchemaToProps, StringCodec, };
+export type { BoolCodec, CodecFn, CodecKind, CodecMeta, DefinePropsOptions, JsonCodec, JsonCodecFactory, NumberCodec, OneOfCodec, PropChange, PropChangeSource, PropState, ReactiveFn, SchemaToProps, StringCodec, };

package/types/runtime/index.d.ts

@@ -6,6 +6,7 @@ export { registerConfirm, unregisterConfirm, type ConfirmEventDetail, type Confi
 export { create, type CreateOptions, type StyleTree } from './create';
 export { mergeBindings, type BindingInput, type BindingObject, type MergeBindingsOptions } from './merge-bindings';
 export { defineProps, string, number, bool, json, oneOf, type CodecFn, type PropState, type SchemaToProps } from './codecs';
+export { createMachine, createVisibilityMachine, type Machine, type MachineAction, type MachineActionList, type MachineActionRef, type MachineConfig, type MachineEffect, type MachineEvent, type MachineEventObject, type MachineGuard, type MachineOptions, type MachineScope, type MachineStateConfig, type MachineTransition, type VisibilityMachineConfig, } from './machine';
 export { addListener, asBool, dispatch, isRtl, removeAttribute, setAttribute, setPresence, type AddListenerOptions, type AttributeOptions, type BoolOptions, type CleanupStack, type DispatchOptions, type ElementOptions, type PresenceOptions, } from './dom';
 export { addDismissableLayer, type DismissableLayerOptions } from './dismissable-layer';
 export { dispatchNativeControlChange, syncControlPresence, syncNativeControl, syncRepeatedHiddenInputs, type ControlState, type DispatchNativeControlChangeOptions, type HiddenInputState, type NativeControlState, type SyncControlPresenceOptions, type SyncNativeControlOptions, type SyncRepeatedHiddenInputsOptions, } from './form-control';
@@ -43,6 +44,8 @@ declare const ui: {
     readonly splitControlValues: (value: string) => string[];
     readonly createResizable: ({ element, handle, axis, min, max, step, mode, hitArea, coarseHitArea, disabled, onStart, onResize, onEnd, }: import("./resizable").ResizableOptions) => (() => void);
     readonly mergeBindings: ({ inputs }: import("./merge-bindings").MergeBindingsOptions) => import("./merge-bindings").BindingObject;
+    readonly createMachine: <TContext>(config: import("./machine").MachineConfig<TContext>, options: import("./machine").MachineOptions<TContext>) => import("./machine").Machine<TContext>;
+    readonly createVisibilityMachine: <TContext>({ enter, exit, }?: import("./machine").VisibilityMachineConfig) => import("./machine").MachineConfig<TContext>;
     readonly propsFromSchema: <const T extends Record<string, import("./codecs").CodecFn<unknown>>>({ schema, details, }: import("./manifest").PropsFromSchemaOptions<T>) => Record<string, import("./manifest").ManifestProp>;
     readonly resolveStyle: ({ part, props, className: override, }: import("./styles").ResolveStyleOptions) => string;
     readonly className: ({ values }: import("./class-name").ClassNameOptions) => string;

package/types/runtime/machine.d.ts

@@ -0,0 +1,55 @@
+type MachineEventObject = {
+    type: string;
+    [key: string]: unknown;
+};
+type MachineEvent = string | MachineEventObject;
+type MachineActionRef = string | MachineAction | MachineEffect;
+type MachineActionList = MachineActionRef | MachineActionRef[];
+type MachineTransition<TContext> = string | {
+    target?: string;
+    guard?: string | MachineGuard<TContext>;
+    actions?: MachineActionList;
+};
+type MachineStateConfig<TContext> = {
+    id?: string;
+    initial?: string;
+    tags?: string[];
+    entry?: MachineActionList;
+    exit?: MachineActionList;
+    on?: Record<string, MachineTransition<TContext> | Array<MachineTransition<TContext>>>;
+    states?: Record<string, MachineStateConfig<TContext>>;
+};
+type MachineConfig<TContext> = {
+    initial: string;
+    states: Record<string, MachineStateConfig<TContext>>;
+};
+type MachineScope<TContext> = {
+    context: TContext;
+    event: MachineEventObject;
+    state: string;
+};
+type MachineAction<TContext = unknown> = (scope: MachineScope<TContext>) => void;
+type MachineEffect<TContext = unknown> = (scope: MachineScope<TContext>) => void | (() => void);
+type MachineGuard<TContext = unknown> = (scope: MachineScope<TContext>) => boolean;
+type MachineOptions<TContext> = {
+    context: TContext;
+    actions?: Record<string, MachineAction<TContext>>;
+    guards?: Record<string, MachineGuard<TContext>>;
+    effects?: Record<string, MachineEffect<TContext>>;
+};
+type VisibilityMachineConfig = {
+    enter?: MachineActionList;
+    exit?: MachineActionList;
+};
+type Machine<TContext> = {
+    state: string;
+    context: TContext;
+    send(event: MachineEvent): void;
+    matches(state: string): boolean;
+    hasTag(tag: string): boolean;
+    stop(): void;
+};
+declare const createVisibilityMachine: <TContext>({ enter, exit, }?: VisibilityMachineConfig) => MachineConfig<TContext>;
+declare const createMachine: <TContext>(config: MachineConfig<TContext>, options: MachineOptions<TContext>) => Machine<TContext>;
+export { createMachine, createVisibilityMachine };
+export type { Machine, MachineAction, MachineActionList, MachineActionRef, MachineConfig, MachineEffect, MachineEvent, MachineEventObject, MachineGuard, MachineOptions, MachineScope, MachineStateConfig, MachineTransition, VisibilityMachineConfig, };

package/types/runtime/manifest.d.ts

@@ -5,6 +5,7 @@ type ManifestProp = {
     default?: unknown;
     values?: readonly string[];
     description?: string;
+    initialOnly?: boolean;
 };
 type ManifestPart = {
     selector: string;
@@ -36,6 +37,7 @@ type ComponentManifest = {
 };
 type ManifestPropDetails = Pick<ManifestProp, 'description'> & {
     name?: string;
+    initialOnly?: boolean;
 };
 type SchemaPropDetails<T extends Record<string, CodecFn<unknown>>> = {
     [K in keyof T]?: ManifestPropDetails;

package/src/components.css

@@ -1,20 +0,0 @@
-/*
-  Component CSS import point.
-
-  Add files here only when a component needs selectors or browser features that
-  TypeScript style recipes cannot express cleanly, such as pseudo-elements,
-  ::part(...), :has(...), native quirks, or child-order selectors.
-*/
-
-@import "./components/brand/styles.css";
-@import "./components/scroll-area/styles.css";
-@import "./components/select/styles.css";
-@import "./components/field/styles.css";
-@import "./components/radio/styles.css";
-@import "./components/date-picker/styles.css";
-@import "./components/file-upload/styles.css";
-@import "./components/button/styles.css";
-@import "./components/accordion/styles.css";
-@import "./components/toast/styles.css";
-@import "./components/input/styles.css";
-@import "./components/sidebar/styles.css";