@vireo-ai/trellis-ui 0.1.1 → 0.1.2

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/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 };

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

@@ -12,7 +12,7 @@ declare const menuSchema: {
 declare const menuItemSchema: {
     as: import("../../runtime/codecs").OneOfCodec<"button" | "a">;
     variant: import("../../runtime/codecs").OneOfCodec<"default" | "filled" | "subtle" | "ghost">;
-    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
     type: import("../../runtime/codecs").OneOfCodec<"reset" | "submit" | "button">;
     disabled: import("../../runtime/codecs").BoolCodec;
     keepOpen: import("../../runtime/codecs").BoolCodec;

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

@@ -1,19 +1,25 @@
 import { type PropState } from '../../runtime';
-import { type EdgePosition, type HeadingLevel } from '../common';
-declare const MODAL_MODES: readonly ["modal", "sheet", "drawer", "flyout", "floating"];
+import { type EdgePosition, type HeadingLevel, type SurfaceTone } from '../common';
+declare const MODAL_MODES: readonly ["modal", "sheet"];
 declare const MODAL_SIDES: readonly ["top", "right", "bottom", "left"];
 declare const MODAL_SIZES: readonly ["sm", "md", "lg", "xl", "full"];
+declare const MODAL_SURFACES: readonly ["overlay", "panel", "inverse"];
+declare const MODAL_TONES: readonly ["solid", "alpha"];
 declare const MODAL_TITLE_AS_VALUES: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
 type ModalMode = typeof MODAL_MODES[number];
 type ModalSide = EdgePosition;
 type ModalSize = typeof MODAL_SIZES[number];
+type ModalSurface = typeof MODAL_SURFACES[number];
+type ModalTone = SurfaceTone;
 type ModalTitleAs = HeadingLevel;
 declare const modalSchema: {
     name: import("../../runtime/codecs").StringCodec;
     open: import("../../runtime/codecs").BoolCodec;
-    mode: import("../../runtime/codecs").OneOfCodec<"modal" | "floating" | "sheet" | "drawer" | "flyout">;
+    mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-    size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "xl" | "full">;
+    size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
+    surface: import("../../runtime/codecs").OneOfCodec<"panel" | "overlay" | "inverse">;
+    tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
     dismissible: import("../../runtime/codecs").BoolCodec;
     closable: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
@@ -52,5 +58,5 @@ declare const modalCloseSchema: {
 };
 type ModalProps = PropState<typeof modalSchema>;
 type ModalTriggerProps = PropState<typeof modalTriggerSchema>;
-export { MODAL_SIDES, MODAL_SIZES, MODAL_TITLE_AS_VALUES, MODAL_MODES, modalBodySchema, modalCloseSchema, modalDescriptionSchema, modalFooterSchema, modalOutletSchema, modalSchema, modalTitleSchema, modalTriggerSchema, };
-export type { ModalSide, ModalProps, ModalSize, ModalTitleAs, ModalTriggerProps, ModalMode, };
+export { MODAL_SIDES, MODAL_SIZES, MODAL_SURFACES, MODAL_TONES, MODAL_TITLE_AS_VALUES, MODAL_MODES, modalBodySchema, modalCloseSchema, modalDescriptionSchema, modalFooterSchema, modalOutletSchema, modalSchema, modalTitleSchema, modalTriggerSchema, };
+export type { ModalSide, ModalProps, ModalSize, ModalSurface, ModalTone, ModalTitleAs, ModalTriggerProps, ModalMode, };

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

@@ -1,17 +1,19 @@
 import { type PropState } from '../../runtime';
-import { type Alignment, type ControlSize, type ControlVariant, type IconVariant, type Position } from '../common';
+import { type Alignment, type ComponentRadius, type ControlSize, type ControlVariant, type IconVariant, type Position } from '../common';
 import { BADGE_COLORS, BADGE_VARIANTS, type BadgeColor, type BadgeVariant } from '../badge/contract';
 declare const SELECT_MODES: readonly ["listbox", "combobox", "pillbox", "native"];
 declare const SELECT_VARIANTS: readonly ["outline", "filled"];
 declare const SELECT_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const SELECT_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const SELECT_SIDES: readonly ["bottom", "top", "left", "right"];
 declare const SELECT_ALIGNS: readonly ["start", "center", "end"];
 declare const SELECT_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
 declare const SELECT_CLEARS: readonly ["stay", "close"];
-declare const SELECT_MARKS: readonly ["check", "checkbox"];
+declare const SELECT_MARKS: readonly ["check", "checkbox", "none"];
 type SelectMode = typeof SELECT_MODES[number];
 type SelectVariant = ControlVariant;
 type SelectSize = ControlSize;
+type SelectRadius = ComponentRadius;
 type SelectSide = Position;
 type SelectAlign = Alignment;
 type SelectIconVariant = IconVariant;
@@ -31,7 +33,7 @@ declare const selectSchema: {
     clearable: import("../../runtime/codecs").BoolCodec;
     clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
     suffix: import("../../runtime/codecs").StringCodec;
-    mark: import("../../runtime/codecs").OneOfCodec<"checkbox" | "check">;
+    mark: import("../../runtime/codecs").OneOfCodec<"none" | "checkbox" | "check">;
     open: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
     readonly: import("../../runtime/codecs").BoolCodec;
@@ -42,6 +44,7 @@ declare const selectSchema: {
     path: 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">;
     side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
     align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
     offset: import("../../runtime/codecs").NumberCodec;
@@ -57,8 +60,8 @@ declare const selectSchema: {
     searchClass: import("../../runtime/codecs").StringCodec;
     listboxClass: import("../../runtime/codecs").StringCodec;
     optionClass: import("../../runtime/codecs").StringCodec;
-    chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "surface" | "soft">;
-    chipColor: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+    chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
     chipClass: import("../../runtime/codecs").StringCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
@@ -86,5 +89,5 @@ declare const selectCreateOptionSchema: {
 type SelectProps = PropState<typeof selectSchema>;
 type SelectOptionProps = PropState<typeof selectOptionSchema>;
 type SelectCreateOptionProps = PropState<typeof selectCreateOptionSchema>;
-export { SELECT_ALIGNS, SELECT_CLEARS, BADGE_COLORS as SELECT_CHIP_COLORS, BADGE_VARIANTS as SELECT_CHIP_VARIANTS, SELECT_ICON_VARIANTS, SELECT_MARKS, SELECT_MODES, SELECT_SIDES, SELECT_SIZES, SELECT_VARIANTS, selectCreateOptionSchema, selectOptionSchema, selectSchema, };
-export type { SelectAlign, SelectClear, SelectChipColor, SelectChipVariant, SelectCreateOptionProps, SelectIconVariant, SelectMark, SelectOptionProps, SelectSide, SelectProps, SelectSize, SelectMode, SelectVariant, };
+export { SELECT_ALIGNS, SELECT_CLEARS, BADGE_COLORS as SELECT_CHIP_COLORS, BADGE_VARIANTS as SELECT_CHIP_VARIANTS, SELECT_ICON_VARIANTS, SELECT_MARKS, SELECT_MODES, SELECT_RADII, SELECT_SIDES, SELECT_SIZES, SELECT_VARIANTS, selectCreateOptionSchema, selectOptionSchema, selectSchema, };
+export type { SelectAlign, SelectClear, SelectChipColor, SelectChipVariant, SelectCreateOptionProps, SelectIconVariant, SelectMark, SelectOptionProps, SelectSide, SelectProps, SelectRadius, SelectSize, SelectMode, SelectVariant, };

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

@@ -25,7 +25,7 @@ declare const sidebarSchema: {
 declare const sidebarItemSchema: {
     as: import("../../runtime/codecs").OneOfCodec<"button" | "a">;
     variant: import("../../runtime/codecs").OneOfCodec<"ghost" | "surface">;
-    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
     href: import("../../runtime/codecs").StringCodec;
     current: import("../../runtime/codecs").BoolCodec;
     disabled: import("../../runtime/codecs").BoolCodec;

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

@@ -19,7 +19,7 @@ declare const tableSchema: {
     hover: import("../../runtime/codecs").BoolCodec;
     stickyHeader: import("../../runtime/codecs").BoolCodec;
     nowrap: import("../../runtime/codecs").BoolCodec;
-    width: import("../../runtime/codecs").OneOfCodec<"auto" | "full">;
+    width: import("../../runtime/codecs").OneOfCodec<"full" | "auto">;
     class: import("../../runtime/codecs").StringCodec;
     tableClass: import("../../runtime/codecs").StringCodec;
 };

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

@@ -22,6 +22,7 @@ type TabsData = {
     cleanup: Array<() => void>;
     root: BindingObject;
     owner(): string;
+    ownsElement(element: Element): boolean;
     lists(): HTMLElement[];
     primaryList(): HTMLElement | null;
     listVariant(): TabsVariant;

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

@@ -1,10 +1,11 @@
+import { type TypographyColor } from '../common';
 declare const TEXT_AS_VALUES: readonly ["span", "p", "div", "label", "kbd", "code", "strong"];
 declare const TEXT_SIZE_VALUES: readonly ["xs", "sm", "base", "lg", "xl", "2xl"];
 declare const TEXT_WEIGHT_VALUES: readonly ["normal", "medium", "semibold", "bold"];
-declare const TEXT_COLOR_VALUES: readonly ["default", "muted", "subtle", "danger", "inherit"];
+declare const TEXT_COLOR_VALUES: readonly ["inherit", "muted", "subtle", "accent", "danger"];
 type TextAs = typeof TEXT_AS_VALUES[number];
 type TextSize = typeof TEXT_SIZE_VALUES[number];
 type TextWeight = typeof TEXT_WEIGHT_VALUES[number];
-type TextColor = typeof TEXT_COLOR_VALUES[number];
+type TextColor = TypographyColor;
 export { TEXT_AS_VALUES, TEXT_COLOR_VALUES, TEXT_SIZE_VALUES, TEXT_WEIGHT_VALUES, };
 export type { TextAs, TextColor, TextSize, TextWeight };

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

@@ -7,6 +7,7 @@ declare const textareaSchema: {
     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">;
     rows: import("../../runtime/codecs").NumberCodec;
     resize: import("../../runtime/codecs").OneOfCodec<"none" | "vertical" | "horizontal" | "both">;
     disabled: import("../../runtime/codecs").BoolCodec;

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

@@ -1,11 +1,15 @@
 import { type PropState } from '../../runtime';
 declare const TOAST_LEVELS: readonly ["info", "success", "warning", "danger", "debug"];
-declare const TOAST_VARIANTS: readonly ["default", "info", "success", "warning", "danger", "debug"];
+declare const TOAST_COLORS: readonly ["auto", "neutral", "accent", "success", "warning", "danger"];
+declare const TOAST_RESOLVED_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
+declare const TOAST_VARIANTS: readonly ["default", "soft", "surface", "solid", "outline"];
 declare const TOAST_POSITIONS: readonly ["top-right", "top-left", "top-center", "bottom-right", "bottom-left", "bottom-center"];
 declare const toastSchema: {
-    level: import("../../runtime/codecs").OneOfCodec<"success" | "warning" | "danger" | "info" | "debug">;
-    variant: import("../../runtime/codecs").OneOfCodec<"default" | "success" | "warning" | "danger" | "info" | "debug">;
+    level: import("../../runtime/codecs").OneOfCodec<"danger" | "success" | "warning" | "info" | "debug">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning" | "auto">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "default" | "solid" | "soft" | "surface">;
     title: import("../../runtime/codecs").StringCodec;
+    description: import("../../runtime/codecs").StringCodec;
     duration: import("../../runtime/codecs").NumberCodec;
     dismissible: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
@@ -20,9 +24,11 @@ declare const toastOutletSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 type ToastLevel = typeof TOAST_LEVELS[number];
+type ToastColor = typeof TOAST_COLORS[number];
+type ToastResolvedColor = typeof TOAST_RESOLVED_COLORS[number];
 type ToastVariant = typeof TOAST_VARIANTS[number];
 type ToastPosition = typeof TOAST_POSITIONS[number];
 type ToastProps = PropState<typeof toastSchema>;
 type ToastOutletProps = PropState<typeof toastOutletSchema>;
-export { TOAST_LEVELS, TOAST_POSITIONS, TOAST_VARIANTS, toastOutletSchema, toastSchema };
-export type { ToastLevel, ToastOutletProps, ToastPosition, ToastProps, ToastVariant };
+export { TOAST_COLORS, TOAST_LEVELS, TOAST_POSITIONS, TOAST_RESOLVED_COLORS, TOAST_VARIANTS, toastOutletSchema, toastSchema };
+export type { ToastColor, ToastLevel, ToastOutletProps, ToastPosition, ToastProps, ToastResolvedColor, ToastVariant };

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

@@ -2,8 +2,9 @@ import type Alpine from 'alpinejs';
 import { type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
 import { type ToastOutletProps, type ToastProps } from './contract';
 type ToastDetail = {
-    message?: unknown;
+    description?: unknown;
     title?: unknown;
+    color?: unknown;
     level?: unknown;
     variant?: unknown;
     duration?: unknown;

package/types/index.d.ts

@@ -1,6 +1,6 @@
 import type { Alpine as AlpineType } from 'alpinejs';
 import { motion } from './motion';
-import { bool, className, create, createResizable, cx, defineManifest, defineProps, defineStyles, json, number, oneOf, props, propsFromSchema, resolveStyle, string } from './runtime';
+import { bool, className, create, createResizable, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string } from './runtime';
 type TrellisUIPlugin = (AlpineInstance: AlpineType) => void;
 declare const ui: {
     readonly bool: import("./runtime/codecs").BoolCodec;
@@ -12,6 +12,7 @@ declare const ui: {
     readonly defineProps: <T extends Record<string, import("./runtime").CodecFn<unknown>>>({ el, schema, }: import("./runtime/codecs").DefinePropsOptions<T>) => import("./runtime").PropState<T>;
     readonly defineStyles: <const T extends import("./runtime").StyleDefinition>({ definition }: import("./runtime").DefineStylesOptions<T>) => Readonly<T>;
     readonly json: import("./runtime/codecs").JsonCodecFactory;
+    readonly mergeBindings: ({ inputs }: import("./runtime").MergeBindingsOptions) => import("./runtime").BindingObject;
     readonly motion: {
         readonly createAnimator: <T extends string | number>(value: import("motion").MotionValue<T> | T, defaultOptions?: import("motion").ValueAnimationTransition<T>) => import("./motion").Animator<T>;
         readonly parallel: (...handles: import("./motion").MotionHandle[]) => import("./motion").MotionHandle;
@@ -31,7 +32,6 @@ declare const ui: {
     };
     readonly number: import("./runtime/codecs").NumberCodec;
     readonly oneOf: <T extends string>(allowed: readonly T[], fallback: T) => import("./runtime/codecs").OneOfCodec<T>;
-    readonly props: ({ inputs }: import("./runtime").PropsOptions) => import("./runtime").BindingObject;
     readonly propsFromSchema: <const T extends Record<string, import("./runtime").CodecFn<unknown>>>({ schema, details, }: import("./runtime").PropsFromSchemaOptions<T>) => Record<string, import("./runtime").ManifestProp>;
     readonly resolveStyle: ({ part, props, className: override, }: import("./runtime").ResolveStyleOptions) => string;
     readonly string: import("./runtime/codecs").StringCodec;
@@ -41,6 +41,6 @@ export { trellisUi, ui };
 export default trellisUi;
 export type { TrellisUIPlugin };
 export { motion };
-export { bool, className, create, createResizable, cx, defineManifest, defineProps, defineStyles, json, number, oneOf, props, propsFromSchema, resolveStyle, string, };
-export type { ClassArray, ClassDictionary, ClassNameOptions, ClassValue, CodecFn, ComponentManifest, CreateOptions, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, PropInput, PropState, PropsFromSchemaOptions, PropsOptions, ResizableOptions, ResizeAxis, ResizeEvent, ResizeMode, ResizePhase, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, StyleTree, TrellisAlpineComponent, } from './runtime';
+export { bool, className, create, createResizable, cx, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, };
+export type { ClassArray, ClassDictionary, ClassNameOptions, ClassValue, CodecFn, ComponentManifest, CreateOptions, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResizableOptions, ResizeAxis, ResizeEvent, ResizeMode, ResizePhase, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, StyleTree, TrellisAlpineComponent, } from './runtime';
 export type { AnimateStreamPatchOptions, AnimateViewOptions, Animator, MotionHandle, MotionPreference, MotionTarget, PresenceDefinition, PresenceLifecycle, PresenceLifecycleCallbacks, PresenceLifecycleOptions, PresenceOptions, PresencePhase, PresencePreset, ResolvedViewTarget, TransformComposer, TransformContext, ViewPreset, ViewScope, } from './motion';

package/types/motion/animate.d.ts

@@ -44,6 +44,10 @@ declare const presenceOptions: {
         duration: 0.24;
         ease: readonly [0.23, 1, 0.32, 1];
     };
+    sheet: {
+        duration: 0.24;
+        ease: readonly [0.23, 1, 0.32, 1];
+    };
 };
 export { bindStyle, bindTransform, createAnimator, motionDurations, motionEasings, noopHandle, parallel, presenceOptions, sequential, toMotionHandle, };
 export type { Animator, MotionHandle, TransformComposer, TransformContext };

package/types/motion/presence.d.ts

@@ -2,7 +2,7 @@ import { type AnimationOptions, type DOMKeyframesDefinition } from 'motion';
 import { type MotionHandle } from './animate';
 import { type MotionPreference } from './reduced-motion';
 type PresencePhase = 'enter' | 'exit';
-type PresencePreset = 'popover' | 'menu' | 'modal' | 'toast' | 'sidebar' | 'fade';
+type PresencePreset = 'popover' | 'menu' | 'modal' | 'toast' | 'sidebar' | 'sheet' | 'fade';
 type PresenceDefinition = PresencePreset | DOMKeyframesDefinition;
 type PresenceOptions = AnimationOptions & {
     reducedMotion?: MotionPreference;

package/types/runtime/index.d.ts

@@ -4,7 +4,7 @@ export { className, cx, type ClassArray, type ClassDictionary, type ClassNameOpt
 export { createCollectionNavigation, type CollectionElementOptions, type CollectionItemsOptions, type CollectionKeydownOptions, type CollectionNavigation, type CollectionNavigationOptions, } from './collection-navigation';
 export { registerConfirm, unregisterConfirm, type ConfirmEventDetail, type ConfirmRuntimeOptions } from './confirm';
 export { create, type CreateOptions, type StyleTree } from './create';
-export { props, type BindingObject, type PropInput, type PropsOptions } from './props';
+export { mergeBindings, type BindingInput, type BindingObject, type MergeBindingsOptions } from './merge-bindings';
 export { defineProps, string, number, bool, json, oneOf, type CodecFn, type PropState, type SchemaToProps } from './codecs';
 export { addListener, asBool, dispatch, isRtl, removeAttribute, setAttribute, setPresence, type AddListenerOptions, type AttributeOptions, type BoolOptions, type CleanupStack, type DispatchOptions, type ElementOptions, type PresenceOptions, } from './dom';
 export { addDismissableLayer, type DismissableLayerOptions } from './dismissable-layer';
@@ -14,7 +14,7 @@ export { createResizable, registerResizable, type ResizableOptions, type ResizeA
 export { defineManifest, propsFromSchema, type ComponentManifest, type DefineManifestOptions, type ManifestPart, type ManifestProp, type ManifestPropDetails, type ManifestToken, type PropsFromSchemaOptions, type SchemaPropDetails, } from './manifest';
 export { defineStyles, resolveStyle, type DefineStylesOptions, type ResolveStyleOptions, type StyleDefinition, type StylePart, type StyleProps, } from './styles';
 export { applyStreamPatch, applyStreamPatches, applyUiEffect, applyUiEffects, connectStream, dispatchStreamEvent, registerStream, type PatchMode, type StreamEventPayload, type StreamPatchPayload, type UiEffectPayload, } from './stream';
-export { applyThemeMode, createDarkModeStore, registerThemeStore, type DarkModeStore, type ThemeChangeDetail, type ThemeMode, } from './theme';
+export { applyThemeMode, createThemeStore, registerThemeStore, type ResolvedThemeMode, type ThemeChangeDetail, type ThemeStore, type ThemeMode, } from './theme';
 export { lockDocumentScroll, unlockDocumentScroll } from './scroll-lock';
 type TrellisAlpineComponent<T> = Alpine.AlpineComponent<T> & {
     init(): void;
@@ -42,7 +42,7 @@ declare const ui: {
     readonly parseItemData: (raw: string | undefined) => unknown;
     readonly splitControlValues: (value: string) => string[];
     readonly createResizable: ({ element, handle, axis, min, max, step, mode, hitArea, coarseHitArea, disabled, onStart, onResize, onEnd, }: import("./resizable").ResizableOptions) => (() => void);
-    readonly props: ({ inputs }: import("./props").PropsOptions) => import("./props").BindingObject;
+    readonly mergeBindings: ({ inputs }: import("./merge-bindings").MergeBindingsOptions) => import("./merge-bindings").BindingObject;
     readonly propsFromSchema: <const T extends Record<string, import("./codecs").CodecFn<unknown>>>({ schema, details, }: import("./manifest").PropsFromSchemaOptions<T>) => Record<string, import("./manifest").ManifestProp>;
     readonly resolveStyle: ({ part, props, className: override, }: import("./styles").ResolveStyleOptions) => string;
     readonly className: ({ values }: import("./class-name").ClassNameOptions) => string;
@@ -73,7 +73,7 @@ declare const ui: {
     }>;
     readonly dispatchStreamEvent: (payload: import("./stream").StreamEventPayload) => void;
     readonly applyThemeMode: (mode: import("./theme").ThemeMode) => import("./theme").ThemeChangeDetail;
-    readonly createDarkModeStore: () => import("./theme").DarkModeStore;
+    readonly createThemeStore: () => import("./theme").ThemeStore;
     readonly lockDocumentScroll: () => void;
     readonly registerConfirm: ({ root }?: import("./confirm").ConfirmRuntimeOptions) => void;
     readonly registerResizable: (AlpineInstance: Alpine.Alpine) => void;

package/types/runtime/manifest.d.ts

@@ -18,10 +18,14 @@ type ManifestAcceptedEvent = {
     description: string;
     detail?: Record<string, string>;
 };
+type ComponentManifestMeta = {
+    group?: string;
+};
 type ComponentManifest = {
     name: string;
     title: string;
     description: string;
+    meta?: ComponentManifestMeta;
     props?: Record<string, ManifestProp>;
     propSchema?: Record<string, CodecFn<unknown>>;
     slots?: Record<string, string>;
@@ -46,4 +50,4 @@ type PropsFromSchemaOptions<T extends Record<string, CodecFn<unknown>>> = {
 declare const defineManifest: <const T extends ComponentManifest>({ manifest }: DefineManifestOptions<T>) => Readonly<T>;
 declare const propsFromSchema: <const T extends Record<string, CodecFn<unknown>>>({ schema, details, }: PropsFromSchemaOptions<T>) => Record<string, ManifestProp>;
 export { defineManifest, propsFromSchema };
-export type { ComponentManifest, DefineManifestOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestAcceptedEvent, ManifestToken, PropsFromSchemaOptions, PropKind, SchemaPropDetails, };
+export type { ComponentManifest, DefineManifestOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestAcceptedEvent, ComponentManifestMeta, ManifestToken, PropsFromSchemaOptions, PropKind, SchemaPropDetails, };

package/types/runtime/merge-bindings.d.ts

@@ -0,0 +1,9 @@
+import { type ClassValue } from './class-name';
+type AttributeValue = unknown;
+export type BindingObject = Record<string, AttributeValue>;
+export type BindingInput = ClassValue | BindingObject;
+export type MergeBindingsOptions = {
+    inputs: readonly BindingInput[];
+};
+export declare const mergeBindings: ({ inputs }: MergeBindingsOptions) => BindingObject;
+export {};

package/types/runtime/theme.d.ts

@@ -1,17 +1,22 @@
 import type { Alpine as AlpineType } from 'alpinejs';
 declare const THEME_VALUES: readonly ["light", "dark", "system"];
 type ThemeMode = typeof THEME_VALUES[number];
+type ResolvedThemeMode = Exclude<ThemeMode, 'system'>;
 type ThemeChangeDetail = {
     mode: ThemeMode;
+    resolved: ResolvedThemeMode;
+    dark: boolean;
     on: boolean;
 };
-type DarkModeStore = {
+type ThemeStore = {
     mode: ThemeMode;
+    resolved: ResolvedThemeMode;
+    dark: boolean;
     on: boolean;
     set: (mode: ThemeMode) => void;
     toggle: () => void;
 };
 declare const applyThemeMode: (mode: ThemeMode) => ThemeChangeDetail;
-declare const createDarkModeStore: () => DarkModeStore;
+declare const createThemeStore: () => ThemeStore;
 declare const registerThemeStore: (AlpineInstance: AlpineType) => void;
-export { applyThemeMode, createDarkModeStore, registerThemeStore, type DarkModeStore, type ThemeChangeDetail, type ThemeMode, };
+export { applyThemeMode, createThemeStore, registerThemeStore, type ResolvedThemeMode, type ThemeChangeDetail, type ThemeStore, type ThemeMode, };

package/src/components/image/styles.css

@@ -1,10 +0,0 @@
-@layer components {
-  .ui-image-outline {
-    outline: 1px solid rgba(0, 0, 0, 0.1);
-    outline-offset: -1px;
-  }
-
-  .dark .ui-image-outline {
-    outline-color: rgba(255, 255, 255, 0.1);
-  }
-}

package/src/components/theme/styles.css

@@ -1,13 +0,0 @@
-@layer components {
-  [data-ui-theme-icon] [data-ui-theme-icon-when],
-  [data-ui-theme-text] [data-ui-theme-text-when] {
-    display: none;
-  }
-
-  html:not(.dark) [data-ui-theme-icon] [data-ui-theme-icon-when="light"],
-  html.dark [data-ui-theme-icon] [data-ui-theme-icon-when="dark"],
-  html:not(.dark) [data-ui-theme-text] [data-ui-theme-text-when="light"],
-  html.dark [data-ui-theme-text] [data-ui-theme-text-when="dark"] {
-    display: block;
-  }
-}

package/types/runtime/props.d.ts

@@ -1,9 +0,0 @@
-import { type ClassValue } from './class-name';
-type AttributeValue = unknown;
-export type BindingObject = Record<string, AttributeValue>;
-export type PropInput = ClassValue | BindingObject;
-export type PropsOptions = {
-    inputs: readonly PropInput[];
-};
-export declare const props: ({ inputs }: PropsOptions) => BindingObject;
-export {};