@idealyst/mcp-server 1.0.93 → 1.0.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/data/cli-commands.d.ts +2 -0
- package/dist/data/cli-commands.d.ts.map +1 -0
- package/dist/data/cli-commands.js +100 -0
- package/dist/data/cli-commands.js.map +1 -0
- package/dist/data/components/Accordion.d.ts +15 -0
- package/dist/data/components/Accordion.d.ts.map +1 -0
- package/{src/data/components/Accordion.ts → dist/data/components/Accordion.js} +26 -28
- package/dist/data/components/Accordion.js.map +1 -0
- package/dist/data/components/ActivityIndicator.d.ts +15 -0
- package/dist/data/components/ActivityIndicator.d.ts.map +1 -0
- package/{src/data/components/ActivityIndicator.ts → dist/data/components/ActivityIndicator.js} +26 -28
- package/dist/data/components/ActivityIndicator.js.map +1 -0
- package/dist/data/components/Alert.d.ts +15 -0
- package/dist/data/components/Alert.d.ts.map +1 -0
- package/{src/data/components/Alert.ts → dist/data/components/Alert.js} +28 -30
- package/dist/data/components/Alert.js.map +1 -0
- package/dist/data/components/Avatar.d.ts +15 -0
- package/dist/data/components/Avatar.d.ts.map +1 -0
- package/{src/data/components/Avatar.ts → dist/data/components/Avatar.js} +26 -28
- package/dist/data/components/Avatar.js.map +1 -0
- package/dist/data/components/Badge.d.ts +15 -0
- package/dist/data/components/Badge.d.ts.map +1 -0
- package/{src/data/components/Badge.ts → dist/data/components/Badge.js} +16 -15
- package/dist/data/components/Badge.js.map +1 -0
- package/dist/data/components/Breadcrumb.d.ts +15 -0
- package/dist/data/components/Breadcrumb.d.ts.map +1 -0
- package/{src/data/components/Breadcrumb.ts → dist/data/components/Breadcrumb.js} +27 -29
- package/dist/data/components/Breadcrumb.js.map +1 -0
- package/dist/data/components/Button.d.ts +15 -0
- package/dist/data/components/Button.d.ts.map +1 -0
- package/{src/data/components/Button.ts → dist/data/components/Button.js} +18 -17
- package/dist/data/components/Button.js.map +1 -0
- package/dist/data/components/Card.d.ts +15 -0
- package/dist/data/components/Card.d.ts.map +1 -0
- package/{src/data/components/Card.ts → dist/data/components/Card.js} +16 -15
- package/dist/data/components/Card.js.map +1 -0
- package/dist/data/components/Checkbox.d.ts +15 -0
- package/dist/data/components/Checkbox.d.ts.map +1 -0
- package/{src/data/components/Checkbox.ts → dist/data/components/Checkbox.js} +27 -29
- package/dist/data/components/Checkbox.js.map +1 -0
- package/dist/data/components/Chip.d.ts +15 -0
- package/dist/data/components/Chip.d.ts.map +1 -0
- package/{src/data/components/Chip.ts → dist/data/components/Chip.js} +19 -18
- package/dist/data/components/Chip.js.map +1 -0
- package/dist/data/components/Dialog.d.ts +15 -0
- package/dist/data/components/Dialog.d.ts.map +1 -0
- package/{src/data/components/Dialog.ts → dist/data/components/Dialog.js} +18 -17
- package/dist/data/components/Dialog.js.map +1 -0
- package/dist/data/components/Divider.d.ts +15 -0
- package/dist/data/components/Divider.d.ts.map +1 -0
- package/{src/data/components/Divider.ts → dist/data/components/Divider.js} +26 -28
- package/dist/data/components/Divider.js.map +1 -0
- package/dist/data/components/Icon.d.ts +15 -0
- package/dist/data/components/Icon.d.ts.map +1 -0
- package/{src/data/components/Icon.ts → dist/data/components/Icon.js} +26 -28
- package/dist/data/components/Icon.js.map +1 -0
- package/dist/data/components/Image.d.ts +15 -0
- package/dist/data/components/Image.d.ts.map +1 -0
- package/{src/data/components/Image.ts → dist/data/components/Image.js} +29 -31
- package/dist/data/components/Image.js.map +1 -0
- package/dist/data/components/Input.d.ts +15 -0
- package/dist/data/components/Input.d.ts.map +1 -0
- package/{src/data/components/Input.ts → dist/data/components/Input.js} +20 -19
- package/dist/data/components/Input.js.map +1 -0
- package/dist/data/components/List.d.ts +15 -0
- package/dist/data/components/List.d.ts.map +1 -0
- package/{src/data/components/List.ts → dist/data/components/List.js} +18 -17
- package/dist/data/components/List.js.map +1 -0
- package/dist/data/components/Menu.d.ts +15 -0
- package/dist/data/components/Menu.d.ts.map +1 -0
- package/{src/data/components/Menu.ts → dist/data/components/Menu.js} +27 -29
- package/dist/data/components/Menu.js.map +1 -0
- package/dist/data/components/Popover.d.ts +15 -0
- package/dist/data/components/Popover.d.ts.map +1 -0
- package/{src/data/components/Popover.ts → dist/data/components/Popover.js} +28 -30
- package/dist/data/components/Popover.js.map +1 -0
- package/dist/data/components/Pressable.d.ts +15 -0
- package/dist/data/components/Pressable.d.ts.map +1 -0
- package/{src/data/components/Pressable.ts → dist/data/components/Pressable.js} +27 -29
- package/dist/data/components/Pressable.js.map +1 -0
- package/dist/data/components/Progress.d.ts +15 -0
- package/dist/data/components/Progress.d.ts.map +1 -0
- package/{src/data/components/Progress.ts → dist/data/components/Progress.js} +27 -29
- package/dist/data/components/Progress.js.map +1 -0
- package/dist/data/components/RadioButton.d.ts +15 -0
- package/dist/data/components/RadioButton.d.ts.map +1 -0
- package/{src/data/components/RadioButton.ts → dist/data/components/RadioButton.js} +28 -30
- package/dist/data/components/RadioButton.js.map +1 -0
- package/dist/data/components/SVGImage.d.ts +15 -0
- package/dist/data/components/SVGImage.d.ts.map +1 -0
- package/{src/data/components/SVGImage.ts → dist/data/components/SVGImage.js} +27 -29
- package/dist/data/components/SVGImage.js.map +1 -0
- package/dist/data/components/Screen.d.ts +15 -0
- package/dist/data/components/Screen.d.ts.map +1 -0
- package/{src/data/components/Screen.ts → dist/data/components/Screen.js} +27 -29
- package/dist/data/components/Screen.js.map +1 -0
- package/dist/data/components/Select.d.ts +15 -0
- package/dist/data/components/Select.d.ts.map +1 -0
- package/{src/data/components/Select.ts → dist/data/components/Select.js} +30 -32
- package/dist/data/components/Select.js.map +1 -0
- package/dist/data/components/Skeleton.d.ts +15 -0
- package/dist/data/components/Skeleton.d.ts.map +1 -0
- package/{src/data/components/Skeleton.ts → dist/data/components/Skeleton.js} +27 -29
- package/dist/data/components/Skeleton.js.map +1 -0
- package/dist/data/components/Slider.d.ts +15 -0
- package/dist/data/components/Slider.d.ts.map +1 -0
- package/{src/data/components/Slider.ts → dist/data/components/Slider.js} +31 -33
- package/dist/data/components/Slider.js.map +1 -0
- package/dist/data/components/Switch.d.ts +15 -0
- package/dist/data/components/Switch.d.ts.map +1 -0
- package/{src/data/components/Switch.ts → dist/data/components/Switch.js} +28 -30
- package/dist/data/components/Switch.js.map +1 -0
- package/dist/data/components/TabBar.d.ts +15 -0
- package/dist/data/components/TabBar.d.ts.map +1 -0
- package/{src/data/components/TabBar.ts → dist/data/components/TabBar.js} +27 -29
- package/dist/data/components/TabBar.js.map +1 -0
- package/dist/data/components/Table.d.ts +15 -0
- package/dist/data/components/Table.d.ts.map +1 -0
- package/{src/data/components/Table.ts → dist/data/components/Table.js} +29 -31
- package/dist/data/components/Table.js.map +1 -0
- package/dist/data/components/Tabs.d.ts +15 -0
- package/dist/data/components/Tabs.d.ts.map +1 -0
- package/{src/data/components/Tabs.ts → dist/data/components/Tabs.js} +28 -30
- package/dist/data/components/Tabs.js.map +1 -0
- package/dist/data/components/Text.d.ts +15 -0
- package/dist/data/components/Text.d.ts.map +1 -0
- package/{src/data/components/Text.ts → dist/data/components/Text.js} +27 -29
- package/dist/data/components/Text.js.map +1 -0
- package/dist/data/components/TextArea.d.ts +15 -0
- package/dist/data/components/TextArea.d.ts.map +1 -0
- package/{src/data/components/TextArea.ts → dist/data/components/TextArea.js} +31 -33
- package/dist/data/components/TextArea.js.map +1 -0
- package/dist/data/components/Tooltip.d.ts +15 -0
- package/dist/data/components/Tooltip.d.ts.map +1 -0
- package/{src/data/components/Tooltip.ts → dist/data/components/Tooltip.js} +28 -30
- package/dist/data/components/Tooltip.js.map +1 -0
- package/dist/data/components/Video.d.ts +15 -0
- package/dist/data/components/Video.d.ts.map +1 -0
- package/{src/data/components/Video.ts → dist/data/components/Video.js} +31 -33
- package/dist/data/components/Video.js.map +1 -0
- package/dist/data/components/View.d.ts +15 -0
- package/dist/data/components/View.d.ts.map +1 -0
- package/{src/data/components/View.ts → dist/data/components/View.js} +28 -30
- package/dist/data/components/View.js.map +1 -0
- package/dist/data/components/index.d.ts +37 -0
- package/dist/data/components/index.d.ts.map +1 -0
- package/{src/data/components/index.ts → dist/data/components/index.js} +37 -38
- package/dist/data/components/index.js.map +1 -0
- package/dist/data/framework-guides.d.ts +2 -0
- package/dist/data/framework-guides.d.ts.map +1 -0
- package/{src/data/framework-guides.ts → dist/data/framework-guides.js} +8 -12
- package/dist/data/framework-guides.js.map +1 -0
- package/dist/data/icon-guide.d.ts +2 -0
- package/dist/data/icon-guide.d.ts.map +1 -0
- package/{src/data/icon-guide.ts → dist/data/icon-guide.js} +1 -0
- package/dist/data/icon-guide.js.map +1 -0
- package/dist/data/icons.json +7452 -0
- package/dist/data/navigation-guides.d.ts +2 -0
- package/dist/data/navigation-guides.d.ts.map +1 -0
- package/{src/data/navigation-guides.ts → dist/data/navigation-guides.js} +7 -10
- package/dist/data/navigation-guides.js.map +1 -0
- package/dist/generated/types.json +2556 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js.map +1 -0
- package/dist/tools/get-types.d.ts +26 -0
- package/dist/tools/get-types.d.ts.map +1 -0
- package/dist/tools/get-types.js +123 -0
- package/dist/tools/get-types.js.map +1 -0
- package/package.json +7 -2
- package/ARCHITECTURE.md +0 -313
- package/TYPE-SYSTEM.md +0 -397
- package/scripts/extract-types.ts +0 -71
- package/scripts/type-extractor.ts +0 -286
- package/scripts/validate-examples.ts +0 -142
- package/src/data/cli-commands.ts +0 -103
- package/src/data/icons.json +0 -7452
- package/src/index.ts +0 -653
- package/src/tools/get-types.ts +0 -169
- package/test-client.js +0 -86
- package/tsconfig.examples.json +0 -14
- package/tsconfig.json +0 -20
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const Switch = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "form",
|
|
3
|
+
description: "Toggle switch for binary on/off states",
|
|
4
|
+
props: `
|
|
5
5
|
- \`checked\`: boolean - Whether the switch is in the on/checked state
|
|
6
6
|
- \`onCheckedChange\`: function - Called when the switch state changes
|
|
7
7
|
- \`disabled\`: boolean - Whether the switch is disabled
|
|
@@ -12,24 +12,24 @@ export const Switch = {
|
|
|
12
12
|
- \`enabledIcon\`: IconName | React.ReactNode - Icon to display when switch is on
|
|
13
13
|
- \`disabledIcon\`: IconName | React.ReactNode - Icon to display when switch is off
|
|
14
14
|
`,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
15
|
+
features: [
|
|
16
|
+
"Binary on/off toggle",
|
|
17
|
+
"Label with configurable position",
|
|
18
|
+
"Three sizes",
|
|
19
|
+
"Five intent colors",
|
|
20
|
+
"Custom icons for states",
|
|
21
|
+
"Disabled state",
|
|
22
|
+
"Animated transition",
|
|
23
|
+
],
|
|
24
|
+
bestPractices: [
|
|
25
|
+
"Use for binary settings (on/off, enabled/disabled)",
|
|
26
|
+
"Provide clear labels",
|
|
27
|
+
"Use intent colors to indicate state meaning",
|
|
28
|
+
"Place label on left for form layouts",
|
|
29
|
+
"Use icons sparingly for clarity",
|
|
30
|
+
"Immediate effect - no submit button needed",
|
|
31
|
+
],
|
|
32
|
+
usage: `
|
|
33
33
|
import { Switch } from '@idealyst/components';
|
|
34
34
|
import { useState } from 'react';
|
|
35
35
|
|
|
@@ -46,20 +46,18 @@ function Example() {
|
|
|
46
46
|
);
|
|
47
47
|
}
|
|
48
48
|
`,
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
examples: {
|
|
50
|
+
basic: `import { Switch } from '@idealyst/components';
|
|
51
51
|
|
|
52
52
|
<Switch label="Enable feature" />`,
|
|
53
|
-
|
|
54
|
-
variants: `import { Switch, View } from '@idealyst/components';
|
|
53
|
+
variants: `import { Switch, View } from '@idealyst/components';
|
|
55
54
|
|
|
56
55
|
<View spacing="md">
|
|
57
56
|
<Switch label="Small" size="sm" checked />
|
|
58
57
|
<Switch label="Medium" size="md" checked />
|
|
59
58
|
<Switch label="Large" size="lg" checked />
|
|
60
59
|
</View>`,
|
|
61
|
-
|
|
62
|
-
"with-icons": `import { Switch, View } from '@idealyst/components';
|
|
60
|
+
"with-icons": `import { Switch, View } from '@idealyst/components';
|
|
63
61
|
import { useState } from 'react';
|
|
64
62
|
|
|
65
63
|
function Example() {
|
|
@@ -76,8 +74,7 @@ function Example() {
|
|
|
76
74
|
/>
|
|
77
75
|
);
|
|
78
76
|
}`,
|
|
79
|
-
|
|
80
|
-
interactive: `import { Switch, View, Text, Card } from '@idealyst/components';
|
|
77
|
+
interactive: `import { Switch, View, Text, Card } from '@idealyst/components';
|
|
81
78
|
import { useState } from 'react';
|
|
82
79
|
|
|
83
80
|
function SettingsPanel() {
|
|
@@ -123,5 +120,6 @@ function SettingsPanel() {
|
|
|
123
120
|
</Card>
|
|
124
121
|
);
|
|
125
122
|
}`,
|
|
126
|
-
|
|
123
|
+
},
|
|
127
124
|
};
|
|
125
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/data/components/Switch.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,wCAAwC;IACjD,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,sBAAsB;QACtB,kCAAkC;QAClC,aAAa;QACb,oBAAoB;QACpB,yBAAyB;QACzB,gBAAgB;QAChB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,oDAAoD;QACpD,sBAAsB;QACtB,6CAA6C;QAC7C,sCAAsC;QACtC,iCAAiC;QACjC,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;kCAEuB;QAE9B,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;EAgBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Cf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const TabBar: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=TabBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA6IlB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const TabBar = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "navigation",
|
|
3
|
+
description: "Tab bar navigation component for switching between views or sections",
|
|
4
|
+
props: `
|
|
5
5
|
- \`items\`: TabBarItem[] - Array of tab items to display
|
|
6
6
|
- \`value\`: string - The currently selected tab value (controlled)
|
|
7
7
|
- \`defaultValue\`: string - The default selected tab for uncontrolled usage
|
|
@@ -10,23 +10,23 @@ export const TabBar = {
|
|
|
10
10
|
- \`size\`: TabBarSizeVariant - The size variant of the tabs
|
|
11
11
|
- \`pillMode\`: TabBarPillMode - Mode for pills variant: 'light' for light backgrounds (dark pill), 'dark' for dark backgrounds (light pill)
|
|
12
12
|
`,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
13
|
+
features: [
|
|
14
|
+
"Three visual variants",
|
|
15
|
+
"Controlled and uncontrolled modes",
|
|
16
|
+
"Three sizes",
|
|
17
|
+
"Five intent colors",
|
|
18
|
+
"Disabled tabs",
|
|
19
|
+
"Simple configuration",
|
|
20
|
+
],
|
|
21
|
+
bestPractices: [
|
|
22
|
+
"Use 'underline' variant for page-level navigation",
|
|
23
|
+
"Use 'pills' variant for contained sections",
|
|
24
|
+
"Keep tab labels short (1-2 words)",
|
|
25
|
+
"Use 3-5 tabs for optimal UX",
|
|
26
|
+
"Disable tabs when content is unavailable",
|
|
27
|
+
"Preload tab content for smooth transitions",
|
|
28
|
+
],
|
|
29
|
+
usage: `
|
|
30
30
|
import { TabBar } from '@idealyst/components';
|
|
31
31
|
import { useState } from 'react';
|
|
32
32
|
|
|
@@ -49,8 +49,8 @@ function Example() {
|
|
|
49
49
|
);
|
|
50
50
|
}
|
|
51
51
|
`,
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
examples: {
|
|
53
|
+
basic: `import { TabBar } from '@idealyst/components';
|
|
54
54
|
|
|
55
55
|
const items = [
|
|
56
56
|
{ value: '1', label: 'Tab 1' },
|
|
@@ -58,8 +58,7 @@ const items = [
|
|
|
58
58
|
];
|
|
59
59
|
|
|
60
60
|
<TabBar items={items} defaultValue="1" />`,
|
|
61
|
-
|
|
62
|
-
variants: `import { TabBar, View } from '@idealyst/components';
|
|
61
|
+
variants: `import { TabBar, View } from '@idealyst/components';
|
|
63
62
|
|
|
64
63
|
const items = [
|
|
65
64
|
{ value: 'a', label: 'First' },
|
|
@@ -71,8 +70,7 @@ const items = [
|
|
|
71
70
|
<TabBar items={items} type="pills" />
|
|
72
71
|
<TabBar items={items} type="underline" />
|
|
73
72
|
</View>`,
|
|
74
|
-
|
|
75
|
-
"with-icons": `import { TabBar, View, Text } from '@idealyst/components';
|
|
73
|
+
"with-icons": `import { TabBar, View, Text } from '@idealyst/components';
|
|
76
74
|
import { useState } from 'react';
|
|
77
75
|
|
|
78
76
|
function Example() {
|
|
@@ -97,8 +95,7 @@ function Example() {
|
|
|
97
95
|
</View>
|
|
98
96
|
);
|
|
99
97
|
}`,
|
|
100
|
-
|
|
101
|
-
interactive: `import { TabBar, View, Text, Card } from '@idealyst/components';
|
|
98
|
+
interactive: `import { TabBar, View, Text, Card } from '@idealyst/components';
|
|
102
99
|
import { useState } from 'react';
|
|
103
100
|
|
|
104
101
|
function Example() {
|
|
@@ -138,5 +135,6 @@ function Example() {
|
|
|
138
135
|
</View>
|
|
139
136
|
);
|
|
140
137
|
}`,
|
|
141
|
-
|
|
138
|
+
},
|
|
142
139
|
};
|
|
140
|
+
//# sourceMappingURL=TabBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,sEAAsE;IAC/E,KAAK,EAAE;;;;;;;;CAQZ;IACC,QAAQ,EAAE;QACR,uBAAuB;QACvB,mCAAmC;QACnC,aAAa;QACb,oBAAoB;QACpB,eAAe;QACf,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,4CAA4C;QAC5C,mCAAmC;QACnC,6BAA6B;QAC7B,0CAA0C;QAC1C,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;0CAO+B;QAEtC,QAAQ,EAAE;;;;;;;;;;;QAWN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;EAwBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const Table: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/data/components/Table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAwJjB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const Table = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "data",
|
|
3
|
+
description: "Data table component for displaying structured tabular data",
|
|
4
|
+
props: `
|
|
5
5
|
- \`columns\`: TableColumn<T>[] - Column definitions
|
|
6
6
|
- \`key\`: string - Unique column key
|
|
7
7
|
- \`title\`: string - Column header title
|
|
@@ -17,25 +17,25 @@ export const Table = {
|
|
|
17
17
|
- \`style\`: ViewStyle - Additional styles
|
|
18
18
|
- \`testID\`: string - Test identifier
|
|
19
19
|
`,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
20
|
+
features: [
|
|
21
|
+
"Column-based configuration",
|
|
22
|
+
"Custom cell renderers",
|
|
23
|
+
"Three visual variants",
|
|
24
|
+
"Three sizes",
|
|
25
|
+
"Sticky header support",
|
|
26
|
+
"Row click handling",
|
|
27
|
+
"Column alignment",
|
|
28
|
+
"Custom column widths",
|
|
29
|
+
],
|
|
30
|
+
bestPractices: [
|
|
31
|
+
"Use render function for complex cell content",
|
|
32
|
+
"Enable stickyHeader for long tables",
|
|
33
|
+
"Use 'striped' variant for better readability",
|
|
34
|
+
"Set column widths for important columns",
|
|
35
|
+
"Keep column count reasonable for mobile",
|
|
36
|
+
"Use appropriate size for data density",
|
|
37
|
+
],
|
|
38
|
+
usage: `
|
|
39
39
|
import { Table } from '@idealyst/components';
|
|
40
40
|
|
|
41
41
|
const columns = [
|
|
@@ -55,8 +55,8 @@ const data = [
|
|
|
55
55
|
|
|
56
56
|
<Table columns={columns} data={data} variant="striped" />
|
|
57
57
|
`,
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
examples: {
|
|
59
|
+
basic: `import { Table } from '@idealyst/components';
|
|
60
60
|
|
|
61
61
|
const columns = [
|
|
62
62
|
{ key: 'id', title: 'ID', dataIndex: 'id' },
|
|
@@ -69,8 +69,7 @@ const data = [
|
|
|
69
69
|
];
|
|
70
70
|
|
|
71
71
|
<Table columns={columns} data={data} />`,
|
|
72
|
-
|
|
73
|
-
variants: `import { Table, View } from '@idealyst/components';
|
|
72
|
+
variants: `import { Table, View } from '@idealyst/components';
|
|
74
73
|
|
|
75
74
|
const columns = [{ key: 'name', title: 'Name', dataIndex: 'name' }];
|
|
76
75
|
const data = [{ name: 'Test' }];
|
|
@@ -80,8 +79,7 @@ const data = [{ name: 'Test' }];
|
|
|
80
79
|
<Table columns={columns} data={data} variant="bordered" />
|
|
81
80
|
<Table columns={columns} data={data} variant="striped" />
|
|
82
81
|
</View>`,
|
|
83
|
-
|
|
84
|
-
"with-icons": `import { Table, Badge, Icon, View, Text } from '@idealyst/components';
|
|
82
|
+
"with-icons": `import { Table, Badge, Icon, View, Text } from '@idealyst/components';
|
|
85
83
|
|
|
86
84
|
const columns = [
|
|
87
85
|
{
|
|
@@ -106,8 +104,7 @@ const columns = [
|
|
|
106
104
|
];
|
|
107
105
|
|
|
108
106
|
<Table columns={columns} data={users} />`,
|
|
109
|
-
|
|
110
|
-
interactive: `import { Table, Button, View, Text } from '@idealyst/components';
|
|
107
|
+
interactive: `import { Table, Button, View, Text } from '@idealyst/components';
|
|
111
108
|
import { useState } from 'react';
|
|
112
109
|
|
|
113
110
|
function Example() {
|
|
@@ -149,5 +146,6 @@ function Example() {
|
|
|
149
146
|
</View>
|
|
150
147
|
);
|
|
151
148
|
}`,
|
|
152
|
-
|
|
149
|
+
},
|
|
153
150
|
};
|
|
151
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/data/components/Table.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,6DAA6D;IAC1E,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,4BAA4B;QAC5B,uBAAuB;QACvB,uBAAuB;QACvB,aAAa;QACb,uBAAuB;QACvB,oBAAoB;QACpB,kBAAkB;QAClB,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,qCAAqC;QACrC,8CAA8C;QAC9C,yCAAyC;QACzC,yCAAyC;QACzC,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;;wCAY6B;QAEpC,QAAQ,EAAE;;;;;;;;;QASN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;yCAwBuB;QAErC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const Tabs: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/data/components/Tabs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAuJhB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const Tabs = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "navigation",
|
|
3
|
+
description: "Tabs component with content panels for organizing information into tabbed sections",
|
|
4
|
+
props: `
|
|
5
5
|
Tab Props:
|
|
6
6
|
- \`value\`: string - Unique tab identifier
|
|
7
7
|
- \`label\`: string - Tab label text
|
|
@@ -19,24 +19,24 @@ Tabs Props:
|
|
|
19
19
|
- \`testID\`: string - Test identifier
|
|
20
20
|
- \`children\`: ReactNode - Tab components
|
|
21
21
|
`,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
22
|
+
features: [
|
|
23
|
+
"Integrated tab navigation and content panels",
|
|
24
|
+
"Three visual variants",
|
|
25
|
+
"Controlled and uncontrolled modes",
|
|
26
|
+
"Three sizes",
|
|
27
|
+
"Five intent colors",
|
|
28
|
+
"Disabled tabs",
|
|
29
|
+
"Automatic content switching",
|
|
30
|
+
],
|
|
31
|
+
bestPractices: [
|
|
32
|
+
"Use Tabs for content that belongs together",
|
|
33
|
+
"Use TabBar for navigation without content management",
|
|
34
|
+
"Keep 3-5 tabs for optimal UX",
|
|
35
|
+
"Lazy load tab content if heavy",
|
|
36
|
+
"Use descriptive tab labels",
|
|
37
|
+
"Consider vertical tabs for many options",
|
|
38
|
+
],
|
|
39
|
+
usage: `
|
|
40
40
|
import { Tabs, Tab, Text } from '@idealyst/components';
|
|
41
41
|
|
|
42
42
|
<Tabs defaultValue="tab1" variant="underline">
|
|
@@ -51,8 +51,8 @@ import { Tabs, Tab, Text } from '@idealyst/components';
|
|
|
51
51
|
</Tab>
|
|
52
52
|
</Tabs>
|
|
53
53
|
`,
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
examples: {
|
|
55
|
+
basic: `import { Tabs, Tab, Text } from '@idealyst/components';
|
|
56
56
|
|
|
57
57
|
<Tabs defaultValue="1">
|
|
58
58
|
<Tab value="1" label="First">
|
|
@@ -62,8 +62,7 @@ import { Tabs, Tab, Text } from '@idealyst/components';
|
|
|
62
62
|
<Text>Second tab content</Text>
|
|
63
63
|
</Tab>
|
|
64
64
|
</Tabs>`,
|
|
65
|
-
|
|
66
|
-
variants: `import { Tabs, Tab, View, Text } from '@idealyst/components';
|
|
65
|
+
variants: `import { Tabs, Tab, View, Text } from '@idealyst/components';
|
|
67
66
|
|
|
68
67
|
<View spacing="lg">
|
|
69
68
|
<Tabs defaultValue="a" variant="default">
|
|
@@ -81,8 +80,7 @@ import { Tabs, Tab, Text } from '@idealyst/components';
|
|
|
81
80
|
<Tab value="b" label="Style"><Text>Content B</Text></Tab>
|
|
82
81
|
</Tabs>
|
|
83
82
|
</View>`,
|
|
84
|
-
|
|
85
|
-
"with-icons": `import { Tabs, Tab, View, Text, Card } from '@idealyst/components';
|
|
83
|
+
"with-icons": `import { Tabs, Tab, View, Text, Card } from '@idealyst/components';
|
|
86
84
|
|
|
87
85
|
<Tabs defaultValue="profile" variant="pills" intent="primary">
|
|
88
86
|
<Tab value="profile" label="Profile">
|
|
@@ -102,8 +100,7 @@ import { Tabs, Tab, Text } from '@idealyst/components';
|
|
|
102
100
|
</Card>
|
|
103
101
|
</Tab>
|
|
104
102
|
</Tabs>`,
|
|
105
|
-
|
|
106
|
-
interactive: `import { Tabs, Tab, View, Text, Input, Button } from '@idealyst/components';
|
|
103
|
+
interactive: `import { Tabs, Tab, View, Text, Input, Button } from '@idealyst/components';
|
|
107
104
|
import { useState } from 'react';
|
|
108
105
|
|
|
109
106
|
function Example() {
|
|
@@ -148,5 +145,6 @@ function Example() {
|
|
|
148
145
|
</Tabs>
|
|
149
146
|
);
|
|
150
147
|
}`,
|
|
151
|
-
|
|
148
|
+
},
|
|
152
149
|
};
|
|
150
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/data/components/Tabs.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,oFAAoF;IACjG,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBR;IACC,QAAQ,EAAE;QACR,8CAA8C;QAC9C,uBAAuB;QACvB,mCAAmC;QACnC,aAAa;QACb,oBAAoB;QACpB,eAAe;QACf,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,4CAA4C;QAC5C,sDAAsD;QACtD,8BAA8B;QAC9B,gCAAgC;QAChC,4BAA4B;QAC5B,yCAAyC;KAC1C;IACD,KAAK,EAAE;;;;;;;;;;;;;;CAcR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;QASH;QAEJ,QAAQ,EAAE;;;;;;;;;;;;;;;;;QAiBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;QAmBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4Cf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const Text: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/data/components/Text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAoFhB,CAAC"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
export const Text = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "typography",
|
|
3
|
+
description: "Styled text component with size, weight, and color variants",
|
|
4
|
+
props: `
|
|
5
5
|
- \`children\`: React.ReactNode - The text content to display
|
|
6
6
|
- \`size\`: TextSizeVariant - The size variant of the text
|
|
7
7
|
- \`weight\`: TextWeightVariant - The weight of the text
|
|
8
8
|
- \`color\`: TextColorVariant - The color of the text
|
|
9
9
|
- \`align\`: TextAlignVariant - Text alignment
|
|
10
10
|
`,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
11
|
+
features: [
|
|
12
|
+
"Four size variants",
|
|
13
|
+
"Five weight options",
|
|
14
|
+
"Theme color variants",
|
|
15
|
+
"Three alignment options",
|
|
16
|
+
"Cross-platform support",
|
|
17
|
+
"Inherits parent text styles",
|
|
18
|
+
],
|
|
19
|
+
bestPractices: [
|
|
20
|
+
"Use semantic sizes (xl for headings, sm for captions)",
|
|
21
|
+
"Use appropriate weights for hierarchy",
|
|
22
|
+
"Prefer theme colors over custom colors",
|
|
23
|
+
"Use 'left' alignment for body text",
|
|
24
|
+
"Use 'center' for short, important text",
|
|
25
|
+
"Nest Text components for mixed styles",
|
|
26
|
+
],
|
|
27
|
+
usage: `
|
|
28
28
|
import { Text } from '@idealyst/components';
|
|
29
29
|
|
|
30
30
|
<Text size="xl" weight="bold" color="primary">
|
|
@@ -35,12 +35,11 @@ import { Text } from '@idealyst/components';
|
|
|
35
35
|
Body text with normal weight
|
|
36
36
|
</Text>
|
|
37
37
|
`,
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
examples: {
|
|
39
|
+
basic: `import { Text } from '@idealyst/components';
|
|
40
40
|
|
|
41
41
|
<Text>Simple text content</Text>`,
|
|
42
|
-
|
|
43
|
-
variants: `import { Text, View } from '@idealyst/components';
|
|
42
|
+
variants: `import { Text, View } from '@idealyst/components';
|
|
44
43
|
|
|
45
44
|
<View spacing="md">
|
|
46
45
|
<Text size="sm">Small text</Text>
|
|
@@ -48,8 +47,7 @@ import { Text } from '@idealyst/components';
|
|
|
48
47
|
<Text size="lg">Large text</Text>
|
|
49
48
|
<Text size="xl">Extra large text</Text>
|
|
50
49
|
</View>`,
|
|
51
|
-
|
|
52
|
-
"with-icons": `import { Text, View, Icon } from '@idealyst/components';
|
|
50
|
+
"with-icons": `import { Text, View, Icon } from '@idealyst/components';
|
|
53
51
|
|
|
54
52
|
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
|
|
55
53
|
<Icon name="check-circle" size="md" color="success" />
|
|
@@ -57,8 +55,7 @@ import { Text } from '@idealyst/components';
|
|
|
57
55
|
Verified Account
|
|
58
56
|
</Text>
|
|
59
57
|
</View>`,
|
|
60
|
-
|
|
61
|
-
interactive: `import { Text, View, Button } from '@idealyst/components';
|
|
58
|
+
interactive: `import { Text, View, Button } from '@idealyst/components';
|
|
62
59
|
import { useState } from 'react';
|
|
63
60
|
|
|
64
61
|
function Example() {
|
|
@@ -81,5 +78,6 @@ function Example() {
|
|
|
81
78
|
</View>
|
|
82
79
|
);
|
|
83
80
|
}`,
|
|
84
|
-
|
|
81
|
+
},
|
|
85
82
|
};
|
|
83
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/data/components/Text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,6DAA6D;IACtE,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,oBAAoB;QACpB,qBAAqB;QACrB,sBAAsB;QACtB,yBAAyB;QACzB,wBAAwB;QACxB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,uDAAuD;QACvD,uCAAuC;QACvC,wCAAwC;QACxC,oCAAoC;QACpC,wCAAwC;QACxC,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;iCAEsB;QAE7B,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;;;QAOV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const TextArea: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/data/components/TextArea.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CA0JpB,CAAC"}
|