@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.
Files changed (182) hide show
  1. package/dist/data/cli-commands.d.ts +2 -0
  2. package/dist/data/cli-commands.d.ts.map +1 -0
  3. package/dist/data/cli-commands.js +100 -0
  4. package/dist/data/cli-commands.js.map +1 -0
  5. package/dist/data/components/Accordion.d.ts +15 -0
  6. package/dist/data/components/Accordion.d.ts.map +1 -0
  7. package/{src/data/components/Accordion.ts → dist/data/components/Accordion.js} +26 -28
  8. package/dist/data/components/Accordion.js.map +1 -0
  9. package/dist/data/components/ActivityIndicator.d.ts +15 -0
  10. package/dist/data/components/ActivityIndicator.d.ts.map +1 -0
  11. package/{src/data/components/ActivityIndicator.ts → dist/data/components/ActivityIndicator.js} +26 -28
  12. package/dist/data/components/ActivityIndicator.js.map +1 -0
  13. package/dist/data/components/Alert.d.ts +15 -0
  14. package/dist/data/components/Alert.d.ts.map +1 -0
  15. package/{src/data/components/Alert.ts → dist/data/components/Alert.js} +28 -30
  16. package/dist/data/components/Alert.js.map +1 -0
  17. package/dist/data/components/Avatar.d.ts +15 -0
  18. package/dist/data/components/Avatar.d.ts.map +1 -0
  19. package/{src/data/components/Avatar.ts → dist/data/components/Avatar.js} +26 -28
  20. package/dist/data/components/Avatar.js.map +1 -0
  21. package/dist/data/components/Badge.d.ts +15 -0
  22. package/dist/data/components/Badge.d.ts.map +1 -0
  23. package/{src/data/components/Badge.ts → dist/data/components/Badge.js} +16 -15
  24. package/dist/data/components/Badge.js.map +1 -0
  25. package/dist/data/components/Breadcrumb.d.ts +15 -0
  26. package/dist/data/components/Breadcrumb.d.ts.map +1 -0
  27. package/{src/data/components/Breadcrumb.ts → dist/data/components/Breadcrumb.js} +27 -29
  28. package/dist/data/components/Breadcrumb.js.map +1 -0
  29. package/dist/data/components/Button.d.ts +15 -0
  30. package/dist/data/components/Button.d.ts.map +1 -0
  31. package/{src/data/components/Button.ts → dist/data/components/Button.js} +18 -17
  32. package/dist/data/components/Button.js.map +1 -0
  33. package/dist/data/components/Card.d.ts +15 -0
  34. package/dist/data/components/Card.d.ts.map +1 -0
  35. package/{src/data/components/Card.ts → dist/data/components/Card.js} +16 -15
  36. package/dist/data/components/Card.js.map +1 -0
  37. package/dist/data/components/Checkbox.d.ts +15 -0
  38. package/dist/data/components/Checkbox.d.ts.map +1 -0
  39. package/{src/data/components/Checkbox.ts → dist/data/components/Checkbox.js} +27 -29
  40. package/dist/data/components/Checkbox.js.map +1 -0
  41. package/dist/data/components/Chip.d.ts +15 -0
  42. package/dist/data/components/Chip.d.ts.map +1 -0
  43. package/{src/data/components/Chip.ts → dist/data/components/Chip.js} +19 -18
  44. package/dist/data/components/Chip.js.map +1 -0
  45. package/dist/data/components/Dialog.d.ts +15 -0
  46. package/dist/data/components/Dialog.d.ts.map +1 -0
  47. package/{src/data/components/Dialog.ts → dist/data/components/Dialog.js} +18 -17
  48. package/dist/data/components/Dialog.js.map +1 -0
  49. package/dist/data/components/Divider.d.ts +15 -0
  50. package/dist/data/components/Divider.d.ts.map +1 -0
  51. package/{src/data/components/Divider.ts → dist/data/components/Divider.js} +26 -28
  52. package/dist/data/components/Divider.js.map +1 -0
  53. package/dist/data/components/Icon.d.ts +15 -0
  54. package/dist/data/components/Icon.d.ts.map +1 -0
  55. package/{src/data/components/Icon.ts → dist/data/components/Icon.js} +26 -28
  56. package/dist/data/components/Icon.js.map +1 -0
  57. package/dist/data/components/Image.d.ts +15 -0
  58. package/dist/data/components/Image.d.ts.map +1 -0
  59. package/{src/data/components/Image.ts → dist/data/components/Image.js} +29 -31
  60. package/dist/data/components/Image.js.map +1 -0
  61. package/dist/data/components/Input.d.ts +15 -0
  62. package/dist/data/components/Input.d.ts.map +1 -0
  63. package/{src/data/components/Input.ts → dist/data/components/Input.js} +20 -19
  64. package/dist/data/components/Input.js.map +1 -0
  65. package/dist/data/components/List.d.ts +15 -0
  66. package/dist/data/components/List.d.ts.map +1 -0
  67. package/{src/data/components/List.ts → dist/data/components/List.js} +18 -17
  68. package/dist/data/components/List.js.map +1 -0
  69. package/dist/data/components/Menu.d.ts +15 -0
  70. package/dist/data/components/Menu.d.ts.map +1 -0
  71. package/{src/data/components/Menu.ts → dist/data/components/Menu.js} +27 -29
  72. package/dist/data/components/Menu.js.map +1 -0
  73. package/dist/data/components/Popover.d.ts +15 -0
  74. package/dist/data/components/Popover.d.ts.map +1 -0
  75. package/{src/data/components/Popover.ts → dist/data/components/Popover.js} +28 -30
  76. package/dist/data/components/Popover.js.map +1 -0
  77. package/dist/data/components/Pressable.d.ts +15 -0
  78. package/dist/data/components/Pressable.d.ts.map +1 -0
  79. package/{src/data/components/Pressable.ts → dist/data/components/Pressable.js} +27 -29
  80. package/dist/data/components/Pressable.js.map +1 -0
  81. package/dist/data/components/Progress.d.ts +15 -0
  82. package/dist/data/components/Progress.d.ts.map +1 -0
  83. package/{src/data/components/Progress.ts → dist/data/components/Progress.js} +27 -29
  84. package/dist/data/components/Progress.js.map +1 -0
  85. package/dist/data/components/RadioButton.d.ts +15 -0
  86. package/dist/data/components/RadioButton.d.ts.map +1 -0
  87. package/{src/data/components/RadioButton.ts → dist/data/components/RadioButton.js} +28 -30
  88. package/dist/data/components/RadioButton.js.map +1 -0
  89. package/dist/data/components/SVGImage.d.ts +15 -0
  90. package/dist/data/components/SVGImage.d.ts.map +1 -0
  91. package/{src/data/components/SVGImage.ts → dist/data/components/SVGImage.js} +27 -29
  92. package/dist/data/components/SVGImage.js.map +1 -0
  93. package/dist/data/components/Screen.d.ts +15 -0
  94. package/dist/data/components/Screen.d.ts.map +1 -0
  95. package/{src/data/components/Screen.ts → dist/data/components/Screen.js} +27 -29
  96. package/dist/data/components/Screen.js.map +1 -0
  97. package/dist/data/components/Select.d.ts +15 -0
  98. package/dist/data/components/Select.d.ts.map +1 -0
  99. package/{src/data/components/Select.ts → dist/data/components/Select.js} +30 -32
  100. package/dist/data/components/Select.js.map +1 -0
  101. package/dist/data/components/Skeleton.d.ts +15 -0
  102. package/dist/data/components/Skeleton.d.ts.map +1 -0
  103. package/{src/data/components/Skeleton.ts → dist/data/components/Skeleton.js} +27 -29
  104. package/dist/data/components/Skeleton.js.map +1 -0
  105. package/dist/data/components/Slider.d.ts +15 -0
  106. package/dist/data/components/Slider.d.ts.map +1 -0
  107. package/{src/data/components/Slider.ts → dist/data/components/Slider.js} +31 -33
  108. package/dist/data/components/Slider.js.map +1 -0
  109. package/dist/data/components/Switch.d.ts +15 -0
  110. package/dist/data/components/Switch.d.ts.map +1 -0
  111. package/{src/data/components/Switch.ts → dist/data/components/Switch.js} +28 -30
  112. package/dist/data/components/Switch.js.map +1 -0
  113. package/dist/data/components/TabBar.d.ts +15 -0
  114. package/dist/data/components/TabBar.d.ts.map +1 -0
  115. package/{src/data/components/TabBar.ts → dist/data/components/TabBar.js} +27 -29
  116. package/dist/data/components/TabBar.js.map +1 -0
  117. package/dist/data/components/Table.d.ts +15 -0
  118. package/dist/data/components/Table.d.ts.map +1 -0
  119. package/{src/data/components/Table.ts → dist/data/components/Table.js} +29 -31
  120. package/dist/data/components/Table.js.map +1 -0
  121. package/dist/data/components/Tabs.d.ts +15 -0
  122. package/dist/data/components/Tabs.d.ts.map +1 -0
  123. package/{src/data/components/Tabs.ts → dist/data/components/Tabs.js} +28 -30
  124. package/dist/data/components/Tabs.js.map +1 -0
  125. package/dist/data/components/Text.d.ts +15 -0
  126. package/dist/data/components/Text.d.ts.map +1 -0
  127. package/{src/data/components/Text.ts → dist/data/components/Text.js} +27 -29
  128. package/dist/data/components/Text.js.map +1 -0
  129. package/dist/data/components/TextArea.d.ts +15 -0
  130. package/dist/data/components/TextArea.d.ts.map +1 -0
  131. package/{src/data/components/TextArea.ts → dist/data/components/TextArea.js} +31 -33
  132. package/dist/data/components/TextArea.js.map +1 -0
  133. package/dist/data/components/Tooltip.d.ts +15 -0
  134. package/dist/data/components/Tooltip.d.ts.map +1 -0
  135. package/{src/data/components/Tooltip.ts → dist/data/components/Tooltip.js} +28 -30
  136. package/dist/data/components/Tooltip.js.map +1 -0
  137. package/dist/data/components/Video.d.ts +15 -0
  138. package/dist/data/components/Video.d.ts.map +1 -0
  139. package/{src/data/components/Video.ts → dist/data/components/Video.js} +31 -33
  140. package/dist/data/components/Video.js.map +1 -0
  141. package/dist/data/components/View.d.ts +15 -0
  142. package/dist/data/components/View.d.ts.map +1 -0
  143. package/{src/data/components/View.ts → dist/data/components/View.js} +28 -30
  144. package/dist/data/components/View.js.map +1 -0
  145. package/dist/data/components/index.d.ts +37 -0
  146. package/dist/data/components/index.d.ts.map +1 -0
  147. package/{src/data/components/index.ts → dist/data/components/index.js} +37 -38
  148. package/dist/data/components/index.js.map +1 -0
  149. package/dist/data/framework-guides.d.ts +2 -0
  150. package/dist/data/framework-guides.d.ts.map +1 -0
  151. package/{src/data/framework-guides.ts → dist/data/framework-guides.js} +8 -12
  152. package/dist/data/framework-guides.js.map +1 -0
  153. package/dist/data/icon-guide.d.ts +2 -0
  154. package/dist/data/icon-guide.d.ts.map +1 -0
  155. package/{src/data/icon-guide.ts → dist/data/icon-guide.js} +1 -0
  156. package/dist/data/icon-guide.js.map +1 -0
  157. package/dist/data/icons.json +7452 -0
  158. package/dist/data/navigation-guides.d.ts +2 -0
  159. package/dist/data/navigation-guides.d.ts.map +1 -0
  160. package/{src/data/navigation-guides.ts → dist/data/navigation-guides.js} +7 -10
  161. package/dist/data/navigation-guides.js.map +1 -0
  162. package/dist/generated/types.json +2556 -0
  163. package/dist/index.d.ts +3 -0
  164. package/dist/index.d.ts.map +1 -0
  165. package/dist/index.js.map +1 -0
  166. package/dist/tools/get-types.d.ts +26 -0
  167. package/dist/tools/get-types.d.ts.map +1 -0
  168. package/dist/tools/get-types.js +123 -0
  169. package/dist/tools/get-types.js.map +1 -0
  170. package/package.json +7 -2
  171. package/ARCHITECTURE.md +0 -313
  172. package/TYPE-SYSTEM.md +0 -397
  173. package/scripts/extract-types.ts +0 -71
  174. package/scripts/type-extractor.ts +0 -286
  175. package/scripts/validate-examples.ts +0 -142
  176. package/src/data/cli-commands.ts +0 -103
  177. package/src/data/icons.json +0 -7452
  178. package/src/index.ts +0 -653
  179. package/src/tools/get-types.ts +0 -169
  180. package/test-client.js +0 -86
  181. package/tsconfig.examples.json +0 -14
  182. package/tsconfig.json +0 -20
