@agimon-ai/style-system 0.1.1
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/LICENSE +52 -0
- package/README.md +148 -0
- package/dist/cli.cjs +412 -0
- package/dist/cli.d.cts +1 -0
- package/dist/cli.d.mts +1 -0
- package/dist/cli.mjs +393 -0
- package/dist/index.cjs +84 -0
- package/dist/index.d.cts +1959 -0
- package/dist/index.d.mts +1959 -0
- package/dist/index.mjs +2 -0
- package/dist/shims/expo-symbols.ts +9 -0
- package/dist/shims/expo-vector-icons.ts +36 -0
- package/dist/shims/react-native-reanimated.ts +57 -0
- package/dist/stdio-Bh4OBwmR.mjs +5288 -0
- package/dist/stdio-D8AH3sRD.cjs +5529 -0
- package/package.json +89 -0
- package/skills/style-system/SKILL.md +83 -0
- package/skills/style-system/agents/openai.yaml +4 -0
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { A as StoriesIndexService, C as getSharedComponentTags, D as StyleSystemConfigLoader, E as resolveAppDesignSystemConfig, M as DEFAULT_STYLE_SYSTEM_CONFIG, N as TailwindCSSClassesService, O as resolveStyleSystemThemePath, P as BaseCSSClassesService, S as getAppDesignSystemConfig, T as resetStyleSystemConfigCache, _ as ThemeService, b as ViteReactBundlerService, c as createStyleSystemModule, d as ListSharedComponentsTool, f as GetComponentVisualTool, g as ComponentRendererService, h as GetUiComponentService, i as createServer, j as CSSClassesServiceFactory, k as STYLE_SYSTEM_TYPES, l as PolishComponentTool, m as ListThemesTool, n as extractCustomTokenNames, p as GetCSSClassesTool, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, u as ListAppComponentsTool, v as createDefaultBundlerService, w as hasStyleSystemProjectConfig, x as BaseBundlerService, y as getBundlerServiceFromConfig } from "./stdio-Bh4OBwmR.mjs";
|
|
2
|
+
export { BaseBundlerService, BaseCSSClassesService, CSSClassesServiceFactory, ComponentRendererService, DEFAULT_STYLE_SYSTEM_CONFIG, GetCSSClassesTool, GetComponentVisualTool, GetUiComponentService, ListAppComponentsTool, ListSharedComponentsTool, ListThemesTool, PolishComponentTool, STYLE_SYSTEM_TYPES, StdioTransportHandler, StoriesIndexService, StyleSystemConfigLoader, TailwindCSSClassesService, ThemeService, ViteReactBundlerService, createContainer, createDefaultBundlerService, createServer, createStyleSystemModule, extractCustomTokenNames, generateRestrictedClassesConfig, getAppDesignSystemConfig, getBundlerServiceFromConfig, getSharedComponentTags, hasStyleSystemProjectConfig, resetStyleSystemConfigCache, resolveAppDesignSystemConfig, resolveStyleSystemThemePath };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
function MaterialIcons({
|
|
4
|
+
name,
|
|
5
|
+
size = 24,
|
|
6
|
+
color = '#000',
|
|
7
|
+
style,
|
|
8
|
+
}: {
|
|
9
|
+
name: string;
|
|
10
|
+
size?: number;
|
|
11
|
+
color?: string;
|
|
12
|
+
style?: object;
|
|
13
|
+
}) {
|
|
14
|
+
return React.createElement('span', {
|
|
15
|
+
style: {
|
|
16
|
+
fontSize: size,
|
|
17
|
+
color,
|
|
18
|
+
fontFamily: 'Material Icons',
|
|
19
|
+
fontWeight: 'normal',
|
|
20
|
+
fontStyle: 'normal',
|
|
21
|
+
lineHeight: 1,
|
|
22
|
+
letterSpacing: 'normal',
|
|
23
|
+
textTransform: 'none',
|
|
24
|
+
display: 'inline-block',
|
|
25
|
+
whiteSpace: 'nowrap',
|
|
26
|
+
wordWrap: 'normal',
|
|
27
|
+
direction: 'ltr',
|
|
28
|
+
WebkitFontSmoothing: 'antialiased',
|
|
29
|
+
...(style as object),
|
|
30
|
+
},
|
|
31
|
+
children: name,
|
|
32
|
+
'aria-hidden': 'true',
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export default MaterialIcons;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React, { useMemo, useRef } from 'react';
|
|
2
|
+
import { ScrollView as ReactNativeScrollView, View as ReactNativeView } from 'react-native';
|
|
3
|
+
|
|
4
|
+
const View = (props: React.ComponentProps<typeof ReactNativeView>) => React.createElement(ReactNativeView, props);
|
|
5
|
+
const ScrollView = (props: React.ComponentProps<typeof ReactNativeScrollView>) =>
|
|
6
|
+
React.createElement(ReactNativeScrollView, props);
|
|
7
|
+
|
|
8
|
+
const Animated = {
|
|
9
|
+
View,
|
|
10
|
+
ScrollView,
|
|
11
|
+
createAnimatedComponent: <T>(comp: T) => comp,
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export default Animated;
|
|
15
|
+
export { Animated };
|
|
16
|
+
|
|
17
|
+
export function useSharedValue(init: number) {
|
|
18
|
+
return useMemo(() => ({ value: init }), []);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export function useAnimatedStyle(fn: () => Record<string, unknown>) {
|
|
22
|
+
return fn();
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export function useAnimatedRef() {
|
|
26
|
+
return useRef<null>(null);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export function useScrollOffset() {
|
|
30
|
+
return { value: 0 };
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export function withRepeat<T>(val: T) {
|
|
34
|
+
return val;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export function withTiming<T>(val: T) {
|
|
38
|
+
return val;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export function interpolate(val: number, inputRange: number[], outputRange: number[]) {
|
|
42
|
+
if (inputRange.length < 2) return outputRange[0] ?? 0;
|
|
43
|
+
const clamped = Math.max(inputRange[0], Math.min(val, inputRange[inputRange.length - 1]));
|
|
44
|
+
for (let i = 0; i < inputRange.length - 1; i++) {
|
|
45
|
+
if (clamped >= inputRange[i] && clamped <= inputRange[i + 1]) {
|
|
46
|
+
const t = (clamped - inputRange[i]) / (inputRange[i + 1] - inputRange[i]);
|
|
47
|
+
return outputRange[i] + t * (outputRange[i + 1] - outputRange[i]);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return outputRange[outputRange.length - 1] ?? 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export const Easing = {
|
|
54
|
+
linear: (t: number) => t,
|
|
55
|
+
ease: (t: number) => t,
|
|
56
|
+
bezier: () => (t: number) => t,
|
|
57
|
+
};
|