npm - @vireo-ai/trellis-ui - Versions diffs - 0.1.61 → 0.1.63 - Mend

@vireo-ai/trellis-ui 0.1.61 → 0.1.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (537) hide show

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

@@ -1,4 +1,4 @@
-import { type Machine, type MachineScope } from '../../runtime/state-machine';
+import { type Machine, type MachineScope, type MachineSnapshot } from '../../runtime/state-machine';
 import type { DatePickerProps } from './contract';
 type SelectionSource = 'calendar' | 'input' | 'preset' | 'today' | 'clear' | 'props';
 type DatePickerContext = {
@@ -36,7 +36,7 @@ type CreateDatePickerMachineOptions = {
 declare const datePickerHooks: readonly [{
     name: "opening";
     state: string;
-    project: () => {};
+    project: (_snapshot: MachineSnapshot<DatePickerContext, DatePickerProps>) => Record<string, never>;
     onDone: string;
     onError: string;
     sends: {
@@ -47,7 +47,7 @@ declare const datePickerHooks: readonly [{
 }, {
     name: "closing";
     state: string;
-    project: () => {};
+    project: (_snapshot: MachineSnapshot<DatePickerContext, DatePickerProps>) => Record<string, never>;
     onDone: string;
     onError: string;
     sends: {
@@ -59,10 +59,10 @@ declare const datePickerHooks: readonly [{
     name: "parsing";
     state: string;
     project: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
+        value: import("../../runtime").MachineStateValue;
         tags: readonly string[];
         context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
+        props: Readonly<import("../../runtime").SchemaToProps<{
             name: import("../../runtime/codecs").StringCodec;
             value: import("../../runtime/codecs").StringCodec;
             startName: import("../../runtime/codecs").StringCodec;
@@ -90,7 +90,7 @@ declare const datePickerHooks: readonly [{
             required: import("../../runtime/codecs").BoolCodec;
             invalid: import("../../runtime/codecs").BoolCodec;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
             offset: import("../../runtime/codecs").NumberCodec;
             gap: import("../../runtime/codecs").NumberCodec;
             implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
@@ -98,7 +98,7 @@ declare const datePickerHooks: readonly [{
             color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
             surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
             close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
             presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
             presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
@@ -133,10 +133,10 @@ declare const datePickerHooks: readonly [{
     name: "selecting";
     state: string;
     project: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
+        value: import("../../runtime").MachineStateValue;
         tags: readonly string[];
         context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
+        props: Readonly<import("../../runtime").SchemaToProps<{
             name: import("../../runtime/codecs").StringCodec;
             value: import("../../runtime/codecs").StringCodec;
             startName: import("../../runtime/codecs").StringCodec;
@@ -164,7 +164,7 @@ declare const datePickerHooks: readonly [{
             required: import("../../runtime/codecs").BoolCodec;
             invalid: import("../../runtime/codecs").BoolCodec;
             side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
             offset: import("../../runtime/codecs").NumberCodec;
             gap: import("../../runtime/codecs").NumberCodec;
             implementation: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
@@ -172,7 +172,7 @@ declare const datePickerHooks: readonly [{
             color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
             radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
             surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
             close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
             presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
             presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;

package/packages/client/types/components/dropdown/contract.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ type DropdownSide = Position;
 type DropdownAlign = Alignment;
 declare const dropdownSchema: {
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center">;
     offset: import("../../runtime/codecs").NumberCodec;
     gap: import("../../runtime/codecs").NumberCodec;
     open: import("../../runtime/codecs").BoolCodec;

package/packages/client/types/components/dropdown/machine.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-import { type Machine } from '../../runtime/state-machine';
+import { type Machine, type MachineSnapshot } from '../../runtime/state-machine';
 import type { DropdownProps } from './contract';
 type DropdownContext = {
     openSubmenuIds: string[];
+    query: string;
 };
 type DropdownFocus = 'menu' | 'first';
 type DropdownMachineEffects = {
@@ -11,6 +12,7 @@ type DropdownMachineEffects = {
     finishClose(): void;
     syncProps(): void;
     syncSubmenus(openSubmenuIds: string[]): void;
+    syncSearch(): void;
 };
 type CreateDropdownMachineOptions = {
     props: DropdownProps;
@@ -19,13 +21,13 @@ type CreateDropdownMachineOptions = {
 declare const dropdownHooks: readonly [{
     name: "opening";
     state: string;
-    project: () => {};
+    project: (_snapshot: MachineSnapshot<DropdownContext, DropdownProps>) => Record<string, never>;
     onDone: string;
     onError: string;
 }, {
     name: "closing";
     state: string;
-    project: () => {};
+    project: (_snapshot: MachineSnapshot<DropdownContext, DropdownProps>) => Record<string, never>;
     onDone: string;
     onError: string;
 }];

package/packages/client/types/components/field/contract.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ declare const fieldSchema: {
     errors: import("../../runtime/codecs").StringCodec;
     badge: import("../../runtime/codecs").StringCodec;
     orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
-    layout: import("../../runtime/codecs").OneOfCodec<"grid" | "stack" | "inline">;
+    layout: import("../../runtime").CodecFn<"grid" | "inline" | "stack">;
     disabled: import("../../runtime/codecs").BoolCodec;
     required: import("../../runtime/codecs").BoolCodec;
     invalid: import("../../runtime/codecs").BoolCodec;
@@ -40,7 +40,7 @@ declare const fieldErrorSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const fieldGroupSchema: {
-    layout: import("../../runtime/codecs").OneOfCodec<"grid" | "row" | "stack">;
+    layout: import("../../runtime").CodecFn<"grid" | "row" | "stack">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const fieldsetSchema: {
@@ -49,7 +49,7 @@ declare const fieldsetSchema: {
     description: import("../../runtime/codecs").StringCodec;
     error: import("../../runtime/codecs").StringCodec;
     errors: import("../../runtime/codecs").StringCodec;
-    layout: import("../../runtime/codecs").OneOfCodec<"grid" | "stack" | "inline">;
+    layout: import("../../runtime").CodecFn<"grid" | "inline" | "stack">;
     disabled: import("../../runtime/codecs").BoolCodec;
     required: import("../../runtime/codecs").BoolCodec;
     invalid: import("../../runtime/codecs").BoolCodec;
@@ -61,7 +61,7 @@ declare const fieldsetLegendSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const fieldRuntimeSchema: {
-    invalid: import("../..").CodecFn<boolean>;
+    invalid: import("../../runtime").CodecFn<boolean>;
 };
 type FieldProps = SchemaToProps<typeof fieldSchema>;
 type FieldGroupProps = SchemaToProps<typeof fieldGroupSchema>;

package/packages/client/types/components/file-upload/contract.d.ts CHANGED Viewed

@@ -16,12 +16,12 @@ declare const fileUploadSchema: {
     disabled: import("../../runtime/codecs").BoolCodec;
     invalid: import("../../runtime/codecs").BoolCodec;
     preview: import("../../runtime/codecs").OneOfCodec<"image" | "none" | "auto">;
-    layout: import("../../runtime/codecs").OneOfCodec<"stack" | "inline">;
+    layout: import("../../runtime").CodecFn<"inline" | "stack">;
     size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg">;
     heading: import("../../runtime/codecs").StringCodec;
     text: import("../../runtime/codecs").StringCodec;
     browseLabel: import("../../runtime/codecs").StringCodec;
-    empty: import("../..").CodecFn<string>;
+    empty: import("../../runtime").CodecFn<string>;
     maxItems: import("../../runtime/codecs").NumberCodec;
     clearable: import("../../runtime/codecs").BoolCodec;
     transport: import("../../runtime/codecs").OneOfCodec<"native" | "direct">;
@@ -35,7 +35,7 @@ declare const fileUploadDropzoneSchema: {
     heading: import("../../runtime/codecs").StringCodec;
     text: import("../../runtime/codecs").StringCodec;
     icon: import("../../runtime/codecs").StringCodec;
-    layout: import("../../runtime/codecs").OneOfCodec<"stack" | "inline">;
+    layout: import("../../runtime").CodecFn<"inline" | "stack">;
     size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg">;
     disabled: import("../../runtime/codecs").BoolCodec;
     invalid: import("../../runtime/codecs").BoolCodec;

package/packages/client/types/components/file-upload/machine.d.ts CHANGED Viewed

@@ -49,10 +49,10 @@ declare const fileUploadHooks: readonly [{
     name: "uploading";
     state: string;
     project: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
+        value: import("../../runtime").MachineStateValue;
         tags: readonly string[];
         context: Readonly<FileUploadContext>;
-        props: Readonly<import("../..").SchemaToProps<{
+        props: Readonly<import("../../runtime").SchemaToProps<{
             name: import("../../runtime/codecs").StringCodec;
             accept: import("../../runtime/codecs").StringCodec;
             capture: import("../../runtime/codecs").StringCodec;
@@ -61,12 +61,12 @@ declare const fileUploadHooks: readonly [{
             disabled: import("../../runtime/codecs").BoolCodec;
             invalid: import("../../runtime/codecs").BoolCodec;
             preview: import("../../runtime/codecs").OneOfCodec<"image" | "none" | "auto">;
-            layout: import("../../runtime/codecs").OneOfCodec<"stack" | "inline">;
+            layout: import("../../runtime").CodecFn<"inline" | "stack">;
             size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg">;
             heading: import("../../runtime/codecs").StringCodec;
             text: import("../../runtime/codecs").StringCodec;
             browseLabel: import("../../runtime/codecs").StringCodec;
-            empty: import("../..").CodecFn<string>;
+            empty: import("../../runtime").CodecFn<string>;
             maxItems: import("../../runtime/codecs").NumberCodec;
             clearable: import("../../runtime/codecs").BoolCodec;
             transport: import("../../runtime/codecs").OneOfCodec<"native" | "direct">;

package/packages/client/types/components/flex/contract.d.ts CHANGED Viewed

@@ -1,14 +1,15 @@
 import { type SchemaToProps } from '../../runtime';
-import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace } from '../layout';
+import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace, type FlowSpace, type LayoutFlow } from '../layout';
 declare const FLEX_DISPLAYS: readonly ["flex", "inline-flex", "none"];
 declare const FLEX_DIRECTIONS: readonly ["row", "column", "row-reverse", "column-reverse"];
 declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
 declare const flexSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    maxHeight: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
     width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "concentric">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
@@ -16,9 +17,10 @@ declare const flexSchema: {
     padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
-    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
-    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "stretch" | "baseline">;
+    justify: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "between">;
+    flow: import("../../runtime/codecs").OneOfCodec<"default" | "reading">;
+    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
@@ -31,4 +33,4 @@ type FlexDirection = typeof FLEX_DIRECTIONS[number];
 type FlexWrap = typeof FLEX_WRAPS[number];
 type FlexProps = SchemaToProps<typeof flexSchema>;
 export { FLEX_DIRECTIONS, FLEX_DISPLAYS, FLEX_WRAPS, flexSchema, };
-export type { FlexDirection, FlexDisplay, FlexProps, FlexWrap, LayoutAlign as FlexAlign, LayoutAs as FlexAs, LayoutJustify as FlexJustify, LayoutSpace as FlexSpace, };
+export type { FlexDirection, FlexDisplay, FlexProps, FlexWrap, LayoutAlign as FlexAlign, LayoutAs as FlexAs, LayoutJustify as FlexJustify, LayoutSpace as FlexSpace, FlowSpace as FlexGap, LayoutFlow as FlexFlow, };

package/packages/client/types/components/frame/contract.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type SchemaToProps } from '../../runtime';
-import { type ComponentRadius, type ElevationReference, type LayoutSpace, type SurfaceReference } from '../common';
+import { type SurfaceRadius, type ElevationReference, type LayoutSpace, type SurfaceReference } from '../common';
 declare const FRAME_AS_VALUES: readonly ["div", "section", "article", "aside", "main", "nav", "form"];
 declare const FRAME_REGION_AS_VALUES: readonly ["div", "header", "footer", "section", "nav", "form"];
 declare const FRAME_BODY_AS_VALUES: readonly ["div", "section", "main", "form"];
@@ -7,18 +7,19 @@ declare const FRAME_LAYOUTS: readonly ["regions", "stack"];
 declare const FRAME_REGION_LAYOUTS: readonly ["block", "row", "stack", "cluster"];
 declare const FRAME_SPACES: readonly ["0", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "6.5", "7", "7.5", "8", "8.5", "9", "9.5", "10", "10.5", "11", "11.5", "12"];
 declare const FRAME_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
-declare const FRAME_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
+declare const FRAME_RADII: readonly ["none", "xs", "sm", "md", "lg", "full", "concentric"];
 declare const FRAME_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
 declare const FRAME_WIDTHS: readonly ["auto", "full", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "prose"];
-declare const FRAME_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
+declare const FRAME_HEIGHTS: readonly ["auto", "full", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl"];
 declare const FRAME_ALIGNS: readonly ["start", "center", "end", "stretch"];
 declare const FRAME_JUSTIFIES: readonly ["start", "center", "end", "between"];
 declare const frameSchema: {
-    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl" | "prose">;
     class: import("../../runtime/codecs").StringCodec;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    maxHeight: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
     width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "concentric">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
@@ -27,15 +28,15 @@ declare const frameSchema: {
     paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "form" | "main" | "nav" | "section">;
-    layout: import("../../runtime/codecs").OneOfCodec<"stack" | "regions">;
+    layout: import("../../runtime").CodecFn<"stack" | "regions">;
     gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
 };
 declare const frameRegionSchema: {
-    layout: import("../../runtime/codecs").OneOfCodec<"row" | "stack" | "block" | "cluster">;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
-    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
+    layout: import("../../runtime").CodecFn<"block" | "row" | "stack" | "cluster">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "stretch">;
+    justify: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "between">;
     class: import("../../runtime/codecs").StringCodec;
     margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
@@ -51,6 +52,8 @@ declare const frameRegionSchema: {
 declare const frameBodySchema: {
     fill: import("../../runtime/codecs").BoolCodec;
     scroll: import("../../runtime/codecs").BoolCodec;
+    fade: import("../../runtime/codecs").BoolCodec;
+    gutter: import("../../runtime/codecs").OneOfCodec<"stable" | "overlay">;
     class: import("../../runtime/codecs").StringCodec;
     margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
@@ -67,7 +70,7 @@ type FrameLayout = typeof FRAME_LAYOUTS[number];
 type FrameRegionLayout = typeof FRAME_REGION_LAYOUTS[number];
 type FrameSpace = LayoutSpace;
 type FrameSurface = SurfaceReference;
-type FrameRadius = ComponentRadius;
+type FrameRadius = SurfaceRadius;
 type FrameElevation = ElevationReference;
 type FrameWidth = typeof FRAME_WIDTHS[number];
 type FrameHeight = typeof FRAME_HEIGHTS[number];

package/packages/client/types/components/grid/contract.d.ts CHANGED Viewed

@@ -6,10 +6,11 @@ declare const GRID_CONTENT_ALIGNS: readonly ["start", "center", "end", "between"
 declare const GRID_ITEM_JUSTIFIES: readonly ["start", "center", "end", "stretch"];
 declare const gridSchema: {
     class: import("../../runtime/codecs").StringCodec;
-    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
+    height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    maxHeight: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
     width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg" | "concentric">;
     surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
     margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
@@ -17,8 +18,8 @@ declare const gridSchema: {
     padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
-    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "stretch" | "baseline">;
+    justify: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "between">;
     gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
     gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
@@ -27,8 +28,8 @@ declare const gridSchema: {
     columns: import("../../runtime/codecs").OneOfCodec<"1" | "2" | "3" | "4" | "5" | "6" | "none">;
     rows: import("../../runtime/codecs").OneOfCodec<"1" | "2" | "3" | "4" | "5" | "6" | "none">;
     flow: import("../../runtime/codecs").OneOfCodec<"row" | "column" | "dense" | "row-dense" | "column-dense">;
-    alignContent: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between" | "stretch">;
-    justifyItems: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
+    alignContent: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "stretch" | "between">;
+    justifyItems: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "center" | "stretch">;
 };
 type GridDisplay = typeof GRID_DISPLAYS[number];
 type GridFlow = typeof GRID_FLOWS[number];

package/packages/client/types/components/image/contract.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ declare const imageSchema: {
     decoding: import("../../runtime/codecs").OneOfCodec<"auto" | "sync" | "async">;
     class: import("../../runtime/codecs").StringCodec;
     imageClass: import("../../runtime/codecs").StringCodec;
+    bleed: import("../../runtime/codecs").BoolCodec;
 };
 type ImageFit = typeof IMAGE_FITS[number];
 type ImageLoading = typeof IMAGE_LOADINGS[number];

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

@@ -1,6 +1,7 @@
 type ImportFlowProps = {
     id: string;
     session: string;
+    action: string;
     step: 'upload' | 'schema' | 'mapping' | 'review' | 'preview';
     revision: number;
     busy: boolean;

package/packages/client/types/components/input/contract.d.ts CHANGED Viewed

@@ -26,6 +26,7 @@ declare const inputSchema: {
     clearable: import("../../runtime/codecs").BoolCodec;
     copyable: import("../../runtime/codecs").BoolCodec;
     keys: import("../../runtime/codecs").StringCodec;
+    keysVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "plain" | "surface">;
     prefix: import("../../runtime/codecs").StringCodec;
     suffix: import("../../runtime/codecs").StringCodec;
     rootClass: import("../../runtime/codecs").StringCodec;

package/packages/client/types/components/input/machine.d.ts CHANGED Viewed

@@ -5,11 +5,11 @@ type InputContext = {
 };
 type InputEffects = {
     sync(scope: MachineScope<InputContext, InputProps>): void;
-    copy(scope: MachineScope<InputContext, InputProps>): void;
+    copy(scope: MachineScope<InputContext, InputProps>): () => void;
     emitInput(scope: MachineScope<InputContext, InputProps>): void;
     emitChange(scope: MachineScope<InputContext, InputProps>): void;
     focus(scope: MachineScope<InputContext, InputProps>): void;
-    startCopiedTimer(scope: MachineScope<InputContext, InputProps>): void;
+    startFeedbackTimer(scope: MachineScope<InputContext, InputProps>): () => void;
 };
 declare const inputHooks: readonly [];
 declare const createInputMachine: ({ props, effects }: {