@photon-ai/pho-ui 2.6.0 → 2.7.0

package/dist/primitives/form.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/form";

package/dist/primitives/input.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/input";

package/dist/primitives/menu.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/menu";

package/dist/primitives/menubar.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/menubar";

package/dist/primitives/meter.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/meter";

package/dist/primitives/navigation-menu.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/navigation-menu";

package/dist/primitives/number-field.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/number-field";

package/dist/primitives/otp-field.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/otp-field";

package/dist/primitives/popover.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/popover";

package/dist/primitives/preview-card.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/preview-card";

package/dist/primitives/progress.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/progress";

package/dist/primitives/radio-group.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/radio-group";

package/dist/primitives/radio.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/radio";

package/dist/primitives/scroll-area.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/scroll-area";

package/dist/primitives/select.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/select";

package/dist/primitives/separator.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/separator";

package/dist/primitives/slider.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/slider";

package/dist/primitives/switch.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/switch";

package/dist/primitives/tabs.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/tabs";

package/dist/primitives/toast.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/toast";

package/dist/primitives/toggle-group.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/toggle-group";

package/dist/primitives/toggle.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/toggle";

package/dist/primitives/toolbar.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/toolbar";

package/dist/primitives/tooltip.js

@@ -1,3 +1,3 @@
 "use client";
-import "../chunks/rolldown-runtime-wKSmTnsc.js";
+import "../chunks/rolldown-runtime-DG5F_Nuu.js";
 export * from "@base-ui/react/tooltip";

package/dist/primitives.js

@@ -1,5 +1,5 @@
 "use client";
-import "./chunks/rolldown-runtime-wKSmTnsc.js";
+import "./chunks/rolldown-runtime-DG5F_Nuu.js";
 import "./primitives/accordion.js";
 import "./primitives/alert-dialog.js";
 import "./primitives/autocomplete.js";
@@ -48,13 +48,13 @@ export * from "@base-ui/react/popover";
 export * from "@base-ui/react/avatar";
 export * from "@base-ui/react/form";
 export * from "@base-ui/react/menu";
+export * from "@base-ui/react/checkbox";
+export * from "@base-ui/react/checkbox-group";
 export * from "@base-ui/react/toast";
 export * from "@base-ui/react/accordion";
 export * from "@base-ui/react/alert-dialog";
 export * from "@base-ui/react/autocomplete";
 export * from "@base-ui/react/button";
-export * from "@base-ui/react/checkbox";
-export * from "@base-ui/react/checkbox-group";
 export * from "@base-ui/react/collapsible";
 export * from "@base-ui/react/combobox";
 export * from "@base-ui/react/context-menu";

package/dist/sections/basic-page.js

@@ -1,18 +1,20 @@
 "use client";
-import { a as A, c as E, d as s, f as a, i as S, l as C, m as I, n as B, o as P, p as e, r as N, s as o, t as D, u as R } from "../chunks/basic-page-DsI1xo6p.js";
+import { a as s, c as A, d as E, f as a, i as C, l as S, m as o, n as I, o as e, p as B, r as P, s as N, t as r, u as t } from "../chunks/basic-page-DR5szOOs.js";
+import { o as R } from "../chunks/data-table-DwbPU0zt.js";
 export {
-  D as AUTO_SAVE_DELAY_MS,
-  B as BASIC_PAGE_CALLOUT,
-  N as BASIC_PAGE_CARD,
-  S as BASIC_PAGE_ITEM,
-  A as BASIC_PAGE_ITEM_PANEL,
-  P as BASIC_PAGE_ITEM_PANEL_DIVIDED,
-  o as BASIC_PAGE_ROW,
-  E as BasicPage,
-  C as CONDENSE_BAR_ENTER,
-  R as CONDENSE_BAR_RISE_PX,
-  s as CONDENSE_BAR_TRAVEL,
+  r as AUTO_SAVE_DELAY_MS,
+  I as BASIC_PAGE_CALLOUT,
+  P as BASIC_PAGE_CARD,
+  C as BASIC_PAGE_ITEM,
+  s as BASIC_PAGE_ITEM_PANEL,
+  e as BASIC_PAGE_ITEM_PANEL_DIVIDED,
+  N as BASIC_PAGE_ROW,
+  A as BasicPage,
+  S as CONDENSE_BAR_ENTER,
+  t as CONDENSE_BAR_RISE_PX,
+  E as CONDENSE_BAR_TRAVEL,
+  R as createColumns,
   a as formToasts,
-  e as useAutoSave,
-  I as useCondense
+  B as useAutoSave,
+  o as useCondense
 };

