@vireo-ai/trellis-ui 0.1.53 → 0.1.55

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

@@ -7,31 +7,31 @@ declare const BOX_COLUMNS: readonly ["none", "1", "2", "3", "4", "5", "6"];
 declare const BOX_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
 declare const BOX_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const BOX_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
-declare const BOX_WIDTHS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
-declare const BOX_HEIGHTS: ("auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl")[];
+declare const BOX_WIDTHS: readonly ["auto", "full", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "prose"];
+declare const BOX_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl"];
 declare const BOX_ALIGNS: readonly ["start", "center", "end", "stretch"];
 declare const BOX_JUSTIFIES: readonly ["start", "center", "end", "between"];
 declare const boxSchema: {
-    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
-    layout: import("../../runtime/codecs").OneOfCodec<"grid" | "center" | "row" | "stack" | "block" | "cluster">;
-    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">;
-    columns: import("../../runtime/codecs").OneOfCodec<"1" | "2" | "3" | "4" | "5" | "6" | "none">;
-    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">;
-    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">;
-    marginY: 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">;
-    surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
     align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
     justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
     class: import("../../runtime/codecs").StringCodec;
+    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
+    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    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">;
+    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">;
+    marginY: 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">;
+    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">;
+    columns: import("../../runtime/codecs").OneOfCodec<"1" | "2" | "3" | "4" | "5" | "6" | "none">;
+    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">;
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
+    layout: import("../../runtime/codecs").OneOfCodec<"grid" | "center" | "row" | "stack" | "block" | "cluster">;
 };
 type BoxAs = typeof BOX_AS_VALUES[number];
 type BoxLayout = typeof BOX_LAYOUTS[number];

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

