@tujyane/alf 1.0.4 → 1.2.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.
package/src/index.tsx CHANGED
@@ -1,11 +1,8 @@
1
1
  import { type StyleProp, type TextStyle, type ViewStyle } from "react-native";
2
- import { createContext, useContext, useMemo } from "react";
3
-
4
- import { themes, type Theme } from "./themes";
5
2
 
6
3
  export * from "./atoms";
7
4
  export * from "./palette";
8
- export * from "./themes";
5
+ export * from "./semantic";
9
6
  export * from "./platform";
10
7
  export * as tokens from "./tokens";
11
8
  export * as utils from "./utils";
@@ -17,30 +14,3 @@ export type TextStyleProp = {
17
14
  export type ViewStyleProp = {
18
15
  style?: StyleProp<ViewStyle>;
19
16
  };
20
-
21
- export const Context = createContext({
22
- theme: themes.light,
23
- });
24
- Context.displayName = "AlfContext";
25
-
26
- export function Provider<T extends string, A extends Record<T, Theme>>({
27
- children,
28
- activeTheme,
29
- themes,
30
- }: React.PropsWithChildren<{
31
- activeTheme: T;
32
- themes: A;
33
- }>) {
34
- const value = useMemo(
35
- () => ({
36
- theme: themes[activeTheme],
37
- }),
38
- [activeTheme, themes]
39
- );
40
-
41
- return <Context.Provider value={value}>{children}</Context.Provider>;
42
- }
43
-
44
- export function useTheme() {
45
- return useContext(Context).theme;
46
- }
package/src/palette.ts CHANGED
@@ -79,7 +79,7 @@ export type Palette = {
79
79
  secondary_900: string;
80
80
  };
81
81
 
82
- export const DEFAULT_PALETTE: Palette = {
82
+ export const palette: Palette = {
83
83
  white: "#FFFFFF",
84
84
  black: "#000000",
85
85
  stroke_primary: "#E8F2F2",
@@ -164,86 +164,3 @@ export const DEFAULT_PALETTE: Palette = {
164
164
  secondary_800: "#080C19",
165
165
  secondary_900: "#040815",
166
166
  };
167
-
168
- export function invertPalette(palette: Palette): Palette {
169
- return {
170
- white: palette.white,
171
- black: palette.black,
172
- stroke_primary: palette.stroke_primary,
173
- text_primary: palette.white,
174
- text_secondary: palette.primary_300,
175
- primary: palette.primary,
176
- secondary: palette.secondary,
177
-
178
- primary_25: palette.primary_50,
179
- primary_50: palette.primary_25,
180
- primary_100: palette.primary_900,
181
- primary_200: palette.primary_800,
182
- primary_300: palette.primary_700,
183
- primary_400: palette.primary_600,
184
- primary_500: palette.primary_500,
185
- primary_600: palette.primary_400,
186
- primary_700: palette.primary_300,
187
- primary_800: palette.primary_200,
188
- primary_900: palette.primary_100,
189
-
190
- positive_25: palette.positive_975,
191
- positive_50: palette.positive_950,
192
- positive_100: palette.positive_900,
193
- positive_200: palette.positive_800,
194
- positive_300: palette.positive_700,
195
- positive_400: palette.positive_600,
196
- positive_500: palette.positive_500,
197
- positive_600: palette.positive_400,
198
- positive_700: palette.positive_300,
199
- positive_800: palette.positive_200,
200
- positive_900: palette.positive_100,
201
- positive_950: palette.positive_50,
202
- positive_975: palette.positive_25,
203
-
204
- negative_25: palette.negative_975,
205
- negative_50: palette.negative_950,
206
- negative_100: palette.negative_900,
207
- negative_200: palette.negative_800,
208
- negative_300: palette.negative_700,
209
- negative_400: palette.negative_600,
210
- negative_500: palette.negative_500,
211
- negative_600: palette.negative_400,
212
- negative_700: palette.negative_300,
213
- negative_800: palette.negative_200,
214
- negative_900: palette.negative_100,
215
- negative_950: palette.negative_50,
216
- negative_975: palette.negative_25,
217
-
218
- // New scales invert
219
- warning_100: palette.warning_900,
220
- warning_200: palette.warning_800,
221
- warning_300: palette.warning_700,
222
- warning_400: palette.warning_600,
223
- warning_500: palette.warning_500,
224
- warning_600: palette.warning_400,
225
- warning_700: palette.warning_300,
226
- warning_800: palette.warning_200,
227
- warning_900: palette.warning_100,
228
-
229
- info_100: palette.info_900,
230
- info_200: palette.info_800,
231
- info_300: palette.info_700,
232
- info_400: palette.info_600,
233
- info_500: palette.info_500,
234
- info_600: palette.info_400,
235
- info_700: palette.info_300,
236
- info_800: palette.info_200,
237
- info_900: palette.info_100,
238
-
239
- secondary_100: palette.secondary_900,
240
- secondary_200: palette.secondary_800,
241
- secondary_300: palette.secondary_700,
242
- secondary_400: palette.secondary_600,
243
- secondary_500: palette.secondary_500,
244
- secondary_600: palette.secondary_400,
245
- secondary_700: palette.secondary_300,
246
- secondary_800: palette.secondary_200,
247
- secondary_900: palette.secondary_100,
248
- };
249
- }
@@ -0,0 +1,91 @@
1
+ import { palette } from "./palette";
2
+
3
+ export type ScaleSteps = {
4
+ 100: string;
5
+ 200: string;
6
+ 300: string;
7
+ 400: string;
8
+ 500: string;
9
+ 600: string;
10
+ 700: string;
11
+ 800: string;
12
+ 900: string;
13
+ };
14
+
15
+ export type SemanticColors = {
16
+ primary: ScaleSteps;
17
+ success: ScaleSteps;
18
+ error: ScaleSteps;
19
+ warning: ScaleSteps;
20
+ info: ScaleSteps;
21
+ secondary: ScaleSteps;
22
+ };
23
+
24
+ export const semantic: SemanticColors = {
25
+ primary: {
26
+ 100: palette.primary_100,
27
+ 200: palette.primary_200,
28
+ 300: palette.primary_300,
29
+ 400: palette.primary_400,
30
+ 500: palette.primary_500,
31
+ 600: palette.primary_600,
32
+ 700: palette.primary_700,
33
+ 800: palette.primary_800,
34
+ 900: palette.primary_900,
35
+ },
36
+ success: {
37
+ 100: palette.positive_100,
38
+ 200: palette.positive_200,
39
+ 300: palette.positive_300,
40
+ 400: palette.positive_400,
41
+ 500: palette.positive_500,
42
+ 600: palette.positive_600,
43
+ 700: palette.positive_700,
44
+ 800: palette.positive_800,
45
+ 900: palette.positive_900,
46
+ },
47
+ error: {
48
+ 100: palette.negative_100,
49
+ 200: palette.negative_200,
50
+ 300: palette.negative_300,
51
+ 400: palette.negative_400,
52
+ 500: palette.negative_500,
53
+ 600: palette.negative_600,
54
+ 700: palette.negative_700,
55
+ 800: palette.negative_800,
56
+ 900: palette.negative_900,
57
+ },
58
+ warning: {
59
+ 100: palette.warning_100,
60
+ 200: palette.warning_200,
61
+ 300: palette.warning_300,
62
+ 400: palette.warning_400,
63
+ 500: palette.warning_500,
64
+ 600: palette.warning_600,
65
+ 700: palette.warning_700,
66
+ 800: palette.warning_800,
67
+ 900: palette.warning_900,
68
+ },
69
+ info: {
70
+ 100: palette.info_100,
71
+ 200: palette.info_200,
72
+ 300: palette.info_300,
73
+ 400: palette.info_400,
74
+ 500: palette.info_500,
75
+ 600: palette.info_600,
76
+ 700: palette.info_700,
77
+ 800: palette.info_800,
78
+ 900: palette.info_900,
79
+ },
80
+ secondary: {
81
+ 100: palette.secondary_100,
82
+ 200: palette.secondary_200,
83
+ 300: palette.secondary_300,
84
+ 400: palette.secondary_400,
85
+ 500: palette.secondary_500,
86
+ 600: palette.secondary_600,
87
+ 700: palette.secondary_700,
88
+ 800: palette.secondary_800,
89
+ 900: palette.secondary_900,
90
+ },
91
+ };
@@ -17,7 +17,7 @@ export function alpha(color: string, opacity: number) {
17
17
  const alphaHex = Math.round(opacity * 255).toString(16);
18
18
  return `#${r.repeat(2)}${g.repeat(2)}${b.repeat(2)}${alphaHex.padStart(
19
19
  2,
20
- alphaHex
20
+ alphaHex,
21
21
  )}`;
22
22
  }
23
23
  }
@@ -1,7 +1,7 @@
1
1
  import { type StyleProp } from "react-native";
2
2
 
3
3
  export const flatten = <T>(
4
- style: StyleProp<T>
4
+ style: StyleProp<T>,
5
5
  ): T extends (infer U)[] ? U : T => {
6
6
  const defs = ([] as any).concat(style);
7
7
  return Object.assign({}, ...defs.filter(Boolean).flat());
@@ -1,4 +1,3 @@
1
1
  export * from "./alpha";
2
2
  export * from "./leading";
3
3
  export * from "./flatten";
4
- export * from "./select";
package/dist/themes.d.ts DELETED
@@ -1,151 +0,0 @@
1
- import { Palette } from "./palette";
2
- import { type ShadowStyle } from "./atoms/types";
3
- export declare const themes: {
4
- light: Theme;
5
- dark: Theme;
6
- };
7
- export type ThemeAtoms = {
8
- text: {
9
- color: string;
10
- };
11
- text_low: {
12
- color: string;
13
- };
14
- text_medium: {
15
- color: string;
16
- };
17
- text_high: {
18
- color: string;
19
- };
20
- text_inverted: {
21
- color: string;
22
- };
23
- bg: {
24
- backgroundColor: string;
25
- };
26
- bg_25: {
27
- backgroundColor: string;
28
- };
29
- bg_50: {
30
- backgroundColor: string;
31
- };
32
- border_low: {
33
- borderColor: string;
34
- };
35
- border_medium: {
36
- borderColor: string;
37
- };
38
- border_high: {
39
- borderColor: string;
40
- };
41
- text_primary: {
42
- color: string;
43
- };
44
- text_success: {
45
- color: string;
46
- };
47
- text_error: {
48
- color: string;
49
- };
50
- text_warning: {
51
- color: string;
52
- };
53
- text_info: {
54
- color: string;
55
- };
56
- text_secondary: {
57
- color: string;
58
- };
59
- bg_primary: {
60
- backgroundColor: string;
61
- };
62
- bg_success: {
63
- backgroundColor: string;
64
- };
65
- bg_error: {
66
- backgroundColor: string;
67
- };
68
- bg_warning: {
69
- backgroundColor: string;
70
- };
71
- bg_info: {
72
- backgroundColor: string;
73
- };
74
- bg_secondary: {
75
- backgroundColor: string;
76
- };
77
- border_primary: {
78
- borderColor: string;
79
- };
80
- border_success: {
81
- borderColor: string;
82
- };
83
- border_error: {
84
- borderColor: string;
85
- };
86
- border_warning: {
87
- borderColor: string;
88
- };
89
- border_info: {
90
- borderColor: string;
91
- };
92
- border_secondary: {
93
- borderColor: string;
94
- };
95
- shadow_sm: ShadowStyle;
96
- shadow_md: ShadowStyle;
97
- shadow_lg: ShadowStyle;
98
- };
99
- /**
100
- * Categorical representation of the theme
101
- */
102
- export type ThemeScheme = "light" | "dark";
103
- /**
104
- * Specific theme name, including low-contrast variants
105
- */
106
- export type ThemeName = "light" | "dark";
107
- /**
108
- * A theme object, containing the color palette and atoms for the theme
109
- */
110
- export type Theme = {
111
- scheme: ThemeScheme;
112
- name: ThemeName;
113
- palette: Palette;
114
- semantic: SemanticColors;
115
- atoms: ThemeAtoms;
116
- };
117
- export type ScaleSteps = {
118
- 100: string;
119
- 200: string;
120
- 300: string;
121
- 400: string;
122
- 500: string;
123
- 600: string;
124
- 700: string;
125
- 800: string;
126
- 900: string;
127
- };
128
- export type SemanticColors = {
129
- primary: ScaleSteps;
130
- success: ScaleSteps;
131
- error: ScaleSteps;
132
- warning: ScaleSteps;
133
- info: ScaleSteps;
134
- secondary: ScaleSteps;
135
- };
136
- export declare function createTheme({ scheme, name, palette, options, }: {
137
- scheme: ThemeScheme;
138
- name: ThemeName;
139
- palette: Palette;
140
- options?: {
141
- shadowOpacity?: number;
142
- semanticOverrides?: Partial<SemanticColors>;
143
- };
144
- }): Theme;
145
- export declare function createThemes({ defaultPalette }: {
146
- defaultPalette: Palette;
147
- }): {
148
- light: Theme;
149
- dark: Theme;
150
- };
151
- //# sourceMappingURL=themes.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}
package/dist/themes.js DELETED
@@ -1,191 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.themes = void 0;
4
- exports.createTheme = createTheme;
5
- exports.createThemes = createThemes;
6
- const atoms_1 = require("./atoms");
7
- const alpha_1 = require("./utils/alpha");
8
- const palette_1 = require("./palette");
9
- exports.themes = createThemes({
10
- defaultPalette: palette_1.DEFAULT_PALETTE,
11
- });
12
- function buildDefaultSemantic(palette) {
13
- return {
14
- primary: {
15
- 100: palette.primary_100,
16
- 200: palette.primary_200,
17
- 300: palette.primary_300,
18
- 400: palette.primary_400,
19
- 500: palette.primary_500,
20
- 600: palette.primary_600,
21
- 700: palette.primary_700,
22
- 800: palette.primary_800,
23
- 900: palette.primary_900,
24
- },
25
- success: {
26
- 100: palette.positive_100,
27
- 200: palette.positive_200,
28
- 300: palette.positive_300,
29
- 400: palette.positive_400,
30
- 500: palette.positive_500,
31
- 600: palette.positive_600,
32
- 700: palette.positive_700,
33
- 800: palette.positive_800,
34
- 900: palette.positive_900,
35
- },
36
- error: {
37
- 100: palette.negative_100,
38
- 200: palette.negative_200,
39
- 300: palette.negative_300,
40
- 400: palette.negative_400,
41
- 500: palette.negative_500,
42
- 600: palette.negative_600,
43
- 700: palette.negative_700,
44
- 800: palette.negative_800,
45
- 900: palette.negative_900,
46
- },
47
- warning: {
48
- 100: palette.warning_100,
49
- 200: palette.warning_200,
50
- 300: palette.warning_300,
51
- 400: palette.warning_400,
52
- 500: palette.warning_500,
53
- 600: palette.warning_600,
54
- 700: palette.warning_700,
55
- 800: palette.warning_800,
56
- 900: palette.warning_900,
57
- },
58
- info: {
59
- 100: palette.info_100,
60
- 200: palette.info_200,
61
- 300: palette.info_300,
62
- 400: palette.info_400,
63
- 500: palette.info_500,
64
- 600: palette.info_600,
65
- 700: palette.info_700,
66
- 800: palette.info_800,
67
- 900: palette.info_900,
68
- },
69
- secondary: {
70
- 100: palette.secondary_100,
71
- 200: palette.secondary_200,
72
- 300: palette.secondary_300,
73
- 400: palette.secondary_400,
74
- 500: palette.secondary_500,
75
- 600: palette.secondary_600,
76
- 700: palette.secondary_700,
77
- 800: palette.secondary_800,
78
- 900: palette.secondary_900,
79
- },
80
- };
81
- }
82
- function createTheme({ scheme, name, palette, options = {}, }) {
83
- const shadowOpacity = options.shadowOpacity ?? 0.1;
84
- const shadowColor = (0, alpha_1.alpha)(palette.black, shadowOpacity);
85
- const baseSemantic = buildDefaultSemantic(palette);
86
- const semantic = {
87
- ...baseSemantic,
88
- ...options.semanticOverrides,
89
- };
90
- return {
91
- scheme,
92
- name,
93
- palette,
94
- semantic,
95
- atoms: {
96
- // Base text colors using primary neutral (scheme-dependent)
97
- text: {
98
- color: scheme === "light" ? palette.primary_900 : palette.white,
99
- },
100
- text_low: {
101
- color: scheme === "light" ? palette.primary_400 : palette.primary_300,
102
- },
103
- text_medium: {
104
- color: scheme === "light" ? palette.primary_700 : palette.primary_200,
105
- },
106
- text_high: {
107
- color: scheme === "light" ? palette.primary_900 : palette.primary_100,
108
- },
109
- text_inverted: {
110
- color: scheme === "light" ? palette.white : palette.primary_900,
111
- },
112
- // Base backgrounds using primary neutral
113
- bg: {
114
- backgroundColor: scheme === "light" ? palette.white : palette.primary_900,
115
- },
116
- bg_25: {
117
- backgroundColor: scheme === "light" ? palette.primary_25 : palette.primary_800,
118
- },
119
- bg_50: {
120
- backgroundColor: scheme === "light" ? palette.primary_50 : palette.primary_700,
121
- },
122
- // Base borders using primary neutral
123
- border_low: {
124
- borderColor: scheme === "light" ? palette.primary_100 : palette.primary_700,
125
- },
126
- border_medium: {
127
- borderColor: scheme === "light" ? palette.primary_200 : palette.primary_600,
128
- },
129
- border_high: {
130
- borderColor: scheme === "light" ? palette.primary_300 : palette.primary_500,
131
- },
132
- // Semantic text atoms (900 for text)
133
- text_primary: { color: semantic.primary[900] },
134
- text_success: { color: semantic.success[900] },
135
- text_error: { color: semantic.error[900] },
136
- text_warning: { color: semantic.warning[900] },
137
- text_info: { color: semantic.info[900] },
138
- text_secondary: { color: semantic.secondary[900] },
139
- // Semantic background atoms (500 for bg)
140
- bg_primary: { backgroundColor: semantic.primary[500] },
141
- bg_success: { backgroundColor: semantic.success[500] },
142
- bg_error: { backgroundColor: semantic.error[500] },
143
- bg_warning: { backgroundColor: semantic.warning[500] },
144
- bg_info: { backgroundColor: semantic.info[500] },
145
- bg_secondary: { backgroundColor: semantic.secondary[500] },
146
- // Semantic border atoms (300 for border)
147
- border_primary: { borderColor: semantic.primary[300] },
148
- border_success: { borderColor: semantic.success[300] },
149
- border_error: { borderColor: semantic.error[300] },
150
- border_warning: { borderColor: semantic.warning[300] },
151
- border_info: { borderColor: semantic.info[300] },
152
- border_secondary: { borderColor: semantic.secondary[300] },
153
- // Shadows
154
- shadow_sm: {
155
- ...atoms_1.atoms.shadow_sm,
156
- shadowColor: palette.black,
157
- boxShadow: `0 4px 6px -1px ${shadowColor}, 0 2px 4px -2px ${shadowColor}`,
158
- },
159
- shadow_md: {
160
- ...atoms_1.atoms.shadow_md,
161
- shadowColor: palette.black,
162
- boxShadow: `0 10px 15px -3px ${shadowColor}, 0 4px 6px -4px ${shadowColor}`,
163
- },
164
- shadow_lg: {
165
- ...atoms_1.atoms.shadow_lg,
166
- shadowColor: palette.black,
167
- boxShadow: `0 20px 25px -5px ${shadowColor}, 0 8px 10px -6px ${shadowColor}`,
168
- },
169
- },
170
- };
171
- }
172
- function createThemes({ defaultPalette }) {
173
- const light = createTheme({
174
- scheme: "light",
175
- name: "light",
176
- palette: defaultPalette,
177
- });
178
- const dark = createTheme({
179
- scheme: "dark",
180
- name: "dark",
181
- palette: (0, palette_1.invertPalette)(defaultPalette),
182
- options: {
183
- shadowOpacity: 0.4,
184
- },
185
- });
186
- return {
187
- light,
188
- dark,
189
- };
190
- }
191
- //# sourceMappingURL=themes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":";;;AAiMA,kCAkHC;AAED,oCAsBC;AA3UD,mCAAgC;AAChC,yCAAsC;AAEtC,uCAAoE;AAGvD,QAAA,MAAM,GAAG,YAAY,CAAC;IACjC,cAAc,EAAE,yBAAe;CAChC,CAAC,CAAC;AAkHH,SAAS,oBAAoB,CAAC,OAAgB;IAC5C,OAAO;QACL,OAAO,EAAE;YACP,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;SACzB;QACD,OAAO,EAAE;YACP,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;SAC1B;QACD,KAAK,EAAE;YACL,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;YACzB,GAAG,EAAE,OAAO,CAAC,YAAY;SAC1B;QACD,OAAO,EAAE;YACP,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;YACxB,GAAG,EAAE,OAAO,CAAC,WAAW;SACzB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;YACrB,GAAG,EAAE,OAAO,CAAC,QAAQ;SACtB;QACD,SAAS,EAAE;YACT,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;YAC1B,GAAG,EAAE,OAAO,CAAC,aAAa;SAC3B;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,EAAE,GASb;IACC,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,GAAG,CAAC;IACnD,MAAM,WAAW,GAAG,IAAA,aAAK,EAAC,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAmB;QAC/B,GAAG,YAAY;QACf,GAAG,OAAO,CAAC,iBAAiB;KACX,CAAC;IACpB,OAAO;QACL,MAAM;QACN,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,KAAK,EAAE;YACL,4DAA4D;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;aAChE;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aACtE;YACD,WAAW,EAAE;gBACX,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aACtE;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aACtE;YACD,aAAa,EAAE;gBACb,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aAChE;YAED,yCAAyC;YACzC,EAAE,EAAE;gBACF,eAAe,EACb,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aAC3D;YACD,KAAK,EAAE;gBACL,eAAe,EACb,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aAChE;YACD,KAAK,EAAE;gBACL,eAAe,EACb,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aAChE;YAED,qCAAqC;YACrC,UAAU,EAAE;gBACV,WAAW,EACT,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aACjE;YACD,aAAa,EAAE;gBACb,WAAW,EACT,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aACjE;YACD,WAAW,EAAE;gBACX,WAAW,EACT,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW;aACjE;YAED,qCAAqC;YACrC,YAAY,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC9C,YAAY,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC9C,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAC1C,YAAY,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC9C,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACxC,cAAc,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;YAElD,yCAAyC;YACzC,UAAU,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtD,UAAU,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtD,QAAQ,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAClD,UAAU,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtD,OAAO,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAChD,YAAY,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;YAE1D,yCAAyC;YACzC,cAAc,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtD,cAAc,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtD,YAAY,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAClD,cAAc,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACtD,WAAW,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAChD,gBAAgB,EAAE,EAAE,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;YAE1D,UAAU;YACV,SAAS,EAAE;gBACT,GAAG,aAAK,CAAC,SAAS;gBAClB,WAAW,EAAE,OAAO,CAAC,KAAK;gBAC1B,SAAS,EAAE,kBAAkB,WAAW,oBAAoB,WAAW,EAAE;aAC1E;YACD,SAAS,EAAE;gBACT,GAAG,aAAK,CAAC,SAAS;gBAClB,WAAW,EAAE,OAAO,CAAC,KAAK;gBAC1B,SAAS,EAAE,oBAAoB,WAAW,oBAAoB,WAAW,EAAE;aAC5E;YACD,SAAS,EAAE;gBACT,GAAG,aAAK,CAAC,SAAS;gBAClB,WAAW,EAAE,OAAO,CAAC,KAAK;gBAC1B,SAAS,EAAE,oBAAoB,WAAW,qBAAqB,WAAW,EAAE;aAC7E;SACF;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,YAAY,CAAC,EAAE,cAAc,EAA+B;IAI1E,MAAM,KAAK,GAAG,WAAW,CAAC;QACxB,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,cAAc;KACxB,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,WAAW,CAAC;QACvB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,IAAA,uBAAa,EAAC,cAAc,CAAC;QACtC,OAAO,EAAE;YACP,aAAa,EAAE,GAAG;SACnB;KACF,CAAC,CAAC;IAEH,OAAO;QACL,KAAK;QACL,IAAI;KACL,CAAC;AACJ,CAAC"}
@@ -1,7 +0,0 @@
1
- import { type ThemeName } from "../themes";
2
- export declare function select<T>(name: ThemeName, options: (Record<ThemeName, T> & {
3
- default?: undefined;
4
- }) | (Partial<Record<ThemeName, T>> & {
5
- default: T;
6
- })): T;
7
- //# sourceMappingURL=select.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/utils/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,wBAAgB,MAAM,CAAC,CAAC,EACtB,IAAI,EAAE,SAAS,EACf,OAAO,EACH,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,GAChD,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC,GACnD,CAAC,CASH"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.select = select;
4
- function select(name, options) {
5
- switch (name) {
6
- case "light":
7
- return options.light;
8
- case "dark":
9
- return options.dark;
10
- default:
11
- return options.default;
12
- }
13
- }
14
- //# sourceMappingURL=select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/utils/select.ts"],"names":[],"mappings":";;AAEA,wBAcC;AAdD,SAAgB,MAAM,CACpB,IAAe,EACf,OAEoD;IAEpD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,OAAO,CAAC,KAAU,CAAC;QAC5B,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,IAAS,CAAC;QAC3B;YACE,OAAO,OAAO,CAAC,OAAY,CAAC;IAChC,CAAC;AACH,CAAC"}