fluekit 1.6.1 → 1.7.0

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 (12) hide show
  1. package/dist/AspectRatio.d.ts +25 -0
  2. package/dist/Button.d.ts +1 -0
  3. package/dist/Color.d.ts +107 -0
  4. package/dist/Colors.d.ts +316 -0
  5. package/dist/ConstrainedBox.d.ts +21 -0
  6. package/dist/CupertinoColors.d.ts +48 -0
  7. package/dist/ScrollView.d.ts +3 -0
  8. package/dist/__tests__/Button.spec.d.ts +1 -0
  9. package/dist/index.css +1 -1
  10. package/dist/index.d.ts +5 -0
  11. package/dist/index.js +538 -42
  12. package/package.json +1 -1
package/dist/AspectRatio.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ interface Props {
2
+ /**
3
+ * The aspect ratio to attempt to use.
4
+ *
5
+ * The aspect ratio is expressed as a ratio of width to height. For example, a 16:9 width:height aspect ratio would have a value of 16.0/9.0.
6
+ */
7
+ aspectRatio: number;
8
+ }
9
+ declare function __VLS_template(): {
10
+ attrs: Partial<{}>;
11
+ slots: {
12
+ default?(_: {}): any;
13
+ };
14
+ refs: {};
15
+ rootEl: HTMLDivElement;
16
+ };
17
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
18
+ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
19
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
20
+ export default _default;
21
+ type __VLS_WithTemplateSlots<T, S> = T & {
22
+ new (): {
23
+ $slots: S;
24
+ };
25
+ };
package/dist/Button.d.ts CHANGED
@@ -5,6 +5,7 @@ import { BorderRadius } from './BorderRadius';
5
5
  interface Props {
6
6
  disabled?: boolean;
7
7
  behavior?: Behavior;
8
+ text?: string;
8
9
  style?: ButtonStyle;
9
10
  variant?: "ios" | "raw";
10
11
  color?: string;
package/dist/Color.d.ts ADDED
@@ -0,0 +1,107 @@
1
+ /**
2
+ * A color represented by red, green, blue, and alpha channels.
3
+ *
4
+ * This class mimics Flutter's `Color` class API while ensuring compatibility with
5
+ * web color strings (CSS).
6
+ */
7
+ export declare class Color {
8
+ private readonly _r;
9
+ private readonly _g;
10
+ private readonly _b;
11
+ private readonly _a;
12
+ /**
13
+ * Construct a Color from an integer value.
14
+ *
15
+ * @param value A 32-bit integer value (0xAARRGGBB).
16
+ */
17
+ constructor(value: number);
18
+ /**
19
+ * Construct a Color from ARGB values.
20
+ */
21
+ static fromARGB(a: number, r: number, g: number, b: number): Color;
22
+ /**
23
+ * Construct a Color from RGBO values (opacity 0.0 to 1.0).
24
+ */
25
+ static fromRGBO(r: number, g: number, b: number, opacity: number): Color;
26
+ /**
27
+ * Alias for fromARGB with 255 alpha default, but here we can just use fromARGB
28
+ * or a dedicated helper.
29
+ */
30
+ static fromRGB(r: number, g: number, b: number, a?: number): Color;
31
+ /**
32
+ * Parse a CSS color string into a Color object.
33
+ * Supports hex (#RGB, #RRGGBB, #RRGGBBAA) and rgb/rgba().
34
+ */
35
+ static fromString(color: string): Color;
36
+ /**
37
+ * The alpha channel of this color in an 8-bit value (0-255).
38
+ */
39
+ get alpha(): number;
40
+ /**
41
+ * The opacity of this color (0.0 to 1.0).
42
+ */
43
+ get opacity(): number;
44
+ /**
45
+ * The red channel of this color in an 8-bit value (0-255).
46
+ */
47
+ get red(): number;
48
+ /**
49
+ * The green channel of this color in an 8-bit value (0-255).
50
+ */
51
+ get green(): number;
52
+ /**
53
+ * The blue channel of this color in an 8-bit value (0-255).
54
+ */
55
+ get blue(): number;
56
+ /**
57
+ * Returns a new color that matches this color with the alpha channel replaced with a (which ranges from 0 to 255).
58
+ */
59
+ withAlpha(a: number): Color;
60
+ /**
61
+ * Returns a new color that matches this color with the opacity replaced with opacity (which ranges from 0.0 to 1.0).
62
+ */
63
+ withOpacity(opacity: number): Color;
64
+ /**
65
+ * Returns a new color that matches this color with the red channel replaced with r (which ranges from 0 to 255).
66
+ */
67
+ withRed(r: number): Color;
68
+ /**
69
+ * Returns a new color that matches this color with the green channel replaced with g (which ranges from 0 to 255).
70
+ */
71
+ withGreen(g: number): Color;
72
+ /**
73
+ * Returns a new color that matches this color with the blue channel replaced with b (which ranges from 0 to 255).
74
+ */
75
+ withBlue(b: number): Color;
76
+ /**
77
+ * Returns a relative luminance of the color (0.0 to 1.0).
78
+ */
79
+ computeLuminance(): number;
80
+ /**
81
+ * Returns a CSS string representation of the color (rgba).
82
+ * This allows the Color object to be used directly in style bindings.
83
+ */
84
+ toString(): string;
85
+ /**
86
+ * Returns a 32-bit integer representing this color (0xAARRGGBB).
87
+ */
88
+ get value(): number;
89
+ }
90
+ export declare function withOpacity(color: string | Color, opacity: number): string;
91
+ export declare function withAlpha(color: string | Color, alpha: number): string;
92
+ export declare function withRed(color: string | Color, red: number): string;
93
+ export declare function withGreen(color: string | Color, green: number): string;
94
+ export declare function withBlue(color: string | Color, blue: number): string;
95
+ export declare function computeLuminance(color: string | Color): number;
96
+ export declare function lighten(color: string | Color, amount: number): string;
97
+ export declare function darken(color: string | Color, amount: number): string;
98
+ export declare const ColorUtils: {
99
+ withOpacity: typeof withOpacity;
100
+ withAlpha: typeof withAlpha;
101
+ withRed: typeof withRed;
102
+ withGreen: typeof withGreen;
103
+ withBlue: typeof withBlue;
104
+ lighten: typeof lighten;
105
+ darken: typeof darken;
106
+ computeLuminance: typeof computeLuminance;
107
+ };
package/dist/Colors.d.ts ADDED
@@ -0,0 +1,316 @@
1
+ import { Color } from './Color';
2
+ export declare const Colors: {
3
+ withOpacity: (color: Color | string, opacity: number) => Color;
4
+ withAlpha: (color: Color | string, alpha: number) => Color;
5
+ withRed: (color: Color | string, red: number) => Color;
6
+ withGreen: (color: Color | string, green: number) => Color;
7
+ withBlue: (color: Color | string, blue: number) => Color;
8
+ computeLuminance: (color: Color | string) => number;
9
+ lighten: (color: Color | string, amount: number) => Color;
10
+ transparent: Color;
11
+ black: Color;
12
+ black87: Color;
13
+ black54: Color;
14
+ black45: Color;
15
+ black38: Color;
16
+ black26: Color;
17
+ black12: Color;
18
+ white: Color;
19
+ white70: Color;
20
+ white60: Color;
21
+ white54: Color;
22
+ white38: Color;
23
+ white30: Color;
24
+ white24: Color;
25
+ white12: Color;
26
+ white10: Color;
27
+ red: Color;
28
+ red50: Color;
29
+ red100: Color;
30
+ red200: Color;
31
+ red300: Color;
32
+ red400: Color;
33
+ red500: Color;
34
+ red600: Color;
35
+ red700: Color;
36
+ red800: Color;
37
+ red900: Color;
38
+ redAccent: Color;
39
+ redAccent100: Color;
40
+ redAccent200: Color;
41
+ redAccent400: Color;
42
+ redAccent700: Color;
43
+ pink: Color;
44
+ pink50: Color;
45
+ pink100: Color;
46
+ pink200: Color;
47
+ pink300: Color;
48
+ pink400: Color;
49
+ pink500: Color;
50
+ pink600: Color;
51
+ pink700: Color;
52
+ pink800: Color;
53
+ pink900: Color;
54
+ pinkAccent: Color;
55
+ pinkAccent100: Color;
56
+ pinkAccent200: Color;
57
+ pinkAccent400: Color;
58
+ pinkAccent700: Color;
59
+ purple: Color;
60
+ purple50: Color;
61
+ purple100: Color;
62
+ purple200: Color;
63
+ purple300: Color;
64
+ purple400: Color;
65
+ purple500: Color;
66
+ purple600: Color;
67
+ purple700: Color;
68
+ purple800: Color;
69
+ purple900: Color;
70
+ purpleAccent: Color;
71
+ purpleAccent100: Color;
72
+ purpleAccent200: Color;
73
+ purpleAccent400: Color;
74
+ purpleAccent700: Color;
75
+ deepPurple: Color;
76
+ deepPurple50: Color;
77
+ deepPurple100: Color;
78
+ deepPurple200: Color;
79
+ deepPurple300: Color;
80
+ deepPurple400: Color;
81
+ deepPurple500: Color;
82
+ deepPurple600: Color;
83
+ deepPurple700: Color;
84
+ deepPurple800: Color;
85
+ deepPurple900: Color;
86
+ deepPurpleAccent: Color;
87
+ deepPurpleAccent100: Color;
88
+ deepPurpleAccent200: Color;
89
+ deepPurpleAccent400: Color;
90
+ deepPurpleAccent700: Color;
91
+ indigo: Color;
92
+ indigo50: Color;
93
+ indigo100: Color;
94
+ indigo200: Color;
95
+ indigo300: Color;
96
+ indigo400: Color;
97
+ indigo500: Color;
98
+ indigo600: Color;
99
+ indigo700: Color;
100
+ indigo800: Color;
101
+ indigo900: Color;
102
+ indigoAccent: Color;
103
+ indigoAccent100: Color;
104
+ indigoAccent200: Color;
105
+ indigoAccent400: Color;
106
+ indigoAccent700: Color;
107
+ blue: Color;
108
+ blue50: Color;
109
+ blue100: Color;
110
+ blue200: Color;
111
+ blue300: Color;
112
+ blue400: Color;
113
+ blue500: Color;
114
+ blue600: Color;
115
+ blue700: Color;
116
+ blue800: Color;
117
+ blue900: Color;
118
+ blueAccent: Color;
119
+ blueAccent100: Color;
120
+ blueAccent200: Color;
121
+ blueAccent400: Color;
122
+ blueAccent700: Color;
123
+ lightBlue: Color;
124
+ lightBlue50: Color;
125
+ lightBlue100: Color;
126
+ lightBlue200: Color;
127
+ lightBlue300: Color;
128
+ lightBlue400: Color;
129
+ lightBlue500: Color;
130
+ lightBlue600: Color;
131
+ lightBlue700: Color;
132
+ lightBlue800: Color;
133
+ lightBlue900: Color;
134
+ lightBlueAccent: Color;
135
+ lightBlueAccent100: Color;
136
+ lightBlueAccent200: Color;
137
+ lightBlueAccent400: Color;
138
+ lightBlueAccent700: Color;
139
+ cyan: Color;
140
+ cyan50: Color;
141
+ cyan100: Color;
142
+ cyan200: Color;
143
+ cyan300: Color;
144
+ cyan400: Color;
145
+ cyan500: Color;
146
+ cyan600: Color;
147
+ cyan700: Color;
148
+ cyan800: Color;
149
+ cyan900: Color;
150
+ cyanAccent: Color;
151
+ cyanAccent100: Color;
152
+ cyanAccent200: Color;
153
+ cyanAccent400: Color;
154
+ cyanAccent700: Color;
155
+ teal: Color;
156
+ teal50: Color;
157
+ teal100: Color;
158
+ teal200: Color;
159
+ teal300: Color;
160
+ teal400: Color;
161
+ teal500: Color;
162
+ teal600: Color;
163
+ teal700: Color;
164
+ teal800: Color;
165
+ teal900: Color;
166
+ tealAccent: Color;
167
+ tealAccent100: Color;
168
+ tealAccent200: Color;
169
+ tealAccent400: Color;
170
+ tealAccent700: Color;
171
+ green: Color;
172
+ green50: Color;
173
+ green100: Color;
174
+ green200: Color;
175
+ green300: Color;
176
+ green400: Color;
177
+ green500: Color;
178
+ green600: Color;
179
+ green700: Color;
180
+ green800: Color;
181
+ green900: Color;
182
+ greenAccent: Color;
183
+ greenAccent100: Color;
184
+ greenAccent200: Color;
185
+ greenAccent400: Color;
186
+ greenAccent700: Color;
187
+ lightGreen: Color;
188
+ lightGreen50: Color;
189
+ lightGreen100: Color;
190
+ lightGreen200: Color;
191
+ lightGreen300: Color;
192
+ lightGreen400: Color;
193
+ lightGreen500: Color;
194
+ lightGreen600: Color;
195
+ lightGreen700: Color;
196
+ lightGreen800: Color;
197
+ lightGreen900: Color;
198
+ lightGreenAccent: Color;
199
+ lightGreenAccent100: Color;
200
+ lightGreenAccent200: Color;
201
+ lightGreenAccent400: Color;
202
+ lightGreenAccent700: Color;
203
+ lime: Color;
204
+ lime50: Color;
205
+ lime100: Color;
206
+ lime200: Color;
207
+ lime300: Color;
208
+ lime400: Color;
209
+ lime500: Color;
210
+ lime600: Color;
211
+ lime700: Color;
212
+ lime800: Color;
213
+ lime900: Color;
214
+ limeAccent: Color;
215
+ limeAccent100: Color;
216
+ limeAccent200: Color;
217
+ limeAccent400: Color;
218
+ limeAccent700: Color;
219
+ yellow: Color;
220
+ yellow50: Color;
221
+ yellow100: Color;
222
+ yellow200: Color;
223
+ yellow300: Color;
224
+ yellow400: Color;
225
+ yellow500: Color;
226
+ yellow600: Color;
227
+ yellow700: Color;
228
+ yellow800: Color;
229
+ yellow900: Color;
230
+ yellowAccent: Color;
231
+ yellowAccent100: Color;
232
+ yellowAccent200: Color;
233
+ yellowAccent400: Color;
234
+ yellowAccent700: Color;
235
+ amber: Color;
236
+ amber50: Color;
237
+ amber100: Color;
238
+ amber200: Color;
239
+ amber300: Color;
240
+ amber400: Color;
241
+ amber500: Color;
242
+ amber600: Color;
243
+ amber700: Color;
244
+ amber800: Color;
245
+ amber900: Color;
246
+ amberAccent: Color;
247
+ amberAccent100: Color;
248
+ amberAccent200: Color;
249
+ amberAccent400: Color;
250
+ amberAccent700: Color;
251
+ orange: Color;
252
+ orange50: Color;
253
+ orange100: Color;
254
+ orange200: Color;
255
+ orange300: Color;
256
+ orange400: Color;
257
+ orange500: Color;
258
+ orange600: Color;
259
+ orange700: Color;
260
+ orange800: Color;
261
+ orange900: Color;
262
+ orangeAccent: Color;
263
+ orangeAccent100: Color;
264
+ orangeAccent200: Color;
265
+ orangeAccent400: Color;
266
+ orangeAccent700: Color;
267
+ deepOrange: Color;
268
+ deepOrange50: Color;
269
+ deepOrange100: Color;
270
+ deepOrange200: Color;
271
+ deepOrange300: Color;
272
+ deepOrange400: Color;
273
+ deepOrange500: Color;
274
+ deepOrange600: Color;
275
+ deepOrange700: Color;
276
+ deepOrange800: Color;
277
+ deepOrange900: Color;
278
+ deepOrangeAccent: Color;
279
+ deepOrangeAccent100: Color;
280
+ deepOrangeAccent200: Color;
281
+ deepOrangeAccent400: Color;
282
+ deepOrangeAccent700: Color;
283
+ brown: Color;
284
+ brown50: Color;
285
+ brown100: Color;
286
+ brown200: Color;
287
+ brown300: Color;
288
+ brown400: Color;
289
+ brown500: Color;
290
+ brown600: Color;
291
+ brown700: Color;
292
+ brown800: Color;
293
+ brown900: Color;
294
+ grey: Color;
295
+ grey50: Color;
296
+ grey100: Color;
297
+ grey200: Color;
298
+ grey300: Color;
299
+ grey400: Color;
300
+ grey500: Color;
301
+ grey600: Color;
302
+ grey700: Color;
303
+ grey800: Color;
304
+ grey900: Color;
305
+ blueGrey: Color;
306
+ blueGrey50: Color;
307
+ blueGrey100: Color;
308
+ blueGrey200: Color;
309
+ blueGrey300: Color;
310
+ blueGrey400: Color;
311
+ blueGrey500: Color;
312
+ blueGrey600: Color;
313
+ blueGrey700: Color;
314
+ blueGrey800: Color;
315
+ blueGrey900: Color;
316
+ };
package/dist/ConstrainedBox.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import { BoxConstraints } from './BoxConstraints';
2
+ interface Props {
3
+ constraints: BoxConstraints;
4
+ }
5
+ declare function __VLS_template(): {
6
+ attrs: Partial<{}>;
7
+ slots: {
8
+ default?(_: {}): any;
9
+ };
10
+ refs: {};
11
+ rootEl: HTMLDivElement;
12
+ };
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
15
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
16
+ export default _default;
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
package/dist/CupertinoColors.d.ts ADDED
@@ -0,0 +1,48 @@
1
+ import { Color } from './Color';
2
+ export declare const CupertinoColors: {
3
+ withOpacity: (color: Color | string, opacity: number) => Color;
4
+ withAlpha: (color: Color | string, alpha: number) => Color;
5
+ withRed: (color: Color | string, red: number) => Color;
6
+ withGreen: (color: Color | string, green: number) => Color;
7
+ withBlue: (color: Color | string, blue: number) => Color;
8
+ computeLuminance: (color: Color | string) => number;
9
+ lighten: (color: Color | string, amount: number) => Color;
10
+ darken: (color: Color | string, amount: number) => Color;
11
+ activeBlue: Color;
12
+ activeGreen: Color;
13
+ activeOrange: Color;
14
+ white: Color;
15
+ black: Color;
16
+ lightBackgroundGray: Color;
17
+ extraLightBackgroundGray: Color;
18
+ darkBackgroundGray: Color;
19
+ label: Color;
20
+ secondaryLabel: Color;
21
+ tertiaryLabel: Color;
22
+ quaternaryLabel: Color;
23
+ systemBlue: Color;
24
+ systemGreen: Color;
25
+ systemIndigo: Color;
26
+ systemOrange: Color;
27
+ systemPink: Color;
28
+ systemPurple: Color;
29
+ systemRed: Color;
30
+ systemTeal: Color;
31
+ systemYellow: Color;
32
+ systemGrey: Color;
33
+ systemGrey2: Color;
34
+ systemGrey3: Color;
35
+ systemGrey4: Color;
36
+ systemGrey5: Color;
37
+ systemGrey6: Color;
38
+ systemBackground: Color;
39
+ secondarySystemBackground: Color;
40
+ tertiarySystemBackground: Color;
41
+ systemGroupedBackground: Color;
42
+ secondarySystemGroupedBackground: Color;
43
+ tertiarySystemGroupedBackground: Color;
44
+ separator: Color;
45
+ opaqueSeparator: Color;
46
+ link: Color;
47
+ destructiveRed: Color;
48
+ };
package/dist/ScrollView.d.ts CHANGED
@@ -10,6 +10,8 @@ interface Props {
10
10
  clipBehavior?: "none" | "hardEdge" | "antiAlias";
11
11
  /** 是否反向滚动 (暂未完全实现，预留接口) */
12
12
  reverse?: boolean;
13
+ /** 是否根据内容收缩 */
14
+ shrinkWrap?: boolean;
13
15
  }
14
16
  declare function __VLS_template(): {
15
17
  attrs: Partial<{}>;
@@ -48,6 +50,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
48
50
  clipBehavior: "none" | "hardEdge" | "antiAlias";
49
51
  scrollDirection: "vertical" | "horizontal";
50
52
  physics: "bouncing" | "clamping" | "never" | "always";
53
+ shrinkWrap: boolean;
51
54
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
52
55
  scrollRef: HTMLDivElement;
53
56
  }, any>;
package/dist/__tests__/Button.spec.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .fluekit-button[data-v-6d203152]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-6d203152]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-34336b05]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-34336b05]{fill:currentColor;width:100%;height:100%;display:block}[data-v-34336b05] svg{fill:currentColor;width:100%;height:100%}.flutter-list-view[data-v-7ba20c73]{flex-direction:column;display:flex}.list-view-shrink-wrap[data-v-7ba20c73]{flex:none}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-daef18e4]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-daef18e4]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-daef18e4]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-daef18e4]{z-index:1}.fluekit-input-footer[data-v-daef18e4]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-daef18e4]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-daef18e4]{flex:1}.fluekit-input-counter[data-v-daef18e4]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-daef18e4]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-715d86f8],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes cupertino-activity-indicator-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flue-cupertino-navigation-bar[data-v-b5a5c6bf]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-b5a5c6bf]{justify-content:center;align-items:center;max-width:60%;display:flex}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}.flue-app-bar-leading[data-v-0a553bf2]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-0a553bf2]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-34f987d4]{display:inline-block}.fluekit-context-menu-overlay[data-v-34f987d4]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-34f987d4]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-34f987d4]{z-index:10001;width:250px;animation:.2s ease-out scale-in-34f987d4;position:relative}.fluekit-action-group[data-v-34f987d4]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-34f987d4]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-34f987d4]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-34f987d4]:active{background:#0000001a}.action-text[data-v-34f987d4]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-34f987d4]{color:#ff3b30}.is-default .action-text[data-v-34f987d4]{font-weight:600}.cancel-group[data-v-34f987d4]{margin-top:8px}.cancel-action .action-text[data-v-34f987d4]{font-weight:600}.fade-enter-active[data-v-34f987d4],.fade-leave-active[data-v-34f987d4]{transition:opacity .2s}.fade-enter-from[data-v-34f987d4],.fade-leave-to[data-v-34f987d4]{opacity:0}@keyframes scale-in-34f987d4{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
1
+ .fluekit-button[data-v-0af78380]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-0af78380]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-34336b05]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-34336b05]{fill:currentColor;width:100%;height:100%;display:block}[data-v-34336b05] svg{fill:currentColor;width:100%;height:100%}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-daef18e4]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-daef18e4]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-daef18e4]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-daef18e4]{z-index:1}.fluekit-input-footer[data-v-daef18e4]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-daef18e4]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-daef18e4]{flex:1}.fluekit-input-counter[data-v-daef18e4]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-daef18e4]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-715d86f8],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes cupertino-activity-indicator-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flue-cupertino-navigation-bar[data-v-b5a5c6bf]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-b5a5c6bf]{justify-content:center;align-items:center;max-width:60%;display:flex}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}.flue-app-bar-leading[data-v-0a553bf2]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-0a553bf2]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-34f987d4]{display:inline-block}.fluekit-context-menu-overlay[data-v-34f987d4]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-34f987d4]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-34f987d4]{z-index:10001;width:250px;animation:.2s ease-out scale-in-34f987d4;position:relative}.fluekit-action-group[data-v-34f987d4]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-34f987d4]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-34f987d4]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-34f987d4]:active{background:#0000001a}.action-text[data-v-34f987d4]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-34f987d4]{color:#ff3b30}.is-default .action-text[data-v-34f987d4]{font-weight:600}.cancel-group[data-v-34f987d4]{margin-top:8px}.cancel-action .action-text[data-v-34f987d4]{font-weight:600}.fade-enter-active[data-v-34f987d4],.fade-leave-active[data-v-34f987d4]{transition:opacity .2s}.fade-enter-from[data-v-34f987d4],.fade-leave-to[data-v-34f987d4]{opacity:0}@keyframes scale-in-34f987d4{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flue-aspect-ratio[data-v-e23e6712]{grid-template-rows:100%;grid-template-columns:100%;display:grid}
2
2
  /*$vite$:1*/
package/dist/index.d.ts CHANGED
@@ -58,6 +58,11 @@ export { default as Scaffold } from './Scaffold';
58
58
  export { default as AppBar } from './AppBar';
59
59
  export { default as BottomNavigationBar } from './BottomNavigationBar';
60
60
  export { default as CupertinoContextMenu } from './CupertinoContextMenu';
61
+ export { default as AspectRatio } from './AspectRatio';
62
+ export { default as ConstrainedBox } from './ConstrainedBox';
63
+ export * from './Color';
64
+ export * from './Colors';
65
+ export * from './CupertinoColors';
61
66
  export * from './Border';
62
67
  export * from './BoxConstraints';
63
68
  export * from './BoxDecoration';
package/dist/index.js CHANGED
@@ -1027,6 +1027,7 @@ var GestureDetector_default = defineComponent({
1027
1027
  default: !1
1028
1028
  },
1029
1029
  behavior: { default: "opaque" },
1030
+ text: {},
1030
1031
  style: {},
1031
1032
  variant: {},
1032
1033
  color: {},
@@ -1046,7 +1047,7 @@ var GestureDetector_default = defineComponent({
1046
1047
  let w = e, T = C, E = useStyles(), D = useSafeAttrs(), A = useGestureEvents(), j = ref(!1), N = computed(() => E.value.pointerEvents == "none" ? D.value : {
1047
1048
  ...D.value,
1048
1049
  ...A || {}
1049
- }), P = useGestureStyle(w.behavior), F = computed(() => {
1050
+ }), F = useGestureStyle(w.behavior), I = computed(() => {
1050
1051
  let e = { position: "relative" }, C = {};
1051
1052
  return w.variant === "ios" && (C = {
1052
1053
  padding: w.padding || EdgeInsets.symmetric({
@@ -1056,31 +1057,31 @@ var GestureDetector_default = defineComponent({
1056
1057
  shape: w.borderRadius || BorderRadius.all(8),
1057
1058
  backgroundColor: w.disabled ? w.disabledColor : w.color || "transparent",
1058
1059
  opacity: j.value ? w.pressedOpacity : 1
1059
- }), Object.assign(e, E.value), Object.assign(e, buttonStyleToStyle(C)), Object.assign(e, buttonStyleToStyle(w.style)), Object.assign(e, P), w.disabled && (e.pointerEvents = "none", (w.color || w.disabledColor) && (e.backgroundColor = w.disabledColor || w.color)), j.value && (e.opacity = w.pressedOpacity), e;
1060
- }), I = (e) => {
1060
+ }), Object.assign(e, E.value), Object.assign(e, buttonStyleToStyle(C)), Object.assign(e, buttonStyleToStyle(w.style)), Object.assign(e, F), w.disabled && (e.pointerEvents = "none", (w.color || w.disabledColor) && (e.backgroundColor = w.disabledColor || w.color)), j.value && (e.opacity = w.pressedOpacity), e;
1061
+ }), L = (e) => {
1061
1062
  w.disabled || (w.variant === "ios" && (j.value = !0), T("tap-down", e));
1062
- }, L = (e) => {
1063
- j.value = !1, T("tap-up", e);
1064
1063
  }, R = (e) => {
1064
+ j.value = !1, T("tap-up", e);
1065
+ }, z = (e) => {
1065
1066
  j.value = !1, T("tap-cancel", e);
1066
- }, z = () => {
1067
- w.disabled || T("pressed");
1068
1067
  }, V = () => {
1068
+ w.disabled || T("pressed");
1069
+ }, H = () => {
1069
1070
  w.disabled || T("long-press");
1070
1071
  };
1071
- return (C, w) => (openBlock(), createBlock(GestureDetector_default, {
1072
+ return (C, T) => (openBlock(), createBlock(GestureDetector_default, {
1072
1073
  behavior: e.behavior,
1073
- onTap: z,
1074
- onLongPress: V,
1075
- onTapDown: I,
1076
- onTapUp: L,
1077
- onTapCancel: R
1074
+ onTap: V,
1075
+ onLongPress: H,
1076
+ onTapDown: L,
1077
+ onTapUp: R,
1078
+ onTapCancel: z
1078
1079
  }, {
1079
1080
  default: withCtx(() => [createElementVNode("button", mergeProps({
1080
1081
  class: "fluekit-button",
1081
- style: F.value,
1082
+ style: I.value,
1082
1083
  disabled: e.disabled
1083
- }, N.value), [renderSlot(C.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$11)]),
1084
+ }, N.value), [renderSlot(C.$slots, "default", {}, () => [createTextVNode(toDisplayString(w.text), 1)], !0)], 16, _hoisted_1$11)]),
1084
1085
  _: 3
1085
1086
  }, 8, ["behavior"]));
1086
1087
  }
@@ -1088,7 +1089,7 @@ var GestureDetector_default = defineComponent({
1088
1089
  let w = e.__vccOpts || e;
1089
1090
  for (let [e, T] of C) w[e] = T;
1090
1091
  return w;
1091
- }, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6d203152"]]), Card_default = /* @__PURE__ */ defineComponent({
1092
+ }, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0af78380"]]), Card_default = /* @__PURE__ */ defineComponent({
1092
1093
  __name: "Card",
1093
1094
  props: {
1094
1095
  color: { default: "#ffffff" },
@@ -1340,6 +1341,10 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
1340
1341
  reverse: {
1341
1342
  type: Boolean,
1342
1343
  default: !1
1344
+ },
1345
+ shrinkWrap: {
1346
+ type: Boolean,
1347
+ default: !1
1343
1348
  }
1344
1349
  },
1345
1350
  emits: [
@@ -1350,8 +1355,8 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
1350
1355
  setup(e, { expose: C, emit: w }) {
1351
1356
  let T = e, E = w, D = ref(), k = !1, A = null, N = computed(() => {
1352
1357
  let e = {
1353
- width: "100%",
1354
- height: "100%",
1358
+ width: T.shrinkWrap && T.scrollDirection === "horizontal" ? "fit-content" : "100%",
1359
+ height: T.shrinkWrap && T.scrollDirection === "vertical" ? "auto" : "100%",
1355
1360
  position: "relative",
1356
1361
  display: "block",
1357
1362
  scrollbarWidth: "none",
@@ -1410,10 +1415,7 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
1410
1415
  itemCount: {}
1411
1416
  },
1412
1417
  setup(e) {
1413
- let w = e, T = computed(() => ({
1414
- height: w.shrinkWrap ? "auto" : "100%",
1415
- width: w.shrinkWrap ? "auto" : "100%"
1416
- })), E = computed(() => {
1418
+ let w = e, T = computed(() => {
1417
1419
  let e = w.scrollDirection === "vertical", C = typeof w.mainAxisSpacing == "number" ? px2vw(w.mainAxisSpacing) : w.mainAxisSpacing, T = typeof w.crossAxisSpacing == "number" ? px2vw(w.crossAxisSpacing) : w.crossAxisSpacing;
1418
1420
  return {
1419
1421
  display: "grid",
@@ -1425,17 +1427,16 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
1425
1427
  minHeight: e ? "max-content" : "100%"
1426
1428
  };
1427
1429
  });
1428
- return (w, D) => (openBlock(), createBlock(ScrollView_default, {
1430
+ return (w, E) => (openBlock(), createBlock(ScrollView_default, {
1429
1431
  "scroll-direction": e.scrollDirection,
1430
1432
  padding: e.padding,
1431
1433
  physics: e.physics,
1432
1434
  "clip-behavior": e.clipBehavior,
1433
- class: "flutter-grid-view",
1434
- style: normalizeStyle(T.value)
1435
+ "shrink-wrap": e.shrinkWrap
1435
1436
  }, {
1436
1437
  default: withCtx(() => [createElementVNode("div", {
1437
1438
  class: "grid-view-content",
1438
- style: normalizeStyle(E.value)
1439
+ style: normalizeStyle(T.value)
1439
1440
  }, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(w.$slots, "item", {
1440
1441
  key: e - 1,
1441
1442
  index: e - 1
@@ -1446,7 +1447,7 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
1446
1447
  "padding",
1447
1448
  "physics",
1448
1449
  "clip-behavior",
1449
- "style"
1450
+ "shrink-wrap"
1450
1451
  ]));
1451
1452
  }
1452
1453
  }), IgnorePointer_default = defineComponent({
@@ -1614,7 +1615,7 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
1614
1615
  }), [["__scopeId", "data-v-34336b05"]]), _hoisted_1$8 = {
1615
1616
  key: 0,
1616
1617
  class: "list-view-separator"
1617
- }, ListView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
1618
+ }, ListView_default = /* @__PURE__ */ defineComponent({
1618
1619
  inheritAttrs: !1,
1619
1620
  __name: "ListView",
1620
1621
  props: {
@@ -1634,10 +1635,7 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
1634
1635
  clipBehavior: { default: "hardEdge" }
1635
1636
  },
1636
1637
  setup(e) {
1637
- let w = e, T = computed(() => ({
1638
- height: w.shrinkWrap ? "auto" : "100%",
1639
- width: w.shrinkWrap ? "auto" : "100%"
1640
- })), E = computed(() => {
1638
+ let w = e, T = computed(() => {
1641
1639
  let e = w.scrollDirection === "vertical";
1642
1640
  return {
1643
1641
  display: "flex",
@@ -1646,29 +1644,27 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue
1646
1644
  minWidth: e ? "100%" : "max-content"
1647
1645
  };
1648
1646
  });
1649
- return (w, D) => (openBlock(), createBlock(ScrollView_default, {
1647
+ return (w, E) => (openBlock(), createBlock(ScrollView_default, {
1650
1648
  "scroll-direction": e.scrollDirection,
1651
1649
  padding: e.padding,
1652
1650
  physics: e.physics,
1653
1651
  "clip-behavior": e.clipBehavior,
1654
- class: normalizeClass(["flutter-list-view", { "list-view-shrink-wrap": e.shrinkWrap }]),
1655
- style: normalizeStyle(T.value)
1652
+ "shrink-wrap": e.shrinkWrap
1656
1653
  }, {
1657
1654
  default: withCtx(() => [createElementVNode("div", {
1658
1655
  class: "list-view-content",
1659
- style: normalizeStyle(E.value)
1660
- }, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (T) => (openBlock(), createElementBlock(Fragment, { key: T - 1 }, [renderSlot(w.$slots, "item", { index: T - 1 }, void 0, !0), e.separator && T < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$8, [renderSlot(w.$slots, "separator", { index: T - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(w.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
1656
+ style: normalizeStyle(T.value)
1657
+ }, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (T) => (openBlock(), createElementBlock(Fragment, { key: T - 1 }, [renderSlot(w.$slots, "item", { index: T - 1 }), e.separator && T < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$8, [renderSlot(w.$slots, "separator", { index: T - 1 })])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(w.$slots, "default", { key: 0 })], 4)]),
1661
1658
  _: 3
1662
1659
  }, 8, [
1663
1660
  "scroll-direction",
1664
1661
  "padding",
1665
1662
  "physics",
1666
1663
  "clip-behavior",
1667
- "class",
1668
- "style"
1664
+ "shrink-wrap"
1669
1665
  ]));
1670
1666
  }
1671
- }), [["__scopeId", "data-v-7ba20c73"]]), Opacity_default = defineComponent({
1667
+ }), Opacity_default = defineComponent({
1672
1668
  name: "Opacity",
1673
1669
  inheritAttrs: !1,
1674
1670
  props: { opacity: {
@@ -4110,6 +4106,506 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
4110
4106
  _: 1
4111
4107
  })]))], 512));
4112
4108
  }
4113
- }), [["__scopeId", "data-v-34f987d4"]]);
4109
+ }), [["__scopeId", "data-v-34f987d4"]]), AspectRatio_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4110
+ __name: "AspectRatio",
4111
+ props: { aspectRatio: {} },
4112
+ setup(e) {
4113
+ let C = e, w = computed(() => ({ aspectRatio: `${C.aspectRatio}` }));
4114
+ return (e, C) => (openBlock(), createElementBlock("div", {
4115
+ style: normalizeStyle(w.value),
4116
+ class: "flue-aspect-ratio"
4117
+ }, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
4118
+ }
4119
+ }), [["__scopeId", "data-v-e23e6712"]]), ConstrainedBox_default = /* @__PURE__ */ defineComponent({
4120
+ __name: "ConstrainedBox",
4121
+ props: { constraints: {} },
4122
+ setup(e) {
4123
+ let C = e, w = computed(() => ({
4124
+ display: "flex",
4125
+ flexDirection: "column",
4126
+ ...boxConstraintsToStyle(C.constraints),
4127
+ boxSizing: "border-box"
4128
+ }));
4129
+ return (e, C) => (openBlock(), createElementBlock("div", {
4130
+ style: normalizeStyle(w.value),
4131
+ class: "flue-constrained-box"
4132
+ }, [renderSlot(e.$slots, "default")], 4));
4133
+ }
4134
+ }), Color = class e {
4135
+ _r;
4136
+ _g;
4137
+ _b;
4138
+ _a;
4139
+ constructor(e) {
4140
+ this._a = e >> 24 & 255, this._r = e >> 16 & 255, this._g = e >> 8 & 255, this._b = e & 255;
4141
+ }
4142
+ static fromARGB(C, w, T, E) {
4143
+ return new e(((C & 255) << 24 | (w & 255) << 16 | (T & 255) << 8 | E & 255) >>> 0);
4144
+ }
4145
+ static fromRGBO(C, w, T, E) {
4146
+ let D = Math.round(E * 255);
4147
+ return e.fromRGB(C, w, T, D);
4148
+ }
4149
+ static fromRGB(C, w, T, E = 255) {
4150
+ return e.fromARGB(E, C, w, T);
4151
+ }
4152
+ static fromString(C) {
4153
+ if (!C || C === "transparent") return new e(0);
4154
+ if (C.startsWith("#")) {
4155
+ let w = C.slice(1);
4156
+ if (w.length === 3 && (w = w.split("").map((e) => e + e).join("")), w.length === 6) return new e(4278190080 | parseInt(w, 16));
4157
+ if (w.length === 8) {
4158
+ let C = parseInt(w.substring(0, 2), 16), T = parseInt(w.substring(2, 4), 16), E = parseInt(w.substring(4, 6), 16), D = parseInt(w.substring(6, 8), 16);
4159
+ return e.fromARGB(D, C, T, E);
4160
+ }
4161
+ }
4162
+ if (C.startsWith("rgb")) {
4163
+ let w = C.match(/[\d.]+/g);
4164
+ if (w && w.length >= 3) {
4165
+ let C = parseFloat(w[0]), T = parseFloat(w[1]), E = parseFloat(w[2]), D = w[3] === void 0 ? 1 : parseFloat(w[3]);
4166
+ return e.fromRGBO(C, T, E, D);
4167
+ }
4168
+ }
4169
+ return console.warn(`[Color] Could not parse color string: ${C}`), new e(0);
4170
+ }
4171
+ get alpha() {
4172
+ return this._a;
4173
+ }
4174
+ get opacity() {
4175
+ return this._a / 255;
4176
+ }
4177
+ get red() {
4178
+ return this._r;
4179
+ }
4180
+ get green() {
4181
+ return this._g;
4182
+ }
4183
+ get blue() {
4184
+ return this._b;
4185
+ }
4186
+ withAlpha(C) {
4187
+ return e.fromARGB(C, this._r, this._g, this._b);
4188
+ }
4189
+ withOpacity(C) {
4190
+ return e.fromRGBO(this._r, this._g, this._b, C);
4191
+ }
4192
+ withRed(C) {
4193
+ return e.fromARGB(this._a, C, this._g, this._b);
4194
+ }
4195
+ withGreen(C) {
4196
+ return e.fromARGB(this._a, this._r, C, this._b);
4197
+ }
4198
+ withBlue(C) {
4199
+ return e.fromARGB(this._a, this._r, this._g, C);
4200
+ }
4201
+ computeLuminance() {
4202
+ let e = this._r / 255, C = this._g / 255, w = this._b / 255, T = e <= .03928 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, E = C <= .03928 ? C / 12.92 : ((C + .055) / 1.055) ** 2.4, D = w <= .03928 ? w / 12.92 : ((w + .055) / 1.055) ** 2.4;
4203
+ return .2126 * T + .7152 * E + .0722 * D;
4204
+ }
4205
+ toString() {
4206
+ if (this._a === 255) return `rgb(${this._r}, ${this._g}, ${this._b})`;
4207
+ let e = Number((this._a / 255).toFixed(3));
4208
+ return `rgba(${this._r}, ${this._g}, ${this._b}, ${e})`;
4209
+ }
4210
+ get value() {
4211
+ return ((this._a & 255) << 24 | (this._r & 255) << 16 | (this._g & 255) << 8 | this._b & 255) >>> 0;
4212
+ }
4213
+ };
4214
+ function withOpacity(e, C) {
4215
+ return (e instanceof Color ? e : Color.fromString(e)).withOpacity(C).toString();
4216
+ }
4217
+ function withAlpha(e, C) {
4218
+ return (e instanceof Color ? e : Color.fromString(e)).withAlpha(C).toString();
4219
+ }
4220
+ function withRed(e, C) {
4221
+ return (e instanceof Color ? e : Color.fromString(e)).withRed(C).toString();
4222
+ }
4223
+ function withGreen(e, C) {
4224
+ return (e instanceof Color ? e : Color.fromString(e)).withGreen(C).toString();
4225
+ }
4226
+ function withBlue(e, C) {
4227
+ return (e instanceof Color ? e : Color.fromString(e)).withBlue(C).toString();
4228
+ }
4229
+ function computeLuminance(e) {
4230
+ return (e instanceof Color ? e : Color.fromString(e)).computeLuminance();
4231
+ }
4232
+ function lighten(e, C) {
4233
+ let w = e instanceof Color ? e : Color.fromString(e), T = Math.max(0, Math.min(1, C)), E = Math.round(w.red + (255 - w.red) * T), D = Math.round(w.green + (255 - w.green) * T), O = Math.round(w.blue + (255 - w.blue) * T);
4234
+ return Color.fromARGB(w.alpha, E, D, O).toString();
4235
+ }
4236
+ function darken(e, C) {
4237
+ let w = e instanceof Color ? e : Color.fromString(e), T = Math.max(0, Math.min(1, C)), E = Math.round(w.red * (1 - T)), D = Math.round(w.green * (1 - T)), O = Math.round(w.blue * (1 - T));
4238
+ return Color.fromARGB(w.alpha, E, D, O).toString();
4239
+ }
4240
+ const ColorUtils = {
4241
+ withOpacity,
4242
+ withAlpha,
4243
+ withRed,
4244
+ withGreen,
4245
+ withBlue,
4246
+ lighten,
4247
+ darken,
4248
+ computeLuminance
4249
+ }, Colors = {
4250
+ withOpacity: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withOpacity(C),
4251
+ withAlpha: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withAlpha(C),
4252
+ withRed: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withRed(C),
4253
+ withGreen: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withGreen(C),
4254
+ withBlue: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withBlue(C),
4255
+ computeLuminance: (e) => (typeof e == "string" ? Color.fromString(e) : e).computeLuminance(),
4256
+ lighten: (e, C) => Color.fromString(typeof e == "string" ? e : e.toString()),
4257
+ transparent: Color.fromString("transparent"),
4258
+ black: Color.fromString("#000000"),
4259
+ black87: Color.fromString("rgba(0, 0, 0, 0.87)"),
4260
+ black54: Color.fromString("rgba(0, 0, 0, 0.54)"),
4261
+ black45: Color.fromString("rgba(0, 0, 0, 0.45)"),
4262
+ black38: Color.fromString("rgba(0, 0, 0, 0.38)"),
4263
+ black26: Color.fromString("rgba(0, 0, 0, 0.26)"),
4264
+ black12: Color.fromString("rgba(0, 0, 0, 0.12)"),
4265
+ white: Color.fromString("#FFFFFF"),
4266
+ white70: Color.fromString("rgba(255, 255, 255, 0.7)"),
4267
+ white60: Color.fromString("rgba(255, 255, 255, 0.6)"),
4268
+ white54: Color.fromString("rgba(255, 255, 255, 0.54)"),
4269
+ white38: Color.fromString("rgba(255, 255, 255, 0.38)"),
4270
+ white30: Color.fromString("rgba(255, 255, 255, 0.30)"),
4271
+ white24: Color.fromString("rgba(255, 255, 255, 0.24)"),
4272
+ white12: Color.fromString("rgba(255, 255, 255, 0.12)"),
4273
+ white10: Color.fromString("rgba(255, 255, 255, 0.10)"),
4274
+ red: Color.fromString("#F44336"),
4275
+ red50: Color.fromString("#FFEBEE"),
4276
+ red100: Color.fromString("#FFCDD2"),
4277
+ red200: Color.fromString("#EF9A9A"),
4278
+ red300: Color.fromString("#E57373"),
4279
+ red400: Color.fromString("#EF5350"),
4280
+ red500: Color.fromString("#F44336"),
4281
+ red600: Color.fromString("#E53935"),
4282
+ red700: Color.fromString("#D32F2F"),
4283
+ red800: Color.fromString("#C62828"),
4284
+ red900: Color.fromString("#B71C1C"),
4285
+ redAccent: Color.fromString("#FF5252"),
4286
+ redAccent100: Color.fromString("#FF8A80"),
4287
+ redAccent200: Color.fromString("#FF5252"),
4288
+ redAccent400: Color.fromString("#FF1744"),
4289
+ redAccent700: Color.fromString("#D50000"),
4290
+ pink: Color.fromString("#E91E63"),
4291
+ pink50: Color.fromString("#FCE4EC"),
4292
+ pink100: Color.fromString("#F8BBD0"),
4293
+ pink200: Color.fromString("#F48FB1"),
4294
+ pink300: Color.fromString("#F06292"),
4295
+ pink400: Color.fromString("#EC407A"),
4296
+ pink500: Color.fromString("#E91E63"),
4297
+ pink600: Color.fromString("#D81B60"),
4298
+ pink700: Color.fromString("#C2185B"),
4299
+ pink800: Color.fromString("#AD1457"),
4300
+ pink900: Color.fromString("#880E4F"),
4301
+ pinkAccent: Color.fromString("#FF4081"),
4302
+ pinkAccent100: Color.fromString("#FF80AB"),
4303
+ pinkAccent200: Color.fromString("#FF4081"),
4304
+ pinkAccent400: Color.fromString("#F50057"),
4305
+ pinkAccent700: Color.fromString("#C51162"),
4306
+ purple: Color.fromString("#9C27B0"),
4307
+ purple50: Color.fromString("#F3E5F5"),
4308
+ purple100: Color.fromString("#E1BEE7"),
4309
+ purple200: Color.fromString("#CE93D8"),
4310
+ purple300: Color.fromString("#BA68C8"),
4311
+ purple400: Color.fromString("#AB47BC"),
4312
+ purple500: Color.fromString("#9C27B0"),
4313
+ purple600: Color.fromString("#8E24AA"),
4314
+ purple700: Color.fromString("#7B1FA2"),
4315
+ purple800: Color.fromString("#6A1B9A"),
4316
+ purple900: Color.fromString("#4A148C"),
4317
+ purpleAccent: Color.fromString("#E040FB"),
4318
+ purpleAccent100: Color.fromString("#EA80FC"),
4319
+ purpleAccent200: Color.fromString("#E040FB"),
4320
+ purpleAccent400: Color.fromString("#D500F9"),
4321
+ purpleAccent700: Color.fromString("#AA00FF"),
4322
+ deepPurple: Color.fromString("#673AB7"),
4323
+ deepPurple50: Color.fromString("#EDE7F6"),
4324
+ deepPurple100: Color.fromString("#D1C4E9"),
4325
+ deepPurple200: Color.fromString("#B39DDB"),
4326
+ deepPurple300: Color.fromString("#9575CD"),
4327
+ deepPurple400: Color.fromString("#7E57C2"),
4328
+ deepPurple500: Color.fromString("#673AB7"),
4329
+ deepPurple600: Color.fromString("#5E35B1"),
4330
+ deepPurple700: Color.fromString("#512DA8"),
4331
+ deepPurple800: Color.fromString("#4527A0"),
4332
+ deepPurple900: Color.fromString("#311B92"),
4333
+ deepPurpleAccent: Color.fromString("#7C4DFF"),
4334
+ deepPurpleAccent100: Color.fromString("#B388FF"),
4335
+ deepPurpleAccent200: Color.fromString("#7C4DFF"),
4336
+ deepPurpleAccent400: Color.fromString("#651FFF"),
4337
+ deepPurpleAccent700: Color.fromString("#6200EA"),
4338
+ indigo: Color.fromString("#3F51B5"),
4339
+ indigo50: Color.fromString("#E8EAF6"),
4340
+ indigo100: Color.fromString("#C5CAE9"),
4341
+ indigo200: Color.fromString("#9FA8DA"),
4342
+ indigo300: Color.fromString("#7986CB"),
4343
+ indigo400: Color.fromString("#5C6BC0"),
4344
+ indigo500: Color.fromString("#3F51B5"),
4345
+ indigo600: Color.fromString("#3949AB"),
4346
+ indigo700: Color.fromString("#303F9F"),
4347
+ indigo800: Color.fromString("#283593"),
4348
+ indigo900: Color.fromString("#1A237E"),
4349
+ indigoAccent: Color.fromString("#536DFE"),
4350
+ indigoAccent100: Color.fromString("#8C9EFF"),
4351
+ indigoAccent200: Color.fromString("#536DFE"),
4352
+ indigoAccent400: Color.fromString("#3D5AFE"),
4353
+ indigoAccent700: Color.fromString("#304FFE"),
4354
+ blue: Color.fromString("#2196F3"),
4355
+ blue50: Color.fromString("#E3F2FD"),
4356
+ blue100: Color.fromString("#BBDEFB"),
4357
+ blue200: Color.fromString("#90CAF9"),
4358
+ blue300: Color.fromString("#64B5F6"),
4359
+ blue400: Color.fromString("#42A5F5"),
4360
+ blue500: Color.fromString("#2196F3"),
4361
+ blue600: Color.fromString("#1E88E5"),
4362
+ blue700: Color.fromString("#1976D2"),
4363
+ blue800: Color.fromString("#1565C0"),
4364
+ blue900: Color.fromString("#0D47A1"),
4365
+ blueAccent: Color.fromString("#448AFF"),
4366
+ blueAccent100: Color.fromString("#82B1FF"),
4367
+ blueAccent200: Color.fromString("#448AFF"),
4368
+ blueAccent400: Color.fromString("#2979FF"),
4369
+ blueAccent700: Color.fromString("#2962FF"),
4370
+ lightBlue: Color.fromString("#03A9F4"),
4371
+ lightBlue50: Color.fromString("#E1F5FE"),
4372
+ lightBlue100: Color.fromString("#B3E5FC"),
4373
+ lightBlue200: Color.fromString("#81D4FA"),
4374
+ lightBlue300: Color.fromString("#4FC3F7"),
4375
+ lightBlue400: Color.fromString("#29B6F6"),
4376
+ lightBlue500: Color.fromString("#03A9F4"),
4377
+ lightBlue600: Color.fromString("#039BE5"),
4378
+ lightBlue700: Color.fromString("#0288D1"),
4379
+ lightBlue800: Color.fromString("#0277BD"),
4380
+ lightBlue900: Color.fromString("#01579B"),
4381
+ lightBlueAccent: Color.fromString("#40C4FF"),
4382
+ lightBlueAccent100: Color.fromString("#80D8FF"),
4383
+ lightBlueAccent200: Color.fromString("#40C4FF"),
4384
+ lightBlueAccent400: Color.fromString("#00B0FF"),
4385
+ lightBlueAccent700: Color.fromString("#0091EA"),
4386
+ cyan: Color.fromString("#00BCD4"),
4387
+ cyan50: Color.fromString("#E0F7FA"),
4388
+ cyan100: Color.fromString("#B2EBF2"),
4389
+ cyan200: Color.fromString("#80DEEA"),
4390
+ cyan300: Color.fromString("#4DD0E1"),
4391
+ cyan400: Color.fromString("#26C6DA"),
4392
+ cyan500: Color.fromString("#00BCD4"),
4393
+ cyan600: Color.fromString("#00ACC1"),
4394
+ cyan700: Color.fromString("#0097A7"),
4395
+ cyan800: Color.fromString("#00838F"),
4396
+ cyan900: Color.fromString("#006064"),
4397
+ cyanAccent: Color.fromString("#18FFFF"),
4398
+ cyanAccent100: Color.fromString("#84FFFF"),
4399
+ cyanAccent200: Color.fromString("#18FFFF"),
4400
+ cyanAccent400: Color.fromString("#00E5FF"),
4401
+ cyanAccent700: Color.fromString("#00B8D4"),
4402
+ teal: Color.fromString("#009688"),
4403
+ teal50: Color.fromString("#E0F2F1"),
4404
+ teal100: Color.fromString("#B2DFDB"),
4405
+ teal200: Color.fromString("#80CBC4"),
4406
+ teal300: Color.fromString("#4DB6AC"),
4407
+ teal400: Color.fromString("#26A69A"),
4408
+ teal500: Color.fromString("#009688"),
4409
+ teal600: Color.fromString("#00897B"),
4410
+ teal700: Color.fromString("#00796B"),
4411
+ teal800: Color.fromString("#00695C"),
4412
+ teal900: Color.fromString("#004D40"),
4413
+ tealAccent: Color.fromString("#64FFDA"),
4414
+ tealAccent100: Color.fromString("#A7FFEB"),
4415
+ tealAccent200: Color.fromString("#64FFDA"),
4416
+ tealAccent400: Color.fromString("#1DE9B6"),
4417
+ tealAccent700: Color.fromString("#00BFA5"),
4418
+ green: Color.fromString("#4CAF50"),
4419
+ green50: Color.fromString("#E8F5E9"),
4420
+ green100: Color.fromString("#C8E6C9"),
4421
+ green200: Color.fromString("#A5D6A7"),
4422
+ green300: Color.fromString("#81C784"),
4423
+ green400: Color.fromString("#66BB6A"),
4424
+ green500: Color.fromString("#4CAF50"),
4425
+ green600: Color.fromString("#43A047"),
4426
+ green700: Color.fromString("#388E3C"),
4427
+ green800: Color.fromString("#2E7D32"),
4428
+ green900: Color.fromString("#1B5E20"),
4429
+ greenAccent: Color.fromString("#69F0AE"),
4430
+ greenAccent100: Color.fromString("#B9F6CA"),
4431
+ greenAccent200: Color.fromString("#69F0AE"),
4432
+ greenAccent400: Color.fromString("#00E676"),
4433
+ greenAccent700: Color.fromString("#00C853"),
4434
+ lightGreen: Color.fromString("#8BC34A"),
4435
+ lightGreen50: Color.fromString("#F1F8E9"),
4436
+ lightGreen100: Color.fromString("#DCEDC8"),
4437
+ lightGreen200: Color.fromString("#C5E1A5"),
4438
+ lightGreen300: Color.fromString("#AED581"),
4439
+ lightGreen400: Color.fromString("#9CCC65"),
4440
+ lightGreen500: Color.fromString("#8BC34A"),
4441
+ lightGreen600: Color.fromString("#7CB342"),
4442
+ lightGreen700: Color.fromString("#689F38"),
4443
+ lightGreen800: Color.fromString("#558B2F"),
4444
+ lightGreen900: Color.fromString("#33691E"),
4445
+ lightGreenAccent: Color.fromString("#B2FF59"),
4446
+ lightGreenAccent100: Color.fromString("#CCFF90"),
4447
+ lightGreenAccent200: Color.fromString("#B2FF59"),
4448
+ lightGreenAccent400: Color.fromString("#76FF03"),
4449
+ lightGreenAccent700: Color.fromString("#64DD17"),
4450
+ lime: Color.fromString("#CDDC39"),
4451
+ lime50: Color.fromString("#F9FBE7"),
4452
+ lime100: Color.fromString("#F0F4C3"),
4453
+ lime200: Color.fromString("#E6EE9C"),
4454
+ lime300: Color.fromString("#DCE775"),
4455
+ lime400: Color.fromString("#D4E157"),
4456
+ lime500: Color.fromString("#CDDC39"),
4457
+ lime600: Color.fromString("#C0CA33"),
4458
+ lime700: Color.fromString("#AFB42B"),
4459
+ lime800: Color.fromString("#9E9D24"),
4460
+ lime900: Color.fromString("#827717"),
4461
+ limeAccent: Color.fromString("#EEFF41"),
4462
+ limeAccent100: Color.fromString("#F4FF81"),
4463
+ limeAccent200: Color.fromString("#EEFF41"),
4464
+ limeAccent400: Color.fromString("#C6FF00"),
4465
+ limeAccent700: Color.fromString("#AEEA00"),
4466
+ yellow: Color.fromString("#FFEB3B"),
4467
+ yellow50: Color.fromString("#FFFDE7"),
4468
+ yellow100: Color.fromString("#FFF9C4"),
4469
+ yellow200: Color.fromString("#FFF59D"),
4470
+ yellow300: Color.fromString("#FFF176"),
4471
+ yellow400: Color.fromString("#FFEE58"),
4472
+ yellow500: Color.fromString("#FFEB3B"),
4473
+ yellow600: Color.fromString("#FDD835"),
4474
+ yellow700: Color.fromString("#FBC02D"),
4475
+ yellow800: Color.fromString("#F9A825"),
4476
+ yellow900: Color.fromString("#F57F17"),
4477
+ yellowAccent: Color.fromString("#FFFF00"),
4478
+ yellowAccent100: Color.fromString("#FFFF8D"),
4479
+ yellowAccent200: Color.fromString("#FFFF00"),
4480
+ yellowAccent400: Color.fromString("#FFEA00"),
4481
+ yellowAccent700: Color.fromString("#FFD600"),
4482
+ amber: Color.fromString("#FFC107"),
4483
+ amber50: Color.fromString("#FFF8E1"),
4484
+ amber100: Color.fromString("#FFECB3"),
4485
+ amber200: Color.fromString("#FFE082"),
4486
+ amber300: Color.fromString("#FFD54F"),
4487
+ amber400: Color.fromString("#FFCA28"),
4488
+ amber500: Color.fromString("#FFC107"),
4489
+ amber600: Color.fromString("#FFB300"),
4490
+ amber700: Color.fromString("#FFA000"),
4491
+ amber800: Color.fromString("#FF8F00"),
4492
+ amber900: Color.fromString("#FF6F00"),
4493
+ amberAccent: Color.fromString("#FFD740"),
4494
+ amberAccent100: Color.fromString("#FFE57F"),
4495
+ amberAccent200: Color.fromString("#FFD740"),
4496
+ amberAccent400: Color.fromString("#FFC400"),
4497
+ amberAccent700: Color.fromString("#FFAB00"),
4498
+ orange: Color.fromString("#FF9800"),
4499
+ orange50: Color.fromString("#FFF3E0"),
4500
+ orange100: Color.fromString("#FFE0B2"),
4501
+ orange200: Color.fromString("#FFCC80"),
4502
+ orange300: Color.fromString("#FFB74D"),
4503
+ orange400: Color.fromString("#FFA726"),
4504
+ orange500: Color.fromString("#FF9800"),
4505
+ orange600: Color.fromString("#FB8C00"),
4506
+ orange700: Color.fromString("#F57C00"),
4507
+ orange800: Color.fromString("#EF6C00"),
4508
+ orange900: Color.fromString("#E65100"),
4509
+ orangeAccent: Color.fromString("#FFAB40"),
4510
+ orangeAccent100: Color.fromString("#FFD180"),
4511
+ orangeAccent200: Color.fromString("#FFAB40"),
4512
+ orangeAccent400: Color.fromString("#FF9100"),
4513
+ orangeAccent700: Color.fromString("#FF6D00"),
4514
+ deepOrange: Color.fromString("#FF5722"),
4515
+ deepOrange50: Color.fromString("#FBE9E7"),
4516
+ deepOrange100: Color.fromString("#FFCCBC"),
4517
+ deepOrange200: Color.fromString("#FFAB91"),
4518
+ deepOrange300: Color.fromString("#FF8A65"),
4519
+ deepOrange400: Color.fromString("#FF7043"),
4520
+ deepOrange500: Color.fromString("#FF5722"),
4521
+ deepOrange600: Color.fromString("#F4511E"),
4522
+ deepOrange700: Color.fromString("#E64A19"),
4523
+ deepOrange800: Color.fromString("#D84315"),
4524
+ deepOrange900: Color.fromString("#BF360C"),
4525
+ deepOrangeAccent: Color.fromString("#FF6E40"),
4526
+ deepOrangeAccent100: Color.fromString("#FF9E80"),
4527
+ deepOrangeAccent200: Color.fromString("#FF6E40"),
4528
+ deepOrangeAccent400: Color.fromString("#FF3D00"),
4529
+ deepOrangeAccent700: Color.fromString("#DD2C00"),
4530
+ brown: Color.fromString("#795548"),
4531
+ brown50: Color.fromString("#EFEBE9"),
4532
+ brown100: Color.fromString("#D7CCC8"),
4533
+ brown200: Color.fromString("#BCAAA4"),
4534
+ brown300: Color.fromString("#A1887F"),
4535
+ brown400: Color.fromString("#8D6E63"),
4536
+ brown500: Color.fromString("#795548"),
4537
+ brown600: Color.fromString("#6D4C41"),
4538
+ brown700: Color.fromString("#5D4037"),
4539
+ brown800: Color.fromString("#4E342E"),
4540
+ brown900: Color.fromString("#3E2723"),
4541
+ grey: Color.fromString("#9E9E9E"),
4542
+ grey50: Color.fromString("#FAFAFA"),
4543
+ grey100: Color.fromString("#F5F5F5"),
4544
+ grey200: Color.fromString("#EEEEEE"),
4545
+ grey300: Color.fromString("#E0E0E0"),
4546
+ grey400: Color.fromString("#BDBDBD"),
4547
+ grey500: Color.fromString("#9E9E9E"),
4548
+ grey600: Color.fromString("#757575"),
4549
+ grey700: Color.fromString("#616161"),
4550
+ grey800: Color.fromString("#424242"),
4551
+ grey900: Color.fromString("#212121"),
4552
+ blueGrey: Color.fromString("#607D8B"),
4553
+ blueGrey50: Color.fromString("#ECEFF1"),
4554
+ blueGrey100: Color.fromString("#CFD8DC"),
4555
+ blueGrey200: Color.fromString("#B0BEC5"),
4556
+ blueGrey300: Color.fromString("#90A4AE"),
4557
+ blueGrey400: Color.fromString("#78909C"),
4558
+ blueGrey500: Color.fromString("#607D8B"),
4559
+ blueGrey600: Color.fromString("#546E7A"),
4560
+ blueGrey700: Color.fromString("#455A64"),
4561
+ blueGrey800: Color.fromString("#37474F"),
4562
+ blueGrey900: Color.fromString("#263238")
4563
+ }, CupertinoColors = {
4564
+ withOpacity: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withOpacity(C),
4565
+ withAlpha: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withAlpha(C),
4566
+ withRed: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withRed(C),
4567
+ withGreen: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withGreen(C),
4568
+ withBlue: (e, C) => (typeof e == "string" ? Color.fromString(e) : e).withBlue(C),
4569
+ computeLuminance: (e) => (typeof e == "string" ? Color.fromString(e) : e).computeLuminance(),
4570
+ lighten: (e, C) => Color.fromString(typeof e == "string" ? e : e.toString()),
4571
+ darken: (e, C) => Color.fromString(typeof e == "string" ? e : e.toString()),
4572
+ activeBlue: Color.fromString("#007AFF"),
4573
+ activeGreen: Color.fromString("#34C759"),
4574
+ activeOrange: Color.fromString("#FF9500"),
4575
+ white: Color.fromString("#FFFFFF"),
4576
+ black: Color.fromString("#000000"),
4577
+ lightBackgroundGray: Color.fromString("#EFEFF4"),
4578
+ extraLightBackgroundGray: Color.fromString("#EFEFF4"),
4579
+ darkBackgroundGray: Color.fromString("#171717"),
4580
+ label: Color.fromString("#000000"),
4581
+ secondaryLabel: Color.fromString("rgba(60, 60, 67, 0.60)"),
4582
+ tertiaryLabel: Color.fromString("rgba(60, 60, 67, 0.30)"),
4583
+ quaternaryLabel: Color.fromString("rgba(60, 60, 67, 0.18)"),
4584
+ systemBlue: Color.fromString("#007AFF"),
4585
+ systemGreen: Color.fromString("#34C759"),
4586
+ systemIndigo: Color.fromString("#5856D6"),
4587
+ systemOrange: Color.fromString("#FF9500"),
4588
+ systemPink: Color.fromString("#FF2D55"),
4589
+ systemPurple: Color.fromString("#AF52DE"),
4590
+ systemRed: Color.fromString("#FF3B30"),
4591
+ systemTeal: Color.fromString("#5AC8FA"),
4592
+ systemYellow: Color.fromString("#FFCC00"),
4593
+ systemGrey: Color.fromString("#8E8E93"),
4594
+ systemGrey2: Color.fromString("#AEAEB2"),
4595
+ systemGrey3: Color.fromString("#C7C7CC"),
4596
+ systemGrey4: Color.fromString("#D1D1D6"),
4597
+ systemGrey5: Color.fromString("#E5E5EA"),
4598
+ systemGrey6: Color.fromString("#F2F2F7"),
4599
+ systemBackground: Color.fromString("#FFFFFF"),
4600
+ secondarySystemBackground: Color.fromString("#F2F2F7"),
4601
+ tertiarySystemBackground: Color.fromString("#FFFFFF"),
4602
+ systemGroupedBackground: Color.fromString("#F2F2F7"),
4603
+ secondarySystemGroupedBackground: Color.fromString("#FFFFFF"),
4604
+ tertiarySystemGroupedBackground: Color.fromString("#F2F2F7"),
4605
+ separator: Color.fromString("rgba(60, 60, 67, 0.29)"),
4606
+ opaqueSeparator: Color.fromString("#C6C6C8"),
4607
+ link: Color.fromString("#007AFF"),
4608
+ destructiveRed: Color.fromString("#FF3B30")
4609
+ };
4114
4610
  setTransform(!1);
4115
- export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AppBar_default as AppBar, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Column_default as Column, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IgnorePointer_default as IgnorePointer, Image_default as Image, InkWell_default as InkWell, LayoutBuilder_default as LayoutBuilder, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, createAssetImage, decorationImageToStyle, edgeInsetsToStyle, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery };
4611
+ export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AppBar_default as AppBar, AspectRatio_default as AspectRatio, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Color, ColorUtils, Colors, Column_default as Column, ConstrainedBox_default as ConstrainedBox, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoColors, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IgnorePointer_default as IgnorePointer, Image_default as Image, InkWell_default as InkWell, LayoutBuilder_default as LayoutBuilder, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, computeLuminance, createAssetImage, darken, decorationImageToStyle, edgeInsetsToStyle, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, lighten, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery, withAlpha, withBlue, withGreen, withOpacity, withRed };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluekit",
3
- "version": "1.6.1",
3
+ "version": "1.7.0",
4
4
  "description": "A Flutter-style Layout UI kit for Vue",
5
5
  "homepage": "https://fi2zz.github.io/fluekit/",
6
6
  "repository": {