package/dist/sections/sidebar.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as I, c as _, i as A, n as R, o as S, r as a, s, t as T } from "../chunks/sidebar-DvB-G0BP.js";
+import { a as I, c as _, i as A, n as R, o as S, r as a, s, t as T } from "../chunks/sidebar-DVzZsCts.js";
 export {
   T as SIDEBAR_HEADER_INSET,
   R as SIDEBAR_ITEM,

package/dist/src/components/data-table/data-table.d.ts

@@ -0,0 +1,227 @@
+import { ComponentProps, ReactNode, Ref } from 'react';
+import { ColumnDef, RowData, SortingState } from '@tanstack/react-table';
+/**
+ * DataTable — a table of records with column semantics: sortable headers,
+ * aligned cells, rows that are links into a subpage. TanStack Table (v9)
+ * does the thinking — column defs, sorting, row identity — and renders
+ * nothing; every pixel here is Pho's.
+ *
+ * Design notes:
+ * - The surface is `BasicPage.Card`'s: hairline border, `base` radius, the
+ *   page's primary fill, hairline rules between rows. A table is a card of
+ *   rows that happen to line up in columns, so it sits in a page's `Stack`
+ *   as any card does.
+ * - Header cells are description ink at body size — never small caps, never
+ *   bold. Hierarchy comes from ink alone; the header is a label row, not a
+ *   banner.
+ * - A sortable header is a button inside the cell: the label and its
+ *   indicator (`IconSelector` at rest, a chevron once sorted). `aria-sort`
+ *   sits on the `th`.
+ * - Rows that navigate stretch one link across the row (the first cell's
+ *   link, extended with a pseudo-element), so the whole row is one target
+ *   for pointer and one stop for keyboard. Hover washes the row; the row
+ *   whose page is open beside the table (`current`) keeps the wash — the
+ *   same cue `BasicPage.RowLink` gives under `aria-current`.
+ * - Numbers align to the end with tabular figures (`meta.align: "end"`).
+ * - `search` is one box over every column — plain contains matching, and
+ *   the body says when nothing matches. In a page, `BasicPage.Search` in
+ *   the section header adopts the box; alone, the table keeps one in a
+ *   toolbar row inside its frame. Server-side search keeps its own box
+ *   outside.
+ * - A wide table scrolls sideways inside its own frame; the page never does.
+ *   `contain: inline-size` keeps the table's intrinsic width out of the
+ *   page's — a host that sizes to content (a scroll area's fit-content
+ *   pane, a grid's auto column) would otherwise grow to the widest row.
+ *
+ * Reach for it when a list needs column semantics — sorting, aligned
+ * figures, several fields side by side. A list where each row is one
+ * label and a chevron stays `BasicPage.RowLink`.
+ */
+/** Column metadata a `DataTable` understands. */
+export interface DataTableColumnMeta {
+    /** Cell alignment — `end` for figures (right-aligned, tabular). */
+    align?: "start" | "end";
+}
+/**
+ * The feature set every `DataTable` runs on — sorting with the stock sort
+ * functions, the column meta above. Fixed, so column definitions written
+ * once fit every table.
+ */
+declare const features: {
+    rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    rowSelectionFeature: import('@tanstack/react-table').TableFeature;
+    columnFilteringFeature: import('@tanstack/react-table').TableFeature;
+    globalFilteringFeature: import('@tanstack/react-table').TableFeature;
+    sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
+    filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
+    filterFns: {
+        includesString: import('@tanstack/react-table').CreatedFilterFn<any, any>;
+    };
+    sortFns: {
+        alphanumeric: import('@tanstack/react-table').CreatedSortFn<any, any>;
+        basic: import('@tanstack/react-table').CreatedSortFn<any, any>;
+        datetime: import('@tanstack/react-table').CreatedSortFn<any, any>;
+        text: import('@tanstack/react-table').CreatedSortFn<any, any>;
+    };
+    columnMeta: DataTableColumnMeta;
+};
+export type DataTableFeatures = typeof features;
+/** A column definition for a `DataTable` of `TData` rows. */
+export type DataTableColumn<TData extends RowData, TValue = unknown> = ColumnDef<DataTableFeatures, TData, TValue>;
+/**
+ * The column helper, bound to the table's feature set — `accessor`,
+ * `display`, `group`, and `columns` to collect them with their types
+ * intact.
+ *
+ * @example
+ * const col = createColumns<Request>();
+ * const columns = col.columns([
+ *   col.accessor("actor", { header: "Actor" }),
+ *   col.accessor("amount", { header: "Amount", meta: { align: "end" } }),
+ * ]);
+ */
+export declare function createColumns<TData extends RowData>(): import('@tanstack/react-table').ColumnHelper<{
+    rowSortingFeature: import('@tanstack/react-table').TableFeature;
+    rowSelectionFeature: import('@tanstack/react-table').TableFeature;
+    columnFilteringFeature: import('@tanstack/react-table').TableFeature;
+    globalFilteringFeature: import('@tanstack/react-table').TableFeature;
+    sortedRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
+    filteredRowModel: (table: import('@tanstack/react-table').Table<any, any>) => () => import('@tanstack/react-table').RowModel<any, any>;
+    filterFns: {
+        includesString: import('@tanstack/react-table').CreatedFilterFn<any, any>;
+    };
+    sortFns: {
+        alphanumeric: import('@tanstack/react-table').CreatedSortFn<any, any>;
+        basic: import('@tanstack/react-table').CreatedSortFn<any, any>;
+        datetime: import('@tanstack/react-table').CreatedSortFn<any, any>;
+        text: import('@tanstack/react-table').CreatedSortFn<any, any>;
+    };
+    columnMeta: DataTableColumnMeta;
+}, TData>;
+export interface DataTableProps<TData extends RowData> extends Omit<ComponentProps<"div">, "children"> {
+    columns: ReadonlyArray<DataTableColumn<TData, any>>;
+    data: ReadonlyArray<TData>;
+    /**
+     * A row's identity — what `current` is matched against, and what keeps a
+     * row itself across sorts. Defaults to the row's `id` field, else its
+     * index.
+     */
+    getRowId?: (row: TData) => string;
+    /**
+     * Rows that navigate: each row is one link into a subpage, through the
+     * host's `LinkProvider`. Beside a `BasicPage.Aside`, the subpage opens
+     * next to the table.
+     */
+    rowHref?: (row: TData) => string;
+    /** The row whose page is open (its id) — it keeps the wash. */
+    current?: string | null;
+    /**
+     * Sorting is on for every accessor column (`enableSorting: false` on a
+     * column turns it off there). Uncontrolled by default; `defaultSort`
+     * seeds it. Pass `sort` with `onSortChange` to own it — the way to sort
+     * on the server.
+     */
+    defaultSort?: SortingState;
+    sort?: SortingState;
+    onSortChange?: (sort: SortingState) => void;
+    /**
+     * A search box on the table — `true`, or the placeholder it should
+     * show. One box searches every column (a column opts out with
+     * `enableGlobalFilter: false`); matching is a plain case-insensitive
+     * contains, on the client. With no matches the body says so. When the
+     * list doesn't all come down, keep the box outside and ask the server.
+     */
+    search?: boolean | string;
+    /**
+     * Controls in the frame's top band — a `BasicPage.Search` first, then a
+     * filter or two. The band is part of the table (one surface, a hairline
+     * above the header row), so nothing floats over the page and the
+     * spacing above and below is the frame's own. A `Search` here adopts
+     * the table's box the way a header one does.
+     */
+    toolbar?: ReactNode;
+    /**
+     * Row selection: hand either of these and rows grow a leading checkbox
+     * column. The header checkbox works the visible set — everything the
+     * search still shows — so select-all after a search means what it says;
+     * rows selected earlier and then hidden stay selected. `selected` is
+     * the selected ids (ids come from `getRowId`; pair with
+     * `onSelectedChange` to own the state); `onSelectedChange` alone
+     * listens while the table keeps it. The page renders its own bulk
+     * actions from the ids — the table only keeps the score.
+     */
+    selected?: readonly string[];
+    onSelectedChange?: (ids: string[]) => void;
+    /**
+     * File rows into labeled groups: return a label and the row renders
+     * under it, `null` and it stays in the main body. Groups follow the
+     * main body, in the order their labels first appear in `data`, each
+     * under a quiet label row — and only while they have rows, so a group
+     * a search empties simply leaves. Sorting orders rows within their
+     * group.
+     */
+    group?: (row: TData) => string | null;
+    /**
+     * Glide the frame's height when the rows change — a search narrowing,
+     * a filter, bones becoming rows. The height follows the content on the
+     * page spring instead of jumping; reserve it for tables whose rows
+     * change while mounted (same contract as `BasicPage.Card`'s).
+     */
+    animateHeight?: boolean;
+    /** Bones while the rows are on their way — `true` for five, or a count. */
+    loading?: boolean | number;
+    /** What the body says when there are no rows. */
+    empty?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * A host that sizes itself around tables provides this; each table
+ * announces itself while mounted. `BasicPage.Root` runs wide when the
+ * page carries one and `width` was left unsaid.
+ */
+export declare const TableHostContext: import('react').Context<((present: boolean) => void) | null>;
+/** A searchable table's search, published for a header to adopt. */
+export interface TableSearchApi {
+    placeholder: string;
+    query: string;
+    setQuery: (query: string) => void;
+    /** Rows still showing after the current query. */
+    matched: number;
+    /** Rows in the list, before search. */
+    total: number;
+}
+interface TableSearchState {
+    api: TableSearchApi | null;
+    adopted: boolean;
+}
+/**
+ * The channel between a searchable table and a `BasicPage.Search` placed
+ * in a section header: the table publishes its search (placeholder,
+ * query, the setter); a mounted `Search` adopts it, and the table's own
+ * box yields. Provided by `BasicPage.Root`; a table outside any page
+ * keeps its built-in box. One searchable table per page — a later
+ * publisher takes the slot.
+ */
+export interface TableSearchStore {
+    get: () => TableSearchState;
+    subscribe: (listener: () => void) => () => void;
+    publish: (api: TableSearchApi | null) => void;
+    adopt: (adopted: boolean) => void;
+}
+export declare function createTableSearchStore(): TableSearchStore;
+export declare const TableSearchContext: import('react').Context<TableSearchStore | null>;
+export interface GhostSearchProps extends Omit<ComponentProps<"input">, "value" | "onChange" | "type" | "children"> {
+    value: string;
+    onChange: (value: string) => void;
+}
+/**
+ * The search's ghost face — a magnifier and a bare field, quiet ink on a
+ * text line, no box around it. What a table wears in its own toolbar
+ * band; `BasicPage.Search variant="ghost"` is the same face wherever a
+ * page wants it. Presentational: hand it the value and the setter.
+ */
+export declare function GhostSearch({ value, onChange, className, ...props }: GhostSearchProps): import("react").JSX.Element;
+/** Same chrome as `BasicPage.Card`, minus its dividers — rows draw their own. */
+declare const DATA_TABLE_SURFACE = "rounded-base border border-pho-secondary bg-pho-primary";
+declare function DataTable<TData extends RowData>({ columns, data, getRowId, rowHref, current, selected, onSelectedChange, defaultSort, sort, onSortChange, search, toolbar, group, animateHeight, loading, empty, className, ...props }: DataTableProps<TData>): import("react").JSX.Element;
+export { DataTable, DATA_TABLE_SURFACE };

package/dist/src/components/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable, DATA_TABLE_SURFACE, GhostSearch, type GhostSearchProps, TableHostContext, TableSearchContext, createTableSearchStore, type TableSearchApi, type TableSearchStore, createColumns, type DataTableProps, type DataTableColumn, type DataTableColumnMeta, type DataTableFeatures, } from './data-table';
+export type { SortingState } from '@tanstack/react-table';

package/dist/src/index.d.ts

@@ -6,6 +6,7 @@
  * This root barrel re-exports everything for convenience.
  */
 export * from './utils';
+export * from './motion';
 export * from './components/button';
 export * from './components/input';
 export * from './components/input-group';

package/dist/src/motion/index.d.ts

@@ -0,0 +1,149 @@
+/**
+ * The motion vocabulary — every animation in Pho speaks it. Five springs,
+ * three timings, two CSS eases, and a handful of distances cover the
+ * system; components import from here and add nothing of their own.
+ *
+ * The grammar:
+ * - **Arrive** on `SPRING_ENTRANCE` with `FADE_ENTRANCE` — content
+ *   surfaces, it doesn't slide in.
+ * - **Swap** on `FADE_SWAP`, displacement on `TRAVEL_LINEAR` — crossfades
+ *   ease out, travel is linear.
+ * - **Press** on the press springs — deeper mass for bigger surfaces.
+ * - **Follow** on `SPRING_SETTLE` — heights and reflows chase content.
+ */
+/**
+ * Pages arrive on this — the `Stack` entrance, `Reveal`, `Title` / `Header`
+ * enter, the Title ↔ Back morph, `Alert` / `Footer` height reveals.
+ * Measured off a 60fps iOS push: ~330ms, a long gentle glide, everything
+ * co-landing; essentially critically damped (overshoot would flash
+ * clipped content).
+ */
+export declare const SPRING_ENTRANCE: {
+    readonly type: "spring";
+    readonly stiffness: 400;
+    readonly damping: 40;
+};
+/**
+ * Layout follows content on this — `AnimatedHeight`, a command palette's
+ * rows gliding into new places. Stiffer than the entrance: reflow should
+ * settle before it reads as motion.
+ */
+export declare const SPRING_SETTLE: {
+    readonly type: "spring";
+    readonly stiffness: 640;
+    readonly damping: 50;
+};
+/**
+ * The press pulse for full-size surfaces — `Button`, a sidebar row.
+ * Framer source: `spring-physics 200 30 0.1`.
+ */
+export declare const SPRING_PRESS: {
+    readonly type: "spring";
+    readonly stiffness: 200;
+    readonly damping: 30;
+    readonly mass: 0.1;
+};
+/** The press pulse for small controls — toggles, checks; quick and light. */
+export declare const SPRING_PRESS_QUICK: {
+    readonly type: "spring";
+    readonly stiffness: 700;
+    readonly damping: 32;
+    readonly mass: 0.06;
+};
+/** The press pulse for inline triggers — a `Select` sitting in text. */
+export declare const SPRING_PRESS_INLINE: {
+    readonly type: "spring";
+    readonly stiffness: 1100;
+    readonly damping: 40;
+    readonly mass: 0.04;
+};
+/** The fade that rides `SPRING_ENTRANCE` — spans most of the glide. */
+export declare const FADE_ENTRANCE: {
+    readonly duration: 0.25;
+    readonly ease: "easeOut";
+};
+/**
+ * The swap — crossfading faces, a condensed bar arriving, a saved word,
+ * an aside changing pages. Fades ease out.
+ */
+export declare const FADE_SWAP: {
+    readonly duration: 0.2;
+    readonly ease: "easeOut";
+};
+/**
+ * Displacement — a bar's rise, a drawer's scope swap, a search box's
+ * width. Travel is linear: the eye reads speed changes as personality,
+ * and furniture has none.
+ */
+export declare const TRAVEL_LINEAR: {
+    readonly duration: 0.2;
+    readonly ease: "linear";
+};
+/** CSS pop-in for floating layers (menus, select popups) — slight overshoot. */
+export declare const EASE_POP = "cubic-bezier(0.34, 1.3, 0.64, 1)";
+/** CSS stack glide — toasts trading places (Kumo's curve). */
+export declare const EASE_STACK = "cubic-bezier(0.22, 1, 0.36, 1)";
+/** Rise distance for entrances — content surfaces from just below. */
+export declare const RISE_PX = 12;
+/** Rise distance for the condensed bar — it comes from nearer still. */
+export declare const BAR_RISE_PX = -8;
+/** Press depth for small controls. */
+export declare const PRESS_SCALE = 0.96;
+/** Press depth for rows and full-size surfaces — shallower. */
+export declare const PRESS_SCALE_ROW = 0.97;
+/** The blur budget — one breath of blur, everywhere it is used. */
+export declare const BLUR_PX = 1;
+/**
+ * The crossfade recipe — fade with a breath of blur, both ways. Spread
+ * onto a motion element inside `AnimatePresence`:
+ *
+ *     <motion.div {...fadeThroughBlur(reduceMotion)} />
+ *
+ * Under reduced motion the swap is instant and never blurs.
+ */
+export declare function fadeThroughBlur(reduceMotion?: boolean | null): {
+    readonly initial: {
+        readonly opacity: 0;
+        readonly filter: "blur(0px)" | "blur(1px)";
+    };
+    readonly animate: {
+        readonly opacity: 1;
+        readonly filter: "blur(0px)";
+    };
+    readonly exit: {
+        readonly opacity: 0;
+        readonly filter: "blur(0px)" | "blur(1px)";
+    };
+    readonly transition: {
+        readonly duration: 0.2;
+        readonly ease: "easeOut";
+    } | {
+        readonly duration: 0;
+    };
+};
+/**
+ * The entrance recipe — rise `RISE_PX` on `SPRING_ENTRANCE` while
+ * `FADE_ENTRANCE` brings the ink. What `Stack` and `Reveal` do; spread it
+ * onto a motion element for content that should arrive the same way.
+ */
+export declare function riseIn(reduceMotion?: boolean | null): {
+    readonly initial: false | {
+        readonly opacity: 0;
+        readonly y: 12;
+    };
+    readonly animate: {
+        readonly opacity: 1;
+        readonly y: 0;
+    };
+    readonly transition: {
+        readonly y: {
+            readonly type: "spring";
+            readonly stiffness: 400;
+            readonly damping: 40;
+        };
+        readonly opacity: {
+            readonly duration: 0.25;
+            readonly ease: "easeOut";
+        };
+    };
+};