@idealyst/mcp-server 1.2.24 → 1.2.26

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 (193) hide show
  1. package/dist/index.cjs +22366 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.d.cts +1 -0
  4. package/dist/index.d.ts +0 -2
  5. package/dist/index.js +22186 -1034
  6. package/dist/index.js.map +1 -1
  7. package/package.json +17 -7
  8. package/dist/data/cli-commands.d.ts +0 -2
  9. package/dist/data/cli-commands.d.ts.map +0 -1
  10. package/dist/data/cli-commands.js +0 -100
  11. package/dist/data/cli-commands.js.map +0 -1
  12. package/dist/data/components/Accordion.d.ts +0 -15
  13. package/dist/data/components/Accordion.d.ts.map +0 -1
  14. package/dist/data/components/Accordion.js +0 -113
  15. package/dist/data/components/Accordion.js.map +0 -1
  16. package/dist/data/components/ActivityIndicator.d.ts +0 -15
  17. package/dist/data/components/ActivityIndicator.d.ts.map +0 -1
  18. package/dist/data/components/ActivityIndicator.js +0 -80
  19. package/dist/data/components/ActivityIndicator.js.map +0 -1
  20. package/dist/data/components/Alert.d.ts +0 -15
  21. package/dist/data/components/Alert.d.ts.map +0 -1
  22. package/dist/data/components/Alert.js +0 -130
  23. package/dist/data/components/Alert.js.map +0 -1
  24. package/dist/data/components/Avatar.d.ts +0 -15
  25. package/dist/data/components/Avatar.d.ts.map +0 -1
  26. package/dist/data/components/Avatar.js +0 -91
  27. package/dist/data/components/Avatar.js.map +0 -1
  28. package/dist/data/components/Badge.d.ts +0 -15
  29. package/dist/data/components/Badge.d.ts.map +0 -1
  30. package/dist/data/components/Badge.js +0 -64
  31. package/dist/data/components/Badge.js.map +0 -1
  32. package/dist/data/components/Breadcrumb.d.ts +0 -15
  33. package/dist/data/components/Breadcrumb.d.ts.map +0 -1
  34. package/dist/data/components/Breadcrumb.js +0 -92
  35. package/dist/data/components/Breadcrumb.js.map +0 -1
  36. package/dist/data/components/Button.d.ts +0 -16
  37. package/dist/data/components/Button.d.ts.map +0 -1
  38. package/dist/data/components/Button.js +0 -118
  39. package/dist/data/components/Button.js.map +0 -1
  40. package/dist/data/components/Card.d.ts +0 -15
  41. package/dist/data/components/Card.d.ts.map +0 -1
  42. package/dist/data/components/Card.js +0 -75
  43. package/dist/data/components/Card.js.map +0 -1
  44. package/dist/data/components/Checkbox.d.ts +0 -15
  45. package/dist/data/components/Checkbox.d.ts.map +0 -1
  46. package/dist/data/components/Checkbox.js +0 -118
  47. package/dist/data/components/Checkbox.js.map +0 -1
  48. package/dist/data/components/Chip.d.ts +0 -15
  49. package/dist/data/components/Chip.d.ts.map +0 -1
  50. package/dist/data/components/Chip.js +0 -94
  51. package/dist/data/components/Chip.js.map +0 -1
  52. package/dist/data/components/Dialog.d.ts +0 -15
  53. package/dist/data/components/Dialog.d.ts.map +0 -1
  54. package/dist/data/components/Dialog.js +0 -137
  55. package/dist/data/components/Dialog.js.map +0 -1
  56. package/dist/data/components/Divider.d.ts +0 -15
  57. package/dist/data/components/Divider.d.ts.map +0 -1
  58. package/dist/data/components/Divider.js +0 -68
  59. package/dist/data/components/Divider.js.map +0 -1
  60. package/dist/data/components/Icon.d.ts +0 -15
  61. package/dist/data/components/Icon.d.ts.map +0 -1
  62. package/dist/data/components/Icon.js +0 -68
  63. package/dist/data/components/Icon.js.map +0 -1
  64. package/dist/data/components/Image.d.ts +0 -15
  65. package/dist/data/components/Image.d.ts.map +0 -1
  66. package/dist/data/components/Image.js +0 -119
  67. package/dist/data/components/Image.js.map +0 -1
  68. package/dist/data/components/Input.d.ts +0 -15
  69. package/dist/data/components/Input.d.ts.map +0 -1
  70. package/dist/data/components/Input.js +0 -155
  71. package/dist/data/components/Input.js.map +0 -1
  72. package/dist/data/components/Link.d.ts +0 -15
  73. package/dist/data/components/Link.d.ts.map +0 -1
  74. package/dist/data/components/Link.js +0 -142
  75. package/dist/data/components/Link.js.map +0 -1
  76. package/dist/data/components/List.d.ts +0 -15
  77. package/dist/data/components/List.d.ts.map +0 -1
  78. package/dist/data/components/List.js +0 -113
  79. package/dist/data/components/List.js.map +0 -1
  80. package/dist/data/components/Menu.d.ts +0 -15
  81. package/dist/data/components/Menu.d.ts.map +0 -1
  82. package/dist/data/components/Menu.js +0 -123
  83. package/dist/data/components/Menu.js.map +0 -1
  84. package/dist/data/components/Popover.d.ts +0 -15
  85. package/dist/data/components/Popover.d.ts.map +0 -1
  86. package/dist/data/components/Popover.js +0 -157
  87. package/dist/data/components/Popover.js.map +0 -1
  88. package/dist/data/components/Pressable.d.ts +0 -15
  89. package/dist/data/components/Pressable.d.ts.map +0 -1
  90. package/dist/data/components/Pressable.js +0 -125
  91. package/dist/data/components/Pressable.js.map +0 -1
  92. package/dist/data/components/Progress.d.ts +0 -15
  93. package/dist/data/components/Progress.d.ts.map +0 -1
  94. package/dist/data/components/Progress.js +0 -93
  95. package/dist/data/components/Progress.js.map +0 -1
  96. package/dist/data/components/RadioButton.d.ts +0 -15
  97. package/dist/data/components/RadioButton.d.ts.map +0 -1
  98. package/dist/data/components/RadioButton.js +0 -131
  99. package/dist/data/components/RadioButton.js.map +0 -1
  100. package/dist/data/components/SVGImage.d.ts +0 -15
  101. package/dist/data/components/SVGImage.d.ts.map +0 -1
  102. package/dist/data/components/SVGImage.js +0 -112
  103. package/dist/data/components/SVGImage.js.map +0 -1
  104. package/dist/data/components/Screen.d.ts +0 -15
  105. package/dist/data/components/Screen.d.ts.map +0 -1
  106. package/dist/data/components/Screen.js +0 -109
  107. package/dist/data/components/Screen.js.map +0 -1
  108. package/dist/data/components/Select.d.ts +0 -15
  109. package/dist/data/components/Select.d.ts.map +0 -1
  110. package/dist/data/components/Select.js +0 -141
  111. package/dist/data/components/Select.js.map +0 -1
  112. package/dist/data/components/Skeleton.d.ts +0 -15
  113. package/dist/data/components/Skeleton.d.ts.map +0 -1
  114. package/dist/data/components/Skeleton.js +0 -100
  115. package/dist/data/components/Skeleton.js.map +0 -1
  116. package/dist/data/components/Slider.d.ts +0 -15
  117. package/dist/data/components/Slider.d.ts.map +0 -1
  118. package/dist/data/components/Slider.js +0 -151
  119. package/dist/data/components/Slider.js.map +0 -1
  120. package/dist/data/components/Switch.d.ts +0 -15
  121. package/dist/data/components/Switch.d.ts.map +0 -1
  122. package/dist/data/components/Switch.js +0 -128
  123. package/dist/data/components/Switch.js.map +0 -1
  124. package/dist/data/components/TabBar.d.ts +0 -17
  125. package/dist/data/components/TabBar.d.ts.map +0 -1
  126. package/dist/data/components/TabBar.js +0 -244
  127. package/dist/data/components/TabBar.js.map +0 -1
  128. package/dist/data/components/Table.d.ts +0 -15
  129. package/dist/data/components/Table.d.ts.map +0 -1
  130. package/dist/data/components/Table.js +0 -159
  131. package/dist/data/components/Table.js.map +0 -1
  132. package/dist/data/components/Tabs.d.ts +0 -15
  133. package/dist/data/components/Tabs.d.ts.map +0 -1
  134. package/dist/data/components/Tabs.js +0 -150
  135. package/dist/data/components/Tabs.js.map +0 -1
  136. package/dist/data/components/Text.d.ts +0 -15
  137. package/dist/data/components/Text.d.ts.map +0 -1
  138. package/dist/data/components/Text.js +0 -97
  139. package/dist/data/components/Text.js.map +0 -1
  140. package/dist/data/components/TextArea.d.ts +0 -15
  141. package/dist/data/components/TextArea.d.ts.map +0 -1
  142. package/dist/data/components/TextArea.js +0 -156
  143. package/dist/data/components/TextArea.js.map +0 -1
  144. package/dist/data/components/Tooltip.d.ts +0 -15
  145. package/dist/data/components/Tooltip.d.ts.map +0 -1
  146. package/dist/data/components/Tooltip.js +0 -103
  147. package/dist/data/components/Tooltip.js.map +0 -1
  148. package/dist/data/components/Video.d.ts +0 -15
  149. package/dist/data/components/Video.d.ts.map +0 -1
  150. package/dist/data/components/Video.js +0 -166
  151. package/dist/data/components/Video.js.map +0 -1
  152. package/dist/data/components/View.d.ts +0 -15
  153. package/dist/data/components/View.d.ts.map +0 -1
  154. package/dist/data/components/View.js +0 -127
  155. package/dist/data/components/View.js.map +0 -1
  156. package/dist/data/components/index.d.ts +0 -38
  157. package/dist/data/components/index.d.ts.map +0 -1
  158. package/dist/data/components/index.js +0 -113
  159. package/dist/data/components/index.js.map +0 -1
  160. package/dist/data/framework-guides.d.ts +0 -2
  161. package/dist/data/framework-guides.d.ts.map +0 -1
  162. package/dist/data/framework-guides.js +0 -1730
  163. package/dist/data/framework-guides.js.map +0 -1
  164. package/dist/data/icon-guide.d.ts +0 -2
  165. package/dist/data/icon-guide.d.ts.map +0 -1
  166. package/dist/data/icon-guide.js +0 -285
  167. package/dist/data/icon-guide.js.map +0 -1
  168. package/dist/data/icons.json +0 -7452
  169. package/dist/data/navigation-guides.d.ts +0 -2
  170. package/dist/data/navigation-guides.d.ts.map +0 -1
  171. package/dist/data/navigation-guides.js +0 -2144
  172. package/dist/data/navigation-guides.js.map +0 -1
  173. package/dist/data/packages.d.ts +0 -39
  174. package/dist/data/packages.d.ts.map +0 -1
  175. package/dist/data/packages.js +0 -550
  176. package/dist/data/packages.js.map +0 -1
  177. package/dist/data/recipes.d.ts +0 -36
  178. package/dist/data/recipes.d.ts.map +0 -1
  179. package/dist/data/recipes.js +0 -2945
  180. package/dist/data/recipes.js.map +0 -1
  181. package/dist/data/storage-guides.d.ts +0 -2
  182. package/dist/data/storage-guides.d.ts.map +0 -1
  183. package/dist/data/storage-guides.js +0 -418
  184. package/dist/data/storage-guides.js.map +0 -1
  185. package/dist/data/translate-guides.d.ts +0 -2
  186. package/dist/data/translate-guides.d.ts.map +0 -1
  187. package/dist/data/translate-guides.js +0 -1030
  188. package/dist/data/translate-guides.js.map +0 -1
  189. package/dist/index.d.ts.map +0 -1
  190. package/dist/tools/get-types.d.ts +0 -37
  191. package/dist/tools/get-types.d.ts.map +0 -1
  192. package/dist/tools/get-types.js +0 -148
  193. package/dist/tools/get-types.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/data/components/Avatar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,2DAA2D;IACpE,KAAK,EAAE;;;;;;;CAOZ;IACC,QAAQ,EAAE;QACR,uCAAuC;QACvC,kCAAkC;QAClC,mBAAmB;QACnB,0BAA0B;QAC1B,+CAA+C;QAC/C,0BAA0B;KAC3B;IACD,aAAa,EAAE;QACb,2CAA2C;QAC3C,+CAA+C;QAC/C,qCAAqC;QACrC,gDAAgD;QAChD,oDAAoD;KACrD;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;GAKR;QAEC,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;QAkBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;EAgBf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Badge: {
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=Badge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/data/components/Badge.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CA8DjB,CAAC"}
@@ -1,64 +0,0 @@
1
- export const Badge = {
2
- category: "display",
3
- description: "Small status indicator with various styles and colors",
4
- props: `
5
- - \`children\`: React.ReactNode - The content to display inside the badge
6
- - \`size\`: BadgeSizeVariant - The size of the badge
7
- - \`type\`: BadgeType - The visual style variant of the badge
8
- - \`color\`: BadgeColorVariant - The color scheme of the badge
9
- - \`icon\`: IconName | React.ReactNode - Icon to display. Can be an icon name or custom component (ReactNode)
10
- `,
11
- features: [
12
- "Three visual variants",
13
- "Theme palette color support",
14
- "Three sizes",
15
- "Icon support",
16
- "Dot variant for minimal indicators",
17
- ],
18
- bestPractices: [
19
- "Use 'dot' variant for minimal status indicators",
20
- "Use 'filled' variant for prominent badges",
21
- "Keep badge content short (numbers or 1-2 words)",
22
- "Use appropriate colors for semantic meaning",
23
- ],
24
- usage: `
25
- import { Badge } from '@idealyst/components';
26
-
27
- <Badge type="filled" color="red">
28
- 3
29
- </Badge>
30
- `,
31
- examples: {
32
- basic: `import { Badge } from '@idealyst/components';
33
-
34
- <Badge>New</Badge>`,
35
- variants: `import { Badge } from '@idealyst/components';
36
-
37
- <Badge type="filled" color="blue">5</Badge>
38
- <Badge type="outlined" color="green">Active</Badge>
39
- <Badge type="dot" color="red" />`,
40
- "with-icons": `import { Badge } from '@idealyst/components';
41
-
42
- <Badge icon="star" color="yellow">
43
- Featured
44
- </Badge>`,
45
- interactive: `import { Badge, Button, View } from '@idealyst/components';
46
- import { useState } from 'react';
47
-
48
- function Example() {
49
- const [count, setCount] = useState(0);
50
-
51
- return (
52
- <View spacing="sm">
53
- <Badge type="filled" color="red">
54
- {count}
55
- </Badge>
56
- <Button onPress={() => setCount(count + 1)}>
57
- Increment
58
- </Button>
59
- </View>
60
- );
61
- }`,
62
- }
63
- };
64
- //# sourceMappingURL=Badge.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/data/components/Badge.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACrB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,uDAAuD;IAChE,KAAK,EAAE;;;;;;CAMd;IACG,QAAQ,EAAE;QACR,uBAAuB;QACvB,6BAA6B;QAC7B,aAAa;QACb,cAAc;QACd,oCAAoC;KACrC;IACD,aAAa,EAAE;QACb,iDAAiD;QACjD,2CAA2C;QAC3C,iDAAiD;QACjD,6CAA6C;KAC9C;IACD,KAAK,EAAE;;;;;;CAMV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;mBAEM;QACb,QAAQ,EAAE;;;;iCAIiB;QAC3B,YAAY,EAAE;;;;SAIX;QACH,WAAW,EAAE;;;;;;;;;;;;;;;;EAgBjB;KACG;CACJ,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Breadcrumb: {
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=Breadcrumb.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/data/components/Breadcrumb.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;CA6FtB,CAAC"}
@@ -1,92 +0,0 @@
1
- export const Breadcrumb = {
2
- category: "navigation",
3
- description: "Navigation aid showing the current location within a hierarchy",
4
- props: `
5
- - \`items\`: BreadcrumbItem[] - Array of breadcrumb items
6
- - \`separator\`: React.ReactNode - Custom separator between items (default: '/')
7
- - \`maxItems\`: number - Maximum number of items to show before truncating
8
- - \`intent\`: BreadcrumbIntentVariant - Intent color for links
9
- - \`size\`: BreadcrumbSizeVariant - Size of the breadcrumb text
10
- - \`itemStyle\`: StyleProp<ViewStyle> - Custom item style
11
- - \`separatorStyle\`: StyleProp<TextStyle> - Custom separator style
12
- - \`responsive\`: boolean - Enable responsive collapsing on narrow screens
13
- - \`minVisibleItems\`: number - Minimum number of items to show before collapsing (default: 3)
14
- `,
15
- features: [
16
- "Icon support with string names or custom components",
17
- "Custom separators",
18
- "Truncation with maxItems",
19
- "Two intent colors",
20
- "Three sizes",
21
- "Disabled items",
22
- "Click handlers for navigation",
23
- ],
24
- bestPractices: [
25
- "Keep breadcrumb labels short and clear",
26
- "Last item should represent current page (typically not clickable)",
27
- "Use icons sparingly for visual clarity",
28
- "Set maxItems for deep hierarchies to avoid overflow",
29
- "Use 'neutral' intent for subtle breadcrumbs",
30
- ],
31
- usage: `
32
- import { Breadcrumb } from '@idealyst/components';
33
-
34
- const items = [
35
- { label: 'Home', icon: 'home', onPress: () => navigate('/') },
36
- { label: 'Products', onPress: () => navigate('/products') },
37
- { label: 'Electronics', onPress: () => navigate('/products/electronics') },
38
- { label: 'Laptop' }, // Current page, no onPress
39
- ];
40
-
41
- <Breadcrumb items={items} intent="primary" />
42
- `,
43
- examples: {
44
- basic: `import { Breadcrumb } from '@idealyst/components';
45
-
46
- const items = [
47
- { label: 'Home', onPress: () => console.log('Home') },
48
- { label: 'Products', onPress: () => console.log('Products') },
49
- { label: 'Item' },
50
- ];
51
-
52
- <Breadcrumb items={items} />`,
53
- variants: `import { Breadcrumb, View } from '@idealyst/components';
54
-
55
- const items = [
56
- { label: 'Home', onPress: () => {} },
57
- { label: 'Category', onPress: () => {} },
58
- { label: 'Item' },
59
- ];
60
-
61
- <View spacing="md">
62
- <Breadcrumb items={items} size="sm" />
63
- <Breadcrumb items={items} size="md" />
64
- <Breadcrumb items={items} size="lg" />
65
- </View>`,
66
- "with-icons": `import { Breadcrumb } from '@idealyst/components';
67
-
68
- const items = [
69
- { label: 'Home', icon: 'home', onPress: () => navigate('/') },
70
- { label: 'Settings', icon: 'cog', onPress: () => navigate('/settings') },
71
- { label: 'Profile', icon: 'account' },
72
- ];
73
-
74
- <Breadcrumb items={items} intent="primary" />`,
75
- interactive: `import { Breadcrumb } from '@idealyst/components';
76
- import { useState } from 'react';
77
-
78
- function Example() {
79
- const [path, setPath] = useState(['Home', 'Products', 'Electronics']);
80
-
81
- const items = path.map((label, index) => ({
82
- label,
83
- onPress: index < path.length - 1
84
- ? () => setPath(path.slice(0, index + 1))
85
- : undefined,
86
- }));
87
-
88
- return <Breadcrumb items={items} maxItems={4} />;
89
- }`,
90
- },
91
- };
92
- //# sourceMappingURL=Breadcrumb.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/data/components/Breadcrumb.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,gEAAgE;IACzE,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,qDAAqD;QACrD,mBAAmB;QACnB,0BAA0B;QAC1B,mBAAmB;QACnB,aAAa;QACb,gBAAgB;QAChB,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,mEAAmE;QACnE,wCAAwC;QACxC,qDAAqD;QACrD,6CAA6C;KAC9C;IACD,KAAK,EAAE;;;;;;;;;;;CAWR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;6BAQkB;QAEzB,QAAQ,EAAE;;;;;;;;;;;;QAYN;QAEJ,YAAY,EAAE;;;;;;;;8CAQ4B;QAE1C,WAAW,EAAE;;;;;;;;;;;;;;EAcf;KACC;CACF,CAAC"}
@@ -1,16 +0,0 @@
1
- export declare const Button: {
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
- gradient: string;
14
- };
15
- };
16
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/data/components/Button.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAoHlB,CAAC"}
@@ -1,118 +0,0 @@
1
- export const Button = {
2
- category: "form",
3
- description: "Interactive button component with multiple variants, sizes, and icon support",
4
- props: `
5
- - \`children\`: React.ReactNode - The text or content to display inside the button
6
- - \`title\`: string - The text title to display inside the button (for web)
7
- - \`onPress\`: function - Called when the button is pressed
8
- - \`disabled\`: boolean - Whether the button is disabled
9
- - \`loading\`: boolean - Whether the button is in a loading state. Shows a spinner and disables interaction.
10
- - \`type\`: ButtonType - The visual style type of the button ('contained' | 'outlined' | 'text')
11
- - \`intent\`: ButtonIntentVariant - The intent/color scheme of the button
12
- - \`size\`: ButtonSizeVariant - The size of the button
13
- - \`gradient\`: ButtonGradient - Optional gradient overlay effect ('darken' | 'lighten'). Only applies to 'contained' type buttons.
14
- - \`leftIcon\`: IconName | React.ReactNode - Icon to display on the left side. Can be an icon name or custom component (ReactNode)
15
- - \`rightIcon\`: IconName | React.ReactNode - Icon to display on the right side. Can be an icon name or custom component (ReactNode)
16
- `,
17
- features: [
18
- "Three type variants: contained, outlined, text",
19
- "Five intent colors: primary, neutral, success, error, warning",
20
- "Five sizes: xs, sm, md, lg, xl",
21
- "Loading state with spinner (matches text color)",
22
- "Gradient overlay effects (darken/lighten) for contained buttons",
23
- "Left and right icon support with MDI icons or custom React elements",
24
- "Disabled states with visual feedback",
25
- "Cross-platform (React & React Native)",
26
- ],
27
- bestPractices: [
28
- "Use 'primary' intent for main actions",
29
- "Use 'contained' variant for prominent actions",
30
- "Use icon names (strings) for consistency with design system",
31
- "Keep button labels concise and action-oriented",
32
- "Use gradient='darken' for a subtle depth effect on hero/CTA buttons",
33
- ],
34
- usage: `
35
- import { Button } from '@idealyst/components';
36
-
37
- <Button
38
- type="contained"
39
- intent="primary"
40
- leftIcon="check"
41
- onPress={() => console.log('Pressed')}
42
- >
43
- Save Changes
44
- </Button>
45
- `,
46
- examples: {
47
- basic: `import { Button } from '@idealyst/components';
48
-
49
- // Basic button
50
- <Button onPress={() => console.log('Clicked')}>
51
- Click Me
52
- </Button>`,
53
- variants: `import { Button } from '@idealyst/components';
54
-
55
- // Different variants
56
- <Button type="contained" intent="primary">Contained</Button>
57
- <Button type="outlined" intent="primary">Outlined</Button>
58
- <Button type="text" intent="primary">Text</Button>`,
59
- "with-icons": `import { Button } from '@idealyst/components';
60
-
61
- // Button with left icon
62
- <Button leftIcon="check">
63
- Confirm
64
- </Button>
65
-
66
- // Button with right icon
67
- <Button rightIcon="arrow-right">
68
- Next
69
- </Button>
70
-
71
- // Button with both icons
72
- <Button leftIcon="check" rightIcon="arrow-right">
73
- Continue
74
- </Button>`,
75
- interactive: `import { Button } from '@idealyst/components';
76
- import { useState } from 'react';
77
-
78
- function Example() {
79
- const [loading, setLoading] = useState(false);
80
-
81
- const handlePress = async () => {
82
- setLoading(true);
83
- await someAsyncOperation();
84
- setLoading(false);
85
- };
86
-
87
- return (
88
- <Button
89
- loading={loading}
90
- onPress={handlePress}
91
- >
92
- Save
93
- </Button>
94
- );
95
- }`,
96
- gradient: `import { Button } from '@idealyst/components';
97
-
98
- // Gradient overlay adds subtle depth to contained buttons
99
- <Button type="contained" intent="primary" gradient="darken">
100
- Darken Effect
101
- </Button>
102
-
103
- <Button type="contained" intent="success" gradient="lighten">
104
- Lighten Effect
105
- </Button>
106
-
107
- // Gradient with icons
108
- <Button
109
- type="contained"
110
- intent="primary"
111
- gradient="darken"
112
- leftIcon="rocket-launch"
113
- >
114
- Launch
115
- </Button>`,
116
- }
117
- };
118
- //# sourceMappingURL=Button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/data/components/Button.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACtB,QAAQ,EAAE,MAAM;IACZ,WAAW,EAAE,8EAA8E;IACvF,KAAK,EAAE;;;;;;;;;;;;CAYd;IACG,QAAQ,EAAE;QACR,gDAAgD;QAChD,+DAA+D;QAC/D,gCAAgC;QAChC,iDAAiD;QACjD,iEAAiE;QACjE,qEAAqE;QACrE,sCAAsC;QACtC,uCAAuC;KACxC;IACD,aAAa,EAAE;QACb,uCAAuC;QACvC,+CAA+C;QAC/C,6DAA6D;QAC7D,gDAAgD;QAChD,qEAAqE;KACtE;IACD,KAAK,EAAE;;;;;;;;;;;CAWV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;UAKH;QACJ,QAAQ,EAAE;;;;;mDAKmC;QAC7C,YAAY,EAAE;;;;;;;;;;;;;;;UAeV;QACJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;EAoBjB;QACI,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;UAmBN;KACL;CACJ,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Card: {
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=Card.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/data/components/Card.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAyEhB,CAAC"}
@@ -1,75 +0,0 @@
1
- export const Card = {
2
- category: "display",
3
- description: "Container component for grouping related content with spacing variants and visual styles",
4
- props: `
5
- - \`children\`: React.ReactNode - The content to display inside the card
6
- - \`type\`: CardType - The visual style variant of the card
7
- - \`gap\`: Size - Space between children ('xs' | 'sm' | 'md' | 'lg' | 'xl')
8
- - \`padding\`: Size - Padding on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
9
- - \`paddingVertical\`: Size - Top and bottom padding
10
- - \`paddingHorizontal\`: Size - Left and right padding
11
- - \`margin\`: Size - Margin on all sides
12
- - \`marginVertical\`: Size - Top and bottom margin
13
- - \`marginHorizontal\`: Size - Left and right margin
14
- - \`radius\`: CardRadiusVariant - The border radius of the card
15
- - \`intent\`: CardIntentVariant - The intent/color scheme of the card
16
- - \`clickable\`: boolean - Whether the card is clickable
17
- - \`onPress\`: function - Called when the card is pressed (if clickable)
18
- - \`disabled\`: boolean - Whether the card is disabled
19
- `,
20
- features: [
21
- "Four visual variants",
22
- "Intent-based color schemes",
23
- "Gap variant for spacing between children",
24
- "Padding variants (uniform and directional)",
25
- "Margin variants (uniform and directional)",
26
- "Configurable border radius",
27
- "Clickable with press handler",
28
- "Flexible content container",
29
- ],
30
- bestPractices: [
31
- "Use 'elevated' variant for prominent content",
32
- "Group related content within cards",
33
- "Use gap prop for spacing between children",
34
- "Use padding prop for consistent internal spacing",
35
- "Make cards clickable only when they represent an action",
36
- ],
37
- usage: `
38
- import { Card, Text } from '@idealyst/components';
39
-
40
- <Card type="elevated" padding="md" gap="sm">
41
- <Text weight="bold">Card Title</Text>
42
- <Text size="sm">Card content goes here</Text>
43
- </Card>
44
- `,
45
- examples: {
46
- basic: `import { Card, Text } from '@idealyst/components';
47
-
48
- <Card padding="md">
49
- <Text>Simple card content</Text>
50
- </Card>`,
51
- variants: `import { Card, Text } from '@idealyst/components';
52
-
53
- <Card type="default" padding="md"><Text>Default</Text></Card>
54
- <Card type="outlined" padding="md"><Text>Outlined</Text></Card>
55
- <Card type="elevated" padding="md"><Text>Elevated</Text></Card>
56
- <Card type="filled" padding="md"><Text>Filled</Text></Card>`,
57
- "with-icons": `import { Card, View, Text, Icon } from '@idealyst/components';
58
-
59
- <Card type="outlined" padding="md" gap="sm">
60
- <Icon name="information" size="lg" />
61
- <Text>Card with icon header</Text>
62
- </Card>`,
63
- interactive: `import { Card, Text } from '@idealyst/components';
64
-
65
- <Card
66
- clickable
67
- onPress={() => console.log('Card clicked')}
68
- type="outlined"
69
- padding="md"
70
- >
71
- <Text>Click this card</Text>
72
- </Card>`,
73
- }
74
- };
75
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/data/components/Card.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,0FAA0F;IACnG,KAAK,EAAE;;;;;;;;;;;;;;;CAed;IACG,QAAQ,EAAE;QACR,sBAAsB;QACtB,4BAA4B;QAC5B,0CAA0C;QAC1C,4CAA4C;QAC5C,2CAA2C;QAC3C,4BAA4B;QAC5B,8BAA8B;QAC9B,4BAA4B;KAC7B;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,oCAAoC;QACpC,2CAA2C;QAC3C,kDAAkD;QAClD,yDAAyD;KAC1D;IACD,KAAK,EAAE;;;;;;;CAOV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;QAIL;QACF,QAAQ,EAAE;;;;;4DAK4C;QACtD,YAAY,EAAE;;;;;QAKZ;QACF,WAAW,EAAE;;;;;;;;;QASX;KACH;CACJ,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Checkbox: {
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=Checkbox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/data/components/Checkbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAuHpB,CAAC"}
@@ -1,118 +0,0 @@
1
- export const Checkbox = {
2
- category: "form",
3
- description: "Form checkbox with margin variants for boolean selection, label, and validation support",
4
- props: `
5
- - \`checked\`: boolean - Whether the checkbox is checked
6
- - \`indeterminate\`: boolean - Whether the checkbox is in an indeterminate state
7
- - \`disabled\`: boolean - Whether the checkbox is disabled
8
- - \`onCheckedChange\`: function - Called when the checkbox state changes
9
- - \`size\`: CheckboxSizeVariant - The size of the checkbox
10
- - \`intent\`: CheckboxIntentVariant - The intent/color scheme of the checkbox
11
- - \`variant\`: CheckboxVariant - The visual style variant of the checkbox
12
- - \`label\`: string - Label text to display next to the checkbox
13
- - \`children\`: React.ReactNode - Custom label content (ReactNode)
14
- - \`required\`: boolean - Whether the checkbox is required
15
- - \`error\`: string - Error message to display
16
- - \`helperText\`: string - Helper text to display
17
- - \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
18
- - \`marginVertical\`: Size - Top and bottom margin
19
- - \`marginHorizontal\`: Size - Left and right margin
20
- `,
21
- features: [
22
- "Checked, unchecked, and indeterminate states",
23
- "Label support (string or custom ReactNode)",
24
- "Three sizes",
25
- "Intent-based colors",
26
- "Error and helper text",
27
- "Required field support",
28
- "Accessible with proper ARIA attributes",
29
- ],
30
- bestPractices: [
31
- "Always provide a label for accessibility",
32
- "Use indeterminate state for parent checkboxes with partial children selection",
33
- "Show error messages inline",
34
- "Use helperText to clarify checkbox meaning",
35
- "Group related checkboxes visually",
36
- ],
37
- usage: `
38
- import { Checkbox } from '@idealyst/components';
39
- import { useState } from 'react';
40
-
41
- function Example() {
42
- const [checked, setChecked] = useState(false);
43
-
44
- return (
45
- <Checkbox
46
- checked={checked}
47
- onCheckedChange={setChecked}
48
- label="Accept terms and conditions"
49
- required
50
- />
51
- );
52
- }
53
- `,
54
- examples: {
55
- basic: `import { Checkbox } from '@idealyst/components';
56
-
57
- <Checkbox label="Subscribe to newsletter" />`,
58
- variants: `import { Checkbox, View } from '@idealyst/components';
59
-
60
- <View spacing="sm">
61
- <Checkbox label="Small" size="sm" />
62
- <Checkbox label="Medium" size="md" />
63
- <Checkbox label="Large" size="lg" />
64
- </View>`,
65
- "with-icons": `import { Checkbox, View } from '@idealyst/components';
66
-
67
- <View spacing="sm">
68
- <Checkbox
69
- label="Enable notifications"
70
- intent="primary"
71
- checked
72
- />
73
- <Checkbox
74
- label="Dark mode"
75
- intent="success"
76
- checked
77
- />
78
- </View>`,
79
- interactive: `import { Checkbox, View, Text } from '@idealyst/components';
80
- import { useState } from 'react';
81
-
82
- function Example() {
83
- const [options, setOptions] = useState({
84
- email: false,
85
- sms: false,
86
- push: false,
87
- });
88
-
89
- return (
90
- <View spacing="md">
91
- <Text weight="bold">Notification Preferences</Text>
92
- <Checkbox
93
- label="Email notifications"
94
- checked={options.email}
95
- onCheckedChange={(checked) =>
96
- setOptions({ ...options, email: checked })
97
- }
98
- />
99
- <Checkbox
100
- label="SMS notifications"
101
- checked={options.sms}
102
- onCheckedChange={(checked) =>
103
- setOptions({ ...options, sms: checked })
104
- }
105
- />
106
- <Checkbox
107
- label="Push notifications"
108
- checked={options.push}
109
- onCheckedChange={(checked) =>
110
- setOptions({ ...options, push: checked })
111
- }
112
- />
113
- </View>
114
- );
115
- }`,
116
- },
117
- };
118
- //# sourceMappingURL=Checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/data/components/Checkbox.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,yFAAyF;IAClG,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBZ;IACC,QAAQ,EAAE;QACR,8CAA8C;QAC9C,4CAA4C;QAC5C,aAAa;QACb,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,wCAAwC;KACzC;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,+EAA+E;QAC/E,4BAA4B;QAC5B,4CAA4C;QAC5C,mCAAmC;KACpC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;6CAEkC;QAEzC,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;QAaV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Chip: {
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=Chip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/data/components/Chip.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CA4FhB,CAAC"}