@vireo-ai/trellis-ui 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/package.json +2 -5
  2. package/trellis_ui/static/trellis_ui/css/styles.css +70 -0
  3. package/trellis_ui/static/trellis_ui/js/esm/index.js +1315 -763
  4. package/trellis_ui/static/trellis_ui/js/esm/index.js.map +1 -1
  5. package/trellis_ui/static/trellis_ui/js/index.js +6 -6
  6. package/types/components/combobox/index.d.ts +3 -0
  7. package/types/components/container/contract.d.ts +30 -0
  8. package/types/components/container/index.d.ts +1 -0
  9. package/types/components/flex/contract.d.ts +35 -0
  10. package/types/components/flex/index.d.ts +1 -0
  11. package/types/components/grid/contract.d.ts +40 -0
  12. package/types/components/grid/index.d.ts +1 -0
  13. package/types/components/layout.d.ts +408 -0
  14. package/types/components/section/contract.d.ts +27 -0
  15. package/types/components/section/index.d.ts +1 -0
  16. package/types/components/select/index.d.ts +3 -0
  17. package/types/components/stack/contract.d.ts +29 -0
  18. package/types/components/stack/index.d.ts +1 -0
  19. package/types/components/table/contract.d.ts +3 -3
  20. package/types/runtime/index.d.ts +2 -2
  21. package/types/runtime/stream.d.ts +1 -1
  22. package/trellis_ui/static/trellis_ui/js/esm/chunks/dist-DMX3Q5Zu.js +0 -551
  23. package/trellis_ui/static/trellis_ui/js/esm/chunks/dist-DMX3Q5Zu.js.map +0 -1
