@akashjs/runtime 0.2.2 → 0.2.7

package/dist/toast.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkJ6KDUWX6_cjs=require('./chunk-J6KDUWX6.cjs');require('./chunk-WOZWFMOK.cjs'),require('./chunk-XPLIEN2G.cjs');Object.defineProperty(exports,"createToaster",{enumerable:true,get:function(){return chunkJ6KDUWX6_cjs.a}});//# sourceMappingURL=toast.cjs.map
+//# sourceMappingURL=toast.cjs.map

package/dist/toast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"toast.cjs"}

package/dist/toast.d.cts

@@ -0,0 +1,66 @@
+import { R as ReadonlySignal } from './signals-DionyGGY.cjs';
+
+/**
+ * Toast notification system.
+ *
+ * Signal-based toast queue with auto-dismiss, stacking, and positions.
+ *
+ * ```ts
+ * const toast = createToaster();
+ * toast.success('Saved!');
+ * toast.error('Something went wrong');
+ * toast.info('Tip: try dark mode', { duration: 5000 });
+ * toast.toasts(); // reactive list of active toasts
+ * ```
+ */
+
+type ToastType = 'success' | 'error' | 'info' | 'warning';
+type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+interface Toast {
+    id: string;
+    type: ToastType;
+    message: string;
+    duration: number;
+    dismissible: boolean;
+    createdAt: number;
+}
+interface ToastOptions {
+    /** Duration in ms (default: 3000, 0 = no auto-dismiss) */
+    duration?: number;
+    /** Whether the toast can be manually dismissed (default: true) */
+    dismissible?: boolean;
+}
+interface ToasterOptions {
+    /** Max visible toasts (default: 5) */
+    maxVisible?: number;
+    /** Default duration in ms (default: 3000) */
+    defaultDuration?: number;
+    /** Position (default: 'top-right') */
+    position?: ToastPosition;
+}
+interface Toaster {
+    /** Active toasts (reactive signal) */
+    toasts: ReadonlySignal<Toast[]>;
+    /** Position setting */
+    position: ToastPosition;
+    /** Show a success toast */
+    success(message: string, options?: ToastOptions): string;
+    /** Show an error toast */
+    error(message: string, options?: ToastOptions): string;
+    /** Show an info toast */
+    info(message: string, options?: ToastOptions): string;
+    /** Show a warning toast */
+    warning(message: string, options?: ToastOptions): string;
+    /** Show a toast with custom type */
+    add(type: ToastType, message: string, options?: ToastOptions): string;
+    /** Dismiss a specific toast */
+    dismiss(id: string): void;
+    /** Dismiss all toasts */
+    dismissAll(): void;
+}
+/**
+ * Create a toast notification manager.
+ */
+declare function createToaster(options?: ToasterOptions): Toaster;
+
+export { type Toast, type ToastOptions, type ToastPosition, type ToastType, type Toaster, type ToasterOptions, createToaster };

package/dist/toast.d.ts

