@vireo-ai/trellis-ui 0.1.1 → 0.1.2

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

@@ -1,7 +1,9 @@
 import { type PropState } from '../../runtime';
+import { type Surface } from '../common';
 declare const APP_HEIGHTS: readonly ["screen", "min"];
 declare const APP_SIDEBARS: readonly ["left", "right", "both", "none"];
 declare const APP_MAIN_SCROLLS: readonly ["auto", "none"];
+declare const APP_HEADER_SURFACES: readonly ["none", "app", "chrome", "subtle", "panel", "raised", "overlay", "accent", "inverse"];
 declare const appSchema: {
     id: import("../../runtime/codecs").StringCodec;
     height: import("../../runtime/codecs").OneOfCodec<"min" | "screen">;
@@ -10,6 +12,8 @@ declare const appSchema: {
 };
 declare const appHeaderSchema: {
     sticky: import("../../runtime/codecs").BoolCodec;
+    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
+    divider: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const appMainSchema: {
@@ -22,8 +26,9 @@ declare const appPanelSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 type AppHeight = typeof APP_HEIGHTS[number];
+type AppHeaderSurface = Surface;
 type AppMainScroll = typeof APP_MAIN_SCROLLS[number];
 type AppSidebar = typeof APP_SIDEBARS[number];
 type AppProps = PropState<typeof appSchema>;
-export { APP_HEIGHTS, APP_MAIN_SCROLLS, APP_SIDEBARS, appHeaderSchema, appMainSchema, appPanelSchema, appSchema, };
-export type { AppHeight, AppMainScroll, AppProps, AppSidebar };
+export { APP_HEADER_SURFACES, APP_HEIGHTS, APP_MAIN_SCROLLS, APP_SIDEBARS, appHeaderSchema, appMainSchema, appPanelSchema, appSchema, };
+export type { AppHeaderSurface, AppHeight, AppMainScroll, AppProps, AppSidebar };

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

@@ -1,16 +1,17 @@
 import { type PropState } from '../../runtime';
-import { type CommonButtonType, type ControlSize, type IconVariant } from '../common';
+import { type CommonButtonType, type ComponentRadius, type ControlSize, type IconVariant } from '../common';
 declare const BADGE_VARIANTS: readonly ["soft", "surface", "outline", "solid"];
 declare const BADGE_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
 declare const BADGE_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
 declare const BADGE_AS_VALUES: readonly ["span", "button"];
 declare const BADGE_TYPES: readonly ["button", "submit", "reset"];
 declare const BADGE_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+declare const BADGE_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const badgeSchema: {
-    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "surface" | "soft">;
-    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
-    rounded: import("../../runtime/codecs").BoolCodec;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     href: import("../../runtime/codecs").StringCodec;
     as: import("../../runtime/codecs").OneOfCodec<"button" | "span">;
     type: import("../../runtime/codecs").OneOfCodec<"reset" | "submit" | "button">;
@@ -33,10 +34,11 @@ declare const badgeCloseSchema: {
 type BadgeVariant = typeof BADGE_VARIANTS[number];
 type BadgeColor = typeof BADGE_COLORS[number];
 type BadgeSize = ControlSize;
+type BadgeRadius = ComponentRadius;
 type BadgeAs = typeof BADGE_AS_VALUES[number];
 type BadgeType = CommonButtonType;
 type BadgeIconVariant = IconVariant;
 type BadgeProps = PropState<typeof badgeSchema>;
 type BadgeCloseProps = PropState<typeof badgeCloseSchema>;
-export { BADGE_AS_VALUES, BADGE_COLORS, BADGE_ICON_VARIANTS, BADGE_SIZES, BADGE_TYPES, BADGE_VARIANTS, badgeCloseSchema, badgeSchema, };
-export type { BadgeAs, BadgeCloseProps, BadgeColor, BadgeIconVariant, BadgeProps, BadgeSize, BadgeType, BadgeVariant, };
+export { BADGE_AS_VALUES, BADGE_COLORS, BADGE_ICON_VARIANTS, BADGE_RADII, BADGE_SIZES, BADGE_TYPES, BADGE_VARIANTS, badgeCloseSchema, badgeSchema, };
+export type { BadgeAs, BadgeCloseProps, BadgeColor, BadgeIconVariant, BadgeProps, BadgeRadius, BadgeSize, BadgeType, BadgeVariant, };

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

@@ -1,44 +1,52 @@
 import { type PropState } from '../../runtime';
+import { type ComponentRadius, type Elevation, type LayoutSpace, type Surface, type SurfaceTone } from '../common';
 declare const BOX_AS_VALUES: readonly ["div", "section", "article", "aside", "header", "footer", "main", "nav", "form", "ul", "ol", "li", "span"];
 declare const BOX_LAYOUTS: readonly ["block", "stack", "row", "cluster", "grid", "center"];
-declare const BOX_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6"];
+declare const BOX_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 declare const BOX_COLUMNS: readonly ["none", "1", "2", "3", "4", "5", "6"];
-declare const BOX_SURFACES: readonly ["none", "app", "subtle", "surface", "raised"];
-declare const BOX_BORDERS: readonly ["none", "default"];
-declare const BOX_RADII: readonly ["none", "sm", "md", "lg", "full"];
-declare const BOX_SHADOWS: readonly ["none", "border", "sm", "md", "lg"];
+declare const BOX_SURFACES: readonly ["none", "app", "chrome", "subtle", "panel", "raised", "overlay", "accent", "inverse"];
+declare const BOX_TONES: readonly ["solid", "alpha"];
+declare const BOX_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
+declare const BOX_ELEVATIONS: readonly ["none", "1", "2", "3", "4", "5", "6"];
 declare const BOX_WIDTHS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
-declare const BOX_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
+declare const BOX_HEIGHTS: ("xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl")[];
 declare const BOX_ALIGNS: readonly ["start", "center", "end", "stretch"];
 declare const BOX_JUSTIFIES: readonly ["start", "center", "end", "between"];
 declare const boxSchema: {
     as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
     layout: import("../../runtime/codecs").OneOfCodec<"grid" | "center" | "stack" | "block" | "row" | "cluster">;
-    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+    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">;
     columns: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
-    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
-    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "surface" | "app" | "raised">;
-    border: import("../../runtime/codecs").OneOfCodec<"default" | "none">;
-    radius: import("../../runtime/codecs").OneOfCodec<"none" | "sm" | "md" | "lg" | "full">;
-    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">;
+    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">;
     align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
     justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
     class: import("../../runtime/codecs").StringCodec;
 };
 type BoxAs = typeof BOX_AS_VALUES[number];
 type BoxLayout = typeof BOX_LAYOUTS[number];
-type BoxSpace = typeof BOX_SPACES[number];
+type BoxSpace = LayoutSpace;
 type BoxColumns = typeof BOX_COLUMNS[number];
-type BoxSurface = typeof BOX_SURFACES[number];
-type BoxBorder = typeof BOX_BORDERS[number];
-type BoxRadius = typeof BOX_RADII[number];
-type BoxShadow = typeof BOX_SHADOWS[number];
+type BoxSurface = Surface;
+type BoxTone = SurfaceTone;
+type BoxRadius = ComponentRadius;
+type BoxElevation = Elevation;
 type BoxWidth = typeof BOX_WIDTHS[number];
 type BoxHeight = typeof BOX_HEIGHTS[number];
 type BoxAlign = typeof BOX_ALIGNS[number];
 type BoxJustify = typeof BOX_JUSTIFIES[number];
 type BoxProps = PropState<typeof boxSchema>;
-export { BOX_ALIGNS, BOX_AS_VALUES, BOX_BORDERS, BOX_COLUMNS, BOX_HEIGHTS, BOX_JUSTIFIES, BOX_LAYOUTS, BOX_RADII, BOX_SHADOWS, BOX_SPACES, BOX_SURFACES, BOX_WIDTHS, boxSchema, };
-export type { BoxAlign, BoxAs, BoxBorder, BoxColumns, BoxHeight, BoxJustify, BoxLayout, BoxProps, BoxRadius, BoxShadow, BoxSpace, BoxSurface, BoxWidth, };
+export { BOX_ALIGNS, BOX_AS_VALUES, BOX_COLUMNS, BOX_ELEVATIONS, BOX_HEIGHTS, BOX_JUSTIFIES, BOX_LAYOUTS, BOX_RADII, BOX_SPACES, BOX_SURFACES, BOX_TONES, BOX_WIDTHS, boxSchema, };
+export type { BoxAlign, BoxAs, BoxColumns, BoxElevation, BoxHeight, BoxJustify, BoxLayout, BoxProps, BoxRadius, BoxSpace, BoxSurface, BoxTone, BoxWidth, };

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

@@ -1,2 +1,2 @@
 export { boxSchema } from './contract';
-export type { BoxAlign, BoxAs, BoxBorder, BoxColumns, BoxHeight, BoxJustify, BoxLayout, BoxProps, BoxRadius, BoxShadow, BoxSpace, BoxSurface, BoxWidth, } from './contract';
+export type { BoxAlign, BoxAs, BoxColumns, BoxElevation, BoxHeight, BoxJustify, BoxLayout, BoxProps, BoxRadius, BoxSpace, BoxSurface, BoxWidth, } from './contract';

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

@@ -1,15 +1,17 @@
 import { type PropState } from '../../runtime';
-import { BUTTON_TYPES, type Alignment, type CommonButtonType, type ControlSize, type IconVariant } from '../common';
-declare const BUTTON_VARIANTS: readonly ["default", "outline", "subtle", "filled", "ghost", "link"];
-declare const BUTTON_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
+import { BUTTON_TYPES, type Alignment, type CommonButtonType, type ComponentRadius, type ControlSize, type IconVariant } from '../common';
+declare const BUTTON_VARIANTS: readonly ["ghost", "soft", "surface", "outline", "solid", "link"];
+declare const BUTTON_COLORS: readonly ["neutral", "accent", "danger"];
 declare const BUTTON_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
 declare const BUTTON_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
 declare const BUTTON_ALIGNS: readonly ["start", "center", "end"];
+declare const BUTTON_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const BUTTON_LOADING_MODES: readonly ["auto", "true", "false"];
 declare const buttonSchema: {
-    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "link" | "default" | "filled" | "subtle" | "ghost">;
-    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "link" | "solid" | "ghost" | "soft" | "surface">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
     type: import("../../runtime/codecs").OneOfCodec<"reset" | "submit" | "button">;
     href: import("../../runtime/codecs").StringCodec;
     disabled: import("../../runtime/codecs").BoolCodec;
@@ -25,10 +27,11 @@ declare const buttonSchema: {
 type ButtonVariant = typeof BUTTON_VARIANTS[number];
 type ButtonColor = typeof BUTTON_COLORS[number];
 type ButtonSize = ControlSize;
+type ButtonRadius = ComponentRadius;
 type ButtonType = CommonButtonType;
 type ButtonIconVariant = IconVariant;
 type ButtonAlign = Alignment;
 type ButtonLoadingMode = typeof BUTTON_LOADING_MODES[number];
 type ButtonProps = PropState<typeof buttonSchema>;
-export { BUTTON_ALIGNS, BUTTON_COLORS, BUTTON_ICON_VARIANTS, BUTTON_LOADING_MODES, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, buttonSchema, };
-export type { ButtonAlign, ButtonColor, ButtonIconVariant, ButtonLoadingMode, ButtonProps, ButtonSize, ButtonType, ButtonVariant, };
+export { BUTTON_ALIGNS, BUTTON_COLORS, BUTTON_ICON_VARIANTS, BUTTON_LOADING_MODES, BUTTON_RADII, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, buttonSchema, };
+export type { ButtonAlign, ButtonColor, ButtonIconVariant, ButtonLoadingMode, ButtonProps, ButtonRadius, ButtonSize, ButtonType, ButtonVariant, };

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

@@ -1,20 +1,32 @@
 import { type PropState } from '../../runtime';
-declare const CARD_AS_VALUES: readonly ["div", "section", "article", "aside"];
-declare const CARD_VARIANTS: readonly ["surface", "outline", "none"];
+import { type Elevation, type LayoutSpace, type Surface, type SurfaceTone } from '../common';
+declare const CARD_AS_VALUES: readonly ["div", "section", "article", "aside", "label"];
+declare const CARD_SURFACES: readonly ["none", "app", "chrome", "subtle", "panel", "raised", "overlay", "accent", "inverse"];
+declare const CARD_TONES: readonly ["solid", "alpha"];
+declare const CARD_ELEVATIONS: readonly ["none", "1", "2", "3", "4", "5", "6"];
 declare const CARD_SIZES: readonly ["sm", "md"];
-declare const CARD_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6"];
+declare const CARD_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 declare const CARD_TITLE_AS_VALUES: readonly ["h2", "h3", "h4", "div"];
 declare const CARD_FOOTER_LAYOUTS: readonly ["row", "stack"];
 declare const CARD_FOOTER_ALIGNS: readonly ["start", "end", "between", "stretch"];
 declare const cardSchema: {
-    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "section">;
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "label" | "section">;
     href: import("../../runtime/codecs").StringCodec;
     label: import("../../runtime/codecs").StringCodec;
     interactive: import("../../runtime/codecs").BoolCodec;
-    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "none" | "surface">;
+    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
+    tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
     size: import("../../runtime/codecs").OneOfCodec<"sm" | "md">;
-    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
-    gap: 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">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const cardHeaderSchema: {
@@ -39,9 +51,11 @@ declare const cardFooterSchema: {
     class: import("../../runtime/codecs").StringCodec;
 };
 type CardAs = typeof CARD_AS_VALUES[number];
-type CardVariant = typeof CARD_VARIANTS[number];
+type CardSurface = Surface;
+type CardTone = SurfaceTone;
+type CardElevation = Elevation;
 type CardSize = typeof CARD_SIZES[number];
-type CardSpace = typeof CARD_SPACES[number];
+type CardSpace = LayoutSpace;
 type CardTitleAs = typeof CARD_TITLE_AS_VALUES[number];
 type CardFooterLayout = typeof CARD_FOOTER_LAYOUTS[number];
 type CardFooterAlign = typeof CARD_FOOTER_ALIGNS[number];
@@ -52,5 +66,5 @@ type CardDescriptionProps = PropState<typeof cardDescriptionSchema>;
 type CardActionProps = PropState<typeof cardActionSchema>;
 type CardContentProps = PropState<typeof cardContentSchema>;
 type CardFooterProps = PropState<typeof cardFooterSchema>;
-export { CARD_AS_VALUES, CARD_FOOTER_ALIGNS, CARD_FOOTER_LAYOUTS, CARD_SIZES, CARD_SPACES, CARD_TITLE_AS_VALUES, CARD_VARIANTS, cardActionSchema, cardContentSchema, cardDescriptionSchema, cardFooterSchema, cardHeaderSchema, cardSchema, cardTitleSchema, };
-export type { CardActionProps, CardAs, CardContentProps, CardDescriptionProps, CardFooterAlign, CardFooterLayout, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSpace, CardTitleAs, CardTitleProps, CardVariant, };
+export { CARD_AS_VALUES, CARD_ELEVATIONS, CARD_FOOTER_ALIGNS, CARD_FOOTER_LAYOUTS, CARD_SIZES, CARD_SPACES, CARD_SURFACES, CARD_TONES, CARD_TITLE_AS_VALUES, cardActionSchema, cardContentSchema, cardDescriptionSchema, cardFooterSchema, cardHeaderSchema, cardSchema, cardTitleSchema, };
+export type { CardActionProps, CardAs, CardContentProps, CardDescriptionProps, CardElevation, CardFooterAlign, CardFooterLayout, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSpace, CardSurface, CardTitleAs, CardTitleProps, CardTone, };

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

@@ -1,12 +1,14 @@
 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';
 declare const COMBOBOX_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
 declare const COMBOBOX_VARIANTS: readonly ["outline", "filled"];
+declare const COMBOBOX_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
 declare const COMBOBOX_SIDES: readonly ["bottom", "top", "left", "right"];
 declare const COMBOBOX_ALIGNS: readonly ["start", "center", "end"];
 declare const COMBOBOX_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
 type ComboboxSize = ControlSize;
 type ComboboxVariant = ControlVariant;
+type ComboboxRadius = ComponentRadius;
 type ComboboxSide = Position;
 type ComboboxAlign = Alignment;
 type ComboboxIconVariant = IconVariant;
@@ -28,6 +30,7 @@ declare const comboboxSchema: {
     loop: import("../../runtime/codecs").BoolCodec;
     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;
@@ -53,5 +56,5 @@ declare const comboboxOptionSchema: {
 };
 type ComboboxProps = PropState<typeof comboboxSchema>;
 type ComboboxOptionProps = PropState<typeof comboboxOptionSchema>;
-export { COMBOBOX_ALIGNS, COMBOBOX_ICON_VARIANTS, COMBOBOX_SIDES, COMBOBOX_SIZES, COMBOBOX_VARIANTS, comboboxOptionSchema, comboboxSchema, };
-export type { ComboboxAlign, ComboboxIconVariant, ComboboxOptionProps, ComboboxSide, ComboboxProps, ComboboxSize, ComboboxVariant, };
+export { COMBOBOX_ALIGNS, COMBOBOX_ICON_VARIANTS, COMBOBOX_RADII, COMBOBOX_SIDES, COMBOBOX_SIZES, COMBOBOX_VARIANTS, comboboxOptionSchema, comboboxSchema, };
+export type { ComboboxAlign, ComboboxIconVariant, ComboboxOptionProps, ComboboxRadius, ComboboxSide, ComboboxProps, ComboboxSize, ComboboxVariant, };

package/types/components/common.d.ts

@@ -9,6 +9,242 @@ declare const ORIENTATIONS: readonly ["vertical", "horizontal"];
 declare const INDICATOR_PLACEMENTS: readonly ["leading", "trailing", "center", "top-leading", "top-trailing", "bottom-leading", "bottom-trailing"];
 declare const DEFAULT_VARIANTS: readonly ["default"];
 declare const HEADING_LEVELS: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+declare const TYPOGRAPHY_COLORS: readonly ["inherit", "muted", "subtle", "accent", "danger"];
+declare const ICON_COLORS: readonly ["inherit", "muted", "subtle", "accent", "danger"];
+type TypographyColor = typeof TYPOGRAPHY_COLORS[number];
+type IconColor = typeof ICON_COLORS[number];
+declare const TYPOGRAPHY_COLOR_CLASSES: {
+    readonly inherit: "text-inherit";
+    readonly muted: "text-foreground-muted";
+    readonly subtle: "text-foreground-subtle";
+    readonly accent: "text-accent-text";
+    readonly danger: "text-danger-text";
+};
+declare const ICON_COLOR_CLASSES: {
+    readonly inherit: "text-current";
+    readonly muted: "text-foreground-muted";
+    readonly subtle: "text-foreground-subtle";
+    readonly accent: "text-accent-text";
+    readonly danger: "text-danger-text";
+};
+declare const LAYOUT_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+type LayoutSpace = typeof LAYOUT_SPACES[number];
+declare const LAYOUT_GAP_CLASSES: {
+    readonly '0': "";
+    readonly '1': "gap-1";
+    readonly '2': "gap-2";
+    readonly '3': "gap-3";
+    readonly '4': "gap-4";
+    readonly '5': "gap-5";
+    readonly '6': "gap-6";
+    readonly '7': "gap-7";
+    readonly '8': "gap-8";
+    readonly '9': "gap-9";
+};
+declare const LAYOUT_GAP_X_CLASSES: {
+    readonly '0': "";
+    readonly '1': "gap-x-1";
+    readonly '2': "gap-x-2";
+    readonly '3': "gap-x-3";
+    readonly '4': "gap-x-4";
+    readonly '5': "gap-x-5";
+    readonly '6': "gap-x-6";
+    readonly '7': "gap-x-7";
+    readonly '8': "gap-x-8";
+    readonly '9': "gap-x-9";
+};
+declare const LAYOUT_GAP_Y_CLASSES: {
+    readonly '0': "";
+    readonly '1': "gap-y-1";
+    readonly '2': "gap-y-2";
+    readonly '3': "gap-y-3";
+    readonly '4': "gap-y-4";
+    readonly '5': "gap-y-5";
+    readonly '6': "gap-y-6";
+    readonly '7': "gap-y-7";
+    readonly '8': "gap-y-8";
+    readonly '9': "gap-y-9";
+};
+declare const LAYOUT_PADDING_CLASSES: {
+    readonly '0': "";
+    readonly '1': "p-1";
+    readonly '2': "p-2";
+    readonly '3': "p-3";
+    readonly '4': "p-4";
+    readonly '5': "p-5";
+    readonly '6': "p-6";
+    readonly '7': "p-7";
+    readonly '8': "p-8";
+    readonly '9': "p-9";
+};
+declare const LAYOUT_PADDING_X_CLASSES: {
+    readonly '0': "";
+    readonly '1': "px-1";
+    readonly '2': "px-2";
+    readonly '3': "px-3";
+    readonly '4': "px-4";
+    readonly '5': "px-5";
+    readonly '6': "px-6";
+    readonly '7': "px-7";
+    readonly '8': "px-8";
+    readonly '9': "px-9";
+};
+declare const LAYOUT_PADDING_Y_CLASSES: {
+    readonly '0': "";
+    readonly '1': "py-1";
+    readonly '2': "py-2";
+    readonly '3': "py-3";
+    readonly '4': "py-4";
+    readonly '5': "py-5";
+    readonly '6': "py-6";
+    readonly '7': "py-7";
+    readonly '8': "py-8";
+    readonly '9': "py-9";
+};
+declare const LAYOUT_MARGIN_CLASSES: {
+    readonly '0': "";
+    readonly '1': "m-1";
+    readonly '2': "m-2";
+    readonly '3': "m-3";
+    readonly '4': "m-4";
+    readonly '5': "m-5";
+    readonly '6': "m-6";
+    readonly '7': "m-7";
+    readonly '8': "m-8";
+    readonly '9': "m-9";
+};
+declare const LAYOUT_MARGIN_X_CLASSES: {
+    readonly '0': "";
+    readonly '1': "mx-1";
+    readonly '2': "mx-2";
+    readonly '3': "mx-3";
+    readonly '4': "mx-4";
+    readonly '5': "mx-5";
+    readonly '6': "mx-6";
+    readonly '7': "mx-7";
+    readonly '8': "mx-8";
+    readonly '9': "mx-9";
+};
+declare const LAYOUT_MARGIN_Y_CLASSES: {
+    readonly '0': "";
+    readonly '1': "my-1";
+    readonly '2': "my-2";
+    readonly '3': "my-3";
+    readonly '4': "my-4";
+    readonly '5': "my-5";
+    readonly '6': "my-6";
+    readonly '7': "my-7";
+    readonly '8': "my-8";
+    readonly '9': "my-9";
+};
+declare const COMPONENT_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
+declare const SURFACES: readonly ["none", "app", "chrome", "subtle", "panel", "raised", "overlay", "accent", "inverse"];
+declare const SURFACE_TONES: readonly ["solid", "alpha"];
+declare const ELEVATIONS: readonly ["none", "1", "2", "3", "4", "5", "6"];
+type Surface = typeof SURFACES[number];
+type SurfaceTone = typeof SURFACE_TONES[number];
+type Elevation = typeof ELEVATIONS[number];
+declare const SURFACE_CLASSES: {
+    readonly none: "bg-transparent text-inherit";
+    readonly app: "bg-app text-foreground";
+    readonly chrome: "bg-chrome text-foreground";
+    readonly subtle: "bg-surface-subtle text-foreground";
+    readonly panel: "bg-surface-panel text-foreground";
+    readonly raised: "bg-surface-raised text-foreground";
+    readonly overlay: "bg-surface-overlay text-foreground";
+    readonly accent: "bg-surface-accent text-surface-accent-fg";
+    readonly inverse: "bg-surface-inverse text-surface-inverse-fg";
+};
+declare const SURFACE_TONE_CLASSES: {
+    readonly solid: "";
+    readonly alpha: "";
+};
+declare const SURFACE_ALPHA_COMPOUNDS: readonly [{
+    readonly when: {
+        readonly surface: "chrome";
+        readonly tone: "alpha";
+    };
+    readonly class: "bg-chrome-alpha";
+}, {
+    readonly when: {
+        readonly surface: "panel";
+        readonly tone: "alpha";
+    };
+    readonly class: "bg-surface-panel-alpha";
+}, {
+    readonly when: {
+        readonly surface: "overlay";
+        readonly tone: "alpha";
+    };
+    readonly class: "bg-surface-overlay-alpha";
+}];
+declare const SURFACE_RADIUS_CLASSES: {
+    readonly none: "";
+    readonly xs: "rounded-1";
+    readonly sm: "rounded-2";
+    readonly md: "rounded-3";
+    readonly lg: "rounded-4";
+    readonly full: "rounded-6";
+};
+declare const ELEVATION_CLASSES: {
+    readonly none: "shadow-none";
+    readonly '1': "shadow-1";
+    readonly '2': "shadow-2";
+    readonly '3': "shadow-3";
+    readonly '4': "shadow-4";
+    readonly '5': "shadow-5";
+    readonly '6': "shadow-6";
+};
+declare const CONTROL_RADIUS_BY_SIZE: {
+    readonly xs: {
+        readonly none: "";
+        readonly xs: "rounded-1";
+        readonly sm: "rounded-1";
+        readonly md: "rounded-2";
+        readonly lg: "rounded-3";
+        readonly full: "rounded-full";
+    };
+    readonly sm: {
+        readonly none: "";
+        readonly xs: "rounded-1";
+        readonly sm: "rounded-2";
+        readonly md: "rounded-2";
+        readonly lg: "rounded-3";
+        readonly full: "rounded-full";
+    };
+    readonly md: {
+        readonly none: "";
+        readonly xs: "rounded-1";
+        readonly sm: "rounded-2";
+        readonly md: "rounded-3";
+        readonly lg: "rounded-4";
+        readonly full: "rounded-full";
+    };
+    readonly lg: {
+        readonly none: "";
+        readonly xs: "rounded-2";
+        readonly sm: "rounded-3";
+        readonly md: "rounded-4";
+        readonly lg: "rounded-5";
+        readonly full: "rounded-full";
+    };
+    readonly xlg: {
+        readonly none: "";
+        readonly xs: "rounded-2";
+        readonly sm: "rounded-3";
+        readonly md: "rounded-4";
+        readonly lg: "rounded-5";
+        readonly full: "rounded-full";
+    };
+};
+type ControlRadiusCompound = {
+    when: {
+        size: typeof CONTROL_SIZES[number];
+        radius: typeof COMPONENT_RADII[number];
+    };
+    class: string;
+};
+declare const CONTROL_RADIUS_COMPOUNDS: ControlRadiusCompound[];
 declare const CONTROL_ROOT_CLASSES: string[];
 declare const CONTROL_MULTILINE_ROOT_CLASSES: string[];
 declare const CONTROL_OPEN_CLASSES: string[];
@@ -57,5 +293,6 @@ type Orientation = typeof ORIENTATIONS[number];
 type IndicatorPlacement = typeof INDICATOR_PLACEMENTS[number];
 type DefaultVariant = typeof DEFAULT_VARIANTS[number];
 type HeadingLevel = typeof HEADING_LEVELS[number];
-export { ALIGNMENTS, BUTTON_TYPES, CONTROL_ACTION_CLASSES, CONTROL_INPUT_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_ROOT_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_NATIVE_CLASSES, CONTROL_OPEN_CLASSES, CONTROL_ROOT_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_VARIANT_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, HEADING_LEVELS, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTIVE_ITEM_CLASSES, INTERACTIVE_SURFACE_CLASSES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, ORIENTATIONS, POPOVER_SURFACE_CLASSES, POSITIONS, };
-export type { Alignment, CommonButtonType, ControlSize, ControlVariant, DefaultVariant, EdgePosition, HeadingLevel, IconVariant, IndicatorPlacement, Orientation, Position, };
+type ComponentRadius = typeof COMPONENT_RADII[number];
+export { ALIGNMENTS, BUTTON_TYPES, COMPONENT_RADII, CONTROL_RADIUS_BY_SIZE, CONTROL_RADIUS_COMPOUNDS, CONTROL_ACTION_CLASSES, CONTROL_INPUT_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_ROOT_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_NATIVE_CLASSES, CONTROL_OPEN_CLASSES, CONTROL_ROOT_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_VARIANT_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, ELEVATION_CLASSES, ELEVATIONS, HEADING_LEVELS, ICON_COLORS, ICON_COLOR_CLASSES, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTIVE_ITEM_CLASSES, INTERACTIVE_SURFACE_CLASSES, LAYOUT_GAP_CLASSES, LAYOUT_GAP_X_CLASSES, LAYOUT_GAP_Y_CLASSES, LAYOUT_MARGIN_CLASSES, LAYOUT_MARGIN_X_CLASSES, LAYOUT_MARGIN_Y_CLASSES, LAYOUT_PADDING_CLASSES, LAYOUT_PADDING_X_CLASSES, LAYOUT_PADDING_Y_CLASSES, LAYOUT_SPACES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, ORIENTATIONS, POPOVER_SURFACE_CLASSES, POSITIONS, SURFACE_ALPHA_COMPOUNDS, SURFACE_CLASSES, SURFACE_RADIUS_CLASSES, SURFACE_TONE_CLASSES, SURFACE_TONES, SURFACES, TYPOGRAPHY_COLOR_CLASSES, TYPOGRAPHY_COLORS, };
+export type { Alignment, CommonButtonType, ComponentRadius, ControlSize, ControlVariant, DefaultVariant, EdgePosition, HeadingLevel, IconColor, IconVariant, IndicatorPlacement, LayoutSpace, Orientation, Position, Surface, SurfaceTone, Elevation, TypographyColor, };

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;