@vireo-ai/trellis-ui 0.1.8 → 0.1.10

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

@@ -1,16 +1,14 @@
-import { type PropState } from '../../runtime';
-import { type ComponentRadius, type Elevation, type LayoutSpace, type Surface, type SurfaceTone } from '../common';
+import { type SchemaToProps } from '../../runtime';
+import { type ComponentRadius, 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"];
 declare const FRAME_LAYOUTS: readonly ["regions", "stack"];
 declare const FRAME_REGION_LAYOUTS: readonly ["block", "row", "stack", "cluster"];
-declare const FRAME_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-declare const FRAME_SURFACES: readonly ["none", "app", "chrome", "subtle", "panel", "raised", "overlay", "accent", "inverse"];
-declare const FRAME_TONES: readonly ["solid", "alpha"];
-declare const FRAME_BORDERS: readonly ["none", "default"];
+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_ELEVATIONS: readonly ["none", "1", "2", "3", "4", "5", "6"];
+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_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
 declare const FRAME_ALIGNS: readonly ["start", "center", "end", "stretch"];
@@ -18,48 +16,46 @@ 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">;
-    gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
-    tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
-    border: import("../../runtime/codecs").OneOfCodec<"default" | "none">;
+    gap: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "2" | "inherit" | "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" | "none" | "2" | "3" | "4" | "5" | "6">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
     width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
     height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "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">;
-    paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    layout: import("../../runtime/codecs").OneOfCodec<"stack" | "block" | "row" | "cluster">;
-    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
-    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
+    padding: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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">;
+    layout: import("../../runtime/codecs").OneOfCodec<"stack" | "row" | "block" | "cluster">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "stretch">;
+    justify: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "between">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const frameBodySchema: {
     as: import("../../runtime/codecs").OneOfCodec<"div" | "form" | "main" | "section">;
-    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    padding: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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;
 };
@@ -69,17 +65,15 @@ type FrameBodyAs = typeof FRAME_BODY_AS_VALUES[number];
 type FrameLayout = typeof FRAME_LAYOUTS[number];
 type FrameRegionLayout = typeof FRAME_REGION_LAYOUTS[number];
 type FrameSpace = LayoutSpace;
-type FrameSurface = Surface;
-type FrameTone = SurfaceTone;
-type FrameBorder = typeof FRAME_BORDERS[number];
+type FrameSurface = SurfaceReference;
 type FrameRadius = ComponentRadius;
-type FrameElevation = Elevation;
+type FrameElevation = ElevationReference;
 type FrameWidth = typeof FRAME_WIDTHS[number];
 type FrameHeight = typeof FRAME_HEIGHTS[number];
 type FrameAlign = typeof FRAME_ALIGNS[number];
 type FrameJustify = typeof FRAME_JUSTIFIES[number];
-type FrameProps = PropState<typeof frameSchema>;
-type FrameRegionProps = PropState<typeof frameRegionSchema>;
-type FrameBodyProps = PropState<typeof frameBodySchema>;
-export { FRAME_ALIGNS, FRAME_AS_VALUES, FRAME_BODY_AS_VALUES, FRAME_BORDERS, FRAME_ELEVATIONS, FRAME_HEIGHTS, FRAME_JUSTIFIES, FRAME_LAYOUTS, FRAME_RADII, FRAME_REGION_AS_VALUES, FRAME_REGION_LAYOUTS, FRAME_SPACES, FRAME_SURFACES, FRAME_TONES, FRAME_WIDTHS, frameBodySchema, frameRegionSchema, frameSchema, };
-export type { FrameAlign, FrameAs, FrameBodyAs, FrameBodyProps, FrameBorder, FrameElevation, FrameHeight, FrameJustify, FrameLayout, FrameProps, FrameRadius, FrameRegionAs, FrameRegionLayout, FrameRegionProps, FrameSpace, FrameSurface, FrameTone, FrameWidth, };
+type FrameProps = SchemaToProps<typeof frameSchema>;
+type FrameRegionProps = SchemaToProps<typeof frameRegionSchema>;
+type FrameBodyProps = SchemaToProps<typeof frameBodySchema>;
+export { FRAME_ALIGNS, FRAME_AS_VALUES, FRAME_BODY_AS_VALUES, FRAME_ELEVATIONS, FRAME_HEIGHTS, FRAME_JUSTIFIES, FRAME_LAYOUTS, FRAME_RADII, FRAME_REGION_AS_VALUES, FRAME_REGION_LAYOUTS, FRAME_SPACES, FRAME_SURFACES, FRAME_WIDTHS, frameBodySchema, frameRegionSchema, frameSchema, };
+export type { FrameAlign, FrameAs, FrameBodyAs, FrameBodyProps, FrameElevation, FrameHeight, FrameJustify, FrameLayout, FrameProps, FrameRadius, FrameRegionAs, FrameRegionLayout, FrameRegionProps, FrameSpace, FrameSurface, FrameWidth, };

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

@@ -1,2 +1,2 @@
-export { FRAME_ALIGNS, FRAME_AS_VALUES, FRAME_BODY_AS_VALUES, FRAME_BORDERS, FRAME_ELEVATIONS, FRAME_HEIGHTS, FRAME_JUSTIFIES, FRAME_LAYOUTS, FRAME_RADII, FRAME_REGION_AS_VALUES, FRAME_REGION_LAYOUTS, FRAME_SPACES, FRAME_SURFACES, FRAME_WIDTHS, frameBodySchema, frameRegionSchema, frameSchema, } from './contract';
-export type { FrameAlign, FrameAs, FrameBodyAs, FrameBodyProps, FrameBorder, FrameElevation, FrameHeight, FrameJustify, FrameLayout, FrameProps, FrameRadius, FrameRegionAs, FrameRegionLayout, FrameRegionProps, FrameSpace, FrameSurface, FrameWidth, } from './contract';
+export { FRAME_ALIGNS, FRAME_AS_VALUES, FRAME_BODY_AS_VALUES, FRAME_ELEVATIONS, FRAME_HEIGHTS, FRAME_JUSTIFIES, FRAME_LAYOUTS, FRAME_RADII, FRAME_REGION_AS_VALUES, FRAME_REGION_LAYOUTS, FRAME_SPACES, FRAME_SURFACES, FRAME_WIDTHS, frameBodySchema, frameRegionSchema, frameSchema, } from './contract';
+export type { FrameAlign, FrameAs, FrameBodyAs, FrameBodyProps, FrameElevation, FrameHeight, FrameJustify, FrameLayout, FrameProps, FrameRadius, FrameRegionAs, FrameRegionLayout, FrameRegionProps, FrameSpace, FrameSurface, FrameWidth, } from './contract';

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

@@ -1,40 +1,39 @@
-import { type PropState } from '../../runtime';
+import { type SchemaToProps } from '../../runtime';
 import { type LayoutAlign, type LayoutAs, type LayoutColumns, type LayoutJustify, type LayoutRows, type LayoutSpace } from '../layout';
 declare const GRID_DISPLAYS: readonly ["grid", "inline-grid", "none"];
 declare const GRID_FLOWS: readonly ["row", "column", "dense", "row-dense", "column-dense"];
 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">;
-    paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
-    tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
+    padding: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "2" | "inherit" | "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" | "none" | "2" | "3" | "4" | "5" | "6">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
     width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
     height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
     class: import("../../runtime/codecs").StringCodec;
-    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">;
-    gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
-    gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "stretch" | "baseline">;
+    justify: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "between">;
+    gap: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "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<"1" | "0" | "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<"1" | "0" | "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<"grid" | "none" | "inline-grid">;
-    columns: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
-    rows: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    display: import("../../runtime/codecs").OneOfCodec<"none" | "grid" | "inline-grid">;
+    columns: import("../../runtime/codecs").OneOfCodec<"1" | "2" | "none" | "3" | "4" | "5" | "6">;
+    rows: import("../../runtime/codecs").OneOfCodec<"1" | "2" | "none" | "3" | "4" | "5" | "6">;
     flow: import("../../runtime/codecs").OneOfCodec<"row" | "column" | "dense" | "row-dense" | "column-dense">;
-    alignContent: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "between">;
-    justifyItems: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
+    alignContent: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "stretch" | "between">;
+    justifyItems: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "stretch">;
 };
 type GridDisplay = typeof GRID_DISPLAYS[number];
 type GridFlow = typeof GRID_FLOWS[number];
 type GridContentAlign = typeof GRID_CONTENT_ALIGNS[number];
 type GridJustifyItems = typeof GRID_ITEM_JUSTIFIES[number];