@@ -0,0 +1,66 @@
+import { R as ReadonlySignal } from './signals-DionyGGY.js';
+
+/**
+ * Toast notification system.
+ *
+ * Signal-based toast queue with auto-dismiss, stacking, and positions.
+ *
+ * ```ts
+ * const toast = createToaster();
+ * toast.success('Saved!');
+ * toast.error('Something went wrong');
+ * toast.info('Tip: try dark mode', { duration: 5000 });
+ * toast.toasts(); // reactive list of active toasts
+ * ```
+ */
+
+type ToastType = 'success' | 'error' | 'info' | 'warning';
+type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+interface Toast {
+    id: string;
+    type: ToastType;
+    message: string;
+    duration: number;
+    dismissible: boolean;
+    createdAt: number;
+}
+interface ToastOptions {
+    /** Duration in ms (default: 3000, 0 = no auto-dismiss) */
+    duration?: number;
+    /** Whether the toast can be manually dismissed (default: true) */
+    dismissible?: boolean;
+}
+interface ToasterOptions {
+    /** Max visible toasts (default: 5) */
+    maxVisible?: number;
+    /** Default duration in ms (default: 3000) */
+    defaultDuration?: number;
+    /** Position (default: 'top-right') */
+    position?: ToastPosition;
+}
+interface Toaster {
+    /** Active toasts (reactive signal) */
+    toasts: ReadonlySignal<Toast[]>;
+    /** Position setting */
+    position: ToastPosition;
+    /** Show a success toast */
+    success(message: string, options?: ToastOptions): string;
+    /** Show an error toast */
+    error(message: string, options?: ToastOptions): string;
+    /** Show an info toast */
+    info(message: string, options?: ToastOptions): string;
+    /** Show a warning toast */
+    warning(message: string, options?: ToastOptions): string;
+    /** Show a toast with custom type */
+    add(type: ToastType, message: string, options?: ToastOptions): string;
+    /** Dismiss a specific toast */
+    dismiss(id: string): void;
+    /** Dismiss all toasts */
+    dismissAll(): void;
+}
+/**
+ * Create a toast notification manager.
+ */
+declare function createToaster(options?: ToasterOptions): Toaster;
+
+export { type Toast, type ToastOptions, type ToastPosition, type ToastType, type Toaster, type ToasterOptions, createToaster };

package/dist/toast.js

@@ -0,0 +1,2 @@
+export{a as createToaster}from'./chunk-PYASLKWF.js';import'./chunk-YXKQTEPR.js';import'./chunk-U65WRXZC.js';//# sourceMappingURL=toast.js.map
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"toast.js"}

package/dist/transition.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkM5IACTFC_cjs=require('./chunk-M5IACTFC.cjs');require('./chunk-XWVNLE2W.cjs'),require('./chunk-IQGSDFBI.cjs'),require('./chunk-PPNEAFKE.cjs'),require('./chunk-WOZWFMOK.cjs'),require('./chunk-XPLIEN2G.cjs');Object.defineProperty(exports,"Transition",{enumerable:true,get:function(){return chunkM5IACTFC_cjs.d}});Object.defineProperty(exports,"enterTransition",{enumerable:true,get:function(){return chunkM5IACTFC_cjs.b}});Object.defineProperty(exports,"exitTransition",{enumerable:true,get:function(){return chunkM5IACTFC_cjs.c}});Object.defineProperty(exports,"generateTransitionCSS",{enumerable:true,get:function(){return chunkM5IACTFC_cjs.e}});Object.defineProperty(exports,"getTransitionClasses",{enumerable:true,get:function(){return chunkM5IACTFC_cjs.a}});//# sourceMappingURL=transition.cjs.map
+//# sourceMappingURL=transition.cjs.map

package/dist/transition.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"transition.cjs"}

package/dist/transition.d.cts

