@vireo-ai/trellis-ui 0.1.53 → 0.1.55

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

@@ -1,94 +1,17 @@
 import { type ComponentRadius, type ElevationReference, type LayoutSpace, type SurfaceReference } from './common';
 declare const LAYOUT_AS_VALUES: readonly ["div", "section", "article", "aside", "header", "footer", "main", "nav", "form", "ul", "ol", "li", "span"];
-declare const LAYOUT_WIDTHS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
+declare const CONTAINER_MEASURES: readonly ["3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl"];
+declare const LAYOUT_WIDTHS: readonly ["auto", "full", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "prose"];
 declare const LAYOUT_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl"];
 declare const LAYOUT_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
 declare const LAYOUT_JUSTIFIES: readonly ["start", "center", "end", "between"];
 declare const LAYOUT_COLUMNS: readonly ["none", "1", "2", "3", "4", "5", "6"];
 declare const LAYOUT_ROWS: readonly ["none", "1", "2", "3", "4", "5", "6"];
-declare const layoutSurfaceSchema: {
-    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">;
-    class: import("../runtime/codecs").StringCodec;
-};
-declare const layoutSpacingSchema: {
-    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 layoutAlignmentSchema: {
-    align: import("../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
-    justify: import("../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
-};
-declare const layoutSurfaceDetails: {
-    padding: {
-        description: string;
-    };
-    paddingX: {
-        description: string;
-    };
-    paddingY: {
-        description: string;
-    };
-    margin: {
-        description: string;
-    };
-    marginX: {
-        description: string;
-    };
-    marginY: {
-        description: string;
-    };
-    surface: {
-        description: string;
-    };
-    radius: {
-        description: string;
-    };
-    elevation: {
-        description: string;
-    };
-    width: {
-        description: string;
-    };
-    height: {
-        description: string;
-    };
-    class: {
-        description: string;
-    };
-};
-declare const layoutSpacingDetails: {
-    gap: {
-        description: string;
-    };
-    gapX: {
-        description: string;
-    };
-    gapY: {
-        description: string;
-    };
-};
-declare const layoutAlignmentDetails: {
-    align: {
-        description: string;
-    };
-    justify: {
-        description: string;
-    };
-};
 declare const LAYOUT_WIDTH_CLASSES: {
     readonly auto: "";
     readonly full: "w-full";
+    readonly '3xs': "mx-auto w-full max-w-3xs";
+    readonly '2xs': "mx-auto w-full max-w-2xs";
     readonly xs: "mx-auto w-full max-w-xs";
     readonly sm: "mx-auto w-full max-w-sm";
     readonly md: "mx-auto w-full max-w-md";
@@ -136,72 +59,302 @@ declare const LAYOUT_ROW_CLASSES: {
     readonly '5': "grid-rows-5";
     readonly '6': "grid-rows-6";
 };
-declare const layoutBaseVariants: {
-    gap: Record<"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", string>;
-    gapX: Record<"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", string>;
-    gapY: Record<"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", string>;
-    padding: Record<"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", string>;
-    paddingX: Record<"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", string>;
-    paddingY: Record<"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", string>;
-    margin: Record<"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", string>;
-    marginX: Record<"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", string>;
-    marginY: Record<"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", string>;
-    radius: {
-        readonly none: "";
-        readonly xs: "rounded-surface-xs";
-        readonly sm: "rounded-surface-sm";
-        readonly md: "rounded-surface-md";
-        readonly lg: "rounded-surface-lg";
-        readonly full: "rounded-full";
-    };
-    width: {
-        readonly auto: "";
-        readonly full: "w-full";
-        readonly xs: "mx-auto w-full max-w-xs";
-        readonly sm: "mx-auto w-full max-w-sm";
-        readonly md: "mx-auto w-full max-w-md";
-        readonly lg: "mx-auto w-full max-w-lg";
-        readonly xl: "mx-auto w-full max-w-xl";
-        readonly prose: "mx-auto w-full max-w-prose";
-    };
-    height: {
-        readonly auto: "";
-        readonly full: "h-full";
-        readonly xs: "h-full max-h-xs";
-        readonly sm: "h-full max-h-sm";
-        readonly md: "h-full max-h-md";
-        readonly lg: "h-full max-h-lg";
-        readonly xl: "h-full max-h-xl";
-    };
-    align: {
-        readonly start: "items-start";
-        readonly center: "items-center";
-        readonly end: "items-end";
-        readonly stretch: "items-stretch";
-        readonly baseline: "items-baseline";
-    };
-    justify: {
-        readonly start: "justify-start";
-        readonly center: "justify-center";
-        readonly end: "justify-end";
-        readonly between: "justify-between";
-    };
-};
-declare const layoutBaseDefaults: {
-    gap: string;
-    gapX: string;
-    gapY: string;
-    padding: string;
-    paddingX: string;
-    paddingY: string;
-    margin: string;
-    marginX: string;
-    marginY: string;
-    radius: string;
-    width: string;
-    height: string;
-    align: string;
-    justify: string;
+declare const layoutGap: {
+    readonly schema: {
+        readonly 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">;
+        readonly 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">;
+        readonly 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">;
+    };
+    readonly details: {
+        readonly gap: {
+            readonly description: "Generated numeric gap shared with the matching Tailwind step.";
+        };
+        readonly gapX: {
+            readonly description: "Generated numeric horizontal gap shared with the matching Tailwind step.";
+        };
+        readonly gapY: {
+            readonly description: "Generated numeric vertical gap shared with the matching Tailwind step.";
+        };
+    };
+    readonly variants: {
+        readonly gap: Record<"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", string>;
+        readonly gapX: Record<"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", string>;
+        readonly gapY: Record<"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", string>;
+    };
+    readonly defaults: {
+        readonly gap: "0";
+        readonly gapX: "0";
+        readonly gapY: "0";
+    };
+};
+declare const layoutPadding: {
+    readonly schema: {
+        readonly 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">;
+        readonly 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">;
+        readonly 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">;
+    };
+    readonly details: {
+        readonly padding: {
+            readonly description: "Generated numeric inner spacing shared with the matching Tailwind step.";
+        };
+        readonly paddingX: {
+            readonly description: "Generated numeric horizontal inset shared with the matching Tailwind step.";
+        };
+        readonly paddingY: {
+            readonly description: "Generated numeric vertical inset shared with the matching Tailwind step.";
+        };
+    };
+    readonly variants: {
+        readonly padding: Record<"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", string>;
+        readonly paddingX: Record<"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", string>;
+        readonly paddingY: Record<"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", string>;
+    };
+    readonly defaults: {
+        readonly padding: "0";
+        readonly paddingX: "0";
+        readonly paddingY: "0";
+    };
+};
+declare const layoutMargin: {
+    readonly schema: {
+        readonly 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">;
+        readonly 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">;
+        readonly 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">;
+    };
+    readonly details: {
+        readonly margin: {
+            readonly description: "Generated numeric outer spacing shared with the matching Tailwind step.";
+        };
+        readonly marginX: {
+            readonly description: "Generated numeric horizontal margin shared with the matching Tailwind step.";
+        };
+        readonly marginY: {
+            readonly description: "Generated numeric vertical margin shared with the matching Tailwind step.";
+        };
+    };
+    readonly variants: {
+        readonly margin: Record<"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", string>;
+        readonly marginX: Record<"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", string>;
+        readonly marginY: Record<"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", string>;
+    };
+    readonly defaults: {
+        readonly margin: "0";
+        readonly marginX: "0";
+        readonly marginY: "0";
+    };
+};
+declare const framePadding: {
+    readonly details: {
+        readonly padding: {
+            readonly description: "Tokenized inner spacing.";
+        };
+        readonly paddingX: {
+            readonly description: "Tokenized horizontal inner spacing.";
+        };
+        readonly paddingY: {
+            readonly description: "Tokenized vertical inner spacing.";
+        };
+    };
+    readonly schema: {
+        readonly 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">;
+        readonly 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">;
+        readonly 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">;
+    };
+    readonly variants: {
+        readonly padding: Record<"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", string>;
+        readonly paddingX: Record<"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", string>;
+        readonly paddingY: Record<"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", string>;
+    };
+    readonly defaults: {
+        readonly padding: "0";
+        readonly paddingX: "0";
+        readonly paddingY: "0";
+    };
+};
+declare const frameMargin: {
+    readonly details: {
+        readonly margin: {
+            readonly description: "Tokenized outer spacing.";
+        };
+        readonly marginX: {
+            readonly description: "Tokenized horizontal outer spacing.";
+        };
+        readonly marginY: {
+            readonly description: "Tokenized vertical outer spacing.";
+        };
+    };
+    readonly schema: {
+        readonly 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">;
+        readonly 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">;
+        readonly 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">;
+    };
+    readonly variants: {
+        readonly margin: Record<"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", string>;
+        readonly marginX: Record<"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", string>;
+        readonly marginY: Record<"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", string>;
+    };
+    readonly defaults: {
+        readonly margin: "0";
+        readonly marginX: "0";
+        readonly marginY: "0";
+    };
+};
+declare const layoutSurface: {
+    readonly schema: {
+        readonly surface: import("../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    };
+    readonly details: {
+        readonly surface: {
+            readonly description: "Inherited, absolute, or substrate-relative generated surface.";
+        };
+    };
+};
+declare const explicitLayoutSurface: {
+    readonly schema: {
+        readonly surface: import("../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    };
+    readonly details: {
+        readonly surface: {
+            readonly description: "Generated surface reference: inherit, unsigned absolute level, or signed substrate-relative lift.";
+        };
+    };
+};
+declare const layoutRadius: {
+    readonly schema: {
+        readonly radius: import("../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    };
+    readonly details: {
+        readonly radius: {
+            readonly description: "Tokenized corner radius.";
+        };
+    };
+    readonly variants: {
+        readonly radius: {
+            readonly none: "";
+            readonly xs: "rounded-surface-xs";
+            readonly sm: "rounded-surface-sm";
+            readonly md: "rounded-surface-md";
+            readonly lg: "rounded-surface-lg";
+            readonly full: "rounded-full";
+        };
+    };
+    readonly defaults: {
+        readonly radius: "none";
+    };
+};
+declare const layoutElevation: {
+    readonly schema: {
+        readonly elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    };
+    readonly details: {
+        readonly elevation: {
+            readonly description: "Generated elevation recipe, or match the resolved surface level.";
+        };
+    };
+};
+declare const explicitLayoutElevation: {
+    readonly schema: {
+        readonly elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
+    };
+    readonly details: {
+        readonly elevation: {
+            readonly description: "No depth, depth matched to the resolved surface, or an explicit elevation recipe.";
+        };
+    };
+};
+declare const layoutWidth: {
+    readonly schema: {
+        readonly width: import("../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "3xs" | "2xs" | "xl" | "prose">;
+    };
+    readonly details: {
+        readonly width: {
+            readonly description: "Optional width constraint.";
+        };
+    };
+    readonly variants: {
+        readonly width: {
+            readonly auto: "";
+            readonly full: "w-full";
+            readonly '3xs': "mx-auto w-full max-w-3xs";
+            readonly '2xs': "mx-auto w-full max-w-2xs";
+            readonly xs: "mx-auto w-full max-w-xs";
+            readonly sm: "mx-auto w-full max-w-sm";
+            readonly md: "mx-auto w-full max-w-md";
+            readonly lg: "mx-auto w-full max-w-lg";
+            readonly xl: "mx-auto w-full max-w-xl";
+            readonly prose: "mx-auto w-full max-w-prose";
+        };
+    };
+    readonly defaults: {
+        readonly width: "auto";
+    };
+};
+declare const layoutHeight: {
+    readonly schema: {
+        readonly height: import("../runtime/codecs").OneOfCodec<"auto" | "xs" | "sm" | "md" | "lg" | "full" | "xl">;
+    };
+    readonly details: {
+        readonly height: {
+            readonly description: "Optional height constraint.";
+        };
+    };
+    readonly variants: {
+        readonly height: {
+            readonly auto: "";
+            readonly full: "h-full";
+            readonly xs: "h-full max-h-xs";
+            readonly sm: "h-full max-h-sm";
+            readonly md: "h-full max-h-md";
+            readonly lg: "h-full max-h-lg";
+            readonly xl: "h-full max-h-xl";
+        };
+    };
+    readonly defaults: {
+        readonly height: "auto";
+    };
+};
+declare const layoutAlignment: {
+    readonly schema: {
+        readonly align: import("../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
+        readonly justify: import("../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
+    };
+    readonly details: {
+        readonly align: {
+            readonly description: "Cross-axis child alignment.";
+        };
+        readonly justify: {
+            readonly description: "Main-axis child distribution.";
+        };
+    };
+    readonly variants: {
+        readonly align: {
+            readonly start: "items-start";
+            readonly center: "items-center";
+            readonly end: "items-end";
+            readonly stretch: "items-stretch";
+            readonly baseline: "items-baseline";
+        };
+        readonly justify: {
+            readonly start: "justify-start";
+            readonly center: "justify-center";
+            readonly end: "justify-end";
+            readonly between: "justify-between";
+        };
+    };
+    readonly defaults: {
+        readonly align: "stretch";
+        readonly justify: "start";
+    };
+};
+declare const layoutClass: {
+    readonly schema: {
+        readonly class: import("../runtime/codecs").StringCodec;
+    };
+    readonly details: {
+        readonly class: {
+            readonly description: "Root class extension.";
+        };
+    };
 };
 declare const layoutTokens: readonly [{
     readonly name: "--ui-surface-color";
@@ -217,11 +370,12 @@ declare const layoutTokens: readonly [{
     readonly description: "Resolved generated elevation composition.";
 }];
 type LayoutAs = typeof LAYOUT_AS_VALUES[number];
+type ContainerMeasure = typeof CONTAINER_MEASURES[number];
 type LayoutWidth = typeof LAYOUT_WIDTHS[number];
 type LayoutHeight = typeof LAYOUT_HEIGHTS[number];
 type LayoutAlign = typeof LAYOUT_ALIGNS[number];
 type LayoutJustify = typeof LAYOUT_JUSTIFIES[number];
 type LayoutColumns = typeof LAYOUT_COLUMNS[number];
 type LayoutRows = typeof LAYOUT_ROWS[number];
-export { LAYOUT_ALIGNS, LAYOUT_ALIGN_CLASSES, LAYOUT_AS_VALUES, LAYOUT_COLUMN_CLASSES, LAYOUT_COLUMNS, LAYOUT_HEIGHTS, LAYOUT_HEIGHT_CLASSES, LAYOUT_JUSTIFIES, LAYOUT_JUSTIFY_CLASSES, LAYOUT_ROWS, LAYOUT_ROW_CLASSES, LAYOUT_WIDTHS, LAYOUT_WIDTH_CLASSES, layoutAlignmentDetails, layoutAlignmentSchema, layoutBaseDefaults, layoutBaseVariants, layoutSpacingDetails, layoutSpacingSchema, layoutSurfaceDetails, layoutSurfaceSchema, layoutTokens, };
-export type { ComponentRadius, ElevationReference as Elevation, LayoutAlign, LayoutAs, LayoutColumns, LayoutHeight, LayoutJustify, LayoutRows, LayoutSpace, LayoutWidth, SurfaceReference as Surface, };
+export { CONTAINER_MEASURES, LAYOUT_ALIGNS, LAYOUT_ALIGN_CLASSES, LAYOUT_AS_VALUES, LAYOUT_COLUMN_CLASSES, LAYOUT_COLUMNS, LAYOUT_HEIGHTS, LAYOUT_HEIGHT_CLASSES, LAYOUT_JUSTIFIES, LAYOUT_JUSTIFY_CLASSES, LAYOUT_ROWS, LAYOUT_ROW_CLASSES, LAYOUT_WIDTHS, LAYOUT_WIDTH_CLASSES, explicitLayoutElevation, explicitLayoutSurface, frameMargin, framePadding, layoutAlignment, layoutClass, layoutElevation, layoutGap, layoutHeight, layoutMargin, layoutPadding, layoutRadius, layoutSurface, layoutTokens, layoutWidth, };
+export type { ComponentRadius, ContainerMeasure, ElevationReference as Elevation, LayoutAlign, LayoutAs, LayoutColumns, LayoutHeight, LayoutJustify, LayoutRows, LayoutSpace, LayoutWidth, SurfaceReference as Surface, };

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

@@ -0,0 +1,30 @@
+import { type SchemaToProps } from '../../runtime';
+import { type IconVariant, type TypographyFont, type TypographySize, type TypographyWeight } from '../common';
+declare const LINK_VARIANTS: readonly ["default", "ghost", "subtle"];
+declare const LINK_COLORS: readonly ["neutral", "accent"];
+declare const LINK_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+declare const LINK_SIZES: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13"];
+declare const LINK_WEIGHTS: readonly ["normal", "medium", "semibold", "bold"];
+declare const LINK_FONTS: readonly ["body", "heading", "mono"];
+declare const linkSchema: {
+    href: import("../../runtime/codecs").StringCodec;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "subtle" | "ghost">;
+    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
+    size: import("../../runtime/codecs").OneOfCodec<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13">;
+    weight: import("../../runtime/codecs").OneOfCodec<"bold" | "normal" | "medium" | "semibold">;
+    font: import("../../runtime/codecs").OneOfCodec<"body" | "heading" | "mono">;
+    truncate: import("../../runtime/codecs").BoolCodec;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type LinkVariant = typeof LINK_VARIANTS[number];
+type LinkColor = typeof LINK_COLORS[number];
+type LinkIconVariant = IconVariant;
+type LinkSize = TypographySize;
+type LinkWeight = TypographyWeight;
+type LinkFont = TypographyFont;
+type LinkProps = SchemaToProps<typeof linkSchema>;
+export { LINK_COLORS, LINK_FONTS, LINK_ICON_VARIANTS, LINK_SIZES, LINK_VARIANTS, LINK_WEIGHTS, linkSchema, };
+export type { LinkColor, LinkFont, LinkIconVariant, LinkProps, LinkSize, LinkVariant, LinkWeight };

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

@@ -0,0 +1,2 @@
+export { linkSchema } from './contract';
+export type { LinkColor, LinkIconVariant, LinkProps, LinkVariant } from './contract';

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

@@ -1,16 +1,22 @@
 import { type SchemaToProps } from '../../runtime';
-import { BUTTON_TYPES, type CommonButtonType, type ElevationReference, type IconVariant, type SurfaceReference } from '../common';
+import { BUTTON_TYPES, type CommonButtonType, type ElevationReference, type IconVariant, type LayoutSpace, type SurfaceReference } from '../common';
 declare const MENU_ITEM_VARIANTS: readonly ["default", "subtle", "filled", "ghost"];
 declare const MENU_ITEM_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
 declare const MENU_ITEM_AS_VALUES: readonly ["button", "a", "div"];
 declare const MENU_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
 declare const MENU_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
 declare const MENU_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
+declare const MENU_WIDTHS: readonly ["auto", "3xs", "2xs", "xs"];
+declare const MENU_MIN_WIDTHS: readonly ["auto", "3xs", "2xs", "xs"];
+declare const MENU_PADDINGS: readonly ["auto", "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 menuSchema: {
     keepOpen: import("../../runtime/codecs").BoolCodec;
     loop: import("../../runtime/codecs").BoolCodec;
     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">;
+    width: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "3xs" | "2xs">;
+    minWidth: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "3xs" | "2xs">;
+    padding: 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">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const menuItemSchema: {
@@ -23,19 +29,26 @@ declare const menuItemSchema: {
     icon: import("../../runtime/codecs").StringCodec;
     iconTrailing: import("../../runtime/codecs").StringCodec;
     iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
-    kbd: import("../../runtime/codecs").StringCodec;
+    keys: import("../../runtime/codecs").StringCodec;
     suffix: import("../../runtime/codecs").StringCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const menuSubmenuSchema: {
     heading: import("../../runtime/codecs").StringCodec;
+    textValue: import("../../runtime/codecs").StringCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
+    panelWidth: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "3xs" | "2xs">;
+    panelMinWidth: import("../../runtime/codecs").OneOfCodec<"auto" | "xs" | "3xs" | "2xs">;
+    panelPadding: 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">;
     class: import("../../runtime/codecs").StringCodec;
     panelClass: import("../../runtime/codecs").StringCodec;
 };
 type MenuProps = SchemaToProps<typeof menuSchema>;
 type MenuSurface = SurfaceReference;
 type MenuElevation = ElevationReference;
+type MenuWidth = typeof MENU_WIDTHS[number];
+type MenuMinWidth = typeof MENU_MIN_WIDTHS[number];
+type MenuPadding = 'auto' | LayoutSpace;
 type MenuItemProps = SchemaToProps<typeof menuItemSchema>;
 type MenuSubmenuProps = SchemaToProps<typeof menuSubmenuSchema>;
 type MenuItemAs = typeof MENU_ITEM_AS_VALUES[number];
@@ -43,5 +56,5 @@ type MenuItemType = CommonButtonType;
 type MenuItemVariant = typeof MENU_ITEM_VARIANTS[number];
 type MenuItemColor = typeof MENU_ITEM_COLORS[number];
 type MenuIconVariant = IconVariant;
-export { MENU_ICON_VARIANTS, MENU_ITEM_AS_VALUES, MENU_ITEM_COLORS, MENU_ITEM_VARIANTS, MENU_ELEVATIONS, MENU_SURFACES, BUTTON_TYPES, menuItemSchema, menuSubmenuSchema, menuSchema, };
-export type { MenuElevation, MenuIconVariant, MenuItemAs, MenuItemColor, MenuItemProps, MenuItemType, MenuItemVariant, MenuProps, MenuSubmenuProps, MenuSurface, };
+export { MENU_ICON_VARIANTS, MENU_ITEM_AS_VALUES, MENU_ITEM_COLORS, MENU_ITEM_VARIANTS, MENU_ELEVATIONS, MENU_MIN_WIDTHS, MENU_PADDINGS, MENU_SURFACES, MENU_WIDTHS, BUTTON_TYPES, menuItemSchema, menuSubmenuSchema, menuSchema, };
+export type { MenuElevation, MenuMinWidth, MenuPadding, MenuIconVariant, MenuItemAs, MenuItemColor, MenuItemProps, MenuItemType, MenuItemVariant, MenuProps, MenuSubmenuProps, MenuSurface, MenuWidth, };

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

@@ -14,7 +14,7 @@ declare const panelsSchema: {
 declare const panelSchema: {
     id: import("../../runtime/codecs").StringCodec;
     as: import("../../runtime/codecs").OneOfCodec<"aside" | "div" | "main" | "nav" | "section">;
-    size: import("../../runtime/codecs").OneOfCodec<"fill" | "1" | "2" | "3" | "4" | "5" | "6">;
+    size: import("../../runtime/codecs").OneOfCodec<"1" | "fill" | "2" | "3" | "4" | "5" | "6">;
     resize: import("../../runtime/codecs").OneOfCodec<"end" | "none" | "start">;
     collapsible: import("../../runtime/codecs").BoolCodec;
     defaultCollapsed: import("../../runtime/codecs").BoolCodec;