@triptease/design-system-mcp 1.0.19 → 1.0.21

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 (205) hide show
  1. package/dist/index.js +28985 -0
  2. package/package.json +20 -13
  3. package/CHANGELOG.md +0 -192
  4. package/dist/package.json +0 -44
  5. package/dist/src/index.d.ts +0 -2
  6. package/dist/src/index.js +0 -66
  7. package/dist/src/index.js.map +0 -1
  8. package/dist/src/manifests/components/entries/badge.d.ts +0 -27
  9. package/dist/src/manifests/components/entries/badge.js +0 -43
  10. package/dist/src/manifests/components/entries/badge.js.map +0 -1
  11. package/dist/src/manifests/components/entries/banner.d.ts +0 -23
  12. package/dist/src/manifests/components/entries/banner.js +0 -68
  13. package/dist/src/manifests/components/entries/banner.js.map +0 -1
  14. package/dist/src/manifests/components/entries/barChart.d.ts +0 -74
  15. package/dist/src/manifests/components/entries/barChart.js +0 -128
  16. package/dist/src/manifests/components/entries/barChart.js.map +0 -1
  17. package/dist/src/manifests/components/entries/button.d.ts +0 -40
  18. package/dist/src/manifests/components/entries/button.js +0 -59
  19. package/dist/src/manifests/components/entries/button.js.map +0 -1
  20. package/dist/src/manifests/components/entries/card.d.ts +0 -25
  21. package/dist/src/manifests/components/entries/card.js +0 -42
  22. package/dist/src/manifests/components/entries/card.js.map +0 -1
  23. package/dist/src/manifests/components/entries/checkbox.d.ts +0 -31
  24. package/dist/src/manifests/components/entries/checkbox.js +0 -64
  25. package/dist/src/manifests/components/entries/checkbox.js.map +0 -1
  26. package/dist/src/manifests/components/entries/combobox.d.ts +0 -65
  27. package/dist/src/manifests/components/entries/combobox.js +0 -177
  28. package/dist/src/manifests/components/entries/combobox.js.map +0 -1
  29. package/dist/src/manifests/components/entries/datePicker.d.ts +0 -35
  30. package/dist/src/manifests/components/entries/datePicker.js +0 -68
  31. package/dist/src/manifests/components/entries/datePicker.js.map +0 -1
  32. package/dist/src/manifests/components/entries/dateRangePicker.d.ts +0 -35
  33. package/dist/src/manifests/components/entries/dateRangePicker.js +0 -111
  34. package/dist/src/manifests/components/entries/dateRangePicker.js.map +0 -1
  35. package/dist/src/manifests/components/entries/dialog.d.ts +0 -39
  36. package/dist/src/manifests/components/entries/dialog.js +0 -74
  37. package/dist/src/manifests/components/entries/dialog.js.map +0 -1
  38. package/dist/src/manifests/components/entries/lineChart.d.ts +0 -87
  39. package/dist/src/manifests/components/entries/lineChart.js +0 -166
  40. package/dist/src/manifests/components/entries/lineChart.js.map +0 -1
  41. package/dist/src/manifests/components/entries/numberinput.d.ts +0 -52
  42. package/dist/src/manifests/components/entries/numberinput.js +0 -64
  43. package/dist/src/manifests/components/entries/numberinput.js.map +0 -1
  44. package/dist/src/manifests/components/entries/radio.d.ts +0 -31
  45. package/dist/src/manifests/components/entries/radio.js +0 -50
  46. package/dist/src/manifests/components/entries/radio.js.map +0 -1
  47. package/dist/src/manifests/components/entries/select.d.ts +0 -16
  48. package/dist/src/manifests/components/entries/select.js +0 -23
  49. package/dist/src/manifests/components/entries/select.js.map +0 -1
  50. package/dist/src/manifests/components/entries/statistic.d.ts +0 -21
  51. package/dist/src/manifests/components/entries/statistic.js +0 -69
  52. package/dist/src/manifests/components/entries/statistic.js.map +0 -1
  53. package/dist/src/manifests/components/entries/table.d.ts +0 -16
  54. package/dist/src/manifests/components/entries/table.js +0 -43
  55. package/dist/src/manifests/components/entries/table.js.map +0 -1
  56. package/dist/src/manifests/components/entries/textarea.d.ts +0 -40
  57. package/dist/src/manifests/components/entries/textarea.js +0 -54
  58. package/dist/src/manifests/components/entries/textarea.js.map +0 -1
  59. package/dist/src/manifests/components/entries/textinput.d.ts +0 -40
  60. package/dist/src/manifests/components/entries/textinput.js +0 -53
  61. package/dist/src/manifests/components/entries/textinput.js.map +0 -1
  62. package/dist/src/manifests/components/entries/toggle.d.ts +0 -23
  63. package/dist/src/manifests/components/entries/toggle.js +0 -30
  64. package/dist/src/manifests/components/entries/toggle.js.map +0 -1
  65. package/dist/src/manifests/components/entries/typography.d.ts +0 -23
  66. package/dist/src/manifests/components/entries/typography.js +0 -32
  67. package/dist/src/manifests/components/entries/typography.js.map +0 -1
  68. package/dist/src/manifests/components/index.d.ts +0 -2
  69. package/dist/src/manifests/components/index.js +0 -43
  70. package/dist/src/manifests/components/index.js.map +0 -1
  71. package/dist/src/manifests/components/types.d.ts +0 -57
  72. package/dist/src/manifests/components/types.js +0 -2
  73. package/dist/src/manifests/components/types.js.map +0 -1
  74. package/dist/src/resources/components/get.d.ts +0 -7
  75. package/dist/src/resources/components/get.js +0 -29
  76. package/dist/src/resources/components/get.js.map +0 -1
  77. package/dist/src/resources/components/index.d.ts +0 -2
  78. package/dist/src/resources/components/index.js +0 -3
  79. package/dist/src/resources/components/index.js.map +0 -1
  80. package/dist/src/resources/components/list.d.ts +0 -7
  81. package/dist/src/resources/components/list.js +0 -19
  82. package/dist/src/resources/components/list.js.map +0 -1
  83. package/dist/src/resources/guides/index.d.ts +0 -2
  84. package/dist/src/resources/guides/index.js +0 -3
  85. package/dist/src/resources/guides/index.js.map +0 -1
  86. package/dist/src/resources/guides/principles.d.ts +0 -60
  87. package/dist/src/resources/guides/principles.js +0 -158
  88. package/dist/src/resources/guides/principles.js.map +0 -1
  89. package/dist/src/resources/guides/setup.d.ts +0 -7
  90. package/dist/src/resources/guides/setup.js +0 -54
  91. package/dist/src/resources/guides/setup.js.map +0 -1
  92. package/dist/src/resources/index.d.ts +0 -3
  93. package/dist/src/resources/index.js +0 -4
  94. package/dist/src/resources/index.js.map +0 -1
  95. package/dist/src/resources/tokens/get.d.ts +0 -7
  96. package/dist/src/resources/tokens/get.js +0 -30
  97. package/dist/src/resources/tokens/get.js.map +0 -1
  98. package/dist/src/resources/tokens/index.d.ts +0 -2
  99. package/dist/src/resources/tokens/index.js +0 -3
  100. package/dist/src/resources/tokens/index.js.map +0 -1
  101. package/dist/src/resources/tokens/list.d.ts +0 -7
  102. package/dist/src/resources/tokens/list.js +0 -21
  103. package/dist/src/resources/tokens/list.js.map +0 -1
  104. package/dist/src/tools/getCSSTokens/handler.d.ts +0 -6
  105. package/dist/src/tools/getCSSTokens/handler.js +0 -29
  106. package/dist/src/tools/getCSSTokens/handler.js.map +0 -1
  107. package/dist/src/tools/getCSSTokens/index.d.ts +0 -12
  108. package/dist/src/tools/getCSSTokens/index.js +0 -14
  109. package/dist/src/tools/getCSSTokens/index.js.map +0 -1
  110. package/dist/src/tools/getCSSTokens/utils.d.ts +0 -5
  111. package/dist/src/tools/getCSSTokens/utils.js +0 -25
  112. package/dist/src/tools/getCSSTokens/utils.js.map +0 -1
  113. package/dist/src/tools/getComponentDocs/handler.d.ts +0 -6
  114. package/dist/src/tools/getComponentDocs/handler.js +0 -27
  115. package/dist/src/tools/getComponentDocs/handler.js.map +0 -1
  116. package/dist/src/tools/getComponentDocs/index.d.ts +0 -12
  117. package/dist/src/tools/getComponentDocs/index.js +0 -14
  118. package/dist/src/tools/getComponentDocs/index.js.map +0 -1
  119. package/dist/src/tools/getSetupGuide/handler.d.ts +0 -6
  120. package/dist/src/tools/getSetupGuide/handler.js +0 -50
  121. package/dist/src/tools/getSetupGuide/handler.js.map +0 -1
  122. package/dist/src/tools/getSetupGuide/index.d.ts +0 -12
  123. package/dist/src/tools/getSetupGuide/index.js +0 -17
  124. package/dist/src/tools/getSetupGuide/index.js.map +0 -1
  125. package/dist/src/tools/getSetupGuide/setupGuides.d.ts +0 -12
  126. package/dist/src/tools/getSetupGuide/setupGuides.js +0 -49
  127. package/dist/src/tools/getSetupGuide/setupGuides.js.map +0 -1
  128. package/dist/src/tools/listCSSTokens/handler.d.ts +0 -3
  129. package/dist/src/tools/listCSSTokens/handler.js +0 -20
  130. package/dist/src/tools/listCSSTokens/handler.js.map +0 -1
  131. package/dist/src/tools/listCSSTokens/index.d.ts +0 -8
  132. package/dist/src/tools/listCSSTokens/index.js +0 -10
  133. package/dist/src/tools/listCSSTokens/index.js.map +0 -1
  134. package/dist/src/tools/listComponents/handler.d.ts +0 -3
  135. package/dist/src/tools/listComponents/handler.js +0 -18
  136. package/dist/src/tools/listComponents/handler.js.map +0 -1
  137. package/dist/src/tools/listComponents/index.d.ts +0 -9
  138. package/dist/src/tools/listComponents/index.js +0 -11
  139. package/dist/src/tools/listComponents/index.js.map +0 -1
  140. package/dist/src/utils/buildCDNUrls.d.ts +0 -3
  141. package/dist/src/utils/buildCDNUrls.js +0 -6
  142. package/dist/src/utils/buildCDNUrls.js.map +0 -1
  143. package/src/index.ts +0 -127
  144. package/src/manifests/components/entries/badge.ts +0 -45
  145. package/src/manifests/components/entries/banner.ts +0 -69
  146. package/src/manifests/components/entries/barChart.ts +0 -135
  147. package/src/manifests/components/entries/button.ts +0 -61
  148. package/src/manifests/components/entries/card.ts +0 -43
  149. package/src/manifests/components/entries/checkbox.ts +0 -68
  150. package/src/manifests/components/entries/combobox.ts +0 -185
  151. package/src/manifests/components/entries/datePicker.ts +0 -74
  152. package/src/manifests/components/entries/dateRangePicker.ts +0 -119
  153. package/src/manifests/components/entries/dialog.ts +0 -78
  154. package/src/manifests/components/entries/lineChart.ts +0 -177
  155. package/src/manifests/components/entries/numberinput.ts +0 -66
  156. package/src/manifests/components/entries/radio.ts +0 -53
  157. package/src/manifests/components/entries/select.ts +0 -24
  158. package/src/manifests/components/entries/statistic.ts +0 -72
  159. package/src/manifests/components/entries/table.ts +0 -44
  160. package/src/manifests/components/entries/textarea.ts +0 -56
  161. package/src/manifests/components/entries/textinput.ts +0 -55
  162. package/src/manifests/components/entries/toggle.ts +0 -31
  163. package/src/manifests/components/entries/typography.ts +0 -33
  164. package/src/manifests/components/index.ts +0 -45
  165. package/src/manifests/components/types.ts +0 -65
  166. package/src/resources/components/get.test.ts +0 -39
  167. package/src/resources/components/get.ts +0 -35
  168. package/src/resources/components/index.ts +0 -2
  169. package/src/resources/components/list.test.ts +0 -40
  170. package/src/resources/components/list.ts +0 -20
  171. package/src/resources/guides/index.ts +0 -2
  172. package/src/resources/guides/principles.ts +0 -160
  173. package/src/resources/guides/setup.test.ts +0 -72
  174. package/src/resources/guides/setup.ts +0 -66
  175. package/src/resources/index.ts +0 -3
  176. package/src/resources/tokens/get.test.ts +0 -41
  177. package/src/resources/tokens/get.ts +0 -36
  178. package/src/resources/tokens/index.ts +0 -2
  179. package/src/resources/tokens/list.test.ts +0 -42
  180. package/src/resources/tokens/list.ts +0 -31
  181. package/src/tools/getCSSTokens/__snapshots__/handler.test.ts.snap +0 -78
  182. package/src/tools/getCSSTokens/handler.test.ts +0 -39
  183. package/src/tools/getCSSTokens/handler.ts +0 -36
  184. package/src/tools/getCSSTokens/index.ts +0 -15
  185. package/src/tools/getCSSTokens/utils.ts +0 -31
  186. package/src/tools/getComponentDocs/__snapshots__/handler.test.ts.snap +0 -23
  187. package/src/tools/getComponentDocs/handler.test.ts +0 -14
  188. package/src/tools/getComponentDocs/handler.ts +0 -34
  189. package/src/tools/getComponentDocs/index.ts +0 -15
  190. package/src/tools/getSetupGuide/__snapshots__/handler.test.ts.snap +0 -34
  191. package/src/tools/getSetupGuide/handler.test.ts +0 -20
  192. package/src/tools/getSetupGuide/handler.ts +0 -59
  193. package/src/tools/getSetupGuide/index.ts +0 -20
  194. package/src/tools/getSetupGuide/setupGuides.ts +0 -62
  195. package/src/tools/listCSSTokens/__snapshots__/handler.test.ts.snap +0 -12
  196. package/src/tools/listCSSTokens/handler.test.ts +0 -9
  197. package/src/tools/listCSSTokens/handler.ts +0 -32
  198. package/src/tools/listCSSTokens/index.ts +0 -12
  199. package/src/tools/listComponents/__snapshots__/handler.test.ts.snap +0 -12
  200. package/src/tools/listComponents/handler.test.ts +0 -9
  201. package/src/tools/listComponents/handler.ts +0 -20
  202. package/src/tools/listComponents/index.ts +0 -12
  203. package/src/utils/buildCDNUrls.ts +0 -7
  204. package/tsconfig.json +0 -12
  205. package/vitest.config.ts +0 -6