@@ -15,7 +15,7 @@ declare const buttonSchema: {
     type: import("../../runtime/codecs").OneOfCodec<"button" | "reset" | "submit">;
     href: import("../../runtime/codecs").StringCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
-    loading: import("../../runtime/codecs").OneOfCodec<"auto" | "true" | "false">;
+    loading: import("../../runtime/codecs").OneOfCodec<"true" | "auto" | "false">;
     icon: import("../../runtime/codecs").StringCodec;
     iconTrailing: import("../../runtime/codecs").StringCodec;
     iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;

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

@@ -9,9 +9,6 @@ type CheckboxInheritance = {
     variant: CheckboxGroupProps['variant'];
 };
 type CheckboxContext = {
-    selection: {
-        state: CheckboxState;
-    };
     inherited: CheckboxInheritance;
 };
 type CheckboxGroupContext = {

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

@@ -9,6 +9,10 @@ declare const ORIENTATIONS: readonly ["vertical", "horizontal"];
 declare const INDICATOR_PLACEMENTS: readonly ["leading", "trailing", "center", "top-leading", "top-trailing", "bottom-leading", "bottom-trailing"];
 declare const DEFAULT_VARIANTS: readonly ["default"];
 declare const HEADING_LEVELS: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+declare const TYPOGRAPHY_SIZES: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13"];
+declare const TYPOGRAPHY_WEIGHTS: readonly ["normal", "medium", "semibold", "bold"];
+declare const TYPOGRAPHY_FONTS: readonly ["body", "heading", "mono"];
+declare const TEXT_FONTS: readonly ["body", "mono"];
 declare const TYPOGRAPHY_COLORS: readonly ["inherit", "muted", "subtle", "accent", "danger"];
 declare const ICON_COLORS: readonly ["inherit", "muted", "subtle", "accent", "danger"];
 type TypographyColor = typeof TYPOGRAPHY_COLORS[number];
@@ -20,6 +24,22 @@ declare const TYPOGRAPHY_COLOR_CLASSES: {
     readonly accent: "text-intent-accent-text";
     readonly danger: "text-intent-danger-text";
 };
+type TypographySize = typeof TYPOGRAPHY_SIZES[number];
+type TypographyWeight = typeof TYPOGRAPHY_WEIGHTS[number];
+type TypographyFont = typeof TYPOGRAPHY_FONTS[number];
+type TextFont = typeof TEXT_FONTS[number];
+declare const TYPOGRAPHY_SIZE_CLASSES: Record<TypographySize, string>;
+declare const TYPOGRAPHY_WEIGHT_CLASSES: {
+    readonly normal: "font-normal";
+    readonly medium: "font-medium";
+    readonly semibold: "font-semibold";
+    readonly bold: "font-bold";
+};
+declare const TYPOGRAPHY_FONT_CLASSES: {
+    readonly body: "font-body";
+    readonly heading: "font-heading";
+    readonly mono: "font-mono";
+};
 declare const ICON_COLOR_CLASSES: {
     readonly inherit: "text-current";
     readonly muted: "text-surface-ink-muted";
@@ -103,6 +123,7 @@ declare const SELECTION_COLORS: readonly ["neutral", "accent"];
 declare const INTERACTION_TREATMENTS: readonly ["tonal", "edge", "combined"];
 declare const OPTION_ITEM_CLASSES: string[];
 declare const OPTION_ICON_CLASSES = "size-icon shrink-0 fill-current text-current opacity-70";
+declare const OPTION_META_CLASSES = "ml-auto shrink-0 font-metadata text-metadata [font-weight:var(--font-weight-metadata)] text-current opacity-70";
 declare const OPTION_INDICATOR_CLASSES = "ml-auto size-icon shrink-0 fill-current text-current opacity-0 data-selected:opacity-100";
 type ControlSize = typeof CONTROL_SIZES[number];
 type ControlVariant = typeof CONTROL_VARIANTS[number];
@@ -118,6 +139,6 @@ type InteractionTreatment = typeof INTERACTION_TREATMENTS[number];
 type DefaultVariant = typeof DEFAULT_VARIANTS[number];
 type HeadingLevel = typeof HEADING_LEVELS[number];
 type ComponentRadius = typeof COMPONENT_RADII[number];
-export { ABSOLUTE_SURFACE_REFERENCES, ALIGNMENTS, BUTTON_TYPES, COMPONENT_RADII, CONTROL_RADIUS_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_TYPOGRAPHY_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, ELEVATION_REFERENCES, FIELD_CONTROL_ACTION_CLASSES, FIELD_CONTROL_INPUT_CLASSES, FIELD_CONTROL_MULTILINE_ROOT_CLASSES, FIELD_CONTROL_NATIVE_CLASSES, FIELD_CONTROL_ROOT_CLASSES, FIELD_DESCRIPTION_CLASSES, FIELD_LABEL_CLASSES, elevationReferenceClasses, HEADING_LEVELS, ICON_COLORS, ICON_COLOR_CLASSES, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTION_TREATMENTS, INTERACTIVE_ITEM_CLASSES, LAYOUT_GAP_CLASSES, LAYOUT_GAP_X_CLASSES, LAYOUT_GAP_Y_CLASSES, LAYOUT_MARGIN_CLASSES, LAYOUT_MARGIN_X_CLASSES, LAYOUT_MARGIN_Y_CLASSES, LAYOUT_PADDING_CLASSES, LAYOUT_PADDING_X_CLASSES, LAYOUT_PADDING_Y_CLASSES, LAYOUT_SPACES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, ORIENTATIONS, POPOVER_GEOMETRY_CLASSES, POSITIONS, SELECTION_COLORS, SURFACE_RADIUS_CLASSES, SURFACE_REFERENCES, TYPOGRAPHY_COLOR_CLASSES, TYPOGRAPHY_COLORS, };
+export { ABSOLUTE_SURFACE_REFERENCES, ALIGNMENTS, BUTTON_TYPES, COMPONENT_RADII, CONTROL_RADIUS_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_TYPOGRAPHY_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, ELEVATION_REFERENCES, FIELD_CONTROL_ACTION_CLASSES, FIELD_CONTROL_INPUT_CLASSES, FIELD_CONTROL_MULTILINE_ROOT_CLASSES, FIELD_CONTROL_NATIVE_CLASSES, FIELD_CONTROL_ROOT_CLASSES, FIELD_DESCRIPTION_CLASSES, FIELD_LABEL_CLASSES, elevationReferenceClasses, HEADING_LEVELS, ICON_COLORS, ICON_COLOR_CLASSES, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTION_TREATMENTS, INTERACTIVE_ITEM_CLASSES, LAYOUT_GAP_CLASSES, LAYOUT_GAP_X_CLASSES, LAYOUT_GAP_Y_CLASSES, LAYOUT_MARGIN_CLASSES, LAYOUT_MARGIN_X_CLASSES, LAYOUT_MARGIN_Y_CLASSES, LAYOUT_PADDING_CLASSES, LAYOUT_PADDING_X_CLASSES, LAYOUT_PADDING_Y_CLASSES, LAYOUT_SPACES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, OPTION_META_CLASSES, ORIENTATIONS, POPOVER_GEOMETRY_CLASSES, POSITIONS, SELECTION_COLORS, SURFACE_RADIUS_CLASSES, SURFACE_REFERENCES, TEXT_FONTS, TYPOGRAPHY_COLOR_CLASSES, TYPOGRAPHY_COLORS, TYPOGRAPHY_FONT_CLASSES, TYPOGRAPHY_FONTS, TYPOGRAPHY_SIZE_CLASSES, TYPOGRAPHY_SIZES, TYPOGRAPHY_WEIGHT_CLASSES, TYPOGRAPHY_WEIGHTS, };
 export type { InteractionTreatment, SelectionColor };
-export type { AbsoluteSurfaceReference, Alignment, CommonButtonType, ComponentRadius, ControlSize, ControlVariant, DefaultVariant, EdgePosition, ElevationReference, HeadingLevel, IconColor, IconVariant, IndicatorPlacement, LayoutSpace, Orientation, Position, SurfaceReference, TypographyColor, };
+export type { AbsoluteSurfaceReference, Alignment, CommonButtonType, ComponentRadius, ControlSize, ControlVariant, DefaultVariant, EdgePosition, ElevationReference, HeadingLevel, IconColor, IconVariant, IndicatorPlacement, LayoutSpace, Orientation, Position, SurfaceReference, TextFont, TypographyColor, TypographyFont, TypographySize, TypographyWeight, };

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

@@ -1,24 +1,24 @@
 import { type SchemaToProps } from '../../runtime';
 import { type LayoutAs } from '../layout';
 declare const CONTAINER_DISPLAYS: readonly ["block", "inline-block", "none"];
-declare const CONTAINER_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "prose"];
+declare const CONTAINER_SIZES: readonly ["none", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "prose"];
 declare const CONTAINER_ALIGNS: readonly ["left", "center", "right"];
 declare const containerSchema: {
-    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">;
+    class: import("../../runtime/codecs").StringCodec;
+    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
+    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    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">;
     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">;
     marginY: 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">;
-    surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    class: import("../../runtime/codecs").StringCodec;
+    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">;
     as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
     display: import("../../runtime/codecs").OneOfCodec<"none" | "block" | "inline-block">;
-    size: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "prose" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    size: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose">;
     align: import("../../runtime/codecs").OneOfCodec<"left" | "right" | "center">;
 };
 type ContainerDisplay = typeof CONTAINER_DISPLAYS[number];

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

@@ -15,7 +15,7 @@ declare const fileUploadSchema: {
     required: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
     invalid: import("../../runtime/codecs").BoolCodec;
-    preview: import("../../runtime/codecs").OneOfCodec<"none" | "image" | "auto">;
+    preview: import("../../runtime/codecs").OneOfCodec<"image" | "none" | "auto">;
     layout: import("../../runtime/codecs").OneOfCodec<"stack" | "inline">;
     size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg">;
     heading: import("../../runtime/codecs").StringCodec;

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

@@ -15,21 +15,15 @@ type FileUploadRecord = FileUploadMetadata & {
 };
 type FileUploadContext = {
     selection: {
-        files: FileUploadMetadata[];
+        records: FileUploadRecord[];
         limitReached: boolean;
         rejectedCount: number;
         limitRejectedCount: number;
         source: FileSelectionSource;
     };
-    existing: {
-        present: boolean;
-        cleared: boolean;
-    };
+    existing: string[];
     transfer: {
         status: 'native' | 'idle' | 'uploading' | 'complete' | 'failed' | 'canceled';
-        activeIds: string[];
-        progress: Record<string, number>;
-        results: Record<string, Exclude<FileTransferStatus, 'selected' | 'uploading'>>;
         error: string;
     };
 };
@@ -40,6 +34,7 @@ type FileUploadMachineEffects = {
     syncProps(scope: MachineScope<FileUploadContext, FileUploadProps>): void;
     syncDragging(scope: MachineScope<FileUploadContext, FileUploadProps>): void;
     clearExisting(scope: MachineScope<FileUploadContext, FileUploadProps>): void;
+    commitExistingReplacement(scope: MachineScope<FileUploadContext, FileUploadProps>): void;
     syncTransfer(scope: MachineScope<FileUploadContext, FileUploadProps>): void;
     emitComplete(scope: MachineScope<FileUploadContext, FileUploadProps>): void;
     emitError(scope: MachineScope<FileUploadContext, FileUploadProps>): void;
@@ -65,7 +60,7 @@ declare const fileUploadHooks: readonly [{
             required: import("../../runtime/codecs").BoolCodec;
             disabled: import("../../runtime/codecs").BoolCodec;
             invalid: import("../../runtime/codecs").BoolCodec;
-            preview: import("../../runtime/codecs").OneOfCodec<"none" | "image" | "auto">;
+            preview: import("../../runtime/codecs").OneOfCodec<"image" | "none" | "auto">;
             layout: import("../../runtime/codecs").OneOfCodec<"stack" | "inline">;
             size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg">;
             heading: import("../../runtime/codecs").StringCodec;
@@ -83,7 +78,7 @@ declare const fileUploadHooks: readonly [{
         }>>;
         generations: Readonly<Record<string, number>>;
     }>) => {
-        files: FileUploadMetadata[];
+        files: FileUploadRecord[];
     };
     onDone: string;
     onError: string;
@@ -98,9 +93,12 @@ declare const fileUploadHooks: readonly [{
         cancel: () => {
             type: string;
         };
+        fail: (error: unknown) => {
+            type: string;
+            error: unknown;
+        };
     };
 }];
 declare const createFileUploadMachine: ({ props, context, effects }: CreateFileUploadMachineOptions) => Machine<FileUploadContext, FileUploadProps>;
-declare const recordsFromSnapshot: (context: Readonly<FileUploadContext>) => FileUploadRecord[];
-export { createFileUploadMachine, fileUploadHooks, recordsFromSnapshot };
+export { createFileUploadMachine, fileUploadHooks };
 export type { CreateFileUploadMachineOptions, FileSelectionSource, FileTransferStatus, FileUploadContext, FileUploadMachineEffects, FileUploadMetadata, FileUploadRecord, };

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

@@ -4,18 +4,18 @@ 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: {
-    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">;
+    class: import("../../runtime/codecs").StringCodec;
+    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
+    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    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">;
     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">;
     marginY: 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">;
-    surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    class: import("../../runtime/codecs").StringCodec;
+    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">;

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

@@ -9,55 +9,56 @@ declare const FRAME_SPACES: readonly ["0", "0.5", "1", "1.5", "2", "2.5", "3", "
 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_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
-declare const FRAME_WIDTHS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
+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_ALIGNS: readonly ["start", "center", "end", "stretch"];
 declare const FRAME_JUSTIFIES: readonly ["start", "center", "end", "between"];
 declare const frameSchema: {
-    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "form" | "main" | "nav" | "section">;
-    layout: import("../../runtime/codecs").OneOfCodec<"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">;
-    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">;
+    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
+    class: import("../../runtime/codecs").StringCodec;
+    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    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">;
     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">;
     marginY: 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">;
-    surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
-    class: import("../../runtime/codecs").StringCodec;
-};
-declare const frameRegionSchema: {
-    as: import("../../runtime/codecs").OneOfCodec<"div" | "footer" | "form" | "header" | "nav" | "section">;
     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">;
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "form" | "main" | "nav" | "section">;
+    layout: import("../../runtime/codecs").OneOfCodec<"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">;
-    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">;
-    marginY: 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">;
     class: import("../../runtime/codecs").StringCodec;
-};
-declare const frameBodySchema: {
-    as: import("../../runtime/codecs").OneOfCodec<"div" | "form" | "main" | "section">;
+    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">;
+    marginY: 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">;
+    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">;
     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">;
+    as: import("../../runtime/codecs").OneOfCodec<"div" | "footer" | "form" | "header" | "nav" | "section">;
+};
+declare const frameBodySchema: {
+    fill: import("../../runtime/codecs").BoolCodec;
+    scroll: import("../../runtime/codecs").BoolCodec;
+    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">;
     marginY: 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">;
-    scroll: import("../../runtime/codecs").BoolCodec;
-    class: import("../../runtime/codecs").StringCodec;
+    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">;
+    as: import("../../runtime/codecs").OneOfCodec<"div" | "form" | "main" | "section">;
 };
 type FrameAs = typeof FRAME_AS_VALUES[number];
 type FrameRegionAs = typeof FRAME_REGION_AS_VALUES[number];

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

@@ -5,18 +5,18 @@ declare const GRID_FLOWS: readonly ["row", "column", "dense", "row-dense", "colu
 declare const GRID_CONTENT_ALIGNS: readonly ["start", "center", "end", "between", "stretch"];
 declare const GRID_ITEM_JUSTIFIES: readonly ["start", "center", "end", "stretch"];
 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">;
+    class: import("../../runtime/codecs").StringCodec;
+    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
+    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    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">;
     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">;
     marginY: 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">;
-    surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl" | "prose">;
-    height: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
-    class: import("../../runtime/codecs").StringCodec;
+    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">;

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

@@ -1,10 +1,10 @@
-import { type TypographyColor } from '../common';
+import { type TypographyColor, type TypographySize } 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 HeadingSize = TypographySize;
 type HeadingFont = typeof HEADING_FONT_VALUES[number];
 type HeadingColor = TypographyColor;
 export { HEADING_AS_VALUES, HEADING_COLOR_VALUES, HEADING_FONT_VALUES, HEADING_SIZE_VALUES, };

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

@@ -25,7 +25,7 @@ declare const inputSchema: {
     iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
     clearable: import("../../runtime/codecs").BoolCodec;
     copyable: import("../../runtime/codecs").BoolCodec;
-    kbd: import("../../runtime/codecs").StringCodec;
+    keys: import("../../runtime/codecs").StringCodec;
     prefix: import("../../runtime/codecs").StringCodec;
     suffix: import("../../runtime/codecs").StringCodec;
     rootClass: import("../../runtime/codecs").StringCodec;

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

@@ -1,8 +1,11 @@
 import { type SchemaToProps } from '../../runtime';
+declare const KEYBINDING_PRESENTATIONS: readonly ["keycap", "plain"];
 declare const keybindingSchema: {
     keys: import("../../runtime/codecs").StringCodec;
+    presentation: import("../../runtime/codecs").OneOfCodec<"plain" | "keycap">;
     class: import("../../runtime/codecs").StringCodec;
 };
 type KeybindingProps = SchemaToProps<typeof keybindingSchema>;
-export { keybindingSchema };
-export type { KeybindingProps };
+type KeybindingPresentation = typeof KEYBINDING_PRESENTATIONS[number];
+export { KEYBINDING_PRESENTATIONS, keybindingSchema };
+export type { KeybindingPresentation, KeybindingProps };