@vireo-ai/trellis-ui 0.1.50 → 0.1.52

package/packages/client/src/styles/theme.css

@@ -2,271 +2,4 @@
 @import "./generated/theme-runtime.css";
 @import "./components.css";
 @import "./generated-sources.css";
-
-@custom-variant dark (&:where(.dark, .dark *):not(:where(.light, .light *)));
-@custom-variant ui-interactive (&:is([data-ui-interactive]));
-@custom-variant ui-active (&:is(:active, :focus-visible, [data-active], [data-highlighted]));
-@custom-variant ui-selected (&:is([data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"]));
-
-/* Keep the core authored palette available to custom components in the precompiled package. */
-@source inline("{bg,text,border,ring,fill,stroke}-{neutral,accent}-{1..12}");
-@source inline("{bg,text,border,ring,fill,stroke}-{neutral,accent}-a{1..12}");
-@source inline("bg-canvas {bg,border,ring,fill,stroke}-surface-{0..8}");
-@source inline("text-surface-{0..8}-{ink,ink-muted} shadow-elevation-{0..8}");
-@source inline("rounded-{1..6} rounded-{control,surface,overlay} rounded-{control,surface,overlay}-{xs,sm,md,lg}");
-@source inline("{rounded-t,rounded-r,rounded-b,rounded-l}-{control,surface,overlay}-{xs,sm,md,lg}");
-@source inline("rounded-{none,full,circle}");
-@source inline("gap-control-gap px-control-padding-{xs,sm,md,lg,xlg} px-badge-padding-{xs,sm,md,lg,xlg}");
-@source inline("p-popover-padding px-menu-item-padding-inline");
-@source inline("text-{1..13} text-{body,heading,code,label,description,metadata,menu-item}");
-@source inline("text-{control,badge}-{xs,sm,md,lg,xlg}");
-@source inline("font-{body,heading,code,control,badge,label,description,metadata,menu-item}");
-@source inline("min-h-control-multiline-{xs,sm,md,lg,xlg}");
-@source inline("size-{brand-logo,badge-close,checkbox-indicator,radio-indicator,radio-dot,slider-thumb}-{xs,sm,md,lg,xlg}");
-@source inline("h-switch-track-height-{xs,sm,md,lg,xlg} w-switch-track-width-{xs,sm,md,lg,xlg} size-switch-thumb-{xs,sm,md,lg,xlg}");
-@source inline("p-switch-inset data-checked:translate-x-switch-travel-{xs,sm,md,lg,xlg}");
-@source inline("{h,w}-slider-track-{xs,sm,md,lg,xlg} max-w-modal-{sm,md,lg,xl}");
-@source inline("border-{0..3} border-edge-{perimeter,control,separator,divider}");
-@source inline("{border-t,border-r,border-b,border-l}-edge-{perimeter,control,separator,divider}");
-
-@media (hover: hover) {
-  [data-ui-elevation][data-ui-interactive="surface"]:hover {
-    --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
-  }
-}
-
-[data-ui-elevation][data-ui-interactive="surface"]:is(
-  [data-selected="true"],
-  [aria-selected="true"],
-  [data-current],
-  [aria-current]:not([aria-current="false"]),
-  [data-checked],
-  [aria-checked="true"],
-  [data-pressed],
-  [aria-pressed="true"]
-) {
-  --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-accent-edge);
-}
-
-[data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible, :has(:focus-visible)) {
-  --ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
-}
-
-/*
-  Shared interaction treatments keep state independent from its visual channels.
-  Tonal layers are painted over the element's existing surface with a background
-  image, while edge layers join the composable state/elevation shadow stack.
-*/
-[data-ui-selection-color],
-[data-ui-interaction] {
-  --ui-interaction-selected-fill: var(--background-interaction-selection-neutral);
-  --ui-interaction-selected-fill-hover: var(--background-interaction-selection-neutral-hover);
-  --ui-interaction-selected-ink: var(--color-interaction-selection-neutral-ink);
-  --ui-interaction-selected-edge: var(--color-intent-neutral-edge);
-  --ui-interaction-selected-edge-hover: var(--color-intent-neutral-edge-hover);
-  --ui-interaction-selected-edge-strong: var(--color-intent-neutral-edge-strong);
-  --ui-selection-solid: var(--color-intent-neutral-solid);
-  --ui-selection-solid-ink: var(--color-intent-neutral-solid-ink);
-}
-
-:is([data-ui-selection-color], [data-ui-interaction])[data-color="accent"] {
-  --ui-interaction-selected-fill: var(--background-interaction-selection-accent);
-  --ui-interaction-selected-fill-hover: var(--background-interaction-selection-accent-hover);
-  --ui-interaction-selected-ink: var(--color-interaction-selection-accent-ink);
-  --ui-interaction-selected-edge: var(--color-intent-accent-edge);
-  --ui-interaction-selected-edge-hover: var(--color-intent-accent-edge-hover);
-  --ui-interaction-selected-edge-strong: var(--color-intent-accent-edge-strong);
-  --ui-selection-solid: var(--color-intent-accent-solid);
-  --ui-selection-solid-ink: var(--color-intent-accent-solid-ink);
-}
-
-[data-ui-interaction] {
-  --ui-interaction-fill: transparent;
-  --ui-interaction-edge: var(--ui-interaction-rest-edge, transparent);
-}
-
-:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
-  background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
-}
-
-:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
-  --ui-state-shadow-layers:
-    0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
-}
-
-:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]):not([data-ui-elevation]) {
-  box-shadow: var(--ui-state-shadow-layers);
-}
-
-@media (hover: hover) {
-  [data-ui-interaction]:hover {
-    --ui-interaction-fill: var(--color-interaction-hover);
-    --ui-interaction-edge: var(--ui-surface-edge-hover);
-  }
-}
-
-[data-ui-interaction]:active {
-  --ui-interaction-fill: var(--color-interaction-pressed);
-  --ui-interaction-edge: var(--ui-surface-edge-strong);
-}
-
-[data-ui-interaction]:is(
-  [data-selected="true"],
-  [aria-selected="true"],
-  [data-current],
-  [aria-current]:not([aria-current="false"]),
-  [data-checked],
-  [aria-checked="true"],
-  [data-pressed],
-  [aria-pressed="true"]
-) {
-  --ui-interaction-fill: var(--ui-interaction-selected-fill);
-  --ui-interaction-edge: var(--ui-interaction-selected-edge);
-}
-
-:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]):is(
-  [data-selected="true"],
-  [aria-selected="true"],
-  [data-current],
-  [aria-current]:not([aria-current="false"]),
-  [data-checked],
-  [aria-checked="true"],
-  [data-pressed],
-  [aria-pressed="true"]
-) {
-  color: var(--ui-interaction-selected-ink);
-}
-
-@media (hover: hover) {
-  [data-ui-interaction]:is(
-    [data-selected="true"],
-    [aria-selected="true"],
-    [data-current],
-    [aria-current]:not([aria-current="false"]),
-    [data-checked],
-    [aria-checked="true"],
-    [data-pressed],
-    [aria-pressed="true"]
-  ):hover {
-    --ui-interaction-fill: var(--ui-interaction-selected-fill-hover);
-    --ui-interaction-edge: var(--ui-interaction-selected-edge-hover);
-  }
-}
-
-[data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
-  --ui-state-shadow-layers:
-    0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
-}
-
-/*
-  Root theme for the Trellis UI component system.
-
-  Token layers:
-  1. Generated primitives: 1–12 color families, alpha families, surfaces, and elevation.
-  2. Generated relationships: intent roles, interaction states, paired inks, and scrim.
-  3. Authored recipes: local component variables and state composition.
-
-  Theme config regenerates the first two layers. Component recipes consume their
-  relationships; custom UI may use the registered Tailwind palette directly.
-
-  CSS ownership:
-  - TypeScript style recipes own class composition, variants, sizes, and parts.
-  - This file owns imports, Tailwind source hints and variants, tokens, utilities,
-    global theme rules, and generic reusable behavior.
-  - Colocated component CSS owns selector-only styling that recipes cannot
-    express cleanly, such as pseudo-elements, ::part(...), :has(...), native
-    quirks, and child-order selectors.
-*/
-
-@theme {
-  --radius-scrollbar-thumb: var(--ui-scrollbar-thumb-radius);
-  --container-reading: var(--container-prose);
-  --z-index-popover: 50;
-  --z-index-dialog: 60;
-  --z-index-toast: 70;
-}
-
-@theme inline {
-  --color-surface: var(--ui-surface-color);
-  --color-surface-ink: var(--ui-surface-ink);
-  --color-surface-ink-muted: var(--ui-surface-ink-muted);
-  --color-label-ink: var(--ui-label-ink);
-  --color-icon: var(--ui-surface-ink-muted);
-  --color-separator: var(--ui-surface-separator);
-  --color-separator-muted: var(--ui-surface-separator-muted);
-  --color-scrollbar-thumb: var(--ui-surface-edge);
-  --color-scrollbar-thumb-hover: var(--ui-surface-edge-hover);
-}
-
-:root,
-.light,
-.dark {
-  color-scheme: light;
-
-  --ui-label-ink: color-mix(
-    in oklab,
-    var(--ui-surface-ink-muted),
-    var(--ui-surface-ink) var(--label-ink-emphasis)
-  );
-
-  --ui-control-height-xs: var(--spacing-control-xs);
-  --ui-control-height-sm: var(--spacing-control-sm);
-  --ui-control-height-md: var(--spacing-control-md);
-  --ui-control-height-lg: var(--spacing-control-lg);
-  --ui-control-height-xlg: var(--spacing-control-xlg);
-  --ui-popover-radius: var(--radius-overlay-sm);
-  --ui-popover-padding: var(--spacing-popover-padding);
-
-  --ui-icon-size-xs: var(--spacing-icon-xs);
-  --ui-icon-size-sm: var(--spacing-icon-sm);
-  --ui-icon-size: var(--spacing-icon);
-  --ui-icon-size-lg: var(--spacing-icon-lg);
-  --ui-scrollbar-size: var(--spacing-scrollbar);
-  --ui-scrollbar-inset: var(--spacing-scrollbar-inset);
-  --ui-scrollbar-thumb-radius: var(--radius-full);
-}
-
-.light {
-  color-scheme: light;
-}
-
-@utility max-h-xs {
-  max-height: var(--container-xs);
-}
-
-@utility max-h-sm {
-  max-height: var(--container-sm);
-}
-
-@utility max-h-md {
-  max-height: var(--container-md);
-}
-
-@utility max-h-lg {
-  max-height: var(--container-lg);
-}
-
-@utility max-h-xl {
-  max-height: var(--container-xl);
-}
-
-@utility max-h-prose {
-  max-height: 65ch;
-}
-
-@utility ui-edge {
-  box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
-}
-
-@utility ui-focus-ring {
-  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
-}
-
-@utility ui-focus-ring-inset {
-  box-shadow: inset 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
-}
-
-
-.dark {
-  color-scheme: dark;
-}
+@import "./theme-support.css";

