@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 Switch = {
2
- category: "form",
3
- description: "Toggle switch for binary on/off states",
4
- props: `
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
- 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: `
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
- examples: {
50
- basic: `import { Switch } from '@idealyst/components';
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
- category: "navigation",
3
- description: "Tab bar navigation component for switching between views or sections",
4
- props: `
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
- 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: `
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
- examples: {
53
- basic: `import { TabBar } from '@idealyst/components';
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
- category: "data",
3
- description: "Data table component for displaying structured tabular data",
4
- props: `
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
- 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: `
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
- examples: {
59
- basic: `import { Table } from '@idealyst/components';
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
- category: "navigation",
3
- description: "Tabs component with content panels for organizing information into tabbed sections",
4
- props: `
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
- 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: `
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
- examples: {
55
- basic: `import { Tabs, Tab, Text } from '@idealyst/components';
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
- category: "typography",
3
- description: "Styled text component with size, weight, and color variants",
4
- props: `
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
- 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: `
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
- examples: {
39
- basic: `import { Text } from '@idealyst/components';
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"}