-type GridProps = PropState<typeof gridSchema>;
+type GridProps = SchemaToProps<typeof gridSchema>;
 export { GRID_CONTENT_ALIGNS, GRID_DISPLAYS, GRID_FLOWS, GRID_ITEM_JUSTIFIES, gridSchema, };
 export type { GridContentAlign, GridDisplay, GridFlow, GridJustifyItems, GridProps, LayoutAlign as GridAlign, LayoutAs as GridAs, LayoutColumns as GridColumns, LayoutJustify as GridJustify, LayoutRows as GridRows, LayoutSpace as GridSpace, };

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

@@ -1,6 +1,6 @@
 import { type TypographyColor } from '../common';
 declare const HEADING_AS_VALUES: readonly ["div", "h1", "h2", "h3", "h4", "h5", "h6"];
-declare const HEADING_SIZE_VALUES: readonly ["base", "lg", "xl"];
+declare const HEADING_SIZE_VALUES: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13"];
 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];

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

@@ -1,11 +1,11 @@
-import { type PropState } from '../../runtime';
+import { type SchemaToProps } from '../../runtime';
 declare const IMAGE_FITS: readonly ["cover", "contain", "fill", "none", "scale-down"];
 declare const IMAGE_LOADINGS: readonly ["lazy", "eager"];
 declare const IMAGE_DECODINGS: readonly ["async", "sync", "auto"];
 declare const imageSchema: {
     src: import("../../runtime/codecs").StringCodec;
     alt: import("../../runtime/codecs").StringCodec;
-    fit: import("../../runtime/codecs").OneOfCodec<"contain" | "fill" | "none" | "cover" | "scale-down">;
+    fit: import("../../runtime/codecs").OneOfCodec<"fill" | "none" | "contain" | "cover" | "scale-down">;
     loading: import("../../runtime/codecs").OneOfCodec<"eager" | "lazy">;
     decoding: import("../../runtime/codecs").OneOfCodec<"sync" | "auto" | "async">;
     class: import("../../runtime/codecs").StringCodec;
@@ -14,6 +14,6 @@ declare const imageSchema: {
 type ImageFit = typeof IMAGE_FITS[number];
 type ImageLoading = typeof IMAGE_LOADINGS[number];
 type ImageDecoding = typeof IMAGE_DECODINGS[number];
-type ImageProps = PropState<typeof imageSchema>;
+type ImageProps = SchemaToProps<typeof imageSchema>;
 export { IMAGE_DECODINGS, IMAGE_FITS, IMAGE_LOADINGS, imageSchema, };
 export type { ImageDecoding, ImageFit, ImageLoading, ImageProps, };

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

@@ -1,4 +1,4 @@
-import { type PropState } from '../../runtime';
+import { type SchemaToProps } from '../../runtime';
 import { type ComponentRadius, type ControlSize, type ControlVariant, type IconVariant } from '../common';
 declare const INPUT_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
 declare const INPUT_VARIANTS: readonly ["outline", "filled"];
@@ -48,6 +48,6 @@ declare const inputGroupSchema: {
 declare const inputAffixSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
-type InputProps = PropState<typeof inputSchema>;
+type InputProps = SchemaToProps<typeof inputSchema>;
 export { INPUT_ICON_VARIANTS, INPUT_RADII, INPUT_SIZES, INPUT_VARIANTS, inputAffixSchema, inputGroupSchema, inputSchema };
 export type { InputIconVariant, InputProps, InputRadius, InputSize, InputVariant };

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

@@ -1,18 +1,21 @@
 import type Alpine from 'alpinejs';
-import { type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
 import { type InputProps } from './contract';
-type InputData = {
-    props: InputProps;
-    listeners: CleanupStack;
-    copiedTimer: number | null;
-    input(): HTMLInputElement;
-    root(): HTMLElement;
-    syncControlState(): void;
-    sync(): void;
-    clear(event?: Event): void;
-    copy(event?: Event): Promise<void>;
+import { inputHooks, type InputContext } from './machine';
+/** Public Alpine API for `ui.input` and `ui.input.control`. @public */
+interface UiInputApi {
+    /** Current native input value. */
+    readonly value: string;
+    /** Clear the input, emit native input/change events, and restore focus. */
+    clear(): void;
+    /** Copy the current value to the clipboard. */
+    copy(): void;
+}
+type InputData = AlpineMachine<InputContext, InputProps, typeof inputHooks> & UiInputApi & {
+    init(): void;
+    destroy(): void;
 };
 declare const UiInput: () => TrellisAlpineComponent<InputData>;
 declare const registerInput: (AlpineInstance: Alpine.Alpine) => void;
 export { registerInput, UiInput };
-export type { InputData };
+export type { InputData, UiInputApi };

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

@@ -0,0 +1,20 @@
+import { type Machine, type MachineScope } from '../../runtime/state-machine';
+import type { InputProps } from './contract';
+type InputContext = {
+    value: string;
+};
+type InputEffects = {
+    sync(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;
+};
+declare const inputHooks: readonly [];
+declare const createInputMachine: ({ props, effects }: {
+    props: InputProps;
+    effects: InputEffects;
+}) => Machine<InputContext, InputProps>;
+export { createInputMachine, inputHooks };
+export type { InputContext, InputEffects };