@aggc/ui 0.4.0 → 0.5.0

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 (158) hide show
  1. package/README.md +19 -0
  2. package/dist/chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Lghyrtms.js +1201 -0
  3. package/dist/chunks/pageHeader-CcJrPX_8.js +522 -0
  4. package/dist/components/PageSurface.styles.d.ts +1 -0
  5. package/dist/components/PageSurface.vue.d.ts +13 -0
  6. package/dist/components/ResultPanel.styles.d.ts +64 -0
  7. package/dist/components/ResultPanel.vue.d.ts +16 -0
  8. package/dist/components/SectionCard.styles.d.ts +13 -0
  9. package/dist/components/SectionCard.vue.d.ts +27 -0
  10. package/dist/components/StatusBadge.styles.d.ts +24 -0
  11. package/dist/components/StatusBadge.vue.d.ts +18 -0
  12. package/dist/components/UiButton.styles.d.ts +54 -0
  13. package/dist/components/UiButton.vue.d.ts +28 -0
  14. package/dist/components/UiCheckbox.styles.d.ts +42 -0
  15. package/dist/components/UiCheckbox.vue.d.ts +37 -0
  16. package/dist/components/UiField.styles.d.ts +7 -0
  17. package/dist/components/UiField.vue.d.ts +22 -0
  18. package/dist/components/UiLoadingState.styles.d.ts +4 -0
  19. package/dist/components/UiLoadingState.vue.d.ts +10 -0
  20. package/dist/components/UiSegmentedControl.styles.d.ts +23 -0
  21. package/dist/components/UiSegmentedControl.vue.d.ts +14 -0
  22. package/dist/components/UiSelect.styles.d.ts +104 -0
  23. package/dist/components/UiSelect.vue.d.ts +35 -0
  24. package/dist/components/UiSkeleton.styles.d.ts +67 -0
  25. package/dist/components/UiSkeleton.vue.d.ts +12 -0
  26. package/dist/components/index.d.ts +11 -0
  27. package/dist/components.d.ts +1 -0
  28. package/dist/components.js +14 -0
  29. package/dist/css.d.ts +2 -0
  30. package/dist/css.js +1 -0
  31. package/dist/fonts.css +6 -0
  32. package/dist/index.d.ts +3 -0
  33. package/dist/index.js +65 -0
  34. package/dist/styles/index.d.ts +20 -0
  35. package/dist/styles/layouts/cluster.d.ts +27 -0
  36. package/dist/styles/layouts/page.d.ts +2 -0
  37. package/dist/styles/layouts/split.d.ts +22 -0
  38. package/dist/styles/layouts/stack.d.ts +19 -0
  39. package/dist/styles/patterns/actionToolbar.d.ts +1 -0
  40. package/dist/styles/patterns/emptyState.d.ts +2 -0
  41. package/dist/styles/patterns/infoPanel.d.ts +2 -0
  42. package/dist/styles/patterns/metricGrid.d.ts +22 -0
  43. package/dist/styles/patterns/pageHeader.d.ts +3 -0
  44. package/dist/styles/patterns/resultRegion.d.ts +1 -0
  45. package/dist/styles/patterns/selectableListDetail.d.ts +3 -0
  46. package/dist/styles/primitives/feedback.d.ts +4 -0
  47. package/dist/styles/primitives/fields.d.ts +3 -0
  48. package/dist/styles/primitives/surfaces.d.ts +3 -0
  49. package/dist/styles/primitives/typography.d.ts +6 -0
  50. package/dist/styles/recipes/badge.recipe.d.ts +32 -0
  51. package/dist/styles/recipes/button.recipe.d.ts +51 -0
  52. package/dist/styles/recipes/card.recipe.d.ts +59 -0
  53. package/dist/styles/recipes/dropdown.recipe.d.ts +25 -0
  54. package/dist/styles/recipes/input.recipe.d.ts +32 -0
  55. package/dist/styles.d.ts +1 -0
  56. package/dist/styles.js +429 -0
  57. package/dist/tokens/colors.d.ts +360 -0
  58. package/dist/tokens/core-colors.d.ts +238 -0
  59. package/dist/tokens/desktop-colors.d.ts +132 -0
  60. package/dist/tokens/index.d.ts +7 -0
  61. package/dist/tokens/motion.d.ts +10 -0
  62. package/dist/tokens/radius.d.ts +5 -0
  63. package/dist/tokens/spacing.d.ts +8 -0
  64. package/dist/tokens/typography.d.ts +10 -0
  65. package/dist/tokens-core.d.ts +5 -0
  66. package/dist/tokens-core.js +69 -0
  67. package/dist/tokens-desktop.d.ts +1 -0
  68. package/dist/tokens-desktop.js +30 -0
  69. package/dist/tokens.d.ts +1 -0
  70. package/dist/tokens.js +16 -0
  71. package/dist/ui.css +2026 -0
  72. package/package.json +3 -2
  73. package/src/components/PageSurface.styles.ts +3 -0
  74. package/src/components/PageSurface.vue +9 -0
  75. package/src/components/ResultPanel.styles.ts +108 -0
  76. package/src/components/ResultPanel.test.ts +22 -0
  77. package/src/components/ResultPanel.vue +70 -0
  78. package/src/components/SectionCard.styles.ts +65 -0
  79. package/src/components/SectionCard.test.ts +22 -0
  80. package/src/components/SectionCard.vue +51 -0
  81. package/src/components/StatusBadge.styles.ts +49 -0
  82. package/src/components/StatusBadge.test.ts +18 -0
  83. package/src/components/StatusBadge.vue +18 -0
  84. package/src/components/UiButton.styles.ts +29 -0
  85. package/src/components/UiButton.test.ts +21 -0
  86. package/src/components/UiButton.vue +46 -0
  87. package/src/components/UiCheckbox.styles.ts +118 -0
  88. package/src/components/UiCheckbox.test.ts +18 -0
  89. package/src/components/UiCheckbox.vue +72 -0
  90. package/src/components/UiField.styles.ts +35 -0
  91. package/src/components/UiField.test.ts +22 -0
  92. package/src/components/UiField.vue +36 -0
  93. package/src/components/UiLoadingState.styles.ts +36 -0
  94. package/src/components/UiLoadingState.vue +34 -0
  95. package/src/components/UiSegmentedControl.styles.ts +49 -0
  96. package/src/components/UiSegmentedControl.vue +30 -0
  97. package/src/components/UiSelect.styles.ts +214 -0
  98. package/src/components/UiSelect.test.ts +49 -0
  99. package/src/components/UiSelect.vue +256 -0
  100. package/src/components/UiSkeleton.styles.ts +93 -0
  101. package/src/components/UiSkeleton.vue +48 -0
  102. package/src/components/index.ts +11 -0
  103. package/src/components.ts +1 -0
  104. package/src/css/base.css +62 -0
  105. package/src/css/fonts.css +6 -0
  106. package/src/css/index.css +2 -0
  107. package/src/css/storybook.css +15 -0
  108. package/src/env.d.ts +1 -0
  109. package/src/index.ts +3 -0
  110. package/src/stories/feedback/ResultPanel.stories.ts +76 -0
  111. package/src/stories/feedback/StatusBadge.stories.ts +50 -0
  112. package/src/stories/feedback/UiLoadingState.stories.ts +52 -0
  113. package/src/stories/feedback/UiSkeleton.stories.ts +85 -0
  114. package/src/stories/forms/UiCheckbox.stories.ts +104 -0
  115. package/src/stories/forms/UiField.stories.ts +87 -0
  116. package/src/stories/forms/UiSelect.stories.ts +134 -0
  117. package/src/stories/layout/PageSurface.stories.ts +53 -0
  118. package/src/stories/layout/SectionCard.stories.ts +85 -0
  119. package/src/stories/primitives/UiButton.stories.ts +145 -0
  120. package/src/stories/primitives/UiSegmentedControl.stories.ts +67 -0
  121. package/src/stories/support/StoryThemeFrame.vue +101 -0
  122. package/src/stories/support/sources.ts +374 -0
  123. package/src/stories/support/storyStyles.ts +150 -0
  124. package/src/styles/README.md +23 -0
  125. package/src/styles/index.ts +20 -0
  126. package/src/styles/layouts/cluster.ts +27 -0
  127. package/src/styles/layouts/page.ts +22 -0
  128. package/src/styles/layouts/split.ts +26 -0
  129. package/src/styles/layouts/stack.ts +21 -0
  130. package/src/styles/patterns/actionToolbar.ts +8 -0
  131. package/src/styles/patterns/emptyState.ts +23 -0
  132. package/src/styles/patterns/infoPanel.ts +22 -0
  133. package/src/styles/patterns/metricGrid.ts +19 -0
  134. package/src/styles/patterns/pageHeader.ts +19 -0
  135. package/src/styles/patterns/resultRegion.ts +7 -0
  136. package/src/styles/patterns/selectableListDetail.ts +21 -0
  137. package/src/styles/primitives/feedback.ts +23 -0
  138. package/src/styles/primitives/fields.ts +76 -0
  139. package/src/styles/primitives/surfaces.ts +52 -0
  140. package/src/styles/primitives/typography.ts +42 -0
  141. package/src/styles/recipes/badge.recipe.ts +54 -0
  142. package/src/styles/recipes/button.recipe.ts +115 -0
  143. package/src/styles/recipes/card.recipe.ts +64 -0
  144. package/src/styles/recipes/dropdown.recipe.ts +40 -0
  145. package/src/styles/recipes/input.recipe.ts +59 -0
  146. package/src/styles.ts +1 -0
  147. package/src/test/setup.ts +1 -0
  148. package/src/tokens/colors.ts +16 -0
  149. package/src/tokens/core-colors.ts +53 -0
  150. package/src/tokens/desktop-colors.ts +37 -0
  151. package/src/tokens/index.ts +8 -0
  152. package/src/tokens/motion.ts +6 -0
  153. package/src/tokens/radius.ts +3 -0
  154. package/src/tokens/spacing.ts +4 -0
  155. package/src/tokens/typography.ts +6 -0
  156. package/src/tokens-core.ts +5 -0
  157. package/src/tokens-desktop.ts +1 -0
  158. package/src/tokens.ts +1 -0
package/README.md CHANGED
@@ -51,6 +51,25 @@ You can also consume the public subpaths:
51
51
  - `@aggc/ui/tokens/desktop-only` — desktop-only tokens: `result.*`, `nav.*`, `sync.*`
52
52
  - `@aggc/ui/ui.css` — direct CSS asset (for bundlers that handle CSS imports natively)
53
53
 
54
+ ## PandaCSS consumer setup
55
+
56
+ If you use PandaCSS in your app, add the package sources to your `panda.config.ts` scanner.
57
+ This is required because PandaCSS does static analysis — it needs the original source files where
58
+ `cva`, `css`, etc. appear by name. The compiled `dist/` renames these functions and PandaCSS
59
+ cannot recognize them.
60
+
61
+ ```ts
62
+ // panda.config.ts
63
+ export default defineConfig({
64
+ include: [
65
+ './src/**/*.{ts,vue}',
66
+ './node_modules/@aggc/ui/src/**/*.{ts,vue}',
67
+ ],
68
+ })
69
+ ```
70
+
71
+ The `src/` directory is published in the package specifically for this purpose.
72
+
54
73
  Everything else in this repo is maintenance tooling for the package itself:
55
74
 
56
75
  - `src/stories/**` powers Storybook docs