@@ -1 +0,0 @@
1
- {"version":3,"file":"statistic.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/statistic.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,SAAS,EAAE;QACT,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,iFAAiF;QAC9F,OAAO,EAAE,KAAK;QACd,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,0EAA0E;gBAC1E,0DAA0D;gBAC1D,8EAA8E;gBAC9E,kEAAkE;aACnE;YACD,KAAK,EAAE;gBACL,0EAA0E;gBAC1E,sDAAsD;gBACtD,yFAAyF;aAC1F;SACF;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,iBAAiB;gBACxB,IAAI,EAAE;;;;;;eAMC;aACR;YACD;gBACE,KAAK,EAAE,gBAAgB;gBACvB,WAAW,EACT,uaAAua;gBACza,IAAI,EAAE;;;;;;;;;;;;;;;;;;;SAmBL;aACF;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,WAAW,EACT,+VAA+V;gBACjW,IAAI,EAAE;;;;;;;eAOC;aACR;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n statistic: {\n name: 'Statistic',\n description: 'A consistent, structured layout for displaying a statistic or a few statistics.',\n element: 'div',\n usageGuidance: {\n whenToUse: [\n 'Highlight a single key metric with a label (e.g. \"All Sessions: 3,000\").',\n 'Surface at-a-glance KPIs on dashboards or summary cards.',\n 'Show a value alongside a status indicator (e.g. \"Good\", \"+3 vs last month\").',\n 'Provide brief contextual notes about how a value was calculated.',\n ],\n avoid: [\n 'When comparing multiple attributes across items, so use a Table instead.',\n 'When showing trends over time, use a chart or graph.',\n 'When the value requires significant explanation, use a more detailed content component.',\n ],\n },\n examples: [\n {\n title: 'Basic statistic',\n code: `\n <div class=\"card\">\n <div class=\"statistic\">\n <p class=\"statistic--label\">Booked Room Nights</p>\n <p class=\"statistic--value\">30</p>\n </div>\n </div>`,\n },\n {\n title: 'With Indicator',\n description:\n 'Use to highlight the status of a statistic or a change in its value. Use a badge to communicate overall status, such as “Good”, “Warning”, or “OK”. Use text to indicate change compared to a previous period, such as “+3 vs last month”. When showing change, apply the appropriate CSS color tokens to signal whether the value is positive or negative. Keep the indicator concise and directly related to the primary statistic.',\n code: `\n <div>\n <div class=\"card\">\n <div class=\"statistic\">\n <p class=\"statistic--label\">Booked Room Nights</p>\n <p class=\"statistic--value\">30</p>\n <p class=\"badge statistic--indicator\" data-theme=\"success\">\n Good\n </p>\n </div>\n <div class=\"statistic\">\n <p class=\"statistic--label\">Sessions with Search</p>\n <p class=\"statistic--value\">5,937</p>\n <p class=\"statistic--indicator\" style=\"color: var(--color-success-500)\">\n +30 vs last month\n </p>\n </div>\n </div> \n </div>\n `,\n },\n {\n title: 'With Context',\n description:\n 'Use to provide brief explanatory information about the statistic. Example scenarios: To clarify what the statistic represents, how it was calculated or how it relates to other information on the page. Keep context concise and supplementary; it should clarify the value, not compete with it. Do not recolor the value as this can draw undue attention.',\n code: `\n <div class=\"card\">\n <div class=\"statistic\">\n <p class=\"statistic--label\">Booked Room Nights</p>\n <p class=\"statistic--value\">30</p>\n <p class=\"statistic--context\">Includes canceled stays</p>\n </div>\n </div>`,\n },\n ],\n },\n} satisfies ComponentManifest;\n"]}
@@ -1,16 +0,0 @@
1
- declare const _default: {
2
- table: {
3
- name: string;
4
- description: string;
5
- element: string;
6
- usageGuidance: {
7
- whenToUse: string[];
8
- avoid: string[];
9
- };
10
- examples: {
11
- title: string;
12
- code: string;
13
- }[];
14
- };
15
- };
16
- export default _default;
@@ -1,43 +0,0 @@
1
- export default {
2
- table: {
3
- name: 'Table',
4
- description: 'Organize and display data in rows and columns',
5
- element: 'table',
6
- usageGuidance: {
7
- whenToUse: [
8
- 'Display structured data with multiple attributes',
9
- 'Enable comparison across data rows',
10
- 'Present numerical or tabular information',
11
- 'Show data relationships clearly',
12
- ],
13
- avoid: [
14
- 'For layout purposes (use CSS Grid or Flexbox)',
15
- 'When data is better visualized as a chart',
16
- 'For small amounts of data that could be in a list',
17
- "On small screens where columns won't fit (consider alternative layouts)",
18
- ],
19
- },
20
- examples: [
21
- {
22
- title: 'Basic table',
23
- code: `<table>
24
- <thead>
25
- <tr>
26
- <th>Property Name</th>
27
- <th>Impressions</th>
28
- <th>Revenue</th>
29
- </tr>
30
- </thead>
31
- <tbody>
32
- <tr>
33
- <td>Downtown Suites</td>
34
- <td>12,450</td>
35
- <td>$5,760.00</td>
36
- </tr>
37
- </tbody>
38
- </table>`,
39
- },
40
- ],
41
- },
42
- };
43
- //# sourceMappingURL=table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/table.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,+CAA+C;QAC5D,OAAO,EAAE,OAAO;QAChB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,kDAAkD;gBAClD,oCAAoC;gBACpC,0CAA0C;gBAC1C,iCAAiC;aAClC;YACD,KAAK,EAAE;gBACL,+CAA+C;gBAC/C,2CAA2C;gBAC3C,mDAAmD;gBACnD,yEAAyE;aAC1E;SACF;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE;;;;;;;;;;;;;;;SAeL;aACF;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n table: {\n name: 'Table',\n description: 'Organize and display data in rows and columns',\n element: 'table',\n usageGuidance: {\n whenToUse: [\n 'Display structured data with multiple attributes',\n 'Enable comparison across data rows',\n 'Present numerical or tabular information',\n 'Show data relationships clearly',\n ],\n avoid: [\n 'For layout purposes (use CSS Grid or Flexbox)',\n 'When data is better visualized as a chart',\n 'For small amounts of data that could be in a list',\n \"On small screens where columns won't fit (consider alternative layouts)\",\n ],\n },\n examples: [\n {\n title: 'Basic table',\n code: `<table>\n <thead>\n <tr>\n <th>Property Name</th>\n <th>Impressions</th>\n <th>Revenue</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Downtown Suites</td>\n <td>12,450</td>\n <td>$5,760.00</td>\n </tr>\n </tbody>\n</table>`,\n },\n ],\n },\n} satisfies ComponentManifest;\n"]}
@@ -1,40 +0,0 @@
1
- declare const _default: {
2
- textarea: {
3
- name: string;
4
- description: string;
5
- element: string;
6
- usageGuidance: {
7
- whenToUse: string[];
8
- avoid: string[];
9
- };
10
- attributes: {
11
- 'aria-invalid': {
12
- type: string;
13
- description: string;
14
- };
15
- disabled: {
16
- type: string;
17
- description: string;
18
- };
19
- placeholder: {
20
- type: string;
21
- description: string;
22
- };
23
- rows: {
24
- type: string;
25
- description: string;
26
- };
27
- };
28
- states: string[];
29
- examples: ({
30
- title: string;
31
- code: string;
32
- description?: undefined;
33
- } | {
34
- title: string;
35
- description: string;
36
- code: string;
37
- })[];
38
- };
39
- };
40
- export default _default;
@@ -1,54 +0,0 @@
1
- export default {
2
- textarea: {
3
- name: 'Textarea',
4
- description: 'Multi-line text input field',
5
- element: 'textarea',
6
- usageGuidance: {
7
- whenToUse: [
8
- 'Multi-line text input (comments, descriptions, messages)',
9
- 'Content length is unpredictable',
10
- 'Users need to review text while typing',
11
- 'Text may contain line breaks',
12
- ],
13
- avoid: [
14
- 'Single-line input (use text input)',
15
- 'Formatted text needed (use rich text editor)',
16
- 'Very long content (consider breaking into sections)',
17
- ],
18
- },
19
- attributes: {
20
- 'aria-invalid': {
21
- type: 'boolean',
22
- description: 'Marks textarea as invalid for error styling. Pair with aria-describedby to associate error messages.',
23
- },
24
- disabled: {
25
- type: 'boolean',
26
- description: 'Disables the textarea',
27
- },
28
- placeholder: {
29
- type: 'string',
30
- description: 'Placeholder text. Should not replace label - always provide visible label element.',
31
- },
32
- rows: {
33
- type: 'number',
34
- description: 'Number of visible text lines',
35
- },
36
- },
37
- states: ['default', 'hover', 'focus', 'disabled', 'invalid'],
38
- examples: [
39
- {
40
- title: 'Basic usage',
41
- code: `<label for="about">About</label>
42
- <textarea id="about" rows="4"></textarea>`,
43
- },
44
- {
45
- title: 'Error state',
46
- description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',
47
- code: `<label for="description">Description</label>
48
- <textarea id="description" rows="4" aria-invalid aria-describedby="description-error"></textarea>
49
- <span id="description-error" class="text-error">Description is required</span>`,
50
- },
51
- ],
52
- },
53
- };
54
- //# sourceMappingURL=textarea.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/textarea.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,WAAW,EAAE,6BAA6B;QAC1C,OAAO,EAAE,UAAU;QACnB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,0DAA0D;gBAC1D,iCAAiC;gBACjC,wCAAwC;gBACxC,8BAA8B;aAC/B;YACD,KAAK,EAAE;gBACL,oCAAoC;gBACpC,8CAA8C;gBAC9C,qDAAqD;aACtD;SACF;QACD,UAAU,EAAE;YACV,cAAc,EAAE;gBACd,IAAI,EAAE,SAAS;gBACf,WAAW,EACT,sGAAsG;aACzG;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,uBAAuB;aACrC;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,oFAAoF;aAClG;YACD,IAAI,EAAE;gBACJ,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,8BAA8B;aAC5C;SACF;QACD,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC;QAC5D,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE;0CAC4B;aACnC;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,uFAAuF;gBACpG,IAAI,EAAE;;+EAEiE;aACxE;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n textarea: {\n name: 'Textarea',\n description: 'Multi-line text input field',\n element: 'textarea',\n usageGuidance: {\n whenToUse: [\n 'Multi-line text input (comments, descriptions, messages)',\n 'Content length is unpredictable',\n 'Users need to review text while typing',\n 'Text may contain line breaks',\n ],\n avoid: [\n 'Single-line input (use text input)',\n 'Formatted text needed (use rich text editor)',\n 'Very long content (consider breaking into sections)',\n ],\n },\n attributes: {\n 'aria-invalid': {\n type: 'boolean',\n description:\n 'Marks textarea as invalid for error styling. Pair with aria-describedby to associate error messages.',\n },\n disabled: {\n type: 'boolean',\n description: 'Disables the textarea',\n },\n placeholder: {\n type: 'string',\n description: 'Placeholder text. Should not replace label - always provide visible label element.',\n },\n rows: {\n type: 'number',\n description: 'Number of visible text lines',\n },\n },\n states: ['default', 'hover', 'focus', 'disabled', 'invalid'],\n examples: [\n {\n title: 'Basic usage',\n code: `<label for=\"about\">About</label>\n<textarea id=\"about\" rows=\"4\"></textarea>`,\n },\n {\n title: 'Error state',\n description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',\n code: `<label for=\"description\">Description</label>\n<textarea id=\"description\" rows=\"4\" aria-invalid aria-describedby=\"description-error\"></textarea>\n<span id=\"description-error\" class=\"text-error\">Description is required</span>`,\n },\n ],\n },\n} satisfies ComponentManifest;\n"]}
@@ -1,40 +0,0 @@
1
- declare const _default: {
2
- textinput: {
3
- name: string;
4
- description: string;
5
- element: string;
6
- usageGuidance: {
7
- whenToUse: string[];
8
- avoid: string[];
9
- };
10
- attributes: {
11
- type: {
12
- values: string[];
13
- default: string;
14
- };
15
- 'aria-invalid': {
16
- type: string;
17
- description: string;
18
- };
19
- disabled: {
20
- type: string;
21
- description: string;
22
- };
23
- placeholder: {
24
- type: string;
25
- description: string;
26
- };
27
- };
28
- states: string[];
29
- examples: ({
30
- title: string;
31
- code: string;
32
- description?: undefined;
33
- } | {
34
- title: string;
35
- description: string;
36
- code: string;
37
- })[];
38
- };
39
- };
40
- export default _default;
@@ -1,53 +0,0 @@
1
- export default {
2
- textinput: {
3
- name: 'Text Input',
4
- description: 'Text input field for single-line text entry with automatic validation styling',
5
- element: 'input',
6
- usageGuidance: {
7
- whenToUse: [
8
- 'Single-line text entry (names, email, search)',
9
- 'Predictable, short text length',
10
- 'Specific input types (email, password, tel, url)',
11
- ],
12
- avoid: [
13
- 'Multi-line text (use textarea)',
14
- 'Selecting from options (use select, radio, or combobox)',
15
- 'Pure numeric entry (consider number input)',
16
- ],
17
- },
18
- attributes: {
19
- type: {
20
- values: ['text', 'email', 'password', 'tel', 'url'],
21
- default: 'text',
22
- },
23
- 'aria-invalid': {
24
- type: 'boolean',
25
- description: 'Marks input as invalid for error styling. Pair with aria-describedby to associate error messages.',
26
- },
27
- disabled: {
28
- type: 'boolean',
29
- description: 'Disables the input',
30
- },
31
- placeholder: {
32
- type: 'string',
33
- description: 'Placeholder text. Should not replace label - always provide visible label element.',
34
- },
35
- },
36
- states: ['default', 'hover', 'focus', 'disabled', 'invalid'],
37
- examples: [
38
- {
39
- title: 'Basic usage',
40
- code: `<label for="hotel-name">Hotel Name</label>
41
- <input id="hotel-name" />`,
42
- },
43
- {
44
- title: 'Error state',
45
- description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',
46
- code: `<label for="email">Email</label>
47
- <input id="email" type="email" aria-invalid aria-describedby="email-error" />
48
- <span id="email-error" class="text-error">Please enter a valid email address</span>`,
49
- },
50
- ],
51
- },
52
- };
53
- //# sourceMappingURL=textinput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textinput.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/textinput.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,SAAS,EAAE;QACT,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,+EAA+E;QAC5F,OAAO,EAAE,OAAO;QAChB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,+CAA+C;gBAC/C,gCAAgC;gBAChC,kDAAkD;aACnD;YACD,KAAK,EAAE;gBACL,gCAAgC;gBAChC,yDAAyD;gBACzD,4CAA4C;aAC7C;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;gBACnD,OAAO,EAAE,MAAM;aAChB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,SAAS;gBACf,WAAW,EACT,mGAAmG;aACtG;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,oBAAoB;aAClC;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,oFAAoF;aAClG;SACF;QACD,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC;QAC5D,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE;0BACY;aACnB;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,uFAAuF;gBACpG,IAAI,EAAE;;oFAEsE;aAC7E;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n textinput: {\n name: 'Text Input',\n description: 'Text input field for single-line text entry with automatic validation styling',\n element: 'input',\n usageGuidance: {\n whenToUse: [\n 'Single-line text entry (names, email, search)',\n 'Predictable, short text length',\n 'Specific input types (email, password, tel, url)',\n ],\n avoid: [\n 'Multi-line text (use textarea)',\n 'Selecting from options (use select, radio, or combobox)',\n 'Pure numeric entry (consider number input)',\n ],\n },\n attributes: {\n type: {\n values: ['text', 'email', 'password', 'tel', 'url'],\n default: 'text',\n },\n 'aria-invalid': {\n type: 'boolean',\n description:\n 'Marks input as invalid for error styling. Pair with aria-describedby to associate error messages.',\n },\n disabled: {\n type: 'boolean',\n description: 'Disables the input',\n },\n placeholder: {\n type: 'string',\n description: 'Placeholder text. Should not replace label - always provide visible label element.',\n },\n },\n states: ['default', 'hover', 'focus', 'disabled', 'invalid'],\n examples: [\n {\n title: 'Basic usage',\n code: `<label for=\"hotel-name\">Hotel Name</label>\n<input id=\"hotel-name\" />`,\n },\n {\n title: 'Error state',\n description: 'Use aria-invalid with aria-describedby to associate error messages for screen readers',\n code: `<label for=\"email\">Email</label>\n<input id=\"email\" type=\"email\" aria-invalid aria-describedby=\"email-error\" />\n<span id=\"email-error\" class=\"text-error\">Please enter a valid email address</span>`,\n },\n ],\n },\n} satisfies ComponentManifest;\n"]}
@@ -1,23 +0,0 @@
1
- declare const _default: {
2
- toggle: {
3
- name: string;
4
- description: string;
5
- element: string;
6
- usageGuidance: {
7
- whenToUse: string[];
8
- avoid: string[];
9
- };
10
- dataAttributes: {
11
- 'data-theme': {
12
- type: string;
13
- values: string[];
14
- description: string;
15
- };
16
- };
17
- examples: {
18
- title: string;
19
- code: string;
20
- }[];
21
- };
22
- };
23
- export default _default;
@@ -1,30 +0,0 @@
1
- export default {
2
- toggle: {
3
- name: 'Toggle',
4
- description: 'Toggle switch for binary on/off states with immediate effect',
5
- element: "input[type='checkbox'][data-theme='toggle']",
6
- usageGuidance: {
7
- whenToUse: ['Binary on/off states', 'Changes take effect immediately', 'System or feature settings'],
8
- avoid: [
9
- 'Changes require saving (use checkbox in form)',
10
- 'More than two options exist (use radio buttons or select)',
11
- "Relationship between on/off isn't clear",
12
- ],
13
- },
14
- dataAttributes: {
15
- 'data-theme': {
16
- type: 'enum',
17
- values: ['toggle'],
18
- description: "Use 'toggle' for switch style",
19
- },
20
- },
21
- examples: [
22
- {
23
- title: 'Toggle switch',
24
- code: `<input type="checkbox" id="weekly-parity-report" data-theme="toggle" />
25
- <label for="weekly-parity-report">Weekly Parity Report</label>`,
26
- },
27
- ],
28
- },
29
- };
30
- //# sourceMappingURL=toggle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/toggle.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,8DAA8D;QAC3E,OAAO,EAAE,6CAA6C;QACtD,aAAa,EAAE;YACb,SAAS,EAAE,CAAC,sBAAsB,EAAE,iCAAiC,EAAE,4BAA4B,CAAC;YACpG,KAAK,EAAE;gBACL,+CAA+C;gBAC/C,2DAA2D;gBAC3D,yCAAyC;aAC1C;SACF;QACD,cAAc,EAAE;YACd,YAAY,EAAE;gBACZ,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,CAAC,QAAQ,CAAC;gBAClB,WAAW,EAAE,+BAA+B;aAC7C;SACF;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,eAAe;gBACtB,IAAI,EAAE;+DACiD;aACxD;SACF;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n toggle: {\n name: 'Toggle',\n description: 'Toggle switch for binary on/off states with immediate effect',\n element: \"input[type='checkbox'][data-theme='toggle']\",\n usageGuidance: {\n whenToUse: ['Binary on/off states', 'Changes take effect immediately', 'System or feature settings'],\n avoid: [\n 'Changes require saving (use checkbox in form)',\n 'More than two options exist (use radio buttons or select)',\n \"Relationship between on/off isn't clear\",\n ],\n },\n dataAttributes: {\n 'data-theme': {\n type: 'enum',\n values: ['toggle'],\n description: \"Use 'toggle' for switch style\",\n },\n },\n examples: [\n {\n title: 'Toggle switch',\n code: `<input type=\"checkbox\" id=\"weekly-parity-report\" data-theme=\"toggle\" />\n<label for=\"weekly-parity-report\">Weekly Parity Report</label>`,\n },\n ],\n },\n} satisfies ComponentManifest;\n"]}
@@ -1,23 +0,0 @@
1
- declare const _default: {
2
- typography: {
3
- name: string;
4
- description: string;
5
- element: string;
6
- usageGuidance: {
7
- whenToUse: string[];
8
- avoid: string[];
9
- };
10
- classes: {
11
- display: string;
12
- 'heading-1': string;
13
- 'heading-2': string;
14
- 'heading-3': string;
15
- 'heading-4': string;
16
- body: string;
17
- strong: string;
18
- small: string;
19
- 'text-error': string;
20
- };
21
- };
22
- };
23
- export default _default;
@@ -1,32 +0,0 @@
1
- export default {
2
- typography: {
3
- name: 'Typography',
4
- description: 'Text styling using semantic HTML elements and utility classes',
5
- element: 'h1-h4, p, strong, a',
6
- usageGuidance: {
7
- whenToUse: [
8
- 'Use semantic elements (h1-h4, strong, a) for document structure and accessibility',
9
- 'Use utility classes (.heading-1 through .heading-4, .display, .body, .small, .strong, .text-error) when visual styling must differ from semantic meaning',
10
- "Follow heading hierarchy - don't skip levels (h1 → h2 → h3, not h1 → h3)",
11
- 'Use <strong> for semantic importance, .strong for visual styling only',
12
- ],
13
- avoid: [
14
- 'Using heading classes for document structure (use semantic h1-h4 elements)',
15
- 'Skipping heading levels (breaks accessibility)',
16
- 'Using buttons styled as links or links styled as buttons (use correct semantic element)',
17
- ],
18
- },
19
- classes: {
20
- display: 'Largest text size for hero sections and prominent headlines',
21
- 'heading-1': 'h1 visual styling',
22
- 'heading-2': 'h2 visual styling',
23
- 'heading-3': 'h3 visual styling',
24
- 'heading-4': 'h4 visual styling',
25
- body: 'Standard body text styling',
26
- strong: 'Bold text styling without semantic importance',
27
- small: 'Smaller text for captions, helper text, fine print',
28
- 'text-error': 'Error text color for validation messages',
29
- },
30
- },
31
- };
32
- //# sourceMappingURL=typography.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../../src/manifests/components/entries/typography.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,UAAU,EAAE;QACV,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,+DAA+D;QAC5E,OAAO,EAAE,qBAAqB;QAC9B,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,mFAAmF;gBACnF,0JAA0J;gBAC1J,0EAA0E;gBAC1E,uEAAuE;aACxE;YACD,KAAK,EAAE;gBACL,4EAA4E;gBAC5E,gDAAgD;gBAChD,yFAAyF;aAC1F;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,6DAA6D;YACtE,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,mBAAmB;YAChC,IAAI,EAAE,4BAA4B;YAClC,MAAM,EAAE,+CAA+C;YACvD,KAAK,EAAE,oDAAoD;YAC3D,YAAY,EAAE,0CAA0C;SACzD;KACF;CAC0B,CAAC","sourcesContent":["import { ComponentManifest } from '@/manifests/components/types.js';\n\nexport default {\n typography: {\n name: 'Typography',\n description: 'Text styling using semantic HTML elements and utility classes',\n element: 'h1-h4, p, strong, a',\n usageGuidance: {\n whenToUse: [\n 'Use semantic elements (h1-h4, strong, a) for document structure and accessibility',\n 'Use utility classes (.heading-1 through .heading-4, .display, .body, .small, .strong, .text-error) when visual styling must differ from semantic meaning',\n \"Follow heading hierarchy - don't skip levels (h1 → h2 → h3, not h1 → h3)\",\n 'Use <strong> for semantic importance, .strong for visual styling only',\n ],\n avoid: [\n 'Using heading classes for document structure (use semantic h1-h4 elements)',\n 'Skipping heading levels (breaks accessibility)',\n 'Using buttons styled as links or links styled as buttons (use correct semantic element)',\n ],\n },\n classes: {\n display: 'Largest text size for hero sections and prominent headlines',\n 'heading-1': 'h1 visual styling',\n 'heading-2': 'h2 visual styling',\n 'heading-3': 'h3 visual styling',\n 'heading-4': 'h4 visual styling',\n body: 'Standard body text styling',\n strong: 'Bold text styling without semantic importance',\n small: 'Smaller text for captions, helper text, fine print',\n 'text-error': 'Error text color for validation messages',\n },\n },\n} satisfies ComponentManifest;\n"]}
@@ -1,2 +0,0 @@
1
- import type { ComponentManifest } from './types.js';
2
- export declare const componentManifest: ComponentManifest;
@@ -1,43 +0,0 @@
1
- import button from '../../manifests/components/entries/button.js';
2
- import textinput from '../../manifests/components/entries/textinput.js';
3
- import numberinput from '../../manifests/components/entries/numberinput.js';
4
- import textarea from '../../manifests/components/entries/textarea.js';
5
- import select from '../../manifests/components/entries/select.js';
6
- import checkbox from '../../manifests/components/entries/checkbox.js';
7
- import radio from '../../manifests/components/entries/radio.js';
8
- import toggle from '../../manifests/components/entries/toggle.js';
9
- import badge from '../../manifests/components/entries/badge.js';
10
- import card from '../../manifests/components/entries/card.js';
11
- import table from '../../manifests/components/entries/table.js';
12
- import typography from '../../manifests/components/entries/typography.js';
13
- import dialog from '../../manifests/components/entries/dialog.js';
14
- import combobox from '../../manifests/components/entries/combobox.js';
15
- import datePicker from '../../manifests/components/entries/datePicker.js';
16
- import dateRangePicker from '../../manifests/components/entries/dateRangePicker.js';
17
- import barChart from '../../manifests/components/entries/barChart.js';
18
- import lineChart from '../../manifests/components/entries/lineChart.js';
19
- import statistic from '../../manifests/components/entries/statistic.js';
20
- import banner from '../../manifests/components/entries/banner.js';
21
- export const componentManifest = {
22
- ...button,
23
- ...textinput,
24
- ...numberinput,
25
- ...textarea,
26
- ...select,
27
- ...checkbox,
28
- ...radio,
29
- ...toggle,
30
- ...badge,
31
- ...card,
32
- ...table,
33
- ...typography,
34
- ...dialog,
35
- ...combobox,
36
- ...datePicker,
37
- ...dateRangePicker,
38
- ...barChart,
39
- ...lineChart,
40
- ...statistic,
41
- ...banner,
42
- };
43
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/manifests/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,SAAS,MAAM,6CAA6C,CAAC;AACpE,OAAO,WAAW,MAAM,+CAA+C,CAAC;AACxE,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,KAAK,MAAM,yCAAyC,CAAC;AAC5D,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,KAAK,MAAM,yCAAyC,CAAC;AAC5D,OAAO,IAAI,MAAM,wCAAwC,CAAC;AAC1D,OAAO,KAAK,MAAM,yCAAyC,CAAC;AAC5D,OAAO,UAAU,MAAM,8CAA8C,CAAC;AACtE,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,UAAU,MAAM,8CAA8C,CAAC;AACtE,OAAO,eAAe,MAAM,mDAAmD,CAAC;AAChF,OAAO,QAAQ,MAAM,4CAA4C,CAAC;AAClE,OAAO,SAAS,MAAM,6CAA6C,CAAC;AACpE,OAAO,SAAS,MAAM,6CAA6C,CAAC;AACpE,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,GAAG,MAAM;IACT,GAAG,SAAS;IACZ,GAAG,WAAW;IACd,GAAG,QAAQ;IACX,GAAG,MAAM;IACT,GAAG,QAAQ;IACX,GAAG,KAAK;IACR,GAAG,MAAM;IACT,GAAG,KAAK;IACR,GAAG,IAAI;IACP,GAAG,KAAK;IACR,GAAG,UAAU;IACb,GAAG,MAAM;IACT,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,eAAe;IAClB,GAAG,QAAQ;IACX,GAAG,SAAS;IACZ,GAAG,SAAS;IACZ,GAAG,MAAM;CACV,CAAC","sourcesContent":["import type { ComponentManifest } from './types.js';\n\nimport button from '@/manifests/components/entries/button.js';\nimport textinput from '@/manifests/components/entries/textinput.js';\nimport numberinput from '@/manifests/components/entries/numberinput.js';\nimport textarea from '@/manifests/components/entries/textarea.js';\nimport select from '@/manifests/components/entries/select.js';\nimport checkbox from '@/manifests/components/entries/checkbox.js';\nimport radio from '@/manifests/components/entries/radio.js';\nimport toggle from '@/manifests/components/entries/toggle.js';\nimport badge from '@/manifests/components/entries/badge.js';\nimport card from '@/manifests/components/entries/card.js';\nimport table from '@/manifests/components/entries/table.js';\nimport typography from '@/manifests/components/entries/typography.js';\nimport dialog from '@/manifests/components/entries/dialog.js';\nimport combobox from '@/manifests/components/entries/combobox.js';\nimport datePicker from '@/manifests/components/entries/datePicker.js';\nimport dateRangePicker from '@/manifests/components/entries/dateRangePicker.js';\nimport barChart from '@/manifests/components/entries/barChart.js';\nimport lineChart from '@/manifests/components/entries/lineChart.js';\nimport statistic from '@/manifests/components/entries/statistic.js';\nimport banner from '@/manifests/components/entries/banner.js';\n\nexport const componentManifest: ComponentManifest = {\n ...button,\n ...textinput,\n ...numberinput,\n ...textarea,\n ...select,\n ...checkbox,\n ...radio,\n ...toggle,\n ...badge,\n ...card,\n ...table,\n ...typography,\n ...dialog,\n ...combobox,\n ...datePicker,\n ...dateRangePicker,\n ...barChart,\n ...lineChart,\n ...statistic,\n ...banner,\n};\n"]}
@@ -1,57 +0,0 @@
1
- interface UsageGuidance {
2
- whenToUse: string[];
3
- bestPractices?: string[];
4
- accessibility?: string[];
5
- avoid?: string[];
6
- }
7
- interface PackageInstallationBase {
8
- includesTypes: boolean;
9
- optional: boolean;
10
- guidance?: string;
11
- }
12
- interface NPMPackage extends PackageInstallationBase {
13
- name: string;
14
- }
15
- interface CDNPackage extends PackageInstallationBase {
16
- name: string;
17
- latestVersionUrl: string;
18
- pinnedMajorVersionUrl: string;
19
- pinnedVersionUrl: string;
20
- moduleFormat?: string;
21
- }
22
- interface InstallationOptions {
23
- npm?: NPMPackage[];
24
- cdn?: CDNPackage[];
25
- }
26
- interface DataAttribute {
27
- type: string;
28
- values?: (string | undefined)[];
29
- default?: string;
30
- description: string;
31
- }
32
- interface HTMLAttribute {
33
- type?: string;
34
- values?: string[];
35
- default?: string;
36
- description?: string;
37
- }
38
- interface ExampleUsage {
39
- title: string;
40
- description?: string;
41
- code: string;
42
- }
43
- export interface ComponentConfig {
44
- name: string;
45
- description: string;
46
- ssrSafe?: boolean;
47
- element: string;
48
- usageGuidance?: UsageGuidance;
49
- installationOptions?: InstallationOptions;
50
- dataAttributes?: Record<string, DataAttribute>;
51
- classes?: Record<string, string>;
52
- attributes?: Record<string, HTMLAttribute>;
53
- states?: string[];
54
- examples?: ExampleUsage[];
55
- }
56
- export type ComponentManifest = Record<string, ComponentConfig>;
57
- export {};
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/manifests/components/types.ts"],"names":[],"mappings":"","sourcesContent":["interface UsageGuidance {\n whenToUse: string[];\n bestPractices?: string[];\n accessibility?: string[];\n avoid?: string[];\n}\n\ninterface PackageInstallationBase {\n includesTypes: boolean;\n optional: boolean;\n guidance?: string;\n}\n\ninterface NPMPackage extends PackageInstallationBase {\n name: string;\n}\n\ninterface CDNPackage extends PackageInstallationBase {\n name: string;\n latestVersionUrl: string;\n pinnedMajorVersionUrl: string;\n pinnedVersionUrl: string;\n moduleFormat?: string;\n}\n\ninterface InstallationOptions {\n npm?: NPMPackage[];\n cdn?: CDNPackage[];\n}\n\ninterface DataAttribute {\n type: string;\n values?: (string | undefined)[];\n default?: string;\n description: string;\n}\n\ninterface HTMLAttribute {\n type?: string;\n values?: string[];\n default?: string;\n description?: string;\n}\n\ninterface ExampleUsage {\n title: string;\n description?: string;\n code: string;\n}\n\nexport interface ComponentConfig {\n name: string;\n description: string;\n ssrSafe?: boolean;\n element: string;\n usageGuidance?: UsageGuidance;\n installationOptions?: InstallationOptions;\n dataAttributes?: Record<string, DataAttribute>;\n classes?: Record<string, string>;\n attributes?: Record<string, HTMLAttribute>;\n states?: string[];\n examples?: ExampleUsage[];\n}\n\nexport type ComponentManifest = Record<string, ComponentConfig>;\n"]}
@@ -1,7 +0,0 @@
1
- export declare const getComponentDocs: (name: string) => Promise<{
2
- contents: {
3
- uri: string;
4
- mimeType: string;
5
- text: string;
6
- }[];
7
- }>;
@@ -1,29 +0,0 @@
1
- import { componentManifest } from '../../manifests/components/index.js';
2
- export const getComponentDocs = async (name) => {
3
- const componentName = name.toLowerCase();
4
- const component = componentManifest[componentName];
5
- if (!component) {
6
- return {
7
- contents: [
8
- {
9
- uri: `designsystem://components/${name}`,
10
- mimeType: 'application/json',
11
- text: JSON.stringify({
12
- error: `Component '${componentName}' not found`,
13
- available: Object.keys(componentManifest),
14
- }, null, 2),
15
- },
16
- ],
17
- };
18
- }
19
- return {
20
- contents: [
21
- {
22
- uri: `designsystem://components/${name}`,
23
- mimeType: 'application/json',
24
- text: JSON.stringify(component, null, 2),
25
- },
26
- ],
27
- };
28
- };
29
- //# sourceMappingURL=get.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get.js","sourceRoot":"","sources":["../../../../src/resources/components/get.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;IACrD,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAEnD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO;YACL,QAAQ,EAAE;gBACR;oBACE,GAAG,EAAE,6BAA6B,IAAI,EAAE;oBACxC,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE,IAAI,CAAC,SAAS,CAClB;wBACE,KAAK,EAAE,cAAc,aAAa,aAAa;wBAC/C,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC;qBAC1C,EACD,IAAI,EACJ,CAAC,CACF;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IAED,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,GAAG,EAAE,6BAA6B,IAAI,EAAE;gBACxC,QAAQ,EAAE,kBAAkB;gBAC5B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;aACzC;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { componentManifest } from '@/manifests/components/index.js';\n\nexport const getComponentDocs = async (name: string) => {\n const componentName = name.toLowerCase();\n const component = componentManifest[componentName];\n\n if (!component) {\n return {\n contents: [\n {\n uri: `designsystem://components/${name}`,\n mimeType: 'application/json',\n text: JSON.stringify(\n {\n error: `Component '${componentName}' not found`,\n available: Object.keys(componentManifest),\n },\n null,\n 2\n ),\n },\n ],\n };\n }\n\n return {\n contents: [\n {\n uri: `designsystem://components/${name}`,\n mimeType: 'application/json',\n text: JSON.stringify(component, null, 2),\n },\n ],\n };\n};\n"]}
@@ -1,2 +0,0 @@
1
- export { listComponents } from './list.js';
2
- export { getComponentDocs } from './get.js';
@@ -1,3 +0,0 @@
1
- export { listComponents } from './list.js';
2
- export { getComponentDocs } from './get.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/resources/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { listComponents } from './list.js';\nexport { getComponentDocs } from './get.js';\n"]}
@@ -1,7 +0,0 @@
1
- export declare const listComponents: () => Promise<{
2
- contents: {
3
- uri: string;
4
- mimeType: string;
5
- text: string;
6
- }[];
7
- }>;
@@ -1,19 +0,0 @@
1
- import { componentManifest } from '../../manifests/components/index.js';
2
- export const listComponents = async () => {
3
- const components = Object.entries(componentManifest).map(([key, comp]) => ({
4
- key,
5
- name: comp.name,
6
- description: comp.description,
7
- element: comp.element,
8
- }));
9
- return {
10
- contents: [
11
- {
12
- uri: 'designsystem://components',
13
- mimeType: 'application/json',
14
- text: JSON.stringify({ components }, null, 2),
15
- },
16
- ],
17
- };
18
- };
19
- //# sourceMappingURL=list.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../src/resources/components/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;IACvC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QACzE,GAAG;QACH,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC,CAAC,CAAC;IAEJ,OAAO;QACL,QAAQ,EAAE;YACR;gBACE,GAAG,EAAE,2BAA2B;gBAChC,QAAQ,EAAE,kBAAkB;gBAC5B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;aAC9C;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { componentManifest } from '@/manifests/components/index.js';\n\nexport const listComponents = async () => {\n const components = Object.entries(componentManifest).map(([key, comp]) => ({\n key,\n name: comp.name,\n description: comp.description,\n element: comp.element,\n }));\n\n return {\n contents: [\n {\n uri: 'designsystem://components',\n mimeType: 'application/json',\n text: JSON.stringify({ components }, null, 2),\n },\n ],\n };\n};\n"]}
@@ -1,2 +0,0 @@
1
- export { getSetupGuide } from './setup.js';
2
- export { getPrinciplesGuide } from './principles.js';