@moul-dev/ui 2026.9.12 → 2026.9.16
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.
- package/dist/assets/stylex.css +60 -0
- package/dist/moul-ui.js +1570 -1137
- package/dist/src/components/ComboBox/ComboBox.d.ts +15 -4
- package/dist/src/components/ListBox/ListBox.d.ts +44 -0
- package/dist/src/components/ListBox/ListBox.styles.d.ts +260 -0
- package/dist/src/components/ListBox/index.d.ts +2 -0
- package/dist/src/index.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { StyleXStyles } from '@stylexjs/stylex';
|
|
2
|
-
import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps as AriaListBoxItemProps,
|
|
2
|
+
import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps as AriaListBoxItemProps, ListBoxSectionProps as AriaListBoxSectionProps, Key, ListBoxRenderProps, ValidationResult } from 'react-aria-components';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
export interface ComboBoxItemProps extends Omit<AriaListBoxItemProps, 'style'> {
|
|
5
5
|
style?: StyleXStyles;
|
|
6
6
|
className?: string;
|
|
7
|
+
/** Handler that is called when the item is activated. When set, the item acts as an action item and bypasses selection. */
|
|
8
|
+
onAction?: () => void;
|
|
7
9
|
}
|
|
8
10
|
export declare const ComboBoxItem: React.ForwardRefExoticComponent<ComboBoxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
export interface ComboBoxSectionProps extends Omit<
|
|
11
|
+
export interface ComboBoxSectionProps extends Omit<AriaListBoxSectionProps<any>, 'style'> {
|
|
10
12
|
title?: string;
|
|
11
13
|
style?: StyleXStyles;
|
|
12
14
|
className?: string;
|
|
13
15
|
}
|
|
14
16
|
export declare const ComboBoxSection: React.ForwardRefExoticComponent<ComboBoxSectionProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
export interface ComboBoxProps extends Omit<AriaComboBoxProps<
|
|
17
|
+
export interface ComboBoxProps<T extends object = object> extends Omit<AriaComboBoxProps<T>, 'style' | 'children'> {
|
|
16
18
|
style?: StyleXStyles;
|
|
17
19
|
className?: string;
|
|
18
20
|
label?: string;
|
|
@@ -21,5 +23,14 @@ export interface ComboBoxProps extends Omit<AriaComboBoxProps<any>, 'style'> {
|
|
|
21
23
|
placeholder?: string;
|
|
22
24
|
variant?: 'primary' | 'secondary';
|
|
23
25
|
size?: 'sm' | 'md' | 'lg';
|
|
26
|
+
/** Handler that is called when any item in the ComboBox is activated. Selection and input text are preserved. */
|
|
27
|
+
onAction?: (key: Key) => void;
|
|
28
|
+
/** Provides content to display when there are no items in the list. */
|
|
29
|
+
renderEmptyState?: (props: ListBoxRenderProps) => React.ReactNode;
|
|
30
|
+
/** Whether the combo box allows the menu to be open when the collection is empty. */
|
|
31
|
+
allowsEmptyCollection?: boolean;
|
|
32
|
+
children?: React.ReactNode | ((item: T) => React.ReactNode);
|
|
24
33
|
}
|
|
25
|
-
export declare const ComboBox:
|
|
34
|
+
export declare const ComboBox: <T extends object = object>(props: ComboBoxProps<T> & {
|
|
35
|
+
ref?: React.ForwardedRef<HTMLInputElement>;
|
|
36
|
+
}) => React.ReactElement | null;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { StyleXStyles } from '@stylexjs/stylex';
|
|
2
|
+
import { DropIndicatorProps as AriaDropIndicatorProps, Header as AriaHeader, ListBoxItemProps as AriaListBoxItemProps, ListBoxLoadMoreItemProps as AriaListBoxLoadMoreItemProps, ListBoxProps as AriaListBoxProps, ListBoxSectionProps as AriaListBoxSectionProps, Text as AriaText, DropTarget } from 'react-aria-components';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export type ListBoxSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type ListBoxVariant = 'bordered' | 'flat' | 'plain';
|
|
6
|
+
export type ListBoxLayout = 'stack' | 'grid';
|
|
7
|
+
export type ListBoxOrientation = 'vertical' | 'horizontal';
|
|
8
|
+
export interface DropIndicatorProps extends Omit<AriaDropIndicatorProps, 'style' | 'className'> {
|
|
9
|
+
style?: StyleXStyles;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
export interface ListBoxLoadMoreItemProps extends Omit<AriaListBoxLoadMoreItemProps, 'style' | 'className'> {
|
|
14
|
+
style?: StyleXStyles;
|
|
15
|
+
className?: string;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export declare const ListBoxLoadMoreItem: React.ForwardRefExoticComponent<ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
export interface ListBoxSectionProps<T extends object = object> extends Omit<AriaListBoxSectionProps<T>, 'style' | 'className'> {
|
|
20
|
+
title?: string;
|
|
21
|
+
isSticky?: boolean;
|
|
22
|
+
style?: StyleXStyles;
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const ListBoxSection: React.ForwardRefExoticComponent<ListBoxSectionProps<any> & React.RefAttributes<HTMLElement>>;
|
|
26
|
+
export interface ListBoxItemProps<T extends object = object> extends Omit<AriaListBoxItemProps<T>, 'style' | 'className'> {
|
|
27
|
+
label?: React.ReactNode;
|
|
28
|
+
description?: React.ReactNode;
|
|
29
|
+
showCheckmark?: boolean;
|
|
30
|
+
style?: StyleXStyles;
|
|
31
|
+
className?: string;
|
|
32
|
+
}
|
|
33
|
+
export declare const ListBoxItem: React.ForwardRefExoticComponent<ListBoxItemProps<any> & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
export interface ListBoxProps<T extends object = object> extends Omit<AriaListBoxProps<T>, 'style' | 'className'> {
|
|
35
|
+
size?: ListBoxSize;
|
|
36
|
+
variant?: ListBoxVariant;
|
|
37
|
+
style?: StyleXStyles;
|
|
38
|
+
className?: string;
|
|
39
|
+
renderDropIndicator?: (target: DropTarget) => React.ReactNode;
|
|
40
|
+
}
|
|
41
|
+
export declare const ListBox: <T extends object = object>(props: ListBoxProps<T> & {
|
|
42
|
+
ref?: React.ForwardedRef<HTMLDivElement>;
|
|
43
|
+
}) => React.ReactElement | null;
|
|
44
|
+
export { AriaHeader as Header, AriaText as Text };
|
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
import * as stylex from '@stylexjs/stylex';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly container: Readonly<{
|
|
4
|
+
readonly position: stylex.StyleXClassNameFor<"position", "relative">;
|
|
5
|
+
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
6
|
+
readonly overflow: stylex.StyleXClassNameFor<"overflow", "auto">;
|
|
7
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
8
|
+
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
9
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
10
|
+
readonly forcedColorAdjust: stylex.StyleXClassNameFor<"forcedColorAdjust", "none">;
|
|
11
|
+
readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "inherit">;
|
|
12
|
+
}>;
|
|
13
|
+
readonly bordered: Readonly<{
|
|
14
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
|
|
15
|
+
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
16
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
17
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
18
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
19
|
+
readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
|
|
20
|
+
}>;
|
|
21
|
+
readonly flat: Readonly<{
|
|
22
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "0px">;
|
|
23
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
24
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
25
|
+
}>;
|
|
26
|
+
readonly plain: Readonly<{
|
|
27
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "0px">;
|
|
28
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
29
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
30
|
+
}>;
|
|
31
|
+
readonly containerSm: Readonly<{
|
|
32
|
+
readonly padding: stylex.StyleXClassNameFor<"padding", string>;
|
|
33
|
+
}>;
|
|
34
|
+
readonly containerMd: Readonly<{
|
|
35
|
+
readonly padding: stylex.StyleXClassNameFor<"padding", string>;
|
|
36
|
+
}>;
|
|
37
|
+
readonly containerLg: Readonly<{
|
|
38
|
+
readonly padding: stylex.StyleXClassNameFor<"padding", string>;
|
|
39
|
+
}>;
|
|
40
|
+
readonly stackVertical: Readonly<{
|
|
41
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
42
|
+
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
|
|
43
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
|
|
44
|
+
}>;
|
|
45
|
+
readonly stackHorizontal: Readonly<{
|
|
46
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
47
|
+
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
|
|
48
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
49
|
+
readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
|
|
50
|
+
}>;
|
|
51
|
+
readonly grid: Readonly<{
|
|
52
|
+
readonly display: stylex.StyleXClassNameFor<"display", "grid">;
|
|
53
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
54
|
+
readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "repeat(auto-fill, minmax(140px, 1fr))">;
|
|
55
|
+
}>;
|
|
56
|
+
readonly containerFocusVisible: Readonly<{
|
|
57
|
+
readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
|
|
58
|
+
readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
|
|
59
|
+
readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
|
|
60
|
+
readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-1px">;
|
|
61
|
+
}>;
|
|
62
|
+
readonly containerDropTarget: Readonly<{
|
|
63
|
+
readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
|
|
64
|
+
readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
|
|
65
|
+
readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
|
|
66
|
+
readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-1px">;
|
|
67
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
68
|
+
}>;
|
|
69
|
+
readonly empty: Readonly<{
|
|
70
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
71
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
72
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
|
|
73
|
+
readonly padding: stylex.StyleXClassNameFor<"padding", string>;
|
|
74
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
75
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
76
|
+
readonly fontStyle: stylex.StyleXClassNameFor<"fontStyle", "italic">;
|
|
77
|
+
}>;
|
|
78
|
+
readonly item: Readonly<{
|
|
79
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
80
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
81
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
|
|
82
|
+
readonly position: stylex.StyleXClassNameFor<"position", "relative">;
|
|
83
|
+
readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
|
|
84
|
+
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
85
|
+
readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
|
|
86
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
87
|
+
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
88
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
89
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
90
|
+
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color, border-color, box-shadow">;
|
|
91
|
+
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
92
|
+
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
|
|
93
|
+
readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
|
|
94
|
+
}>;
|
|
95
|
+
readonly itemSm: Readonly<{
|
|
96
|
+
readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "28px">;
|
|
97
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
98
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
99
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
100
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
101
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
102
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
103
|
+
}>;
|
|
104
|
+
readonly itemMd: Readonly<{
|
|
105
|
+
readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "36px">;
|
|
106
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
107
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
108
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
109
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
110
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
111
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
112
|
+
}>;
|
|
113
|
+
readonly itemLg: Readonly<{
|
|
114
|
+
readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "44px">;
|
|
115
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
116
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
117
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
118
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
119
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
120
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
121
|
+
}>;
|
|
122
|
+
readonly itemHovered: Readonly<{
|
|
123
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
124
|
+
}>;
|
|
125
|
+
readonly itemFocused: Readonly<{
|
|
126
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
127
|
+
}>;
|
|
128
|
+
readonly itemFocusVisible: Readonly<{
|
|
129
|
+
readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
|
|
130
|
+
readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
|
|
131
|
+
readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
|
|
132
|
+
readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-2px">;
|
|
133
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
|
|
134
|
+
}>;
|
|
135
|
+
readonly itemPressed: Readonly<{
|
|
136
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
137
|
+
}>;
|
|
138
|
+
readonly itemSelected: Readonly<{
|
|
139
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
140
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
141
|
+
readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
|
|
142
|
+
}>;
|
|
143
|
+
readonly itemSelectedFocusVisible: Readonly<{
|
|
144
|
+
readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
|
|
145
|
+
}>;
|
|
146
|
+
readonly itemDisabled: Readonly<{
|
|
147
|
+
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
|
|
148
|
+
readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
|
|
149
|
+
readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
|
|
150
|
+
}>;
|
|
151
|
+
readonly itemDragging: Readonly<{
|
|
152
|
+
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
|
|
153
|
+
}>;
|
|
154
|
+
readonly itemDropTarget: Readonly<{
|
|
155
|
+
readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
|
|
156
|
+
readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
|
|
157
|
+
readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
|
|
158
|
+
readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-1px">;
|
|
159
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
160
|
+
}>;
|
|
161
|
+
readonly itemContent: Readonly<{
|
|
162
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
163
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
164
|
+
readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
|
|
165
|
+
readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
|
|
166
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
167
|
+
}>;
|
|
168
|
+
readonly itemTextContainer: Readonly<{
|
|
169
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
170
|
+
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
|
|
171
|
+
readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
|
|
172
|
+
readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
|
|
173
|
+
readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
|
|
174
|
+
}>;
|
|
175
|
+
readonly itemLabel: Readonly<{
|
|
176
|
+
readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
|
|
177
|
+
readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
|
|
178
|
+
readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
|
|
179
|
+
readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
|
|
180
|
+
}>;
|
|
181
|
+
readonly itemDescription: Readonly<{
|
|
182
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
183
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
184
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
185
|
+
readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
|
|
186
|
+
readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
|
|
187
|
+
}>;
|
|
188
|
+
readonly itemCheckmark: Readonly<{
|
|
189
|
+
readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
|
|
190
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
191
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
|
|
192
|
+
readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
|
|
193
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
194
|
+
readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
|
|
195
|
+
}>;
|
|
196
|
+
readonly section: Readonly<{
|
|
197
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
198
|
+
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
|
|
199
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
|
|
200
|
+
}>;
|
|
201
|
+
readonly sectionHeader: Readonly<{
|
|
202
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
203
|
+
readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
|
|
204
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
205
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
206
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
207
|
+
readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
|
|
208
|
+
readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.05em">;
|
|
209
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
210
|
+
readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
|
|
211
|
+
readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
|
|
212
|
+
}>;
|
|
213
|
+
readonly sectionHeaderSticky: Readonly<{
|
|
214
|
+
readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
|
|
215
|
+
readonly top: stylex.StyleXClassNameFor<"top", 0>;
|
|
216
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 2>;
|
|
217
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
218
|
+
readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
|
|
219
|
+
readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
|
|
220
|
+
readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
|
|
221
|
+
readonly backdropFilter: stylex.StyleXClassNameFor<"backdropFilter", "blur(8px)">;
|
|
222
|
+
readonly WebkitBackdropFilter: stylex.StyleXClassNameFor<"WebkitBackdropFilter", "blur(8px)">;
|
|
223
|
+
}>;
|
|
224
|
+
readonly loadMore: Readonly<{
|
|
225
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
226
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
227
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
|
|
228
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
229
|
+
readonly width: stylex.StyleXClassNameFor<"width", "100%">;
|
|
230
|
+
readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "36px">;
|
|
231
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
232
|
+
}>;
|
|
233
|
+
readonly dropIndicator: Readonly<{
|
|
234
|
+
readonly position: stylex.StyleXClassNameFor<"position", "relative">;
|
|
235
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
236
|
+
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
237
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 5>;
|
|
238
|
+
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
|
|
239
|
+
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
240
|
+
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
241
|
+
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
|
|
242
|
+
}>;
|
|
243
|
+
readonly dropIndicatorHorizontal: Readonly<{
|
|
244
|
+
readonly width: stylex.StyleXClassNameFor<"width", "100%">;
|
|
245
|
+
readonly height: stylex.StyleXClassNameFor<"height", "2px">;
|
|
246
|
+
readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", "-1px">;
|
|
247
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
248
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
249
|
+
}>;
|
|
250
|
+
readonly dropIndicatorVertical: Readonly<{
|
|
251
|
+
readonly height: stylex.StyleXClassNameFor<"height", "100%">;
|
|
252
|
+
readonly width: stylex.StyleXClassNameFor<"width", "2px">;
|
|
253
|
+
readonly marginInline: stylex.StyleXClassNameFor<"marginInline", "-1px">;
|
|
254
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
255
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
256
|
+
}>;
|
|
257
|
+
readonly dropIndicatorTarget: Readonly<{
|
|
258
|
+
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
|
|
259
|
+
}>;
|
|
260
|
+
}>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type { DropIndicatorProps, ListBoxItemProps, ListBoxLayout, ListBoxLoadMoreItemProps, ListBoxOrientation, ListBoxProps, ListBoxSectionProps, ListBoxSize, ListBoxVariant, } from './ListBox';
|
|
2
|
+
export { DropIndicator, Header, ListBox, ListBoxItem, ListBoxLoadMoreItem, ListBoxSection, Text, } from './ListBox';
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const version = "2026.09.
|
|
1
|
+
export declare const version = "2026.09.16";
|
|
2
2
|
export { Alert } from './components/Alert';
|
|
3
3
|
export type { AlertProps, AlertVariant } from './components/Alert/Alert';
|
|
4
4
|
export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, } from './components/AlertDialog';
|
|
@@ -63,6 +63,8 @@ export type { LineChartProps } from './components/LineChart';
|
|
|
63
63
|
export { LineChart } from './components/LineChart';
|
|
64
64
|
export { Link } from './components/Link';
|
|
65
65
|
export type { LinkProps } from './components/Link/Link';
|
|
66
|
+
export type { DropIndicatorProps, ListBoxItemProps, ListBoxLayout, ListBoxLoadMoreItemProps, ListBoxOrientation, ListBoxProps, ListBoxSectionProps, ListBoxSize, ListBoxVariant, } from './components/ListBox';
|
|
67
|
+
export { DropIndicator, Header, ListBox, ListBoxItem, ListBoxLoadMoreItem, ListBoxSection, Text, } from './components/ListBox';
|
|
66
68
|
export type { HighlightTextProps, LogAttributeChipProps, LogFilterLevel, LogItem, LogLevel, LogLevelBadgeProps, LogsProps, LogsViewerProps, } from './components/LogsViewer';
|
|
67
69
|
export { HighlightText, LogAttributeChip, LogLevelBadge, Logs, LogsViewer, normalizeLogLevel, parseAttributes, parseLogLine, parseLogs, SERVER_LOG_RAW, SERVER_LOGS, stripAttributes, } from './components/LogsViewer';
|
|
68
70
|
export { Modal, ModalBody, ModalDialog, ModalFooter, ModalHeader, ModalOverlay, } from './components/Modal';
|