@@ -0,0 +1,90 @@
+import { C as Component } from './component-CxlupKuc.cjs';
+import './types-DjZCk1xT.cjs';
+
+/**
+ * Transition/Animation system.
+ *
+ * Provides CSS-based enter/exit transitions for elements.
+ * Works with <Transition> component or programmatic API.
+ *
+ * Class naming convention (matches Vue/Svelte):
+ * - `{name}-enter-from`  — initial enter state
+ * - `{name}-enter-active` — active enter transition
+ * - `{name}-enter-to`    — final enter state
+ * - `{name}-exit-from`   — initial exit state
+ * - `{name}-exit-active`  — active exit transition
+ * - `{name}-exit-to`     — final exit state
+ */
+interface TransitionProps {
+    /** Transition name (used as CSS class prefix) */
+    name?: string;
+    /** Duration in ms (overrides CSS transition duration) */
+    duration?: number;
+    /** Whether the content is shown */
+    when: boolean;
+    /** CSS transition mode */
+    mode?: 'in-out' | 'out-in';
+    /** Callback when enter transition starts */
+    onEnter?: (el: HTMLElement) => void;
+    /** Callback when enter transition completes */
+    onAfterEnter?: (el: HTMLElement) => void;
+    /** Callback when exit transition starts */
+    onExit?: (el: HTMLElement) => void;
+    /** Callback when exit transition completes */
+    onAfterExit?: (el: HTMLElement) => void;
+}
+interface TransitionClasses {
+    enterFrom: string;
+    enterActive: string;
+    enterTo: string;
+    exitFrom: string;
+    exitActive: string;
+    exitTo: string;
+}
+/**
+ * Get the transition CSS class names for a given transition name.
+ */
+declare function getTransitionClasses(name: string): TransitionClasses;
+/**
+ * Run an enter transition on an element.
+ * Returns a promise that resolves when the transition completes.
+ */
+declare function enterTransition(el: HTMLElement, classes: TransitionClasses, duration?: number): Promise<void>;
+/**
+ * Run an exit transition on an element.
+ * Returns a promise that resolves when the transition completes.
+ */
+declare function exitTransition(el: HTMLElement, classes: TransitionClasses, duration?: number): Promise<void>;
+/**
+ * <Transition> component.
+ *
+ * Applies CSS enter/exit transitions when `when` changes.
+ *
+ * ```html
+ * <Transition name="fade" when={isVisible()}>
+ *   <div>Content</div>
+ * </Transition>
+ * ```
+ *
+ * CSS:
+ * ```css
+ * .fade-enter-active, .fade-exit-active {
+ *   transition: opacity 0.3s;
+ * }
+ * .fade-enter-from, .fade-exit-to {
+ *   opacity: 0;
+ * }
+ * ```
+ */
+declare const Transition: Component<TransitionProps>;
+/**
+ * Generate CSS for common transition presets.
+ * Inject this into your app's styles or use the CLI to generate it.
+ */
+declare function generateTransitionCSS(name: string, options?: {
+    property?: string;
+    duration?: string;
+    easing?: string;
+}): string;
+
+export { Transition, type TransitionClasses, type TransitionProps, enterTransition, exitTransition, generateTransitionCSS, getTransitionClasses };

package/dist/transition.d.ts

@@ -0,0 +1,90 @@
+import { C as Component } from './component-CPVtkASo.js';
+import './types-DjZCk1xT.js';
+
+/**
+ * Transition/Animation system.
+ *
+ * Provides CSS-based enter/exit transitions for elements.
+ * Works with <Transition> component or programmatic API.
+ *
+ * Class naming convention (matches Vue/Svelte):
+ * - `{name}-enter-from`  — initial enter state
+ * - `{name}-enter-active` — active enter transition
+ * - `{name}-enter-to`    — final enter state
+ * - `{name}-exit-from`   — initial exit state
+ * - `{name}-exit-active`  — active exit transition
+ * - `{name}-exit-to`     — final exit state
+ */
+interface TransitionProps {
+    /** Transition name (used as CSS class prefix) */
+    name?: string;
+    /** Duration in ms (overrides CSS transition duration) */
+    duration?: number;
+    /** Whether the content is shown */
+    when: boolean;
+    /** CSS transition mode */
+    mode?: 'in-out' | 'out-in';
+    /** Callback when enter transition starts */
+    onEnter?: (el: HTMLElement) => void;
+    /** Callback when enter transition completes */
+    onAfterEnter?: (el: HTMLElement) => void;
+    /** Callback when exit transition starts */
+    onExit?: (el: HTMLElement) => void;
+    /** Callback when exit transition completes */
+    onAfterExit?: (el: HTMLElement) => void;
+}
+interface TransitionClasses {
+    enterFrom: string;
+    enterActive: string;
+    enterTo: string;
+    exitFrom: string;
+    exitActive: string;
+    exitTo: string;
+}
+/**
+ * Get the transition CSS class names for a given transition name.
+ */
+declare function getTransitionClasses(name: string): TransitionClasses;
+/**
+ * Run an enter transition on an element.
+ * Returns a promise that resolves when the transition completes.
+ */
+declare function enterTransition(el: HTMLElement, classes: TransitionClasses, duration?: number): Promise<void>;
+/**
+ * Run an exit transition on an element.
+ * Returns a promise that resolves when the transition completes.
+ */
+declare function exitTransition(el: HTMLElement, classes: TransitionClasses, duration?: number): Promise<void>;
+/**
+ * <Transition> component.
+ *
+ * Applies CSS enter/exit transitions when `when` changes.
+ *
+ * ```html
+ * <Transition name="fade" when={isVisible()}>
+ *   <div>Content</div>
+ * </Transition>
+ * ```
+ *
+ * CSS:
+ * ```css
+ * .fade-enter-active, .fade-exit-active {
+ *   transition: opacity 0.3s;
+ * }
+ * .fade-enter-from, .fade-exit-to {
+ *   opacity: 0;
+ * }
+ * ```
+ */
+declare const Transition: Component<TransitionProps>;
+/**
+ * Generate CSS for common transition presets.
+ * Inject this into your app's styles or use the CLI to generate it.
+ */
+declare function generateTransitionCSS(name: string, options?: {
+    property?: string;
+    duration?: string;
+    easing?: string;
+}): string;
+
+export { Transition, type TransitionClasses, type TransitionProps, enterTransition, exitTransition, generateTransitionCSS, getTransitionClasses };

