@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
package/package.json CHANGED
@@ -1,12 +1,21 @@
1
1
  {
2
2
  "name": "@idealyst/mcp-server",
3
- "version": "1.2.24",
3
+ "version": "1.2.26",
4
4
  "description": "MCP server providing documentation and examples for the Idealyst framework",
5
- "main": "dist/index.js",
5
+ "main": "dist/index.cjs",
6
+ "module": "dist/index.js",
7
+ "types": "dist/index.d.ts",
6
8
  "bin": {
7
9
  "idealyst-mcp": "./dist/index.js"
8
10
  },
9
11
  "type": "module",
12
+ "exports": {
13
+ ".": {
14
+ "types": "./dist/index.d.ts",
15
+ "import": "./dist/index.js",
16
+ "require": "./dist/index.cjs"
17
+ }
18
+ },
10
19
  "files": [
11
20
  "dist/**/*",
12
21
  "examples/**/*",
@@ -17,8 +26,8 @@
17
26
  "validate-examples": "tsx scripts/validate-examples.ts",
18
27
  "test": "tsx scripts/test-examples.ts",
19
28
  "prebuild": "yarn extract-types && yarn validate-examples",
20
- "build": "tsc && chmod +x dist/index.js && mkdir -p dist/generated && cp -r src/generated/* dist/generated/",
21
- "dev": "tsc --watch",
29
+ "build": "tsup && mkdir -p dist/generated && cp -r src/generated/* dist/generated/",
30
+ "dev": "tsup --watch",
22
31
  "start": "node dist/index.js"
23
32
  },
24
33
  "publishConfig": {
@@ -35,9 +44,9 @@
35
44
  "author": "Idealyst",
36
45
  "license": "MIT",
37
46
  "dependencies": {
38
- "@idealyst/components": "^1.2.24",
39
- "@idealyst/navigation": "^1.2.24",
40
- "@idealyst/theme": "^1.2.24",
47
+ "@idealyst/components": "^1.2.26",
48
+ "@idealyst/navigation": "^1.2.26",
49
+ "@idealyst/theme": "^1.2.26",
41
50
  "@idealyst/tooling": "^1.2.1",
42
51
  "@modelcontextprotocol/sdk": "^1.0.4"
43
52
  },
@@ -48,6 +57,7 @@
48
57
  "react": "^19.1.0",
49
58
  "react-native": "^0.80.1",
50
59
  "ts-morph": "^21.0.1",
60
+ "tsup": "^8.5.1",
51
61
  "tsx": "^4.7.0",
52
62
  "typescript": "^5.0.0"
53
63
  }
@@ -1,2 +0,0 @@
1
- export declare const cliCommands: Record<string, any>;
2
- //# sourceMappingURL=cli-commands.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cli-commands.d.ts","sourceRoot":"","sources":["../../src/data/cli-commands.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAsG3C,CAAC"}
@@ -1,100 +0,0 @@
1
- export const cliCommands = {
2
- init: {
3
- description: "Initialize a new Idealyst workspace with monorepo structure",
4
- usage: "idealyst init <workspace-name> [options]",
5
- options: [
6
- {
7
- flag: "workspace-name",
8
- description: "Name for the new workspace (required)",
9
- },
10
- {
11
- flag: "--git",
12
- description: "Initialize git repository (default: true)",
13
- },
14
- {
15
- flag: "--install",
16
- description: "Install dependencies after creation (default: true)",
17
- },
18
- ],
19
- examples: [
20
- "idealyst init my-app",
21
- "idealyst init my-company-workspace --no-git",
22
- ],
23
- },
24
- create: {
25
- description: "Create a new package within the Idealyst workspace",
26
- usage: "idealyst create <name> --type <type> [options]",
27
- options: [
28
- {
29
- flag: "name",
30
- description: "Name for the new package (required)",
31
- },
32
- {
33
- flag: "--type",
34
- description: "Package type: web | native | api | database | shared (required)",
35
- },
36
- {
37
- flag: "--app-name",
38
- description: "Display name for native app (required for native type)",
39
- },
40
- {
41
- flag: "--with-trpc",
42
- description: "Include tRPC setup (for web/native)",
43
- },
44
- {
45
- flag: "--no-trpc",
46
- description: "Exclude tRPC setup (for web/native)",
47
- },
48
- ],
49
- examples: [
50
- "idealyst create web --type web --with-trpc",
51
- "idealyst create mobile --type native --app-name \"My App\" --with-trpc",
52
- "idealyst create api --type api",
53
- "idealyst create database --type database",
54
- "idealyst create shared --type shared",
55
- ],
56
- },
57
- dev: {
58
- description: "Start development server for a package",
59
- usage: "cd packages/<name> && yarn dev",
60
- options: [
61
- {
62
- flag: "--port",
63
- description: "Port number for dev server (web only)",
64
- },
65
- ],
66
- examples: [
67
- "cd packages/web && yarn dev",
68
- "cd packages/native && yarn dev",
69
- ],
70
- },
71
- build: {
72
- description: "Build a package for production",
73
- usage: "cd packages/<name> && yarn build",
74
- options: [],
75
- examples: [
76
- "cd packages/web && yarn build",
77
- "cd packages/api && yarn build",
78
- ],
79
- },
80
- test: {
81
- description: "Run tests for packages",
82
- usage: "yarn test [options]",
83
- options: [
84
- {
85
- flag: "--watch",
86
- description: "Run tests in watch mode",
87
- },
88
- {
89
- flag: "--coverage",
90
- description: "Generate coverage report",
91
- },
92
- ],
93
- examples: [
94
- "yarn test",
95
- "yarn test:watch",
96
- "yarn test:coverage",
97
- ],
98
- },
99
- };
100
- //# sourceMappingURL=cli-commands.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cli-commands.js","sourceRoot":"","sources":["../../src/data/cli-commands.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAwB;IAC9C,IAAI,EAAE;QACJ,WAAW,EAAE,6DAA6D;QAC1E,KAAK,EAAE,0CAA0C;QACjD,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,gBAAgB;gBACtB,WAAW,EAAE,uCAAuC;aACrD;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,WAAW,EAAE,2CAA2C;aACzD;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,qDAAqD;aACnE;SACF;QACD,QAAQ,EAAE;YACR,sBAAsB;YACtB,6CAA6C;SAC9C;KACF;IAED,MAAM,EAAE;QACN,WAAW,EAAE,oDAAoD;QACjE,KAAK,EAAE,gDAAgD;QACvD,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,qCAAqC;aACnD;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,iEAAiE;aAC/E;YACD;gBACE,IAAI,EAAE,YAAY;gBAClB,WAAW,EAAE,wDAAwD;aACtE;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,qCAAqC;aACnD;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,qCAAqC;aACnD;SACF;QACD,QAAQ,EAAE;YACR,4CAA4C;YAC5C,wEAAwE;YACxE,gCAAgC;YAChC,0CAA0C;YAC1C,sCAAsC;SACvC;KACF;IAED,GAAG,EAAE;QACH,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE,gCAAgC;QACvC,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,QAAQ,EAAE;YACR,6BAA6B;YAC7B,gCAAgC;SACjC;KACF;IAED,KAAK,EAAE;QACL,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,kCAAkC;QACzC,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE;YACR,+BAA+B;YAC/B,+BAA+B;SAChC;KACF;IAED,IAAI,EAAE;QACJ,WAAW,EAAE,wBAAwB;QACrC,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,yBAAyB;aACvC;YACD;gBACE,IAAI,EAAE,YAAY;gBAClB,WAAW,EAAE,0BAA0B;aACxC;SACF;QACD,QAAQ,EAAE;YACR,WAAW;YACX,iBAAiB;YACjB,oBAAoB;SACrB;KACF;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Accordion: {
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=Accordion.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAkHrB,CAAC"}
@@ -1,113 +0,0 @@
1
- export const Accordion = {
2
- category: "display",
3
- description: "Expandable/collapsible content sections with spacing variants and support for single or multiple open items",
4
- props: `
5
- - \`items\`: AccordionItem[] - Array of accordion items with title and content
6
- - \`allowMultiple\`: boolean - Whether multiple items can be expanded at once
7
- - \`defaultExpanded\`: string[] - Array of item IDs that should be expanded by default
8
- - \`type\`: AccordionType - The visual style variant of the accordion
9
- - \`size\`: AccordionSizeVariant - The size variant of accordion items
10
- - \`gap\`: Size - Space between accordion items ('xs' | 'sm' | 'md' | 'lg' | 'xl')
11
- - \`padding\`: Size - Padding on all sides
12
- - \`paddingVertical\`: Size - Top and bottom padding
13
- - \`paddingHorizontal\`: Size - Left and right padding
14
- - \`margin\`: Size - Margin on all sides
15
- - \`marginVertical\`: Size - Top and bottom margin
16
- - \`marginHorizontal\`: Size - Left and right margin
17
- `,
18
- features: [
19
- "Single or multiple item expansion modes",
20
- "Default expanded items support",
21
- "Three visual variants",
22
- "Three size options",
23
- "Gap variant for spacing between items",
24
- "Padding and margin variants",
25
- "Disabled item state",
26
- "Controlled and uncontrolled modes",
27
- ],
28
- bestPractices: [
29
- "Use 'default' variant for standard content organization",
30
- "Use 'separated' variant for distinct sections",
31
- "Set allowMultiple to true for FAQs where users may need to compare answers",
32
- "Keep accordion titles concise and descriptive",
33
- "Use defaultExpanded sparingly to avoid overwhelming users",
34
- ],
35
- usage: `
36
- import { Accordion } from '@idealyst/components';
37
-
38
- const items = [
39
- {
40
- id: '1',
41
- title: 'What is Idealyst?',
42
- content: <Text>Idealyst is a cross-platform React framework...</Text>,
43
- },
44
- {
45
- id: '2',
46
- title: 'How do I get started?',
47
- content: <Text>Install the CLI and create a new project...</Text>,
48
- },
49
- ];
50
-
51
- <Accordion
52
- items={items}
53
- type="bordered"
54
- defaultExpanded={['1']}
55
- />
56
- `,
57
- examples: {
58
- basic: `import { Accordion, Text } from '@idealyst/components';
59
-
60
- const items = [
61
- { id: '1', title: 'Section 1', content: <Text>Content 1</Text> },
62
- { id: '2', title: 'Section 2', content: <Text>Content 2</Text> },
63
- ];
64
-
65
- <Accordion items={items} />`,
66
- variants: `import { Accordion, Text } from '@idealyst/components';
67
-
68
- const items = [
69
- { id: '1', title: 'Item', content: <Text>Content</Text> },
70
- ];
71
-
72
- // Different variants
73
- <Accordion items={items} type="default" />
74
- <Accordion items={items} type="separated" />
75
- <Accordion items={items} type="bordered" />`,
76
- "with-icons": `import { Accordion, View, Icon, Text } from '@idealyst/components';
77
-
78
- const items = [
79
- {
80
- id: '1',
81
- title: 'Account Settings',
82
- content: (
83
- <View spacing="sm">
84
- <Icon name="account" size="md" />
85
- <Text>Manage your account preferences</Text>
86
- </View>
87
- ),
88
- },
89
- ];
90
-
91
- <Accordion items={items} intent="primary" />`,
92
- interactive: `import { Accordion, Text } from '@idealyst/components';
93
- import { useState } from 'react';
94
-
95
- function Example() {
96
- const items = [
97
- { id: '1', title: 'FAQ 1', content: <Text>Answer 1</Text> },
98
- { id: '2', title: 'FAQ 2', content: <Text>Answer 2</Text> },
99
- { id: '3', title: 'FAQ 3', content: <Text>Answer 3</Text> },
100
- ];
101
-
102
- return (
103
- <Accordion
104
- items={items}
105
- allowMultiple
106
- defaultExpanded={['1']}
107
- type="bordered"
108
- />
109
- );
110
- }`,
111
- },
112
- };
113
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,6GAA6G;IACtH,KAAK,EAAE;;;;;;;;;;;;;CAaZ;IACC,QAAQ,EAAE;QACR,yCAAyC;QACzC,gCAAgC;QAChC,uBAAuB;QACvB,oBAAoB;QACpB,uCAAuC;QACvC,6BAA6B;QAC7B,qBAAqB;QACrB,mCAAmC;KACpC;IACD,aAAa,EAAE;QACb,yDAAyD;QACzD,+CAA+C;QAC/C,4EAA4E;QAC5E,+CAA+C;QAC/C,2DAA2D;KAC5D;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;4BAOiB;QAExB,QAAQ,EAAE;;;;;;;;;4CAS8B;QAExC,YAAY,EAAE;;;;;;;;;;;;;;;6CAe2B;QAEzC,WAAW,EAAE;;;;;;;;;;;;;;;;;;EAkBf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const ActivityIndicator: {
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=ActivityIndicator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.d.ts","sourceRoot":"","sources":["../../../src/data/components/ActivityIndicator.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAiF7B,CAAC"}
@@ -1,80 +0,0 @@
1
- export const ActivityIndicator = {
2
- category: "feedback",
3
- description: "Loading spinner/indicator for showing ongoing processes or loading states",
4
- props: `
5
- - \`animating\`: boolean - Whether the indicator is animating (visible)
6
- - \`size\`: ActivityIndicatorSizeVariant - The size of the indicator
7
- - \`intent\`: ActivityIndicatorIntentVariant - The color/intent of the indicator
8
- - \`color\`: string - Custom color to override intent
9
- - \`hidesWhenStopped\`: boolean - Whether to hide the indicator when not animating
10
- `,
11
- features: [
12
- "Animated loading spinner",
13
- "Three predefined sizes plus custom numeric size",
14
- "Five intent colors",
15
- "Custom color support",
16
- "Auto-hide when stopped",
17
- "Cross-platform support",
18
- ],
19
- bestPractices: [
20
- "Use 'primary' intent for general loading states",
21
- "Use 'sm' size for inline loading indicators",
22
- "Use 'lg' size for full-screen loading overlays",
23
- "Always provide context about what is loading",
24
- "Consider using with overlay for blocking operations",
25
- ],
26
- usage: `
27
- import { ActivityIndicator, View, Text } from '@idealyst/components';
28
-
29
- <View spacing="md">
30
- <ActivityIndicator size="lg" intent="primary" />
31
- <Text>Loading data...</Text>
32
- </View>
33
- `,
34
- examples: {
35
- basic: `import { ActivityIndicator } from '@idealyst/components';
36
-
37
- <ActivityIndicator />`,
38
- variants: `import { ActivityIndicator, View } from '@idealyst/components';
39
-
40
- <View spacing="md">
41
- <ActivityIndicator size="sm" />
42
- <ActivityIndicator size="md" />
43
- <ActivityIndicator size="lg" />
44
- <ActivityIndicator size={48} />
45
- </View>`,
46
- "with-icons": `import { ActivityIndicator, View, Text } from '@idealyst/components';
47
-
48
- <View spacing="sm" style={{ alignItems: 'center' }}>
49
- <ActivityIndicator intent="success" size="lg" />
50
- <Text>Processing...</Text>
51
- </View>`,
52
- interactive: `import { ActivityIndicator, Button, View, Text } from '@idealyst/components';
53
- import { useState } from 'react';
54
-
55
- function Example() {
56
- const [loading, setLoading] = useState(false);
57
-
58
- const handleLoad = async () => {
59
- setLoading(true);
60
- await new Promise(resolve => setTimeout(resolve, 2000));
61
- setLoading(false);
62
- };
63
-
64
- return (
65
- <View spacing="md">
66
- <Button onPress={handleLoad} disabled={loading}>
67
- Load Data
68
- </Button>
69
- {loading && (
70
- <View spacing="sm" style={{ alignItems: 'center' }}>
71
- <ActivityIndicator size="lg" />
72
- <Text>Loading...</Text>
73
- </View>
74
- )}
75
- </View>
76
- );
77
- }`,
78
- },
79
- };
80
- //# sourceMappingURL=ActivityIndicator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../../../src/data/components/ActivityIndicator.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,2EAA2E;IACpF,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,0BAA0B;QAC1B,iDAAiD;QACjD,oBAAoB;QACpB,sBAAsB;QACtB,wBAAwB;QACxB,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,iDAAiD;QACjD,6CAA6C;QAC7C,gDAAgD;QAChD,8CAA8C;QAC9C,qDAAqD;KACtD;IACD,KAAK,EAAE;;;;;;;CAOR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;sBAEW;QAElB,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;QAKV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAyBf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Alert: {
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=Alert.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/data/components/Alert.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAmIjB,CAAC"}
@@ -1,130 +0,0 @@
1
- export const Alert = {
2
- category: "feedback",
3
- description: "Message banner for displaying important information, warnings, errors, and success messages",
4
- props: `
5
- - \`title\`: string - The title text of the alert
6
- - \`message\`: string - The message text of the alert
7
- - \`children\`: React.ReactNode - Custom content to display (overrides title and message)
8
- - \`intent\`: AlertIntentVariant - The intent/color scheme (success, error, warning, info, neutral)
9
- - \`type\`: AlertType - The visual style variant (filled, outlined, subtle)
10
- - \`icon\`: React.ReactNode - Custom icon to display (overrides default intent icon)
11
- - \`showIcon\`: boolean - Whether to show the icon (defaults to true)
12
- - \`dismissible\`: boolean - Whether the alert can be dismissed with a close button
13
- - \`onDismiss\`: function - Called when the alert is dismissed
14
- - \`actions\`: React.ReactNode - Action buttons to display in the alert
15
- `,
16
- features: [
17
- "Five intent types with semantic meaning",
18
- "Three visual variants",
19
- "Default icons for each intent",
20
- "Custom icon support",
21
- "Dismissible with close button",
22
- "Action buttons support",
23
- "Title and message or custom children",
24
- ],
25
- bestPractices: [
26
- "Use 'error' intent for critical errors requiring immediate attention",
27
- "Use 'warning' intent for important but non-critical information",
28
- "Use 'success' intent for positive confirmations",
29
- "Use 'info' intent for general informational messages",
30
- "Keep alert messages concise and actionable",
31
- "Make alerts dismissible unless they require action",
32
- ],
33
- usage: `
34
- import { Alert } from '@idealyst/components';
35
-
36
- <Alert
37
- intent="error"
38
- title="Error"
39
- message="Failed to save changes. Please try again."
40
- dismissible
41
- onDismiss={() => setShowAlert(false)}
42
- />
43
- `,
44
- examples: {
45
- basic: `import { Alert } from '@idealyst/components';
46
-
47
- <Alert
48
- intent="info"
49
- message="This is an informational message"
50
- />`,
51
- variants: `import { Alert, View } from '@idealyst/components';
52
-
53
- <View spacing="md">
54
- <Alert
55
- intent="success"
56
- type="filled"
57
- message="Success message"
58
- />
59
- <Alert
60
- intent="warning"
61
- type="outlined"
62
- message="Warning message"
63
- />
64
- <Alert
65
- intent="error"
66
- type="soft"
67
- message="Error message"
68
- />
69
- </View>`,
70
- "with-icons": `import { Alert, View } from '@idealyst/components';
71
-
72
- <View spacing="md">
73
- <Alert
74
- intent="success"
75
- title="Success!"
76
- message="Your changes have been saved"
77
- showIcon
78
- />
79
- <Alert
80
- intent="error"
81
- title="Error"
82
- message="Something went wrong"
83
- showIcon
84
- dismissible
85
- />
86
- </View>`,
87
- interactive: `import { Alert, Button, View } from '@idealyst/components';
88
- import { useState } from 'react';
89
-
90
- function Example() {
91
- const [showAlert, setShowAlert] = useState(false);
92
-
93
- return (
94
- <View spacing="md">
95
- <Button onPress={() => setShowAlert(true)}>
96
- Show Alert
97
- </Button>
98
-
99
- {showAlert && (
100
- <Alert
101
- intent="warning"
102
- title="Unsaved Changes"
103
- message="You have unsaved changes that will be lost."
104
- dismissible
105
- onDismiss={() => setShowAlert(false)}
106
- actions={
107
- <View style={{ flexDirection: 'row', gap: 8 }}>
108
- <Button size="sm" onPress={() => setShowAlert(false)}>
109
- Cancel
110
- </Button>
111
- <Button
112
- size="sm"
113
- intent="warning"
114
- onPress={() => {
115
- handleSave();
116
- setShowAlert(false);
117
- }}
118
- >
119
- Save
120
- </Button>
121
- </View>
122
- }
123
- />
124
- )}
125
- </View>
126
- );
127
- }`,
128
- },
129
- };
130
- //# sourceMappingURL=Alert.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/data/components/Alert.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,6FAA6F;IACtG,KAAK,EAAE;;;;;;;;;;;CAWZ;IACC,QAAQ,EAAE;QACR,yCAAyC;QACzC,uBAAuB;QACvB,+BAA+B;QAC/B,qBAAqB;QACrB,+BAA+B;QAC/B,wBAAwB;QACxB,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,iEAAiE;QACjE,iDAAiD;QACjD,sDAAsD;QACtD,4CAA4C;QAC5C,oDAAoD;KACrD;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;GAKR;QAEC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;QAkBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;QAgBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Avatar: {
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=Avatar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/data/components/Avatar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA4FlB,CAAC"}
@@ -1,91 +0,0 @@
1
- export const Avatar = {
2
- category: "display",
3
- description: "Profile picture or user avatar with fallback text support",
4
- props: `
5
- - \`src\`: string | ImageSourcePropType - Image source (URL or require())
6
- - \`alt\`: string - Alt text for the image
7
- - \`fallback\`: string - Fallback text (usually initials)
8
- - \`size\`: AvatarSizeVariant - Size of the avatar
9
- - \`shape\`: AvatarShapeVariant - Shape of the avatar
10
- - \`color\`: AvatarColorVariant - The color scheme of the avatar (for background when no image)
11
- `,
12
- features: [
13
- "Image display with automatic fallback",
14
- "Fallback text (initials) support",
15
- "Four size options",
16
- "Circle and square shapes",
17
- "Theme color variants for fallback backgrounds",
18
- "Accessible with alt text",
19
- ],
20
- bestPractices: [
21
- "Always provide alt text for accessibility",
22
- "Use initials (2 characters) for fallback text",
23
- "Use 'circle' shape for user avatars",
24
- "Use 'square' shape for brands or organizations",
25
- "Choose contrasting colors for fallback backgrounds",
26
- ],
27
- usage: `
28
- import { Avatar } from '@idealyst/components';
29
-
30
- <Avatar
31
- src="https://example.com/avatar.jpg"
32
- alt="John Doe"
33
- fallback="JD"
34
- size="lg"
35
- shape="circle"
36
- />
37
- `,
38
- examples: {
39
- basic: `import { Avatar } from '@idealyst/components';
40
-
41
- <Avatar
42
- fallback="JD"
43
- size="md"
44
- />`,
45
- variants: `import { Avatar, View } from '@idealyst/components';
46
-
47
- <View style={{ flexDirection: 'row', gap: 8 }}>
48
- <Avatar fallback="SM" size="sm" />
49
- <Avatar fallback="MD" size="md" />
50
- <Avatar fallback="LG" size="lg" />
51
- <Avatar fallback="XL" size="xl" />
52
- </View>`,
53
- "with-icons": `import { Avatar, View } from '@idealyst/components';
54
-
55
- <View style={{ flexDirection: 'row', gap: 8 }}>
56
- {/* Circle avatars */}
57
- <Avatar
58
- src="https://i.pravatar.cc/150?img=1"
59
- alt="User 1"
60
- fallback="U1"
61
- shape="circle"
62
- />
63
-
64
- {/* Square avatars */}
65
- <Avatar
66
- src="https://i.pravatar.cc/150?img=2"
67
- alt="User 2"
68
- fallback="U2"
69
- shape="square"
70
- />
71
- </View>`,
72
- interactive: `import { Avatar, View, Text } from '@idealyst/components';
73
-
74
- function UserProfile({ user }) {
75
- return (
76
- <View spacing="sm" style={{ alignItems: 'center' }}>
77
- <Avatar
78
- src={user.avatar}
79
- alt={user.name}
80
- fallback={user.initials}
81
- size="xl"
82
- color="primary"
83
- />
84
- <Text weight="bold">{user.name}</Text>
85
- <Text size="sm" color="secondary">{user.email}</Text>
86
- </View>
87
- );
88
- }`,
89
- },
90
- };
91
- //# sourceMappingURL=Avatar.js.map