@vireo-ai/trellis-ui 0.1.1 → 0.1.4

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

@@ -1,16 +1,18 @@
 import { type PropState } from '../../runtime';
-import { type Alignment, type Position } from '../common';
+import { type Alignment, type ComponentRadius, type Position } from '../common';
 declare const DATE_PICKER_MODES: readonly ["single", "range"];
 declare const DATE_PICKER_VARIANTS: readonly ["enhanced", "native"];
 declare const DATE_PICKER_MOBILE: readonly ["popover", "modal", "native"];
 declare const DATE_PICKER_CLOSE: readonly ["select", "confirm"];
 declare const DATE_PICKER_COLORS: readonly ["neutral", "accent"];
+declare const DATE_PICKER_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const DATE_PICKER_PRESETS_POSITIONS: readonly ["left", "right", "top", "bottom"];
 type DatePickerMode = typeof DATE_PICKER_MODES[number];
 type DatePickerVariant = typeof DATE_PICKER_VARIANTS[number];
 type DatePickerMobile = typeof DATE_PICKER_MOBILE[number];
 type DatePickerClose = typeof DATE_PICKER_CLOSE[number];
 type DatePickerColor = typeof DATE_PICKER_COLORS[number];
+type DatePickerRadius = ComponentRadius;
 type DatePickerPresetsPosition = typeof DATE_PICKER_PRESETS_POSITIONS[number];
 type DatePickerSide = Position;
 type DatePickerAlign = Alignment;
@@ -52,7 +54,8 @@ declare const datePickerSchema: {
     gap: import("../../runtime/codecs").NumberCodec;
     mobile: import("../../runtime/codecs").OneOfCodec<"popover" | "modal" | "native">;
     variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
-    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     close: import("../../runtime/codecs").OneOfCodec<"select" | "confirm">;
     presets: import("../../runtime/codecs").JsonCodec<DatePickerPreset[]>;
     presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
@@ -82,5 +85,5 @@ declare const datePickerPresetsSchema: {
 type DatePickerProps = PropState<typeof datePickerSchema>;
 type DatePickerPresetProps = PropState<typeof datePickerPresetSchema>;
 type DatePickerPresetsProps = PropState<typeof datePickerPresetsSchema>;
-export { DATE_PICKER_CLOSE, DATE_PICKER_COLORS, DATE_PICKER_MOBILE, DATE_PICKER_MODES, DATE_PICKER_PRESETS_POSITIONS, DATE_PICKER_VARIANTS, datePickerPresetSchema, datePickerPresetsSchema, datePickerSchema, };
-export type { DatePickerAlign, DatePickerClose, DatePickerColor, DatePickerMobile, DatePickerMode, DatePickerPreset, DatePickerPresetProps, DatePickerPresetsPosition, DatePickerPresetsProps, DatePickerProps, DatePickerSide, DatePickerVariant, };
+export { DATE_PICKER_CLOSE, DATE_PICKER_COLORS, DATE_PICKER_MOBILE, DATE_PICKER_MODES, DATE_PICKER_PRESETS_POSITIONS, DATE_PICKER_RADII, DATE_PICKER_VARIANTS, datePickerPresetSchema, datePickerPresetsSchema, datePickerSchema, };
+export type { DatePickerAlign, DatePickerClose, DatePickerColor, DatePickerMobile, DatePickerMode, DatePickerPreset, DatePickerPresetProps, DatePickerPresetsPosition, DatePickerPresetsProps, DatePickerProps, DatePickerRadius, DatePickerSide, DatePickerVariant, };

package/types/components/file-upload/index.d.ts

@@ -14,6 +14,7 @@ type FileUploadData = {
     listeners: CleanupStack;
     files: PendingFile[];
     limitReached: boolean;
+    emptyInputChangeClears: boolean;
     root(): HTMLElement;
     input(): HTMLInputElement;
     dropzone(): HTMLElement | null;

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

@@ -0,0 +1,35 @@
+import { type PropState } from '../../runtime';
+import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace } from '../layout';
+declare const FLEX_DISPLAYS: readonly ["flex", "inline-flex", "none"];
+declare const FLEX_DIRECTIONS: readonly ["row", "column", "row-reverse", "column-reverse"];
+declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
+declare const flexSchema: {
+    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">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    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">;
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
+    display: import("../../runtime/codecs").OneOfCodec<"flex" | "none" | "inline-flex">;
+    direction: import("../../runtime/codecs").OneOfCodec<"row" | "column" | "row-reverse" | "column-reverse">;
+    wrap: import("../../runtime/codecs").OneOfCodec<"nowrap" | "wrap" | "wrap-reverse">;
+};
+type FlexDisplay = typeof FLEX_DISPLAYS[number];
+type FlexDirection = typeof FLEX_DIRECTIONS[number];
+type FlexWrap = typeof FLEX_WRAPS[number];
+type FlexProps = PropState<typeof flexSchema>;
+export { FLEX_DIRECTIONS, FLEX_DISPLAYS, FLEX_WRAPS, flexSchema, };
+export type { FlexDirection, FlexDisplay, FlexProps, FlexWrap, LayoutAlign as FlexAlign, LayoutAs as FlexAs, LayoutJustify as FlexJustify, LayoutSpace as FlexSpace, };

package/types/components/flex/index.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,14 +1,16 @@
 import { type PropState } from '../../runtime';
+import { type ComponentRadius, type Elevation, type LayoutSpace, type Surface, type SurfaceTone } 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"];
-declare const FRAME_SURFACES: readonly ["none", "app", "subtle", "surface", "raised"];
+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_RADII: readonly ["none", "sm", "md", "lg"];
-declare const FRAME_SHADOWS: readonly ["none", "border", "sm", "md", "lg"];
+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_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"];
@@ -16,18 +18,35 @@ 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">;
-    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "surface" | "app" | "raised">;
+    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">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "sm" | "md" | "lg">;
-    shadow: import("../../runtime/codecs").OneOfCodec<"border" | "none" | "sm" | "md" | "lg">;
-    width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "auto" | "xl" | "full" | "prose">;
-    height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "auto" | "xl" | "full" | "prose">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    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">;
+    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">;
@@ -35,7 +54,12 @@ declare const frameRegionSchema: {
 };
 declare const frameBodySchema: {
     as: import("../../runtime/codecs").OneOfCodec<"div" | "form" | "main" | "section">;
-    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+    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">;
     scroll: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
@@ -44,11 +68,12 @@ type FrameRegionAs = typeof FRAME_REGION_AS_VALUES[number];
 type FrameBodyAs = typeof FRAME_BODY_AS_VALUES[number];
 type FrameLayout = typeof FRAME_LAYOUTS[number];
 type FrameRegionLayout = typeof FRAME_REGION_LAYOUTS[number];
-type FrameSpace = typeof FRAME_SPACES[number];
-type FrameSurface = typeof FRAME_SURFACES[number];
+type FrameSpace = LayoutSpace;
+type FrameSurface = Surface;
+type FrameTone = SurfaceTone;
 type FrameBorder = typeof FRAME_BORDERS[number];
-type FrameRadius = typeof FRAME_RADII[number];
-type FrameShadow = typeof FRAME_SHADOWS[number];
+type FrameRadius = ComponentRadius;
+type FrameElevation = Elevation;
 type FrameWidth = typeof FRAME_WIDTHS[number];
 type FrameHeight = typeof FRAME_HEIGHTS[number];
 type FrameAlign = typeof FRAME_ALIGNS[number];
@@ -56,5 +81,5 @@ 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_HEIGHTS, FRAME_JUSTIFIES, FRAME_LAYOUTS, FRAME_RADII, FRAME_REGION_AS_VALUES, FRAME_REGION_LAYOUTS, FRAME_SHADOWS, FRAME_SPACES, FRAME_SURFACES, FRAME_WIDTHS, frameBodySchema, frameRegionSchema, frameSchema, };
-export type { FrameAlign, FrameAs, FrameBodyAs, FrameBodyProps, FrameBorder, FrameHeight, FrameJustify, FrameLayout, FrameProps, FrameRadius, FrameRegionAs, FrameRegionLayout, FrameRegionProps, FrameShadow, FrameSpace, FrameSurface, FrameWidth, };
+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, };

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

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

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

@@ -0,0 +1,40 @@
+import { type PropState } 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">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    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">;
+    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">;
+    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">;
+};
+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>;
+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/types/components/grid/index.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,8 +1,9 @@
+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_COLOR_VALUES: readonly ["default", "muted", "accent", "inherit"];
+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 HeadingColor = typeof HEADING_COLOR_VALUES[number];
+type HeadingColor = TypographyColor;
 export { HEADING_AS_VALUES, HEADING_COLOR_VALUES, HEADING_SIZE_VALUES, };
 export type { HeadingAs, HeadingColor, HeadingSize };

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