package/dist/transition.js

@@ -0,0 +1,2 @@
+export{d as Transition,b as enterTransition,c as exitTransition,e as generateTransitionCSS,a as getTransitionClasses}from'./chunk-TSFY5HKB.js';import'./chunk-KE7BJTCD.js';import'./chunk-VUMMC2P5.js';import'./chunk-AOFLE33X.js';import'./chunk-YXKQTEPR.js';import'./chunk-U65WRXZC.js';//# sourceMappingURL=transition.js.map
+//# sourceMappingURL=transition.js.map

package/dist/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"transition.js"}

package/dist/tweened.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkLD4C62JY_cjs=require('./chunk-LD4C62JY.cjs');require('./chunk-WOZWFMOK.cjs'),require('./chunk-XPLIEN2G.cjs');Object.defineProperty(exports,"easings",{enumerable:true,get:function(){return chunkLD4C62JY_cjs.a}});Object.defineProperty(exports,"tweened",{enumerable:true,get:function(){return chunkLD4C62JY_cjs.b}});//# sourceMappingURL=tweened.cjs.map
+//# sourceMappingURL=tweened.cjs.map

package/dist/tweened.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tweened.cjs"}

package/dist/tweened.d.cts

@@ -0,0 +1,59 @@
+/**
+ * Tweened values — smooth interpolation between states.
+ *
+ * Unlike signals that update instantly, tweened values animate
+ * smoothly from old to new over a duration.
+ *
+ * ```ts
+ * const progress = tweened(0, { duration: 400 });
+ * progress.set(100); // smoothly animates 0 → 100 over 400ms
+ * progress();        // intermediate values during animation
+ *
+ * const color = tweened('#ff0000', { duration: 300, interpolate: lerpColor });
+ * ```
+ */
+type Interpolator<T> = (from: T, to: T, t: number) => T;
+type EasingFn = (t: number) => number;
+interface TweenedOptions<T> {
+    /** Duration in ms (default: 400) */
+    duration?: number;
+    /** Easing function (default: cubicOut) */
+    easing?: EasingFn;
+    /** Custom interpolation function */
+    interpolate?: Interpolator<T>;
+    /** Delay before animation starts */
+    delay?: number;
+}
+interface TweenedSignal<T> {
+    /** Read current (animated) value */
+    (): T;
+    /** Set new target — animates from current to new */
+    set(value: T, opts?: Partial<TweenedOptions<T>>): Promise<void>;
+    /** Set immediately without animation */
+    setImmediate(value: T): void;
+    /** Current target value */
+    target: () => T;
+}
+declare const easings: {
+    readonly linear: (t: number) => number;
+    readonly cubicIn: (t: number) => number;
+    readonly cubicOut: (t: number) => number;
+    readonly cubicInOut: (t: number) => number;
+    readonly quadIn: (t: number) => number;
+    readonly quadOut: (t: number) => number;
+    readonly quintOut: (t: number) => number;
+    readonly bounceOut: (t: number) => number;
+    readonly elasticOut: (t: number) => number;
+};
+/**
+ * Create a tweened signal that animates between values.
+ *
+ * ```ts
+ * const count = tweened(0, { duration: 300, easing: easings.cubicOut });
+ * count.set(100); // smoothly goes 0 → 100
+ * count();        // current interpolated value
+ * ```
+ */
+declare function tweened<T>(initialValue: T, options?: TweenedOptions<T>): TweenedSignal<T>;
+
+export { type EasingFn, type Interpolator, type TweenedOptions, type TweenedSignal, easings, tweened };