package/packages/client/types/assets/full-runtime.generated.d.ts

@@ -1,2 +1,2 @@
-declare const fullRuntimeAssetIds: readonly ["trellis:core", "trellis:motion", "trellis:resizable", "trellis:sortable", "trellis:shortcut", "trellis:accordion", "trellis:button", "trellis:checkbox", "trellis:date-picker", "trellis:direct-upload", "trellis:dropdown", "trellis:field", "trellis:file-upload", "trellis:input", "trellis:keybinding", "trellis:modal", "trellis:panels", "trellis:radio", "trellis:scroll-area", "trellis:select", "trellis:sidebar", "trellis:slider", "trellis:switch", "trellis:tabs", "trellis:toast", "trellis:tooltip", "trellis:data-grid", "trellis:virtualizer", "trellis:table"];
+declare const fullRuntimeAssetIds: readonly ["trellis:core", "trellis:motion", "trellis:resizable", "trellis:sortable", "trellis:shortcut", "trellis:accordion", "trellis:button", "trellis:checkbox", "trellis:date-picker", "trellis:direct-upload", "trellis:dropdown", "trellis:field", "trellis:file-upload", "trellis:formset", "trellis:import-mapper", "trellis:input", "trellis:keybinding", "trellis:modal", "trellis:panels", "trellis:radio", "trellis:scroll-area", "trellis:select", "trellis:sidebar", "trellis:slider", "trellis:switch", "trellis:tabs", "trellis:toast", "trellis:tooltip", "trellis:data-grid", "trellis:virtualizer", "trellis:table"];
 export { fullRuntimeAssetIds };