@@ -1,10 +1,12 @@
 import { type PropState } from '../../runtime';
-import { type ControlSize, type ControlVariant, type IconVariant } from '../common';
+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"];
+declare const INPUT_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const INPUT_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
 type InputSize = ControlSize;
 type InputVariant = ControlVariant;
+type InputRadius = ComponentRadius;
 type InputIconVariant = IconVariant;
 declare const inputSchema: {
     type: import("../../runtime/codecs").StringCodec;
@@ -13,6 +15,7 @@ declare const inputSchema: {
     placeholder: import("../../runtime/codecs").StringCodec;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     disabled: import("../../runtime/codecs").BoolCodec;
     readonly: import("../../runtime/codecs").BoolCodec;
     required: import("../../runtime/codecs").BoolCodec;
@@ -32,6 +35,7 @@ declare const inputSchema: {
 declare const inputGroupSchema: {
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     label: import("../../runtime/codecs").StringCodec;
     description: import("../../runtime/codecs").StringCodec;
     descriptionTrailing: import("../../runtime/codecs").StringCodec;
@@ -45,5 +49,5 @@ declare const inputAffixSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 type InputProps = PropState<typeof inputSchema>;
-export { INPUT_ICON_VARIANTS, INPUT_SIZES, INPUT_VARIANTS, inputAffixSchema, inputGroupSchema, inputSchema };
-export type { InputIconVariant, InputProps, InputSize, InputVariant };
+export { INPUT_ICON_VARIANTS, INPUT_RADII, INPUT_SIZES, INPUT_VARIANTS, inputAffixSchema, inputGroupSchema, inputSchema };
+export type { InputIconVariant, InputProps, InputRadius, InputSize, InputVariant };