package/dist/tweened.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Tweened values — smooth interpolation between states.
+ *
+ * Unlike signals that update instantly, tweened values animate
+ * smoothly from old to new over a duration.
+ *
+ * ```ts
+ * const progress = tweened(0, { duration: 400 });
+ * progress.set(100); // smoothly animates 0 → 100 over 400ms
+ * progress();        // intermediate values during animation
+ *
+ * const color = tweened('#ff0000', { duration: 300, interpolate: lerpColor });
+ * ```
+ */
+type Interpolator<T> = (from: T, to: T, t: number) => T;
+type EasingFn = (t: number) => number;
+interface TweenedOptions<T> {
+    /** Duration in ms (default: 400) */
+    duration?: number;
+    /** Easing function (default: cubicOut) */
+    easing?: EasingFn;
+    /** Custom interpolation function */
+    interpolate?: Interpolator<T>;
+    /** Delay before animation starts */
+    delay?: number;
+}
+interface TweenedSignal<T> {
+    /** Read current (animated) value */
+    (): T;
+    /** Set new target — animates from current to new */
+    set(value: T, opts?: Partial<TweenedOptions<T>>): Promise<void>;
+    /** Set immediately without animation */
+    setImmediate(value: T): void;
+    /** Current target value */
+    target: () => T;
+}
+declare const easings: {
+    readonly linear: (t: number) => number;
+    readonly cubicIn: (t: number) => number;
+    readonly cubicOut: (t: number) => number;
+    readonly cubicInOut: (t: number) => number;
+    readonly quadIn: (t: number) => number;
+    readonly quadOut: (t: number) => number;
+    readonly quintOut: (t: number) => number;
+    readonly bounceOut: (t: number) => number;
+    readonly elasticOut: (t: number) => number;
+};
+/**
+ * Create a tweened signal that animates between values.
+ *
+ * ```ts
+ * const count = tweened(0, { duration: 300, easing: easings.cubicOut });
+ * count.set(100); // smoothly goes 0 → 100
+ * count();        // current interpolated value
+ * ```
+ */
+declare function tweened<T>(initialValue: T, options?: TweenedOptions<T>): TweenedSignal<T>;
+
+export { type EasingFn, type Interpolator, type TweenedOptions, type TweenedSignal, easings, tweened };

package/dist/tweened.js

@@ -0,0 +1,2 @@
+export{a as easings,b as tweened}from'./chunk-T2RVAQEU.js';import'./chunk-YXKQTEPR.js';import'./chunk-U65WRXZC.js';//# sourceMappingURL=tweened.js.map
+//# sourceMappingURL=tweened.js.map

package/dist/tweened.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"tweened.js"}

package/dist/types-DjZCk1xT.d.cts

@@ -0,0 +1,4 @@
+/** Represents any renderable node in AkashJS */
+type AkashNode = Node | string | number | boolean | null | undefined | AkashNode[];
+
+export type { AkashNode as A };