package/types/components/combobox/index.d.ts CHANGED
@@ -59,11 +59,14 @@ type ComboboxData = {
59
59
  syncInput(): void;
60
60
  syncControl(): void;
61
61
  syncListbox(): void;
62
+ syncClosedState(): void;
62
63
  syncHiddenInputs(): void;
63
64
  syncChips(): void;
64
65
  syncPosition(): void;
65
66
  mount(): void;
66
67
  unmount(): void;
68
+ exitListbox(): void;
69
+ finishClose(): void;
67
70
  setup(): void;
68
71
  resolveOptionLabel(el: HTMLElement): string;
69
72
  optionValue(el: HTMLElement, label: string): string;
package/types/components/container/contract.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ import { type PropState } from '../../runtime';
2
+ import { type LayoutAs } from '../layout';
3
+ declare const CONTAINER_DISPLAYS: readonly ["block", "inline-block", "none"];
4
+ declare const CONTAINER_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "prose"];
5
+ declare const CONTAINER_ALIGNS: readonly ["left", "center", "right"];
6
+ declare const containerSchema: {
7
+ padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
8
+ paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
9
+ paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
10
+ margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
11
+ marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
12
+ marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
13
+ surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
14
+ tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
15
+ radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
16
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
17
+ width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
18
+ height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
19
+ class: import("../../runtime/codecs").StringCodec;
20
+ as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
21
+ display: import("../../runtime/codecs").OneOfCodec<"none" | "block" | "inline-block">;
22
+ size: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "prose" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
23
+ align: import("../../runtime/codecs").OneOfCodec<"left" | "right" | "center">;
24
+ };
25
+ type ContainerDisplay = typeof CONTAINER_DISPLAYS[number];
26
+ type ContainerSize = typeof CONTAINER_SIZES[number];
27
+ type ContainerAlign = typeof CONTAINER_ALIGNS[number];
28
+ type ContainerProps = PropState<typeof containerSchema>;
29
+ export { CONTAINER_ALIGNS, CONTAINER_DISPLAYS, CONTAINER_SIZES, containerSchema, };
30
+ export type { ContainerAlign, ContainerDisplay, ContainerProps, ContainerSize, LayoutAs as ContainerAs, };
package/types/components/container/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/types/components/flex/contract.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ import { type PropState } from '../../runtime';
2
+ import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace } from '../layout';
3
+ declare const FLEX_DISPLAYS: readonly ["flex", "inline-flex", "none"];
4
+ declare const FLEX_DIRECTIONS: readonly ["row", "column", "row-reverse", "column-reverse"];
5
+ declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
6
+ declare const flexSchema: {
7
+ padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
8
+ paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
9
+ paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
10
+ margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
11
+ marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
12
+ marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
13
+ surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
14
+ tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
15
+ radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
16
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
17
+ width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
18
+ height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
19
+ class: import("../../runtime/codecs").StringCodec;
20
+ align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
21
+ justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
22
+ gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
23
+ gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
24
+ gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
25
+ as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
26
+ display: import("../../runtime/codecs").OneOfCodec<"flex" | "none" | "inline-flex">;
27
+ direction: import("../../runtime/codecs").OneOfCodec<"row" | "column" | "row-reverse" | "column-reverse">;
28
+ wrap: import("../../runtime/codecs").OneOfCodec<"nowrap" | "wrap" | "wrap-reverse">;
29
+ };
30
+ type FlexDisplay = typeof FLEX_DISPLAYS[number];
31
+ type FlexDirection = typeof FLEX_DIRECTIONS[number];
32
+ type FlexWrap = typeof FLEX_WRAPS[number];
33
+ type FlexProps = PropState<typeof flexSchema>;
34
+ export { FLEX_DIRECTIONS, FLEX_DISPLAYS, FLEX_WRAPS, flexSchema, };
35
+ 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 ADDED
@@ -0,0 +1 @@
1
+ export {};
package/types/components/grid/contract.d.ts ADDED
@@ -0,0 +1,40 @@
1
+ import { type PropState } from '../../runtime';
2
+ import { type LayoutAlign, type LayoutAs, type LayoutColumns, type LayoutJustify, type LayoutRows, type LayoutSpace } from '../layout';
3
+ declare const GRID_DISPLAYS: readonly ["grid", "inline-grid", "none"];
4
+ declare const GRID_FLOWS: readonly ["row", "column", "dense", "row-dense", "column-dense"];
5
+ declare const GRID_CONTENT_ALIGNS: readonly ["start", "center", "end", "between", "stretch"];
6
+ declare const GRID_ITEM_JUSTIFIES: readonly ["start", "center", "end", "stretch"];
7
+ declare const gridSchema: {
8
+ padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
9
+ paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
10
+ paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
11
+ margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
12
+ marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
13
+ marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
14
+ surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
15
+ tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
16
+ radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
17
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
18
+ width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
19
+ height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
20
+ class: import("../../runtime/codecs").StringCodec;
21
+ align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
22
+ justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
23
+ gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
24
+ gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
25
+ gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
26
+ as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
27
+ display: import("../../runtime/codecs").OneOfCodec<"grid" | "none" | "inline-grid">;
28
+ columns: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
29
+ rows: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
30
+ flow: import("../../runtime/codecs").OneOfCodec<"row" | "column" | "dense" | "row-dense" | "column-dense">;
31
+ alignContent: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "between">;
32
+ justifyItems: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
33
+ };
34
+ type GridDisplay = typeof GRID_DISPLAYS[number];
35
+ type GridFlow = typeof GRID_FLOWS[number];
36
+ type GridContentAlign = typeof GRID_CONTENT_ALIGNS[number];
37
+ type GridJustifyItems = typeof GRID_ITEM_JUSTIFIES[number];
38
+ type GridProps = PropState<typeof gridSchema>;
39
+ export { GRID_CONTENT_ALIGNS, GRID_DISPLAYS, GRID_FLOWS, GRID_ITEM_JUSTIFIES, gridSchema, };
40
+ 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 ADDED
@@ -0,0 +1 @@
1
+ export {};
package/types/components/layout.d.ts ADDED
@@ -0,0 +1,408 @@
1
+ import { SURFACE_ALPHA_COMPOUNDS, type ComponentRadius, type Elevation, type LayoutSpace, type Surface, type SurfaceTone } from './common';
2
+ declare const LAYOUT_AS_VALUES: readonly ["div", "section", "article", "aside", "header", "footer", "main", "nav", "form", "ul", "ol", "li", "span"];
3
+ declare const LAYOUT_WIDTHS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
4
+ declare const LAYOUT_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl"];
5
+ declare const LAYOUT_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
6
+ declare const LAYOUT_JUSTIFIES: readonly ["start", "center", "end", "between"];
7
+ declare const LAYOUT_COLUMNS: readonly ["none", "1", "2", "3", "4", "5", "6"];
8
+ declare const LAYOUT_ROWS: readonly ["none", "1", "2", "3", "4", "5", "6"];
9
+ declare const layoutSurfaceSchema: {
10
+ padding: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
11
+ paddingX: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
12
+ paddingY: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
13
+ margin: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
14
+ marginX: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
15
+ marginY: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
16
+ surface: import("../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
17
+ tone: import("../runtime/codecs").OneOfCodec<"solid" | "alpha">;
18
+ radius: import("../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
19
+ elevation: import("../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
20
+ width: import("../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
21
+ height: import("../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
22
+ class: import("../runtime/codecs").StringCodec;
23
+ };
24
+ declare const layoutSpacingSchema: {
25
+ gap: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
26
+ gapX: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
27
+ gapY: import("../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
28
+ };
29
+ declare const layoutAlignmentSchema: {
30
+ align: import("../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
31
+ justify: import("../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
32
+ };
33
+ declare const layoutSurfaceDetails: {
34
+ padding: {
35
+ description: string;
36
+ };
37
+ paddingX: {
38
+ description: string;
39
+ };
40
+ paddingY: {
41
+ description: string;
42
+ };
43
+ margin: {
44
+ description: string;
45
+ };
46
+ marginX: {
47
+ description: string;
48
+ };
49
+ marginY: {
50
+ description: string;
51
+ };
52
+ surface: {
53
+ description: string;
54
+ };
55
+ tone: {
56
+ description: string;
57
+ };
58
+ radius: {
59
+ description: string;
60
+ };
61
+ elevation: {
62
+ description: string;
63
+ };
64
+ width: {
65
+ description: string;
66
+ };
67
+ height: {
68
+ description: string;
69
+ };
70
+ class: {
71
+ description: string;
72
+ };
73
+ };
74
+ declare const layoutSpacingDetails: {
75
+ gap: {
76
+ description: string;
77
+ };
78
+ gapX: {
79
+ description: string;
80
+ };
81
+ gapY: {
82
+ description: string;
83
+ };
84
+ };
85
+ declare const layoutAlignmentDetails: {
86
+ align: {
87
+ description: string;
88
+ };
89
+ justify: {
90
+ description: string;
91
+ };
92
+ };
93
+ declare const LAYOUT_WIDTH_CLASSES: {
94
+ readonly auto: "";
95
+ readonly full: "w-full";
96
+ readonly xs: "mx-auto w-full max-w-xs";
97
+ readonly sm: "mx-auto w-full max-w-sm";
98
+ readonly md: "mx-auto w-full max-w-md";
99
+ readonly lg: "mx-auto w-full max-w-lg";
100
+ readonly xl: "mx-auto w-full max-w-xl";
101
+ readonly prose: "mx-auto w-full max-w-prose";
102
+ };
103
+ declare const LAYOUT_HEIGHT_CLASSES: {
104
+ readonly auto: "";
105
+ readonly full: "h-full";
106
+ readonly xs: "h-full max-h-xs";
107
+ readonly sm: "h-full max-h-sm";
108
+ readonly md: "h-full max-h-md";
109
+ readonly lg: "h-full max-h-lg";
110
+ readonly xl: "h-full max-h-xl";
111
+ };
112
+ declare const LAYOUT_ALIGN_CLASSES: {
113
+ readonly start: "items-start";
114
+ readonly center: "items-center";
115
+ readonly end: "items-end";
116
+ readonly stretch: "items-stretch";
117
+ readonly baseline: "items-baseline";
118
+ };
119
+ declare const LAYOUT_JUSTIFY_CLASSES: {
120
+ readonly start: "justify-start";
121
+ readonly center: "justify-center";
122
+ readonly end: "justify-end";
123
+ readonly between: "justify-between";
124
+ };
125
+ declare const LAYOUT_COLUMN_CLASSES: {
126
+ readonly none: "";
127
+ readonly '1': "grid-cols-1";
128
+ readonly '2': "grid-cols-1 sm:grid-cols-2";
129
+ readonly '3': "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
130
+ readonly '4': "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4";
131
+ readonly '5': "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5";
132
+ readonly '6': "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6";
133
+ };
134
+ declare const LAYOUT_ROW_CLASSES: {
135
+ readonly none: "";
136
+ readonly '1': "grid-rows-1";
137
+ readonly '2': "grid-rows-2";
138
+ readonly '3': "grid-rows-3";
139
+ readonly '4': "grid-rows-4";
140
+ readonly '5': "grid-rows-5";
141
+ readonly '6': "grid-rows-6";
142
+ };
143
+ declare const layoutBaseVariants: {
144
+ gap: {
145
+ readonly '0': "";
146
+ readonly '1': "gap-1";
147
+ readonly '2': "gap-2";
148
+ readonly '3': "gap-3";
149
+ readonly '4': "gap-4";
150
+ readonly '5': "gap-5";
151
+ readonly '6': "gap-6";
152
+ readonly '7': "gap-7";
153
+ readonly '8': "gap-8";
154
+ readonly '9': "gap-9";
155
+ };
156
+ gapX: {
157
+ readonly '0': "";
158
+ readonly '1': "gap-x-1";
159
+ readonly '2': "gap-x-2";
160
+ readonly '3': "gap-x-3";
161
+ readonly '4': "gap-x-4";
162
+ readonly '5': "gap-x-5";
163
+ readonly '6': "gap-x-6";
164
+ readonly '7': "gap-x-7";
165
+ readonly '8': "gap-x-8";
166
+ readonly '9': "gap-x-9";
167
+ };
168
+ gapY: {
169
+ readonly '0': "";
170
+ readonly '1': "gap-y-1";
171
+ readonly '2': "gap-y-2";
172
+ readonly '3': "gap-y-3";
173
+ readonly '4': "gap-y-4";
174
+ readonly '5': "gap-y-5";
175
+ readonly '6': "gap-y-6";
176
+ readonly '7': "gap-y-7";
177
+ readonly '8': "gap-y-8";
178
+ readonly '9': "gap-y-9";
179
+ };
180
+ padding: {
181
+ readonly '0': "";
182
+ readonly '1': "p-1";
183
+ readonly '2': "p-2";
184
+ readonly '3': "p-3";
185
+ readonly '4': "p-4";
186
+ readonly '5': "p-5";
187
+ readonly '6': "p-6";
188
+ readonly '7': "p-7";
189
+ readonly '8': "p-8";
190
+ readonly '9': "p-9";
191
+ };
192
+ paddingX: {
193
+ readonly '0': "";
194
+ readonly '1': "px-1";
195
+ readonly '2': "px-2";
196
+ readonly '3': "px-3";
197
+ readonly '4': "px-4";
198
+ readonly '5': "px-5";
199
+ readonly '6': "px-6";
200
+ readonly '7': "px-7";
201
+ readonly '8': "px-8";
202
+ readonly '9': "px-9";
203
+ };
204
+ paddingY: {
205
+ readonly '0': "";
206
+ readonly '1': "py-1";
207
+ readonly '2': "py-2";
208
+ readonly '3': "py-3";
209
+ readonly '4': "py-4";
210
+ readonly '5': "py-5";
211
+ readonly '6': "py-6";
212
+ readonly '7': "py-7";
213
+ readonly '8': "py-8";
214
+ readonly '9': "py-9";
215
+ };
216
+ margin: {
217
+ readonly '0': "";
218
+ readonly '1': "m-1";
219
+ readonly '2': "m-2";
220
+ readonly '3': "m-3";
221
+ readonly '4': "m-4";
222
+ readonly '5': "m-5";
223
+ readonly '6': "m-6";
224
+ readonly '7': "m-7";
225
+ readonly '8': "m-8";
226
+ readonly '9': "m-9";
227
+ };
228
+ marginX: {
229
+ readonly '0': "";
230
+ readonly '1': "mx-1";
231
+ readonly '2': "mx-2";
232
+ readonly '3': "mx-3";
233
+ readonly '4': "mx-4";
234
+ readonly '5': "mx-5";
235
+ readonly '6': "mx-6";
236
+ readonly '7': "mx-7";
237
+ readonly '8': "mx-8";
238
+ readonly '9': "mx-9";
239
+ };
240
+ marginY: {
241
+ readonly '0': "";
242
+ readonly '1': "my-1";
243
+ readonly '2': "my-2";
244
+ readonly '3': "my-3";
245
+ readonly '4': "my-4";
246
+ readonly '5': "my-5";
247
+ readonly '6': "my-6";
248
+ readonly '7': "my-7";
249
+ readonly '8': "my-8";
250
+ readonly '9': "my-9";
251
+ };
252
+ surface: {
253
+ readonly none: "bg-transparent text-inherit";
254
+ readonly app: "bg-app text-foreground";
255
+ readonly chrome: "bg-chrome text-foreground";
256
+ readonly subtle: "bg-surface-subtle text-foreground";
257
+ readonly panel: "bg-surface-panel text-foreground";
258
+ readonly raised: "bg-surface-raised text-foreground";
259
+ readonly overlay: "bg-surface-overlay text-foreground";
260
+ readonly accent: "bg-surface-accent text-surface-accent-fg";
261
+ readonly inverse: "bg-surface-inverse text-surface-inverse-fg";
262
+ };
263
+ tone: {
264
+ readonly solid: "";
265
+ readonly alpha: "";
266
+ };
267
+ radius: {
268
+ readonly none: "";
269
+ readonly xs: "rounded-1";
270
+ readonly sm: "rounded-2";
271
+ readonly md: "rounded-3";
272
+ readonly lg: "rounded-4";
273
+ readonly full: "rounded-6";
274
+ };
275
+ elevation: {
276
+ readonly none: "shadow-none";
277
+ readonly '1': "shadow-1";
278
+ readonly '2': "shadow-2";
279
+ readonly '3': "shadow-3";
280
+ readonly '4': "shadow-4";
281
+ readonly '5': "shadow-5";
282
+ readonly '6': "shadow-6";
283
+ };
284
+ width: {
285
+ readonly auto: "";
286
+ readonly full: "w-full";
287
+ readonly xs: "mx-auto w-full max-w-xs";
288
+ readonly sm: "mx-auto w-full max-w-sm";
289
+ readonly md: "mx-auto w-full max-w-md";
290
+ readonly lg: "mx-auto w-full max-w-lg";
291
+ readonly xl: "mx-auto w-full max-w-xl";
292
+ readonly prose: "mx-auto w-full max-w-prose";
293
+ };
294
+ height: {
295
+ readonly auto: "";
296
+ readonly full: "h-full";
297
+ readonly xs: "h-full max-h-xs";
298
+ readonly sm: "h-full max-h-sm";
299
+ readonly md: "h-full max-h-md";
300
+ readonly lg: "h-full max-h-lg";
301
+ readonly xl: "h-full max-h-xl";
302
+ };
303
+ align: {
304
+ readonly start: "items-start";
305
+ readonly center: "items-center";
306
+ readonly end: "items-end";
307
+ readonly stretch: "items-stretch";
308
+ readonly baseline: "items-baseline";
309
+ };
310
+ justify: {
311
+ readonly start: "justify-start";
312
+ readonly center: "justify-center";
313
+ readonly end: "justify-end";
314
+ readonly between: "justify-between";
315
+ };
316
+ };
317
+ declare const layoutBaseDefaults: {
318
+ gap: string;
319
+ gapX: string;
320
+ gapY: string;
321
+ padding: string;
322
+ paddingX: string;
323
+ paddingY: string;
324
+ margin: string;
325
+ marginX: string;
326
+ marginY: string;
327
+ surface: string;
328
+ tone: string;
329
+ radius: string;
330
+ elevation: string;
331
+ width: string;
332
+ height: string;
333
+ align: string;
334
+ justify: string;
335
+ };
336
+ declare const layoutTokens: readonly [{
337
+ readonly name: "--color-app";
338
+ readonly description: "Application background surface.";
339
+ }, {
340
+ readonly name: "--color-chrome";
341
+ readonly description: "Application chrome surface.";
342
+ }, {
343
+ readonly name: "--color-chrome-alpha";
344
+ readonly description: "Translucent application chrome surface.";
345
+ }, {
346
+ readonly name: "--color-surface-subtle";
347
+ readonly description: "Quiet grouping surface.";
348
+ }, {
349
+ readonly name: "--color-surface-panel";
350
+ readonly description: "Contained foreground surface.";
351
+ }, {
352
+ readonly name: "--color-surface-panel-alpha";
353
+ readonly description: "Translucent contained foreground surface.";
354
+ }, {
355
+ readonly name: "--color-surface-raised";
356
+ readonly description: "Inline surface lifted one layer above the current pane.";
357
+ }, {
358
+ readonly name: "--color-surface-overlay";
359
+ readonly description: "Floating overlay surface.";
360
+ }, {
361
+ readonly name: "--color-surface-overlay-alpha";
362
+ readonly description: "Translucent floating overlay surface.";
363
+ }, {
364
+ readonly name: "--color-foreground";
365
+ readonly description: "Default surface foreground.";
366
+ }, {
367
+ readonly name: "--color-surface-accent";
368
+ readonly description: "Accent surface background.";
369
+ }, {
370
+ readonly name: "--color-surface-accent-fg";
371
+ readonly description: "Accent surface foreground.";
372
+ }, {
373
+ readonly name: "--color-surface-inverse";
374
+ readonly description: "Inverse surface background.";
375
+ }, {
376
+ readonly name: "--color-surface-inverse-fg";
377
+ readonly description: "Inverse surface foreground.";
378
+ }, {
379
+ readonly name: "--shadow-border";
380
+ readonly description: "Tokenized edge-ring shadow.";
381
+ }, {
382
+ readonly name: "--shadow-1";
383
+ readonly description: "Elevation step 1, aliased to the adaptive edge ring.";
384
+ }, {
385
+ readonly name: "--shadow-2";
386
+ readonly description: "Elevation step 2.";
387
+ }, {
388
+ readonly name: "--shadow-3";
389
+ readonly description: "Elevation step 3.";
390
+ }, {
391
+ readonly name: "--shadow-4";
392
+ readonly description: "Elevation step 4.";
393
+ }, {
394
+ readonly name: "--shadow-5";
395
+ readonly description: "Elevation step 5.";
396
+ }, {
397
+ readonly name: "--shadow-6";
398
+ readonly description: "Elevation step 6.";
399
+ }];
400
+ type LayoutAs = typeof LAYOUT_AS_VALUES[number];
401
+ type LayoutWidth = typeof LAYOUT_WIDTHS[number];
402
+ type LayoutHeight = typeof LAYOUT_HEIGHTS[number];
403
+ type LayoutAlign = typeof LAYOUT_ALIGNS[number];
404
+ type LayoutJustify = typeof LAYOUT_JUSTIFIES[number];
405
+ type LayoutColumns = typeof LAYOUT_COLUMNS[number];
406
+ type LayoutRows = typeof LAYOUT_ROWS[number];
407
+ export { LAYOUT_ALIGNS, LAYOUT_ALIGN_CLASSES, LAYOUT_AS_VALUES, LAYOUT_COLUMN_CLASSES, LAYOUT_COLUMNS, LAYOUT_HEIGHTS, LAYOUT_HEIGHT_CLASSES, LAYOUT_JUSTIFIES, LAYOUT_JUSTIFY_CLASSES, LAYOUT_ROWS, LAYOUT_ROW_CLASSES, LAYOUT_WIDTHS, LAYOUT_WIDTH_CLASSES, layoutAlignmentDetails, layoutAlignmentSchema, layoutBaseDefaults, layoutBaseVariants, layoutSpacingDetails, layoutSpacingSchema, layoutSurfaceDetails, layoutSurfaceSchema, layoutTokens, SURFACE_ALPHA_COMPOUNDS, };
408
+ export type { ComponentRadius, Elevation, LayoutAlign, LayoutAs, LayoutColumns, LayoutHeight, LayoutJustify, LayoutRows, LayoutSpace, LayoutWidth, Surface, SurfaceTone, };
package/types/components/section/contract.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { type PropState } from '../../runtime';
2
+ import { type LayoutAs } from '../layout';
3
+ declare const SECTION_DISPLAYS: readonly ["block", "none"];
4
+ declare const SECTION_SIZES: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
5
+ declare const sectionSchema: {
6
+ padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
7
+ paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
8
+ paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
9
+ margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
10
+ marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
11
+ marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
12
+ surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
13
+ tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
14
+ radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
15
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
16
+ width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
17
+ height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
18
+ class: import("../../runtime/codecs").StringCodec;
19
+ as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
20
+ display: import("../../runtime/codecs").OneOfCodec<"none" | "block">;
21
+ size: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
22
+ };
23
+ type SectionDisplay = typeof SECTION_DISPLAYS[number];
24
+ type SectionSize = typeof SECTION_SIZES[number];
25
+ type SectionProps = PropState<typeof sectionSchema>;
26
+ export { SECTION_DISPLAYS, SECTION_SIZES, sectionSchema, };
27
+ export type { LayoutAs as SectionAs, SectionDisplay, SectionProps, SectionSize, };
package/types/components/section/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/types/components/select/index.d.ts CHANGED
@@ -74,11 +74,14 @@ type SelectData = {
74
74
  syncTrigger(): void;
75
75
  syncInputs(): void;
76
76
  syncListbox(): void;
77
+ syncClosedState(): void;
77
78
  syncOptions(): void;
78
79
  syncChips(): void;
79
80
  syncHiddenInputs(): void;
80
81
  mount(): void;
81
82
  unmount(): void;
83
+ exitPopover(): void;
84
+ finishClose(): void;
82
85
  setup(): void;
83
86
  selectedOption(): SelectOption | null;
84
87
  selectedContent(option: SelectOption): DocumentFragment;
package/types/components/stack/contract.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import { type PropState } from '../../runtime';
2
+ import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace } from '../layout';
3
+ declare const STACK_DISPLAYS: readonly ["grid", "inline-grid", "none"];
4
+ declare const stackSchema: {
5
+ padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
6
+ paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
7
+ paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
8
+ margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
9
+ marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
10
+ marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
11
+ surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
12
+ tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
13
+ radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
14
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
15
+ width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
16
+ height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
17
+ class: import("../../runtime/codecs").StringCodec;
18
+ align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
19
+ justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
20
+ gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
21
+ gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
22
+ gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
23
+ as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
24
+ display: import("../../runtime/codecs").OneOfCodec<"grid" | "none" | "inline-grid">;
25
+ };
26
+ type StackDisplay = typeof STACK_DISPLAYS[number];
27
+ type StackProps = PropState<typeof stackSchema>;
28
+ export { STACK_DISPLAYS, stackSchema, };
29
+ export type { LayoutAlign as StackAlign, LayoutAs as StackAs, LayoutJustify as StackJustify, LayoutSpace as StackSpace, StackDisplay, StackProps, };
package/types/components/stack/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};