package/packages/client/types/components/date-picker/contract.d.ts

@@ -1,7 +1,8 @@
 import { type SchemaToProps } from '../../runtime';
-import { type Alignment, type ComponentRadius, type ElevationReference, type Position, type SurfaceReference } from '../common';
+import { type Alignment, type ComponentRadius, type ControlVariant, type ElevationReference, type Position, type SurfaceReference } from '../common';
 declare const DATE_PICKER_MODES: readonly ["single", "range"];
-declare const DATE_PICKER_VARIANTS: readonly ["enhanced", "native"];
+declare const DATE_PICKER_IMPLEMENTATIONS: readonly ["enhanced", "native"];
+declare const DATE_PICKER_VARIANTS: readonly ["outline", "filled", "plain"];
 declare const DATE_PICKER_CLOSE: readonly ["auto", "confirm"];
 declare const DATE_PICKER_COLORS: readonly ["neutral", "accent"];
 declare const DATE_PICKER_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
@@ -9,7 +10,8 @@ declare const DATE_PICKER_PRESETS_POSITIONS: readonly ["left", "right", "top", "
 declare const DATE_PICKER_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
 declare const DATE_PICKER_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
 type DatePickerMode = typeof DATE_PICKER_MODES[number];
-type DatePickerVariant = typeof DATE_PICKER_VARIANTS[number];
+type DatePickerImplementation = typeof DATE_PICKER_IMPLEMENTATIONS[number];
+type DatePickerVariant = ControlVariant;
 type DatePickerClose = typeof DATE_PICKER_CLOSE[number];
 type DatePickerColor = typeof DATE_PICKER_COLORS[number];
 type DatePickerRadius = ComponentRadius;
@@ -56,7 +58,8 @@ declare const datePickerSchema: {
     align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
     offset: import("../../runtime/codecs").NumberCodec;
     gap: import("../../runtime/codecs").NumberCodec;
-    variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
+    implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
     color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
     radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
@@ -83,6 +86,11 @@ declare const datePickerPresetSchema: {
     disabled: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
+declare const datePickerTriggerSchema: {
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    class: import("../../runtime/codecs").StringCodec;
+};
 declare const datePickerPresetsSchema: {
     position: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
     class: import("../../runtime/codecs").StringCodec;
@@ -90,5 +98,6 @@ declare const datePickerPresetsSchema: {
 type DatePickerProps = SchemaToProps<typeof datePickerSchema>;
 type DatePickerPresetProps = SchemaToProps<typeof datePickerPresetSchema>;
 type DatePickerPresetsProps = SchemaToProps<typeof datePickerPresetsSchema>;
-export { DATE_PICKER_CLOSE, DATE_PICKER_COLORS, DATE_PICKER_ELEVATIONS, DATE_PICKER_MODES, DATE_PICKER_PRESETS_POSITIONS, DATE_PICKER_RADII, DATE_PICKER_SURFACES, DATE_PICKER_VARIANTS, datePickerPresetSchema, datePickerPresetsSchema, datePickerSchema, };
-export type { DatePickerAlign, DatePickerClose, DatePickerColor, DatePickerElevation, DatePickerMode, DatePickerPreset, DatePickerPresetProps, DatePickerPresetsPosition, DatePickerPresetsProps, DatePickerProps, DatePickerRadius, DatePickerSide, DatePickerSurface, DatePickerVariant, };
+type DatePickerTriggerProps = SchemaToProps<typeof datePickerTriggerSchema>;
+export { DATE_PICKER_CLOSE, DATE_PICKER_COLORS, DATE_PICKER_ELEVATIONS, DATE_PICKER_IMPLEMENTATIONS, DATE_PICKER_MODES, DATE_PICKER_PRESETS_POSITIONS, DATE_PICKER_RADII, DATE_PICKER_SURFACES, DATE_PICKER_VARIANTS, datePickerPresetSchema, datePickerPresetsSchema, datePickerSchema, datePickerTriggerSchema, };
+export type { DatePickerAlign, DatePickerClose, DatePickerColor, DatePickerElevation, DatePickerImplementation, DatePickerMode, DatePickerPreset, DatePickerPresetProps, DatePickerPresetsPosition, DatePickerPresetsProps, DatePickerProps, DatePickerRadius, DatePickerSide, DatePickerSurface, DatePickerTriggerProps, DatePickerVariant, };

package/packages/client/types/components/date-picker/machine.d.ts

@@ -93,7 +93,8 @@ declare const datePickerHooks: readonly [{
             align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
             offset: import("../../runtime/codecs").NumberCodec;
             gap: import("../../runtime/codecs").NumberCodec;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
+            implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
+            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
             surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
@@ -166,7 +167,8 @@ declare const datePickerHooks: readonly [{
             align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
             offset: import("../../runtime/codecs").NumberCodec;
             gap: import("../../runtime/codecs").NumberCodec;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
+            implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
+            variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled" | "plain">;
             color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
             surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;

package/packages/client/types/components/entry.generated.d.ts

@@ -12,6 +12,8 @@ export * from './direct-upload/entry.generated';
 export * from './dropdown/entry.generated';
 export * from './field/entry.generated';
 export * from './file-upload/entry.generated';
+export * from './formset/entry.generated';
+export * from './import-mapper/entry.generated';
 export * from './input/entry.generated';
 export * from './keybinding/entry.generated';
 export * from './modal/entry.generated';

package/packages/client/types/components/formset/contract.d.ts

@@ -0,0 +1,10 @@
+import { type SchemaToProps } from '../../runtime';
+declare const formsetSchema: {
+    prefix: import("../../runtime/codecs").StringCodec;
+    minForms: import("../../runtime/codecs").NumberCodec;
+    maxForms: import("../../runtime/codecs").JsonCodec<number | null>;
+    disabled: import("../../runtime/codecs").BoolCodec;
+};
+type FormsetProps = SchemaToProps<typeof formsetSchema>;
+export { formsetSchema };
+export type { FormsetProps };

package/packages/client/types/components/formset/entry.generated.d.ts

@@ -0,0 +1,5 @@
+import type { Alpine as AlpineType } from 'alpinejs';
+declare const registerFormset: (AlpineInstance: AlpineType) => void;
+export { registerFormset };
+export default registerFormset;
+export * from './index';

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

@@ -0,0 +1,41 @@
+import type Alpine from 'alpinejs';
+import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type FormsetProps } from './contract';
+import { formsetHooks, type FormsetContext } from './machine';
+type FormsetOperation = 'add' | 'remove' | 'restore';
+type FormsetItemArgument = HTMLElement | number;
+type FormsetItemDetail = {
+    index: number;
+    item: HTMLElement;
+    activeCount: number;
+};
+type FormsetChangeDetail = {
+    operation: FormsetOperation;
+    index: number;
+    activeCount: number;
+};
+/** Public Alpine API for `ui.formset`. @public */
+interface UiFormsetApi {
+    /** Number of rows not marked for Django deletion. */
+    readonly activeCount: number;
+    /** Whether adding one row is currently permitted. */
+    readonly canAdd: boolean;
+    /** Whether removing one active row is currently permitted. */
+    readonly canRemove: boolean;
+    /** Clone, index, initialize, and focus one empty-form row. */
+    add(): HTMLElement | null;
+    /** Tombstone an active member by element or immutable index. */
+    remove(itemOrIndex?: FormsetItemArgument): boolean;
+    /** Restore a tombstoned member by element or immutable index. */
+    restore(itemOrIndex: FormsetItemArgument): boolean;
+    /** Re-derive rows and management state from server-owned DOM. */
+    refresh(): void;
+}
+type FormsetData = AlpineMachine<FormsetContext, FormsetProps, typeof formsetHooks> & UiFormsetApi & {
+    init(): void;
+    destroy(): void;
+};
+declare const UiFormset: (AlpineInstance: Alpine.Alpine) => TrellisAlpineComponent<FormsetData>;
+declare const registerFormset: (AlpineInstance: Alpine.Alpine) => void;
+export { registerFormset, UiFormset };
+export type { FormsetChangeDetail, FormsetData, FormsetItemArgument, FormsetItemDetail, UiFormsetApi, };

package/packages/client/types/components/formset/machine.d.ts

@@ -0,0 +1,22 @@
+import { type Machine, type MachineScope } from '../../runtime/state-machine';
+import type { FormsetProps } from './contract';
+type FormsetContext = {
+    activeCount: number;
+};
+type FormsetMachineEffects = {
+    add(): void;
+    remove(scope: MachineScope<FormsetContext, FormsetProps>): void;
+    restore(scope: MachineScope<FormsetContext, FormsetProps>): void;
+    refresh(): void;
+    maxLimit(): void;
+    minLimit(): void;
+};
+type CreateFormsetMachineOptions = {
+    props: FormsetProps;
+    context: FormsetContext;
+    effects: FormsetMachineEffects;
+};
+declare const createFormsetMachine: ({ props, context, effects, }: CreateFormsetMachineOptions) => Machine<FormsetContext, FormsetProps>;
+declare const formsetHooks: readonly [];
+export { createFormsetMachine, formsetHooks };
+export type { CreateFormsetMachineOptions, FormsetContext, FormsetMachineEffects };

package/packages/client/types/components/formset/runtime-docs.d.ts

@@ -0,0 +1,2 @@
+declare const formsetRuntimeDocs: import("../../docs/transition-docs").ComponentTransitionDocs;
+export { formsetRuntimeDocs };

package/packages/client/types/components/heading/contract.d.ts

@@ -1,9 +1,11 @@
 import { type TypographyColor } from '../common';
 declare const HEADING_AS_VALUES: readonly ["div", "h1", "h2", "h3", "h4", "h5", "h6"];
 declare const HEADING_SIZE_VALUES: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13"];
+declare const HEADING_FONT_VALUES: readonly ["heading", "mono"];
 declare const HEADING_COLOR_VALUES: readonly ["inherit", "muted", "subtle", "accent", "danger"];
 type HeadingAs = typeof HEADING_AS_VALUES[number];
 type HeadingSize = typeof HEADING_SIZE_VALUES[number];
+type HeadingFont = typeof HEADING_FONT_VALUES[number];
 type HeadingColor = TypographyColor;
-export { HEADING_AS_VALUES, HEADING_COLOR_VALUES, HEADING_SIZE_VALUES, };
-export type { HeadingAs, HeadingColor, HeadingSize };
+export { HEADING_AS_VALUES, HEADING_COLOR_VALUES, HEADING_FONT_VALUES, HEADING_SIZE_VALUES, };
+export type { HeadingAs, HeadingColor, HeadingFont, HeadingSize };

package/packages/client/types/components/import-flow/contract.d.ts

@@ -0,0 +1,13 @@
+type ImportFlowProps = {
+    id: string;
+    session: string;
+    step: 'upload' | 'schema' | 'mapping' | 'review' | 'preview';
+    revision: number;
+    busy: boolean;
+    restartUrl: string;
+    showRestart: boolean;
+    submitValue: 'next' | 'start';
+    submitLabel: string;
+    class: string;
+};
+export type { ImportFlowProps };

package/packages/client/types/components/import-flow/index.d.ts

@@ -0,0 +1,2 @@
+export type { ImportFlowProps } from './contract';
+export { importFlowManifest } from './manifest';

package/packages/client/types/components/import-mapper/entry.generated.d.ts

@@ -0,0 +1,5 @@
+import type { Alpine as AlpineType } from 'alpinejs';
+declare const registerImportMapper: (AlpineInstance: AlpineType) => void;
+export { registerImportMapper };
+export default registerImportMapper;
+export * from './index';

package/packages/client/types/components/import-mapper/index.d.ts

@@ -0,0 +1,25 @@
+import type Alpine from 'alpinejs';
+import { type TrellisAlpineComponent } from '../../runtime';
+type MappingProjectionRow = {
+    source: string;
+    target: string;
+    deleted: boolean;
+};
+type MappingProjection = {
+    usedSources: ReadonlySet<string>;
+    usedTargets: ReadonlySet<string>;
+    sourceAvailable(current: string, candidate: string): boolean;
+    targetAvailable(current: string, candidate: string): boolean;
+};
+declare const mappingProjection: (rows: readonly MappingProjectionRow[]) => MappingProjection;
+type ImportMapperData = {
+    activeSource: string;
+    init(): void;
+    destroy(): void;
+    refresh(): void;
+    selectSource(source: string): void;
+};
+declare const UiImportMapper: () => TrellisAlpineComponent<ImportMapperData>;
+declare const registerImportMapper: (AlpineInstance: Alpine.Alpine) => void;
+export { mappingProjection, registerImportMapper, UiImportMapper };
+export type { ImportMapperData, MappingProjection, MappingProjectionRow };

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

@@ -13,6 +13,8 @@ export type { DropdownData, DropdownTransition, UiDropdownApi } from './dropdown
 export { registerField, UiField } from './field';
 export { registerFileUpload, UiFileUpload } from './file-upload';
 export type { FileTransferStatus, FileUploadData, FileUploadMetadata, FileUploadRecord, FileUploadTransition, UiFileUploadApi, } from './file-upload';
+export { registerFormset, UiFormset } from './formset';
+export type { FormsetChangeDetail, FormsetData, FormsetItemArgument, FormsetItemDetail, UiFormsetApi, } from './formset';
 export { registerInput, UiInput } from './input';
 export type { InputData, UiInputApi } from './input';
 export { createKeybindingController, registerKeybinding } from './keybinding';

package/packages/client/types/components/select/contract.d.ts

@@ -34,6 +34,7 @@ declare const selectSchema: {
     mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
     multiple: import("../../runtime/codecs").BoolCodec;
     searchable: import("../../runtime/codecs").BoolCodec;
+    searchMinItems: import("../../runtime/codecs").NumberCodec;
     virtualized: import("../../runtime/codecs").BoolCodec;
     optionsFetchUrl: import("../../runtime/codecs").StringCodec;
     optionsTotalItems: import("../../runtime/codecs").NumberCodec;

package/packages/client/types/components/select/machine.d.ts

@@ -27,6 +27,7 @@ type SelectMachineEffects = {
     syncProps(scope: MachineScope<SelectContext, SelectProps>): void;
     syncOptions(scope: MachineScope<SelectContext, SelectProps>): void;
     syncActive(scope: MachineScope<SelectContext, SelectProps>): void;
+    syncDom(scope: MachineScope<SelectContext, SelectProps>): void;
 };
 type CreateSelectMachineOptions = {
     props: SelectProps;
@@ -71,6 +72,7 @@ declare const selectHooks: readonly [{
             mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
             multiple: import("../../runtime/codecs").BoolCodec;
             searchable: import("../../runtime/codecs").BoolCodec;
+            searchMinItems: import("../../runtime/codecs").NumberCodec;
             virtualized: import("../../runtime/codecs").BoolCodec;
             optionsFetchUrl: import("../../runtime/codecs").StringCodec;
             optionsTotalItems: import("../../runtime/codecs").NumberCodec;
@@ -148,6 +150,7 @@ declare const selectHooks: readonly [{
             mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
             multiple: import("../../runtime/codecs").BoolCodec;
             searchable: import("../../runtime/codecs").BoolCodec;
+            searchMinItems: import("../../runtime/codecs").NumberCodec;
             virtualized: import("../../runtime/codecs").BoolCodec;
             optionsFetchUrl: import("../../runtime/codecs").StringCodec;
             optionsTotalItems: import("../../runtime/codecs").NumberCodec;

package/packages/client/types/components/text/contract.d.ts

@@ -2,10 +2,12 @@ import { type TypographyColor } from '../common';
 declare const TEXT_AS_VALUES: readonly ["span", "p", "div", "label", "kbd", "code", "strong"];
 declare const TEXT_SIZE_VALUES: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13"];
 declare const TEXT_WEIGHT_VALUES: readonly ["normal", "medium", "semibold", "bold"];
+declare const TEXT_FONT_VALUES: readonly ["body", "mono"];
 declare const TEXT_COLOR_VALUES: readonly ["inherit", "muted", "subtle", "accent", "danger"];
 type TextAs = typeof TEXT_AS_VALUES[number];
 type TextSize = typeof TEXT_SIZE_VALUES[number];
 type TextWeight = typeof TEXT_WEIGHT_VALUES[number];
+type TextFont = typeof TEXT_FONT_VALUES[number];
 type TextColor = TypographyColor;
-export { TEXT_AS_VALUES, TEXT_COLOR_VALUES, TEXT_SIZE_VALUES, TEXT_WEIGHT_VALUES, };
-export type { TextAs, TextColor, TextSize, TextWeight };
+export { TEXT_AS_VALUES, TEXT_COLOR_VALUES, TEXT_FONT_VALUES, TEXT_SIZE_VALUES, TEXT_WEIGHT_VALUES, };
+export type { TextAs, TextColor, TextFont, TextSize, TextWeight };

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

@@ -1,5 +1,8 @@
 import type Alpine from 'alpinejs';
+import { type TrellisAlpineComponent } from '../../runtime';
 import { UiVirtualizer } from '../../runtime/virtualizer';
+import type { UiVirtualizerApi, VirtualizerData } from '../../runtime/virtualizer';
+declare const UiCursorVirtualizer: (AlpineInstance: Alpine.Alpine) => TrellisAlpineComponent<VirtualizerData<null>> & UiVirtualizerApi<null>;
 declare const registerVirtualizer: (AlpineInstance: Alpine.Alpine) => void;
-export { registerVirtualizer, UiVirtualizer };
+export { registerVirtualizer, UiCursorVirtualizer, UiVirtualizer };
 export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerOptions, VirtualizerData, VirtualScrollAlign, } from '../../runtime/virtualizer';

package/packages/client/types/runtime/cursor-data-source.d.ts

@@ -14,6 +14,7 @@ type CursorRenderPayload = {
         preloads?: string[];
     }>;
     totalItems: number | null;
+    itemCount?: number;
 };
 type SoughtCursorPage<Content> = CursorPage<Content> & {
     startIndex: number;
@@ -42,4 +43,21 @@ type CursorVirtualizerOptions<Query, Content> = {
     responseAdapter: CursorResponseAdapter<Content>;
     seekDebounce?: number;
 };
-export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, SoughtCursorPage, CursorVirtualizerOptions, };
+type ServerCursorResponse = {
+    content: string;
+    assets?: Array<{
+        id: string;
+        src: string;
+        preloads?: string[];
+    }>;
+    startCursor: string | null;
+    endCursor: string | null;
+    hasNext: boolean;
+    hasPrevious: boolean;
+    startIndex?: number;
+    total?: number;
+    count?: number;
+};
+declare const serverCursorOptions: (element: () => HTMLElement) => CursorVirtualizerOptions<null, ServerCursorResponse>;
+export { serverCursorOptions };
+export type { CursorDataSource, CursorFirstArgs, CursorMoveArgs, CursorPage, CursorResponseAdapter, CursorRenderPayload, CursorSeekArgs, ServerCursorResponse, SoughtCursorPage, CursorVirtualizerOptions, };

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

@@ -9,6 +9,7 @@ type StreamPatchPayload = {
     requestId?: string | null;
     viewTransition?: boolean;
     assets?: AssetDescriptor[];
+    focus?: string | null;
 };
 type StreamEventPayload = {
     event: string;

package/packages/client/types/runtime/virtualizer-schema.d.ts

@@ -3,6 +3,7 @@ declare const VIRTUALIZER_AXES: readonly ["vertical"];
 type VirtualizerAxis = typeof VIRTUALIZER_AXES[number];
 declare const virtualizerSchema: {
     fetchUrl: import("./codecs").StringCodec;
+    cursor: import("./codecs").BoolCodec;
     totalItems: import("./codecs").NumberCodec;
     itemSize: import("./codecs").NumberCodec;
     bufferSize: import("./codecs").NumberCodec;