package/dist/types-DjZCk1xT.d.ts

@@ -0,0 +1,4 @@
+/** Represents any renderable node in AkashJS */
+type AkashNode = Node | string | number | boolean | null | undefined | AkashNode[];
+
+export type { AkashNode as A };

package/dist/view-transition.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkDP7G45QM_cjs=require('./chunk-DP7G45QM.cjs');Object.defineProperty(exports,"assignTransitionName",{enumerable:true,get:function(){return chunkDP7G45QM_cjs.d}});Object.defineProperty(exports,"startViewTransition",{enumerable:true,get:function(){return chunkDP7G45QM_cjs.b}});Object.defineProperty(exports,"supportsViewTransitions",{enumerable:true,get:function(){return chunkDP7G45QM_cjs.a}});Object.defineProperty(exports,"viewTransitionCSS",{enumerable:true,get:function(){return chunkDP7G45QM_cjs.c}});//# sourceMappingURL=view-transition.cjs.map
+//# sourceMappingURL=view-transition.cjs.map

package/dist/view-transition.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"view-transition.cjs"}

package/dist/view-transition.d.cts

@@ -0,0 +1,80 @@
+/**
+ * View Transitions API integration.
+ *
+ * Wraps the browser's native View Transitions API for smooth
+ * page transitions. Falls back gracefully when not supported.
+ *
+ * ```ts
+ * // With router
+ * const router = createRouter(routes);
+ * enableViewTransitions(router);
+ *
+ * // Manual
+ * await startViewTransition(() => {
+ *   updateDOM();
+ * });
+ * ```
+ */
+interface ViewTransitionOptions {
+    /** CSS class to add to the document during transition */
+    className?: string;
+    /** Callback before the transition starts */
+    onBefore?: () => void;
+    /** Callback after the transition completes */
+    onAfter?: () => void;
+    /** Fallback behavior when API is not supported (default: 'instant') */
+    fallback?: 'instant' | 'fade' | 'none';
+}
+interface ViewTransition {
+    /** Promise that resolves when transition animation is complete */
+    finished: Promise<void>;
+    /** Promise that resolves when the DOM update callback has run */
+    updateCallbackDone: Promise<void>;
+    /** Promise that resolves when the transition is ready to animate */
+    ready: Promise<void>;
+    /** Skip the transition animation */
+    skipTransition(): void;
+}
+/**
+ * Check if the View Transitions API is supported.
+ */
+declare function supportsViewTransitions(): boolean;
+/**
+ * Start a view transition with the native API, falling back
+ * to instant DOM update when not supported.
+ *
+ * ```ts
+ * await startViewTransition(() => {
+ *   container.innerHTML = newContent;
+ * });
+ * ```
+ */
+declare function startViewTransition(updateCallback: () => void | Promise<void>, options?: ViewTransitionOptions): ViewTransition;
+/**
+ * Generate CSS for customizing view transitions.
+ *
+ * ```ts
+ * const css = viewTransitionCSS({
+ *   duration: '0.3s',
+ *   oldAnimation: 'slide-out-left',
+ *   newAnimation: 'slide-in-right',
+ * });
+ * ```
+ */
+declare function viewTransitionCSS(config?: {
+    duration?: string;
+    easing?: string;
+    oldAnimation?: string;
+    newAnimation?: string;
+}): string;
+/**
+ * Assign a view-transition-name to an element for per-element transitions.
+ *
+ * ```ts
+ * assignTransitionName(headerEl, 'page-header');
+ * assignTransitionName(contentEl, 'page-content');
+ * ```
+ */
+declare function assignTransitionName(el: HTMLElement, name: string): void;
+
+export { type ViewTransition, type ViewTransitionOptions, assignTransitionName, startViewTransition, supportsViewTransitions, viewTransitionCSS };

package/dist/view-transition.d.ts