@@ -1,7 +1,7 @@
1
1
  export const Dialog = {
2
- category: "overlay",
2
+ category: "overlay",
3
3
  description: "Modal overlay for focused user interactions and important information",
4
- props: `
4
+ props: `
5
5
  - \`open\`: boolean - Whether the dialog is open/visible
6
6
  - \`onOpenChange\`: function - Called when the dialog should be opened or closed
7
7
  - \`title\`: string - Optional title for the dialog
@@ -13,19 +13,19 @@ category: "overlay",
13
13
  - \`animationType\`: DialogAnimationType - Animation type for the dialog (native only)
14
14
  `,
15
15
  features: [
16
- "Controlled open state",
17
- "Multiple sizes including fullscreen",
18
- "Alert variant for important messages",
19
- "Optional close button",
20
- "Backdrop click and Escape key handling",
21
- "Focus trap and accessibility support",
16
+ "Controlled open state",
17
+ "Multiple sizes including fullscreen",
18
+ "Alert variant for important messages",
19
+ "Optional close button",
20
+ "Backdrop click and Escape key handling",
21
+ "Focus trap and accessibility support",
22
22
  ],
23
23
  bestPractices: [
24
- "Use for actions requiring user attention",
25
- "Keep dialog content focused and concise",
26
- "Provide clear action buttons",
27
- "Use alert variant for critical confirmations",
28
- "Always provide a way to close the dialog",
24
+ "Use for actions requiring user attention",
25
+ "Keep dialog content focused and concise",
26
+ "Provide clear action buttons",
27
+ "Use alert variant for critical confirmations",
28
+ "Always provide a way to close the dialog",
29
29
  ],
30
30
  usage: `
31
31
  import { Dialog, Button, View, Text } from '@idealyst/components';
@@ -63,12 +63,12 @@ function Example() {
63
63
  }
64
64
  `,
65
65
  examples: {
66
- basic: `import { Dialog, Button, Text } from '@idealyst/components';
66
+ basic: `import { Dialog, Button, Text } from '@idealyst/components';
67
67
 
68
68
  <Dialog open={true} onOpenChange={setOpen} title="Simple Dialog">
69
69
  <Text>Dialog content here</Text>
70
70
  </Dialog>`,
71
- variants: `import { Dialog, Text } from '@idealyst/components';
71
+ variants: `import { Dialog, Text } from '@idealyst/components';
72
72
 
73
73
  // Default dialog
74
74
  <Dialog open={open} onOpenChange={setOpen} title="Information">
@@ -79,7 +79,7 @@ function Example() {
79
79
  <Dialog open={open} onOpenChange={setOpen} title="Warning" type="alert">
80
80
  <Text>This action cannot be undone</Text>
81
81
  </Dialog>`,
82
- "with-icons": `import { Dialog, View, Icon, Text, Button } from '@idealyst/components';
82
+ "with-icons": `import { Dialog, View, Icon, Text, Button } from '@idealyst/components';
83
83
 
84
84
  <Dialog open={open} onOpenChange={setOpen} title="Delete Item">
85
85
  <View spacing="md">
@@ -90,7 +90,7 @@ function Example() {
90
90
  <Button intent="error" onPress={handleDelete}>Delete</Button>
91
91
  </View>
92
92
  </Dialog>`,
93
- interactive: `import { Dialog, Button, View, Text } from '@idealyst/components';
93
+ interactive: `import { Dialog, Button, View, Text } from '@idealyst/components';
94
94
  import { useState } from 'react';
95
95
 
96
96
  function Example() {
@@ -134,3 +134,4 @@ function Example() {
134
134
  }`,
135
135
  }
136
136
  };
137
+ //# sourceMappingURL=Dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/data/components/Dialog.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACtB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,uEAAuE;IAChF,KAAK,EAAE;;;;;;;;;;CAUd;IACG,QAAQ,EAAE;QACR,uBAAuB;QACvB,qCAAqC;QACrC,sCAAsC;QACtC,uBAAuB;QACvB,wCAAwC;QACxC,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,yCAAyC;QACzC,8BAA8B;QAC9B,8CAA8C;QAC9C,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;UAIH;QACJ,QAAQ,EAAE;;;;;;;;;;UAUN;QACJ,YAAY,EAAE;;;;;;;;;;UAUV;QACJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCjB;KACG;CACJ,CAAC"}
@@ -0,0 +1,15 @@
1
+ export declare const Divider: {
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=Divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/data/components/Divider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAqEnB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  export const Divider = {
2
- category: "layout",
3
- description: "Visual separator for content sections with horizontal or vertical orientation",
4
- props: `
2
+ category: "layout",
3
+ description: "Visual separator for content sections with horizontal or vertical orientation",
4
+ props: `
5
5
  - \`orientation\`: DividerOrientationVariant - The orientation of the divider
6
6
  - \`type\`: DividerType - The visual style type of the divider
7
7
  - \`thickness\`: DividerThicknessVariant - The thickness of the divider
@@ -10,22 +10,22 @@ export const Divider = {
10
10
  - \`spacing\`: DividerSpacingVariant - Spacing around the divider
11
11
  - \`children\`: React.ReactNode - Content to display in the center of the divider (for horizontal dividers)
12
12
  `,
13
- features: [
14
- "Horizontal and vertical orientations",
15
- "Three line styles (solid, dashed, dotted)",
16
- "Three thickness options",
17
- "Configurable spacing",
18
- "Text content in center (horizontal)",
19
- "Intent-based colors",
20
- ],
21
- bestPractices: [
22
- "Use horizontal dividers to separate vertical content",
23
- "Use vertical dividers in horizontal layouts (toolbars, menus)",
24
- "Keep divider thickness subtle unless emphasizing separation",
25
- "Use 'md' spacing for standard content separation",
26
- "Add text content sparingly for important section breaks",
27
- ],
28
- usage: `
13
+ features: [
14
+ "Horizontal and vertical orientations",
15
+ "Three line styles (solid, dashed, dotted)",
16
+ "Three thickness options",
17
+ "Configurable spacing",
18
+ "Text content in center (horizontal)",
19
+ "Intent-based colors",
20
+ ],
21
+ bestPractices: [
22
+ "Use horizontal dividers to separate vertical content",
23
+ "Use vertical dividers in horizontal layouts (toolbars, menus)",
24
+ "Keep divider thickness subtle unless emphasizing separation",
25
+ "Use 'md' spacing for standard content separation",
26
+ "Add text content sparingly for important section breaks",
27
+ ],
28
+ usage: `
29
29
  import { Divider, View, Text } from '@idealyst/components';
30
30
 
31
31
  <View spacing="md">
@@ -34,20 +34,18 @@ import { Divider, View, Text } from '@idealyst/components';
34
34
  <Text>Content below</Text>
35
35
  </View>
36
36
  `,
37
- examples: {
38
- basic: `import { Divider } from '@idealyst/components';
37
+ examples: {
38
+ basic: `import { Divider } from '@idealyst/components';
39
39
 
40
40
  <Divider />`,
41
-
42
- variants: `import { Divider, View } from '@idealyst/components';
41
+ variants: `import { Divider, View } from '@idealyst/components';
43
42
 
44
43
  <View spacing="md">
45
44
  <Divider type="solid" />
46
45
  <Divider type="dashed" />
47
46
  <Divider type="dotted" />
48
47
  </View>`,
49
-
50
- "with-icons": `import { Divider, View, Text } from '@idealyst/components';
48
+ "with-icons": `import { Divider, View, Text } from '@idealyst/components';
51
49
 
52
50
  <View spacing="lg">
53
51
  <Text>Section 1</Text>
@@ -56,8 +54,7 @@ import { Divider, View, Text } from '@idealyst/components';
56
54
  </Divider>
57
55
  <Text>Section 2</Text>
58
56
  </View>`,
59
-
60
- interactive: `import { Divider, View, Text } from '@idealyst/components';
57
+ interactive: `import { Divider, View, Text } from '@idealyst/components';
61
58
 
62
59
  <View style={{ flexDirection: 'row', alignItems: 'center', gap: 16 }}>
63
60
  <Text>Left</Text>
@@ -66,5 +63,6 @@ import { Divider, View, Text } from '@idealyst/components';
66
63
  <Divider orientation="vertical" thickness="medium" style={{ height: 40 }} />
67
64
  <Text>Right</Text>
68
65
  </View>`,
69
- },
66
+ },
70
67
  };
68
+ //# sourceMappingURL=Divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/data/components/Divider.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,+EAA+E;IACxF,KAAK,EAAE;;;;;;;;CAQZ;IACC,QAAQ,EAAE;QACR,sCAAsC;QACtC,2CAA2C;QAC3C,yBAAyB;QACzB,sBAAsB;QACtB,qCAAqC;QACrC,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,sDAAsD;QACtD,+DAA+D;QAC/D,6DAA6D;QAC7D,kDAAkD;QAClD,yDAAyD;KAC1D;IACD,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;YAEC;QAER,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;QAQV;QAEJ,WAAW,EAAE;;;;;;;;QAQT;KACL;CACF,CAAC"}
@@ -0,0 +1,15 @@
1
+ export declare const Icon: {
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=Icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/data/components/Icon.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAqEhB,CAAC"}
@@ -1,38 +1,37 @@
1
1
  export const Icon = {
2
- category: "display",
3
- description: "Material Design icon display component with size and color variants",
4
- props: `
2
+ category: "display",
3
+ description: "Material Design icon display component with size and color variants",
4
+ props: `
5
5
  - \`name\`: IconName | 'mdi:\${IconName}' - The name of the icon to display
6
6
  - \`size\`: IconSizeVariant - The size variant of the icon
7
7
  - \`color\`: Color - Predefined color variant based on theme
8
8
  - \`intent\`: Intent - Intent variant for the icon
9
9
  `,
10
- features: [
11
- "Material Design Icons library",
12
- "Five predefined sizes plus custom numeric size",
13
- "Theme color variants",
14
- "Custom color support",
15
- "Accessible with labels",
16
- "Cross-platform support",
17
- ],
18
- bestPractices: [
19
- "Use semantic icon names that clearly convey meaning",
20
- "Provide accessibilityLabel for screen readers",
21
- "Use theme color variants for consistency",
22
- "Match icon size to surrounding text size",
23
- "Don't rely solely on icons - provide text labels when possible",
24
- ],
25
- usage: `
10
+ features: [
11
+ "Material Design Icons library",
12
+ "Five predefined sizes plus custom numeric size",
13
+ "Theme color variants",
14
+ "Custom color support",
15
+ "Accessible with labels",
16
+ "Cross-platform support",
17
+ ],
18
+ bestPractices: [
19
+ "Use semantic icon names that clearly convey meaning",
20
+ "Provide accessibilityLabel for screen readers",
21
+ "Use theme color variants for consistency",
22
+ "Match icon size to surrounding text size",
23
+ "Don't rely solely on icons - provide text labels when possible",
24
+ ],
25
+ usage: `
26
26
  import { Icon } from '@idealyst/components';
27
27
 
28
28
  <Icon name="home" size="md" color="primary" />
29
29
  `,
30
- examples: {
31
- basic: `import { Icon } from '@idealyst/components';
30
+ examples: {
31
+ basic: `import { Icon } from '@idealyst/components';
32
32
 
33
33
  <Icon name="star" size="md" />`,
34
-
35
- variants: `import { Icon, View } from '@idealyst/components';
34
+ variants: `import { Icon, View } from '@idealyst/components';
36
35
 
37
36
  <View style={{ flexDirection: 'row', gap: 8, alignItems: 'center' }}>
38
37
  <Icon name="check" size="xs" />
@@ -41,15 +40,13 @@ import { Icon } from '@idealyst/components';
41
40
  <Icon name="check" size="lg" />
42
41
  <Icon name="check" size="xl" />
43
42
  </View>`,
44
-
45
- "with-icons": `import { Icon, View, Text } from '@idealyst/components';
43
+ "with-icons": `import { Icon, View, Text } from '@idealyst/components';
46
44
 
47
45
  <View spacing="sm" style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
48
46
  <Icon name="information" size="md" color="primary" />
49
47
  <Text>Informational message with icon</Text>
50
48
  </View>`,
51
-
52
- interactive: `import { Icon, Button, View } from '@idealyst/components';
49
+ interactive: `import { Icon, Button, View } from '@idealyst/components';
53
50
  import { useState } from 'react';
54
51
 
55
52
  function Example() {
@@ -66,5 +63,6 @@ function Example() {
66
63
  </Button>
67
64
  );
68
65
  }`,
69
- },
66
+ },
70
67
  };
68
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/data/components/Icon.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,qEAAqE;IAC9E,KAAK,EAAE;;;;;CAKZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,gDAAgD;QAChD,sBAAsB;QACtB,sBAAsB;QACtB,wBAAwB;QACxB,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,qDAAqD;QACrD,+CAA+C;QAC/C,0CAA0C;QAC1C,0CAA0C;QAC1C,gEAAgE;KACjE;IACD,KAAK,EAAE;;;;CAIR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;+BAEoB;QAE3B,QAAQ,EAAE;;;;;;;;QAQN;QAEJ,YAAY,EAAE;;;;;QAKV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;EAgBf;KACC;CACF,CAAC"}
@@ -0,0 +1,15 @@
1
+ export declare const Image: {
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=Image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/data/components/Image.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAwHjB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  export const Image = {
2
- category: "media",
3
- description: "Image component with loading states, fallback support, and various object-fit modes",
4
- props: `
2
+ category: "media",
3
+ description: "Image component with loading states, fallback support, and various object-fit modes",
4
+ props: `
5
5
  - \`source\`: ImageSourcePropType | string - The image source URL or source object
6
6
  - \`alt\`: string - Alternative text for accessibility
7
7
  - \`width\`: number | string - The width of the image
@@ -15,25 +15,25 @@ export const Image = {
15
15
  - \`onError\`: function - Called when the image fails to load
16
16
  - \`borderRadius\`: number - The border radius of the image
17
17
  `,
18
- features: [
19
- "Remote and local image sources",
20
- "Lazy loading support (web)",
21
- "Loading placeholder",
22
- "Error fallback",
23
- "Multiple object-fit modes",
24
- "Aspect ratio control",
25
- "Border radius support",
26
- "Load/error callbacks",
27
- ],
28
- bestPractices: [
29
- "Always provide alt text for accessibility",
30
- "Use lazy loading for images below the fold",
31
- "Provide placeholder for better perceived performance",
32
- "Use fallback for graceful error handling",
33
- "Use objectFit: 'cover' for thumbnails",
34
- "Use objectFit: 'contain' to show full image",
35
- ],
36
- usage: `
18
+ features: [
19
+ "Remote and local image sources",
20
+ "Lazy loading support (web)",
21
+ "Loading placeholder",
22
+ "Error fallback",
23
+ "Multiple object-fit modes",
24
+ "Aspect ratio control",
25
+ "Border radius support",
26
+ "Load/error callbacks",
27
+ ],
28
+ bestPractices: [
29
+ "Always provide alt text for accessibility",
30
+ "Use lazy loading for images below the fold",
31
+ "Provide placeholder for better perceived performance",
32
+ "Use fallback for graceful error handling",
33
+ "Use objectFit: 'cover' for thumbnails",
34
+ "Use objectFit: 'contain' to show full image",
35
+ ],
36
+ usage: `
37
37
  import { Image, ActivityIndicator } from '@idealyst/components';
38
38
 
39
39
  <Image
@@ -47,8 +47,8 @@ import { Image, ActivityIndicator } from '@idealyst/components';
47
47
  fallback={<Text>Failed to load</Text>}
48
48
  />
49
49
  `,
50
- examples: {
51
- basic: `import { Image } from '@idealyst/components';
50
+ examples: {
51
+ basic: `import { Image } from '@idealyst/components';
52
52
 
53
53
  <Image
54
54
  source="https://picsum.photos/200/300"
@@ -56,8 +56,7 @@ import { Image, ActivityIndicator } from '@idealyst/components';
56
56
  width={200}
57
57
  height={300}
58
58
  />`,
59
-
60
- variants: `import { Image, View } from '@idealyst/components';
59
+ variants: `import { Image, View } from '@idealyst/components';
61
60
 
62
61
  <View spacing="md">
63
62
  <Image
@@ -75,8 +74,7 @@ import { Image, ActivityIndicator } from '@idealyst/components';
75
74
  objectFit="contain"
76
75
  />
77
76
  </View>`,
78
-
79
- "with-icons": `import { Image, Card, View, Text } from '@idealyst/components';
77
+ "with-icons": `import { Image, Card, View, Text } from '@idealyst/components';
80
78
 
81
79
  <Card type="outlined">
82
80
  <Image
@@ -92,8 +90,7 @@ import { Image, ActivityIndicator } from '@idealyst/components';
92
90
  <Text size="sm">Description text</Text>
93
91
  </View>
94
92
  </Card>`,
95
-
96
- interactive: `import { Image, ActivityIndicator, Text, View } from '@idealyst/components';
93
+ interactive: `import { Image, ActivityIndicator, Text, View } from '@idealyst/components';
97
94
  import { useState } from 'react';
98
95
 
99
96
  function Example() {
@@ -117,5 +114,6 @@ function Example() {
117
114
  </View>
118
115
  );
119
116
  }`,
120
- },
117
+ },
121
118
  };
119
+ //# sourceMappingURL=Image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/data/components/Image.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,qFAAqF;IAC9F,KAAK,EAAE;;;;;;;;;;;;;CAaZ;IACC,QAAQ,EAAE;QACR,gCAAgC;QAChC,4BAA4B;QAC5B,qBAAqB;QACrB,gBAAgB;QAChB,2BAA2B;QAC3B,sBAAsB;QACtB,uBAAuB;QACvB,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,2CAA2C;QAC3C,4CAA4C;QAC5C,sDAAsD;QACtD,0CAA0C;QAC1C,uCAAuC;QACvC,6CAA6C;KAC9C;IACD,KAAK,EAAE;;;;;;;;;;;;;CAaR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;GAOR;QAEC,QAAQ,EAAE;;;;;;;;;;;;;;;;;QAiBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;QAeV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;EAuBf;KACC;CACF,CAAC"}
@@ -0,0 +1,15 @@
1
+ export declare const Input: {
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=Input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/data/components/Input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAqJjB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  export const Input = {
2
- category: "form",
2
+ category: "form",
3
3
  description: "Text input field with icons, password visibility toggle, and various input types",
4
- props: `
4
+ props: `
5
5
  - \`value\`: string - The current value of the input
6
6
  - \`onChangeText\`: function - Called when the text changes
7
7
  - \`onFocus\`: function - Called when the input receives focus
@@ -20,21 +20,21 @@ category: "form",
20
20
  - \`hasError\`: boolean - Whether the input has an error state
21
21
  `,
22
22
  features: [
23
- "Left and right icon support with MDI icons",
24
- "Password visibility toggle with eye/eye-off icons",
25
- "Multiple input types (text, email, password, number)",
26
- "Three size variants",
27
- "Four style variants (default, outlined, filled, bare)",
28
- "Disabled state",
29
- "Auto-capitalization control",
30
- "Focus and blur event handlers",
23
+ "Left and right icon support with MDI icons",
24
+ "Password visibility toggle with eye/eye-off icons",
25
+ "Multiple input types (text, email, password, number)",
26
+ "Three size variants",
27
+ "Four style variants (default, outlined, filled, bare)",
28
+ "Disabled state",
29
+ "Auto-capitalization control",
30
+ "Focus and blur event handlers",
31
31
  ],
32
32
  bestPractices: [
33
- "Use leftIcon for contextual hints (e.g., email icon for email input)",
34
- "Password inputs automatically show visibility toggle",
35
- "Use inputType='email' for email fields to get proper keyboard on mobile",
36
- "Use inputType='number' for numeric input",
37
- "Disable password toggle with showPasswordToggle={false} if needed",
33
+ "Use leftIcon for contextual hints (e.g., email icon for email input)",
34
+ "Password inputs automatically show visibility toggle",
35
+ "Use inputType='email' for email fields to get proper keyboard on mobile",
36
+ "Use inputType='number' for numeric input",
37
+ "Disable password toggle with showPasswordToggle={false} if needed",
38
38
  ],
39
39
  usage: `
40
40
  import { Input } from '@idealyst/components';
@@ -55,12 +55,12 @@ function Example() {
55
55
  }
56
56
  `,
57
57
  examples: {
58
- basic: `import { Input } from '@idealyst/components';
58
+ basic: `import { Input } from '@idealyst/components';
59
59
 
60
60
  <Input
61
61
  placeholder="Enter username"
62
62
  />`,
63
- variants: `import { Input } from '@idealyst/components';
63
+ variants: `import { Input } from '@idealyst/components';
64
64
 
65
65
  // Small size
66
66
  <Input size="sm" placeholder="Small input" />
@@ -79,7 +79,7 @@ function Example() {
79
79
 
80
80
  // Bare variant
81
81
  <Input type="bare" placeholder="Bare" />`,
82
- "with-icons": `import { Input } from '@idealyst/components';
82
+ "with-icons": `import { Input } from '@idealyst/components';
83
83
 
84
84
  // Left icon
85
85
  <Input
@@ -120,7 +120,7 @@ function Example() {
120
120
  inputType="password"
121
121
  placeholder="Enter password"
122
122
  />`,
123
- interactive: `import { Input } from '@idealyst/components';
123
+ interactive: `import { Input } from '@idealyst/components';
124
124
  import { useState } from 'react';
125
125
 
126
126
  function Example() {
@@ -148,3 +148,4 @@ function Example() {
148
148
  }`,
149
149
  }
150
150
  };
151
+ //# sourceMappingURL=Input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/data/components/Input.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACrB,QAAQ,EAAE,MAAM;IACZ,WAAW,EAAE,kFAAkF;IAC3F,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBd;IACG,QAAQ,EAAE;QACR,4CAA4C;QAC5C,mDAAmD;QACnD,sDAAsD;QACtD,qBAAqB;QACrB,uDAAuD;QACvD,gBAAgB;QAChB,6BAA6B;QAC7B,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,sDAAsD;QACtD,yEAAyE;QACzE,0CAA0C;QAC1C,mEAAmE;KACpE;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;GAIV;QACG,QAAQ,EAAE;;;;;;;;;;;;;;;;;;yCAkByB;QACnC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCjB;QACG,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAyBjB;KACG;CACJ,CAAC"}
@@ -0,0 +1,15 @@
1
+ export declare const List: {
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=List.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/data/components/List.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAsGhB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  export const List = {
2
- category: "display",
2
+ category: "display",
3
3
  description: "Vertical list container with support for sections, icons, and interactive items",
4
- props: `
4
+ props: `
5
5
  - \`children\`: React.ReactNode - List items and sections to display
6
6
  - \`type\`: ListType - The visual style variant of the list
7
7
  - \`size\`: ListSizeVariant - The size variant of list items
@@ -9,19 +9,19 @@ category: "display",
9
9
  - \`maxHeight\`: number | string - Maximum height of the scrollable list
10
10
  `,
11
11
  features: [
12
- "Three visual variants",
13
- "Configurable item sizes",
14
- "Leading and trailing elements (icons, badges, etc.)",
15
- "Selected and active states",
16
- "Section grouping with titles",
17
- "Indentation for hierarchy",
18
- "Icon support via string names",
12
+ "Three visual variants",
13
+ "Configurable item sizes",
14
+ "Leading and trailing elements (icons, badges, etc.)",
15
+ "Selected and active states",
16
+ "Section grouping with titles",
17
+ "Indentation for hierarchy",
18
+ "Icon support via string names",
19
19
  ],
20
20
  bestPractices: [
21
- "Use sections to organize related items",
22
- "Use leading icons for visual categorization",
23
- "Use trailing elements for metadata or actions",
24
- "Keep list items concise and scannable",
21
+ "Use sections to organize related items",
22
+ "Use leading icons for visual categorization",
23
+ "Use trailing elements for metadata or actions",
24
+ "Keep list items concise and scannable",
25
25
  ],
26
26
  usage: `
27
27
  import { List, ListItem, ListSection } from '@idealyst/components';
@@ -42,14 +42,14 @@ import { List, ListItem, ListSection } from '@idealyst/components';
42
42
  </List>
43
43
  `,
44
44
  examples: {
45
- basic: `import { List, ListItem } from '@idealyst/components';
45
+ basic: `import { List, ListItem } from '@idealyst/components';
46
46
 
47
47
  <List type="divided">
48
48
  <ListItem label="Item 1" />
49
49
  <ListItem label="Item 2" />
50
50
  <ListItem label="Item 3" />
51
51
  </List>`,
52
- variants: `import { List, ListItem } from '@idealyst/components';
52
+ variants: `import { List, ListItem } from '@idealyst/components';
53
53
 
54
54
  <List type="default">
55
55
  <ListItem label="Default" />
@@ -62,7 +62,7 @@ import { List, ListItem, ListSection } from '@idealyst/components';
62
62
  <List type="divided">
63
63
  <ListItem label="Divided" />
64
64
  </List>`,
65
- "with-icons": `import { List, ListItem, Badge } from '@idealyst/components';
65
+ "with-icons": `import { List, ListItem, Badge } from '@idealyst/components';
66
66
 
67
67
  <List type="bordered">
68
68
  <ListItem
@@ -76,7 +76,7 @@ import { List, ListItem, ListSection } from '@idealyst/components';
76
76
  trailing={<Badge>12</Badge>}
77
77
  />
78
78
  </List>`,
79
- interactive: `import { List, ListItem } from '@idealyst/components';
79
+ interactive: `import { List, ListItem } from '@idealyst/components';
80
80
  import { useState } from 'react';
81
81
 
82
82
  function Example() {
@@ -101,3 +101,4 @@ function Example() {
101
101
  }`,
102
102
  }
103
103
  };
104
+ //# sourceMappingURL=List.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/data/components/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,iFAAiF;IAC1F,KAAK,EAAE;;;;;;CAMd;IACG,QAAQ,EAAE;QACR,uBAAuB;QACvB,yBAAyB;QACzB,qDAAqD;QACrD,4BAA4B;QAC5B,8BAA8B;QAC9B,2BAA2B;QAC3B,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,6CAA6C;QAC7C,+CAA+C;QAC/C,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;QAML;QACF,QAAQ,EAAE;;;;;;;;;;;;QAYR;QACF,YAAY,EAAE;;;;;;;;;;;;;QAaZ;QACF,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBjB;KACG;CACJ,CAAC"}