@@ -0,0 +1,80 @@
+/**
+ * View Transitions API integration.
+ *
+ * Wraps the browser's native View Transitions API for smooth
+ * page transitions. Falls back gracefully when not supported.
+ *
+ * ```ts
+ * // With router
+ * const router = createRouter(routes);
+ * enableViewTransitions(router);
+ *
+ * // Manual
+ * await startViewTransition(() => {
+ *   updateDOM();
+ * });
+ * ```
+ */
+interface ViewTransitionOptions {
+    /** CSS class to add to the document during transition */
+    className?: string;
+    /** Callback before the transition starts */
+    onBefore?: () => void;
+    /** Callback after the transition completes */
+    onAfter?: () => void;
+    /** Fallback behavior when API is not supported (default: 'instant') */
+    fallback?: 'instant' | 'fade' | 'none';
+}
+interface ViewTransition {
+    /** Promise that resolves when transition animation is complete */
+    finished: Promise<void>;
+    /** Promise that resolves when the DOM update callback has run */
+    updateCallbackDone: Promise<void>;
+    /** Promise that resolves when the transition is ready to animate */
+    ready: Promise<void>;
+    /** Skip the transition animation */
+    skipTransition(): void;
+}
+/**
+ * Check if the View Transitions API is supported.
+ */
+declare function supportsViewTransitions(): boolean;
+/**
+ * Start a view transition with the native API, falling back
+ * to instant DOM update when not supported.
+ *
+ * ```ts
+ * await startViewTransition(() => {
+ *   container.innerHTML = newContent;
+ * });
+ * ```
+ */
+declare function startViewTransition(updateCallback: () => void | Promise<void>, options?: ViewTransitionOptions): ViewTransition;
+/**
+ * Generate CSS for customizing view transitions.
+ *
+ * ```ts
+ * const css = viewTransitionCSS({
+ *   duration: '0.3s',
+ *   oldAnimation: 'slide-out-left',
+ *   newAnimation: 'slide-in-right',
+ * });
+ * ```
+ */
+declare function viewTransitionCSS(config?: {
+    duration?: string;
+    easing?: string;
+    oldAnimation?: string;
+    newAnimation?: string;
+}): string;
+/**
+ * Assign a view-transition-name to an element for per-element transitions.
+ *
+ * ```ts
+ * assignTransitionName(headerEl, 'page-header');
+ * assignTransitionName(contentEl, 'page-content');
+ * ```
+ */
+declare function assignTransitionName(el: HTMLElement, name: string): void;
+
+export { type ViewTransition, type ViewTransitionOptions, assignTransitionName, startViewTransition, supportsViewTransitions, viewTransitionCSS };

package/dist/view-transition.js

@@ -0,0 +1,2 @@
+export{d as assignTransitionName,b as startViewTransition,a as supportsViewTransitions,c as viewTransitionCSS}from'./chunk-WLSXJU2N.js';//# sourceMappingURL=view-transition.js.map
+//# sourceMappingURL=view-transition.js.map

package/dist/view-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"view-transition.js"}

package/dist/virtual-list.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkDHFVVFZF_cjs=require('./chunk-DHFVVFZF.cjs');require('./chunk-XWVNLE2W.cjs'),require('./chunk-IQGSDFBI.cjs'),require('./chunk-PPNEAFKE.cjs'),require('./chunk-WOZWFMOK.cjs'),require('./chunk-XPLIEN2G.cjs');Object.defineProperty(exports,"VirtualFor",{enumerable:true,get:function(){return chunkDHFVVFZF_cjs.c}});Object.defineProperty(exports,"calculateRange",{enumerable:true,get:function(){return chunkDHFVVFZF_cjs.a}});Object.defineProperty(exports,"useVirtualList",{enumerable:true,get:function(){return chunkDHFVVFZF_cjs.b}});//# sourceMappingURL=virtual-list.cjs.map
+//# sourceMappingURL=virtual-list.cjs.map