@seedgrid/fe-components 2026.4.12 → 2026.4.13

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 (259) hide show
  1. package/dist/ai/seedgrid-components.manifest.json +12888 -0
  2. package/dist/ai-meta/types.d.ts +58 -0
  3. package/dist/ai-meta/types.d.ts.map +1 -0
  4. package/dist/ai-meta/types.js +1 -0
  5. package/dist/buttons/SgButton.meta.d.ts +4 -0
  6. package/dist/buttons/SgButton.meta.d.ts.map +1 -0
  7. package/dist/buttons/SgButton.meta.js +139 -0
  8. package/dist/buttons/SgFloatActionButton.meta.d.ts +4 -0
  9. package/dist/buttons/SgFloatActionButton.meta.d.ts.map +1 -0
  10. package/dist/buttons/SgFloatActionButton.meta.js +132 -0
  11. package/dist/buttons/SgSplitButton.meta.d.ts +4 -0
  12. package/dist/buttons/SgSplitButton.meta.d.ts.map +1 -0
  13. package/dist/buttons/SgSplitButton.meta.js +132 -0
  14. package/dist/commons/SgAvatar.meta.d.ts +4 -0
  15. package/dist/commons/SgAvatar.meta.d.ts.map +1 -0
  16. package/dist/commons/SgAvatar.meta.js +123 -0
  17. package/dist/commons/SgAvatarGroup.meta.d.ts +4 -0
  18. package/dist/commons/SgAvatarGroup.meta.d.ts.map +1 -0
  19. package/dist/commons/SgAvatarGroup.meta.js +46 -0
  20. package/dist/commons/SgBadge.meta.d.ts +4 -0
  21. package/dist/commons/SgBadge.meta.d.ts.map +1 -0
  22. package/dist/commons/SgBadge.meta.js +132 -0
  23. package/dist/commons/SgBadgeOverlay.meta.d.ts +4 -0
  24. package/dist/commons/SgBadgeOverlay.meta.d.ts.map +1 -0
  25. package/dist/commons/SgBadgeOverlay.meta.js +46 -0
  26. package/dist/commons/SgSkeleton.meta.d.ts +4 -0
  27. package/dist/commons/SgSkeleton.meta.d.ts.map +1 -0
  28. package/dist/commons/SgSkeleton.meta.js +114 -0
  29. package/dist/commons/SgToastHost.meta.d.ts +4 -0
  30. package/dist/commons/SgToastHost.meta.d.ts.map +1 -0
  31. package/dist/commons/SgToastHost.meta.js +46 -0
  32. package/dist/commons/SgToaster.meta.d.ts +4 -0
  33. package/dist/commons/SgToaster.meta.d.ts.map +1 -0
  34. package/dist/commons/SgToaster.meta.js +48 -0
  35. package/dist/commons/SgWhistleHost.meta.d.ts +4 -0
  36. package/dist/commons/SgWhistleHost.meta.d.ts.map +1 -0
  37. package/dist/commons/SgWhistleHost.meta.js +46 -0
  38. package/dist/digits/discard-digit/SgDiscardDigit.meta.d.ts +4 -0
  39. package/dist/digits/discard-digit/SgDiscardDigit.meta.d.ts.map +1 -0
  40. package/dist/digits/discard-digit/SgDiscardDigit.meta.js +48 -0
  41. package/dist/digits/fade-digit/SgFadeDigit.meta.d.ts +4 -0
  42. package/dist/digits/fade-digit/SgFadeDigit.meta.d.ts.map +1 -0
  43. package/dist/digits/fade-digit/SgFadeDigit.meta.js +48 -0
  44. package/dist/digits/flip-digit/SgFlipDigit.meta.d.ts +4 -0
  45. package/dist/digits/flip-digit/SgFlipDigit.meta.d.ts.map +1 -0
  46. package/dist/digits/flip-digit/SgFlipDigit.meta.js +48 -0
  47. package/dist/digits/matrix-digit/SgMatrixDigit.meta.d.ts +4 -0
  48. package/dist/digits/matrix-digit/SgMatrixDigit.meta.d.ts.map +1 -0
  49. package/dist/digits/matrix-digit/SgMatrixDigit.meta.js +48 -0
  50. package/dist/digits/neon-digit/SgNeonDigit.meta.d.ts +4 -0
  51. package/dist/digits/neon-digit/SgNeonDigit.meta.d.ts.map +1 -0
  52. package/dist/digits/neon-digit/SgNeonDigit.meta.js +48 -0
  53. package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.d.ts +4 -0
  54. package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.d.ts.map +1 -0
  55. package/dist/digits/roller3d-digit/SgRoller3DDigit.meta.js +48 -0
  56. package/dist/digits/segment-digit/SgSegmentDigit.meta.d.ts +4 -0
  57. package/dist/digits/segment-digit/SgSegmentDigit.meta.d.ts.map +1 -0
  58. package/dist/digits/segment-digit/SgSegmentDigit.meta.js +48 -0
  59. package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.d.ts +4 -0
  60. package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.d.ts.map +1 -0
  61. package/dist/digits/seven-segment-digit/SgSevenSegmentDigit.meta.js +48 -0
  62. package/dist/environment/SgEnvironmentProvider.meta.d.ts +4 -0
  63. package/dist/environment/SgEnvironmentProvider.meta.d.ts.map +1 -0
  64. package/dist/environment/SgEnvironmentProvider.meta.js +53 -0
  65. package/dist/gadgets/calendar/SgCalendar.meta.d.ts +4 -0
  66. package/dist/gadgets/calendar/SgCalendar.meta.d.ts.map +1 -0
  67. package/dist/gadgets/calendar/SgCalendar.meta.js +51 -0
  68. package/dist/gadgets/clock/SgClock.meta.d.ts +4 -0
  69. package/dist/gadgets/clock/SgClock.meta.d.ts.map +1 -0
  70. package/dist/gadgets/clock/SgClock.meta.js +50 -0
  71. package/dist/gadgets/clock/SgTimeProvider.meta.d.ts +4 -0
  72. package/dist/gadgets/clock/SgTimeProvider.meta.d.ts.map +1 -0
  73. package/dist/gadgets/clock/SgTimeProvider.meta.js +49 -0
  74. package/dist/gadgets/clock/themes/SgClockThemePicker.meta.d.ts +4 -0
  75. package/dist/gadgets/clock/themes/SgClockThemePicker.meta.d.ts.map +1 -0
  76. package/dist/gadgets/clock/themes/SgClockThemePicker.meta.js +56 -0
  77. package/dist/gadgets/clock/themes/SgClockThemePreview.meta.d.ts +4 -0
  78. package/dist/gadgets/clock/themes/SgClockThemePreview.meta.d.ts.map +1 -0
  79. package/dist/gadgets/clock/themes/SgClockThemePreview.meta.js +50 -0
  80. package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.d.ts +4 -0
  81. package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.d.ts.map +1 -0
  82. package/dist/gadgets/clock/themes/SgClockThemeProvider.meta.js +51 -0
  83. package/dist/gadgets/gauge/SgLinearGauge.meta.d.ts +4 -0
  84. package/dist/gadgets/gauge/SgLinearGauge.meta.d.ts.map +1 -0
  85. package/dist/gadgets/gauge/SgLinearGauge.meta.js +57 -0
  86. package/dist/gadgets/gauge/SgRadialGauge.meta.d.ts +4 -0
  87. package/dist/gadgets/gauge/SgRadialGauge.meta.d.ts.map +1 -0
  88. package/dist/gadgets/gauge/SgRadialGauge.meta.js +57 -0
  89. package/dist/gadgets/qr-code/SgQRCode.meta.d.ts +4 -0
  90. package/dist/gadgets/qr-code/SgQRCode.meta.d.ts.map +1 -0
  91. package/dist/gadgets/qr-code/SgQRCode.meta.js +48 -0
  92. package/dist/gadgets/string-animator/SgStringAnimator.meta.d.ts +4 -0
  93. package/dist/gadgets/string-animator/SgStringAnimator.meta.d.ts.map +1 -0
  94. package/dist/gadgets/string-animator/SgStringAnimator.meta.js +48 -0
  95. package/dist/i18n/SgComponentsI18nProvider.meta.d.ts +4 -0
  96. package/dist/i18n/SgComponentsI18nProvider.meta.d.ts.map +1 -0
  97. package/dist/i18n/SgComponentsI18nProvider.meta.js +50 -0
  98. package/dist/index.d.ts +4 -6
  99. package/dist/index.d.ts.map +1 -1
  100. package/dist/index.js +2 -3
  101. package/dist/inputs/SgAutocomplete.meta.d.ts +4 -0
  102. package/dist/inputs/SgAutocomplete.meta.d.ts.map +1 -0
  103. package/dist/inputs/SgAutocomplete.meta.js +52 -0
  104. package/dist/inputs/SgCheckboxGroup.meta.d.ts +4 -0
  105. package/dist/inputs/SgCheckboxGroup.meta.d.ts.map +1 -0
  106. package/dist/inputs/SgCheckboxGroup.meta.js +51 -0
  107. package/dist/inputs/SgCombobox.meta.d.ts +4 -0
  108. package/dist/inputs/SgCombobox.meta.d.ts.map +1 -0
  109. package/dist/inputs/SgCombobox.meta.js +52 -0
  110. package/dist/inputs/SgDatatable.meta.d.ts +4 -0
  111. package/dist/inputs/SgDatatable.meta.d.ts.map +1 -0
  112. package/dist/inputs/SgDatatable.meta.js +51 -0
  113. package/dist/inputs/SgInputBirthDate.meta.d.ts +4 -0
  114. package/dist/inputs/SgInputBirthDate.meta.d.ts.map +1 -0
  115. package/dist/inputs/SgInputBirthDate.meta.js +80 -0
  116. package/dist/inputs/SgInputCNPJ.meta.d.ts +4 -0
  117. package/dist/inputs/SgInputCNPJ.meta.d.ts.map +1 -0
  118. package/dist/inputs/SgInputCNPJ.meta.js +81 -0
  119. package/dist/inputs/SgInputCPF.meta.d.ts +4 -0
  120. package/dist/inputs/SgInputCPF.meta.d.ts.map +1 -0
  121. package/dist/inputs/SgInputCPF.meta.js +80 -0
  122. package/dist/inputs/SgInputCPFCNPJ.meta.d.ts +4 -0
  123. package/dist/inputs/SgInputCPFCNPJ.meta.d.ts.map +1 -0
  124. package/dist/inputs/SgInputCPFCNPJ.meta.js +80 -0
  125. package/dist/inputs/SgInputCurrency.meta.d.ts +4 -0
  126. package/dist/inputs/SgInputCurrency.meta.d.ts.map +1 -0
  127. package/dist/inputs/SgInputCurrency.meta.js +136 -0
  128. package/dist/inputs/SgInputDate.meta.d.ts +4 -0
  129. package/dist/inputs/SgInputDate.meta.d.ts.map +1 -0
  130. package/dist/inputs/SgInputDate.meta.js +136 -0
  131. package/dist/inputs/SgInputEmail.meta.d.ts +4 -0
  132. package/dist/inputs/SgInputEmail.meta.d.ts.map +1 -0
  133. package/dist/inputs/SgInputEmail.meta.js +81 -0
  134. package/dist/inputs/SgInputNumber.meta.d.ts +4 -0
  135. package/dist/inputs/SgInputNumber.meta.d.ts.map +1 -0
  136. package/dist/inputs/SgInputNumber.meta.js +137 -0
  137. package/dist/inputs/SgInputOTP.js +1 -1
  138. package/dist/inputs/SgInputOTP.meta.d.ts +4 -0
  139. package/dist/inputs/SgInputOTP.meta.d.ts.map +1 -0
  140. package/dist/inputs/SgInputOTP.meta.js +80 -0
  141. package/dist/inputs/SgInputPassword.meta.d.ts +4 -0
  142. package/dist/inputs/SgInputPassword.meta.d.ts.map +1 -0
  143. package/dist/inputs/SgInputPassword.meta.js +81 -0
  144. package/dist/inputs/SgInputPhone.meta.d.ts +4 -0
  145. package/dist/inputs/SgInputPhone.meta.d.ts.map +1 -0
  146. package/dist/inputs/SgInputPhone.meta.js +80 -0
  147. package/dist/inputs/SgInputPostalCode.meta.d.ts +4 -0
  148. package/dist/inputs/SgInputPostalCode.meta.d.ts.map +1 -0
  149. package/dist/inputs/SgInputPostalCode.meta.js +81 -0
  150. package/dist/inputs/SgInputText.meta.d.ts +4 -0
  151. package/dist/inputs/SgInputText.meta.d.ts.map +1 -0
  152. package/dist/inputs/SgInputText.meta.js +138 -0
  153. package/dist/inputs/SgInputTextarea.meta.d.ts +4 -0
  154. package/dist/inputs/SgInputTextarea.meta.d.ts.map +1 -0
  155. package/dist/inputs/SgInputTextarea.meta.js +136 -0
  156. package/dist/inputs/SgOrderList.meta.d.ts +4 -0
  157. package/dist/inputs/SgOrderList.meta.d.ts.map +1 -0
  158. package/dist/inputs/SgOrderList.meta.js +51 -0
  159. package/dist/inputs/SgPickList.meta.d.ts +4 -0
  160. package/dist/inputs/SgPickList.meta.d.ts.map +1 -0
  161. package/dist/inputs/SgPickList.meta.js +51 -0
  162. package/dist/inputs/SgRadioGroup.meta.d.ts +4 -0
  163. package/dist/inputs/SgRadioGroup.meta.d.ts.map +1 -0
  164. package/dist/inputs/SgRadioGroup.meta.js +51 -0
  165. package/dist/inputs/SgRating.meta.d.ts +4 -0
  166. package/dist/inputs/SgRating.meta.d.ts.map +1 -0
  167. package/dist/inputs/SgRating.meta.js +51 -0
  168. package/dist/inputs/SgSlider.meta.d.ts +4 -0
  169. package/dist/inputs/SgSlider.meta.d.ts.map +1 -0
  170. package/dist/inputs/SgSlider.meta.js +51 -0
  171. package/dist/inputs/SgStepperInput.meta.d.ts +4 -0
  172. package/dist/inputs/SgStepperInput.meta.d.ts.map +1 -0
  173. package/dist/inputs/SgStepperInput.meta.js +51 -0
  174. package/dist/inputs/SgTextEditor.meta.d.ts +4 -0
  175. package/dist/inputs/SgTextEditor.meta.d.ts.map +1 -0
  176. package/dist/inputs/SgTextEditor.meta.js +51 -0
  177. package/dist/inputs/SgToggleSwitch.meta.d.ts +4 -0
  178. package/dist/inputs/SgToggleSwitch.meta.d.ts.map +1 -0
  179. package/dist/inputs/SgToggleSwitch.meta.js +51 -0
  180. package/dist/layout/SgAccordion.meta.d.ts +4 -0
  181. package/dist/layout/SgAccordion.meta.d.ts.map +1 -0
  182. package/dist/layout/SgAccordion.meta.js +131 -0
  183. package/dist/layout/SgBreadcrumb.meta.d.ts +4 -0
  184. package/dist/layout/SgBreadcrumb.meta.d.ts.map +1 -0
  185. package/dist/layout/SgBreadcrumb.meta.js +125 -0
  186. package/dist/layout/SgCard.meta.d.ts +4 -0
  187. package/dist/layout/SgCard.meta.d.ts.map +1 -0
  188. package/dist/layout/SgCard.meta.js +132 -0
  189. package/dist/layout/SgCarousel.meta.d.ts +4 -0
  190. package/dist/layout/SgCarousel.meta.d.ts.map +1 -0
  191. package/dist/layout/SgCarousel.meta.js +50 -0
  192. package/dist/layout/SgDockLayout.meta.d.ts +4 -0
  193. package/dist/layout/SgDockLayout.meta.d.ts.map +1 -0
  194. package/dist/layout/SgDockLayout.meta.js +47 -0
  195. package/dist/layout/SgDockScreen.meta.d.ts +4 -0
  196. package/dist/layout/SgDockScreen.meta.d.ts.map +1 -0
  197. package/dist/layout/SgDockScreen.meta.js +49 -0
  198. package/dist/layout/SgDockZone.meta.d.ts +4 -0
  199. package/dist/layout/SgDockZone.meta.d.ts.map +1 -0
  200. package/dist/layout/SgDockZone.meta.js +43 -0
  201. package/dist/layout/SgExpandablePanel.meta.d.ts +4 -0
  202. package/dist/layout/SgExpandablePanel.meta.d.ts.map +1 -0
  203. package/dist/layout/SgExpandablePanel.meta.js +50 -0
  204. package/dist/layout/SgGrid.meta.d.ts +4 -0
  205. package/dist/layout/SgGrid.meta.d.ts.map +1 -0
  206. package/dist/layout/SgGrid.meta.js +124 -0
  207. package/dist/layout/SgGroupBox.meta.d.ts +4 -0
  208. package/dist/layout/SgGroupBox.meta.d.ts.map +1 -0
  209. package/dist/layout/SgGroupBox.meta.js +99 -0
  210. package/dist/layout/SgMenu.meta.d.ts +4 -0
  211. package/dist/layout/SgMenu.meta.d.ts.map +1 -0
  212. package/dist/layout/SgMenu.meta.js +137 -0
  213. package/dist/layout/SgPageControl.meta.d.ts +4 -0
  214. package/dist/layout/SgPageControl.meta.d.ts.map +1 -0
  215. package/dist/layout/SgPageControl.meta.js +50 -0
  216. package/dist/layout/SgPageControlPage.meta.d.ts +4 -0
  217. package/dist/layout/SgPageControlPage.meta.d.ts.map +1 -0
  218. package/dist/layout/SgPageControlPage.meta.js +47 -0
  219. package/dist/layout/SgPanel.meta.d.ts +4 -0
  220. package/dist/layout/SgPanel.meta.d.ts.map +1 -0
  221. package/dist/layout/SgPanel.meta.js +140 -0
  222. package/dist/layout/SgScreen.meta.d.ts +4 -0
  223. package/dist/layout/SgScreen.meta.d.ts.map +1 -0
  224. package/dist/layout/SgScreen.meta.js +113 -0
  225. package/dist/layout/SgStack.meta.d.ts +4 -0
  226. package/dist/layout/SgStack.meta.d.ts.map +1 -0
  227. package/dist/layout/SgStack.meta.js +126 -0
  228. package/dist/layout/SgToolBar.meta.d.ts +4 -0
  229. package/dist/layout/SgToolBar.meta.d.ts.map +1 -0
  230. package/dist/layout/SgToolBar.meta.js +131 -0
  231. package/dist/layout/SgToolbarIconButton.meta.d.ts +4 -0
  232. package/dist/layout/SgToolbarIconButton.meta.d.ts.map +1 -0
  233. package/dist/layout/SgToolbarIconButton.meta.js +48 -0
  234. package/dist/layout/SgTreeView.meta.d.ts +4 -0
  235. package/dist/layout/SgTreeView.meta.d.ts.map +1 -0
  236. package/dist/layout/SgTreeView.meta.js +132 -0
  237. package/dist/menus/SgDockMenu.meta.d.ts +4 -0
  238. package/dist/menus/SgDockMenu.meta.d.ts.map +1 -0
  239. package/dist/menus/SgDockMenu.meta.js +135 -0
  240. package/dist/overlay/SgConfirmationDialog.meta.d.ts +4 -0
  241. package/dist/overlay/SgConfirmationDialog.meta.d.ts.map +1 -0
  242. package/dist/overlay/SgConfirmationDialog.meta.js +128 -0
  243. package/dist/overlay/SgDialog.meta.d.ts +4 -0
  244. package/dist/overlay/SgDialog.meta.d.ts.map +1 -0
  245. package/dist/overlay/SgDialog.meta.js +130 -0
  246. package/dist/overlay/SgPopup.meta.d.ts +4 -0
  247. package/dist/overlay/SgPopup.meta.d.ts.map +1 -0
  248. package/dist/overlay/SgPopup.meta.js +129 -0
  249. package/dist/sandbox.cjs +31 -31
  250. package/dist/wizard/SgWizard.meta.d.ts +4 -0
  251. package/dist/wizard/SgWizard.meta.d.ts.map +1 -0
  252. package/dist/wizard/SgWizard.meta.js +50 -0
  253. package/dist/wizard/SgWizardPage.meta.d.ts +4 -0
  254. package/dist/wizard/SgWizardPage.meta.d.ts.map +1 -0
  255. package/dist/wizard/SgWizardPage.meta.js +44 -0
  256. package/package.json +2 -2
  257. package/dist/inputs/SgInputSelect.d.ts +0 -18
  258. package/dist/inputs/SgInputSelect.d.ts.map +0 -1
  259. package/dist/inputs/SgInputSelect.js +0 -139
@@ -0,0 +1,113 @@
1
+ export const sgMeta = {
2
+ version: "0.1",
3
+ componentId: "layout.screen",
4
+ package: "@seedgrid/fe-components",
5
+ exportName: "SgScreen",
6
+ slug: "sg-screen",
7
+ displayName: "SgScreen",
8
+ category: "layout",
9
+ subcategory: "screen",
10
+ description: "Container estrutural de alto nivel para composicao de telas com area client, fullscreen opcional e suporte a docking.",
11
+ tags: ["layout", "screen", "shell", "page", "docking"],
12
+ capabilities: ["full-screen-container", "dock-layout", "root-shell", "responsive-sizing", "client-area"],
13
+ fieldSemantics: ["screen", "pageLayout", "appShell", "workspace", "clientArea"],
14
+ props: [
15
+ {
16
+ name: "children",
17
+ type: "ReactNode",
18
+ description: "Conteudo estrutural da tela, normalmente com panels dockados.",
19
+ semanticRole: "data",
20
+ bindable: false
21
+ },
22
+ {
23
+ name: "fullscreen",
24
+ type: "boolean",
25
+ default: true,
26
+ description: "Define se a tela ocupa toda a viewport.",
27
+ semanticRole: "behavior",
28
+ bindable: true
29
+ },
30
+ {
31
+ name: "width",
32
+ type: "number | string",
33
+ description: "Largura explicita quando a tela nao for fullscreen.",
34
+ semanticRole: "behavior",
35
+ bindable: true
36
+ },
37
+ {
38
+ name: "height",
39
+ type: "number | string",
40
+ description: "Altura explicita quando a tela nao for fullscreen.",
41
+ semanticRole: "behavior",
42
+ bindable: true
43
+ },
44
+ {
45
+ name: "padding",
46
+ type: "number | string",
47
+ description: "Espacamento interno aplicado ao root da tela.",
48
+ semanticRole: "appearance",
49
+ bindable: true
50
+ },
51
+ {
52
+ name: "className",
53
+ type: "string",
54
+ description: "Classes adicionais aplicadas ao container principal.",
55
+ semanticRole: "appearance",
56
+ bindable: true
57
+ }
58
+ ],
59
+ states: ["default", "fullscreen", "embedded"],
60
+ examples: [
61
+ {
62
+ id: "complete-example",
63
+ title: "Exemplo completo",
64
+ file: "apps/showcase/src/app/components/sg-screen/samples/complete-example.tsx.sample",
65
+ kind: "sample"
66
+ },
67
+ {
68
+ id: "playground",
69
+ title: "Playground",
70
+ file: "apps/showcase/src/app/components/sg-screen/sg-screen.tsx.playground",
71
+ kind: "playground"
72
+ }
73
+ ],
74
+ showcase: {
75
+ route: "/components/sg-screen",
76
+ hasPlayground: true,
77
+ hasPropsTable: true
78
+ },
79
+ sdui: {
80
+ rendererType: "layout.screen",
81
+ acceptsDataBinding: true,
82
+ defaultProps: {
83
+ fullscreen: true,
84
+ padding: 0
85
+ }
86
+ }
87
+ };
88
+ export const aiHints = {
89
+ version: "0.1",
90
+ preferredUseCases: [
91
+ "Compor shells de aplicacao, workspaces e layouts de tela completos.",
92
+ "Criar area raiz para estruturas com docking, sidebars, header e footer.",
93
+ "Organizar conteudo de pagina com controle explicito de largura, altura e padding."
94
+ ],
95
+ avoidUseCases: [
96
+ "Blocos locais de agrupamento; nesses casos prefira Panel, Card ou GroupBox.",
97
+ "Acoes ou entradas de dados; nesses casos prefira Button ou componentes de input.",
98
+ "Menus de navegacao especializados; nesses casos prefira DockMenu, Menu ou Breadcrumb."
99
+ ],
100
+ synonyms: ["screen", "page shell", "layout shell", "workspace"],
101
+ relatedEntityFields: ["screen", "page", "workspace", "shell", "mainLayout"],
102
+ compositionHints: [
103
+ "Usar com Panel, Stack e DockMenu para montar a estrutura completa da tela.",
104
+ "Combinar com dialogs, popups e componentes de navegacao em shells complexos."
105
+ ],
106
+ rankingSignals: {
107
+ freeText: 0,
108
+ structuredChoice: 0,
109
+ date: 0,
110
+ number: 0,
111
+ denseLayout: 0.98
112
+ }
113
+ };
@@ -0,0 +1,4 @@
1
+ import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
2
+ export declare const sgMeta: SgMetaV0;
3
+ export declare const aiHints: SgAiHintsV0;
4
+ //# sourceMappingURL=SgStack.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SgStack.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgStack.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QAoGpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}
@@ -0,0 +1,126 @@
1
+ export const sgMeta = {
2
+ version: "0.1",
3
+ componentId: "layout.stack",
4
+ package: "@seedgrid/fe-components",
5
+ exportName: "SgStack",
6
+ slug: "sg-stack",
7
+ displayName: "SgStack",
8
+ category: "layout",
9
+ subcategory: "stack",
10
+ description: "Primitive de layout flexivel para empilhar elementos em linha ou coluna com controle de gap, alinhamento e wrap.",
11
+ tags: ["layout", "stack", "flex", "row", "column"],
12
+ capabilities: ["row-column-layout", "gap", "justify", "align", "wrap", "grow"],
13
+ fieldSemantics: ["container", "linearLayout", "stackLayout", "flexLayout"],
14
+ props: [
15
+ {
16
+ name: "direction",
17
+ type: '"row" | "column"',
18
+ default: "column",
19
+ description: "Direcao principal do empilhamento.",
20
+ semanticRole: "behavior",
21
+ bindable: true
22
+ },
23
+ {
24
+ name: "gap",
25
+ type: "number | string",
26
+ default: 0,
27
+ description: "Espacamento entre os itens.",
28
+ semanticRole: "appearance",
29
+ bindable: true
30
+ },
31
+ {
32
+ name: "justify",
33
+ type: '"start" | "center" | "end" | "between" | "around" | "evenly"',
34
+ default: "start",
35
+ description: "Distribuicao dos itens no eixo principal.",
36
+ semanticRole: "behavior",
37
+ bindable: true
38
+ },
39
+ {
40
+ name: "align",
41
+ type: '"start" | "center" | "end" | "stretch"',
42
+ default: "stretch",
43
+ description: "Alinhamento dos itens no eixo cruzado.",
44
+ semanticRole: "behavior",
45
+ bindable: true
46
+ },
47
+ {
48
+ name: "wrap",
49
+ type: "boolean",
50
+ default: false,
51
+ description: "Permite quebra de linha quando necessario.",
52
+ semanticRole: "behavior",
53
+ bindable: true
54
+ },
55
+ {
56
+ name: "grow",
57
+ type: "boolean",
58
+ default: false,
59
+ description: "Permite que o stack cresca ocupando espaco disponivel.",
60
+ semanticRole: "behavior",
61
+ bindable: true
62
+ },
63
+ {
64
+ name: "children",
65
+ type: "ReactNode",
66
+ description: "Itens renderizados dentro do stack.",
67
+ semanticRole: "data",
68
+ bindable: false
69
+ }
70
+ ],
71
+ states: ["default", "row", "column", "wrapped", "growing"],
72
+ examples: [
73
+ {
74
+ id: "basic",
75
+ title: "Basico",
76
+ file: "apps/showcase/src/app/components/sg-stack/samples/basico.tsx.sample",
77
+ kind: "sample"
78
+ },
79
+ {
80
+ id: "playground",
81
+ title: "Playground",
82
+ file: "apps/showcase/src/app/components/sg-stack/sg-stack.tsx.playground",
83
+ kind: "playground"
84
+ }
85
+ ],
86
+ showcase: {
87
+ route: "/components/sg-stack",
88
+ hasPlayground: true,
89
+ hasPropsTable: true
90
+ },
91
+ sdui: {
92
+ rendererType: "layout.stack",
93
+ acceptsDataBinding: true,
94
+ defaultProps: {
95
+ direction: "column",
96
+ gap: 0,
97
+ wrap: false
98
+ }
99
+ }
100
+ };
101
+ export const aiHints = {
102
+ version: "0.1",
103
+ preferredUseCases: [
104
+ "Empilhar botoes, campos e blocos em linha ou coluna com espaco consistente.",
105
+ "Criar composicoes simples e reutilizaveis dentro de cards, paineis e dialogs.",
106
+ "Substituir CSS flex manual em cenarios comuns de alinhamento."
107
+ ],
108
+ avoidUseCases: [
109
+ "Grades responsivas com varias colunas; nesses casos prefira SgGrid.",
110
+ "Blocos com destaque visual proprio; nesses casos prefira SgCard ou SgPanel.",
111
+ "Captura de dados ou acoes por si so; nesses casos prefira componentes especificos."
112
+ ],
113
+ synonyms: ["stack", "flex stack", "row/column layout", "linear container"],
114
+ relatedEntityFields: ["actionsRow", "contentStack", "detailsColumn", "toolbarGroup"],
115
+ compositionHints: [
116
+ "Usar dentro de SgGrid, SgCard e SgDialog para organizar o conteudo interno.",
117
+ "Combinar com sgInput* para layouts de formulario lineares."
118
+ ],
119
+ rankingSignals: {
120
+ freeText: 0,
121
+ structuredChoice: 0,
122
+ date: 0,
123
+ number: 0,
124
+ denseLayout: 0.92
125
+ }
126
+ };
@@ -0,0 +1,4 @@
1
+ import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
2
+ export declare const sgMeta: SgMetaV0;
3
+ export declare const aiHints: SgAiHintsV0;
4
+ //# sourceMappingURL=SgToolBar.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SgToolBar.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgToolBar.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QAyGpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}
@@ -0,0 +1,131 @@
1
+ export const sgMeta = {
2
+ version: "0.1",
3
+ componentId: "navigation.toolbar",
4
+ package: "@seedgrid/fe-components",
5
+ exportName: "SgToolBar",
6
+ slug: "sg-toolbar",
7
+ displayName: "SgToolBar",
8
+ category: "navigation",
9
+ subcategory: "toolbar",
10
+ description: "Barra de ferramentas para agrupar acoes frequentes com suporte a orientacao, colapso, arraste e encaixe em zonas de layout.",
11
+ tags: ["navigation", "toolbar", "actions", "dock", "draggable"],
12
+ capabilities: ["action-grouping", "dockable", "draggable", "collapsible", "orientation-control"],
13
+ fieldSemantics: ["toolbar", "actionBar", "contextActions", "dockedActions"],
14
+ props: [
15
+ {
16
+ name: "id",
17
+ type: "string",
18
+ required: true,
19
+ description: "Identificador estavel da toolbar.",
20
+ semanticRole: "data",
21
+ bindable: false
22
+ },
23
+ {
24
+ name: "title",
25
+ type: "ReactNode",
26
+ description: "Titulo opcional exibido na barra.",
27
+ semanticRole: "label",
28
+ bindable: true
29
+ },
30
+ {
31
+ name: "orientationDirection",
32
+ type: '"vertical-up" | "vertical-down" | "horizontal-left" | "horizontal-right"',
33
+ description: "Direcao e orientacao da toolbar.",
34
+ semanticRole: "behavior",
35
+ bindable: true
36
+ },
37
+ {
38
+ name: "buttonsPerDirection",
39
+ type: "number",
40
+ description: "Quantidade de botoes distribuidos por direcao.",
41
+ semanticRole: "behavior",
42
+ bindable: true
43
+ },
44
+ {
45
+ name: "dockZone",
46
+ type: '"top" | "bottom" | "left" | "right" | "free"',
47
+ default: "free",
48
+ description: "Zona de encaixe da toolbar.",
49
+ semanticRole: "behavior",
50
+ bindable: true
51
+ },
52
+ {
53
+ name: "draggable",
54
+ type: "boolean",
55
+ default: false,
56
+ description: "Permite arrastar a toolbar.",
57
+ semanticRole: "behavior",
58
+ bindable: true
59
+ },
60
+ {
61
+ name: "collapsible",
62
+ type: "boolean",
63
+ default: true,
64
+ description: "Permite recolher a toolbar.",
65
+ semanticRole: "behavior",
66
+ bindable: true
67
+ },
68
+ {
69
+ name: "children",
70
+ type: "ReactNode",
71
+ description: "Botoes e elementos de acao da toolbar.",
72
+ semanticRole: "data",
73
+ bindable: false
74
+ }
75
+ ],
76
+ states: ["default", "collapsed", "expanded", "docked", "dragging"],
77
+ examples: [
78
+ {
79
+ id: "basic",
80
+ title: "Basico",
81
+ file: "apps/showcase/src/app/components/sg-toolbar/samples/basico.tsx.sample",
82
+ kind: "sample"
83
+ },
84
+ {
85
+ id: "playground",
86
+ title: "Playground",
87
+ file: "apps/showcase/src/app/components/sg-toolbar/sg-toolbar.tsx.playground",
88
+ kind: "playground"
89
+ }
90
+ ],
91
+ showcase: {
92
+ route: "/components/sg-toolbar",
93
+ hasPlayground: true,
94
+ hasPropsTable: true
95
+ },
96
+ sdui: {
97
+ rendererType: "navigation.toolbar",
98
+ acceptsDataBinding: true,
99
+ defaultProps: {
100
+ dockZone: "free",
101
+ draggable: false,
102
+ collapsible: true
103
+ }
104
+ }
105
+ };
106
+ export const aiHints = {
107
+ version: "0.1",
108
+ preferredUseCases: [
109
+ "Agrupar acoes frequentes em uma faixa horizontal ou vertical persistente.",
110
+ "Toolbars contextuais com suporte a colapso, arraste e encaixe.",
111
+ "Ambientes de trabalho, editores e dashboards com comandos recorrentes."
112
+ ],
113
+ avoidUseCases: [
114
+ "Navegacao hierarquica de aplicacao; nesses casos prefira SgMenu.",
115
+ "Acoes isoladas simples; nesses casos prefira SgButton.",
116
+ "Agrupamento de conteudo sem acoes."
117
+ ],
118
+ synonyms: ["toolbar", "action bar", "command bar", "floating toolbar"],
119
+ relatedEntityFields: ["toolbar", "actionsBar", "quickCommands", "editorToolbar"],
120
+ compositionHints: [
121
+ "Usar com SgToolbarIconButton e SgButton para compor acoes.",
122
+ "Combinar com SgPanel, SgCard e SgMenu em layouts de trabalho."
123
+ ],
124
+ rankingSignals: {
125
+ freeText: 0,
126
+ structuredChoice: 0.1,
127
+ date: 0,
128
+ number: 0,
129
+ denseLayout: 0.9
130
+ }
131
+ };
@@ -0,0 +1,4 @@
1
+ import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
2
+ export declare const sgMeta: SgMetaV0;
3
+ export declare const aiHints: SgAiHintsV0;
4
+ //# sourceMappingURL=SgToolbarIconButton.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SgToolbarIconButton.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgToolbarIconButton.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA4BpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAmBrB,CAAC"}
@@ -0,0 +1,48 @@
1
+ export const sgMeta = {
2
+ version: "0.1",
3
+ componentId: "action.toolbar-icon-button",
4
+ package: "@seedgrid/fe-components",
5
+ exportName: "SgToolbarIconButton",
6
+ slug: "sg-toolbar-icon-button",
7
+ displayName: "SgToolbarIconButton",
8
+ category: "action",
9
+ subcategory: "toolbar-icon-button",
10
+ description: "Botao compacto para toolbars com icone, label opcional, hint, loading e severidade visual.",
11
+ tags: ["action", "toolbar", "icon-button", "compact-action", "shortcut"],
12
+ capabilities: ["icon-action", "compact-toolbar-action", "loading", "hint", "severity"],
13
+ fieldSemantics: ["toolbarAction", "iconAction", "shortcutAction", "quickAction"],
14
+ props: [
15
+ { name: "icon", type: "ReactNode | string", description: "Icone principal exibido no botao.", semanticRole: "label", bindable: true },
16
+ { name: "label", type: "string", description: "Rotulo textual da acao.", semanticRole: "label", bindable: true },
17
+ { name: "hint", type: "string", description: "Texto auxiliar usado como dica contextual.", semanticRole: "label", bindable: true },
18
+ { name: "showLabel", type: "boolean", default: false, description: "Exibe o rotulo junto do icone quando suportado pela toolbar.", semanticRole: "appearance", bindable: true },
19
+ { name: "loading", type: "boolean", default: false, description: "Indica processamento em andamento.", semanticRole: "behavior", bindable: true },
20
+ { name: "severity", type: '"primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger" | "plain"', default: "plain", description: "Tom visual do botao de toolbar.", semanticRole: "appearance", bindable: true },
21
+ { name: "disabled", type: "boolean", default: false, description: "Desabilita interacao.", semanticRole: "behavior", bindable: true },
22
+ { name: "onClick", type: "() => void | Promise<void>", description: "Callback executado ao clicar no item.", semanticRole: "event", bindable: false }
23
+ ],
24
+ states: ["default", "disabled", "loading"],
25
+ examples: [{ id: "basic", title: "Basico", file: "apps/showcase/src/app/components/sg-toolbar/samples/basico.tsx.sample", kind: "sample" }],
26
+ showcase: { route: "/components/sg-toolbar", hasPlayground: true, hasPropsTable: true },
27
+ sdui: { rendererType: "action.toolbar-icon-button", acceptsDataBinding: true, defaultProps: { showLabel: false, severity: "plain", disabled: false } }
28
+ };
29
+ export const aiHints = {
30
+ version: "0.1",
31
+ preferredUseCases: [
32
+ "Acoes compactas em toolbars com predominancia visual de icone.",
33
+ "Atalhos de navegacao ou comando rapido em barras horizontais e verticais.",
34
+ "Botoes de baixo peso para filtros, refresh, configuracoes e utilitarios."
35
+ ],
36
+ avoidUseCases: [
37
+ "Acoes primarias de formulario; nesses casos prefira SgButton ou SplitButton.",
38
+ "Agrupamento estrutural; nesses casos prefira ToolBar ou Panel.",
39
+ "Menus complexos com muitas opcoes textuais; nesses casos prefira Menu ou DockMenu."
40
+ ],
41
+ synonyms: ["toolbar icon button", "icon action", "quick toolbar action", "shortcut button"],
42
+ relatedEntityFields: ["action", "toolbarAction", "shortcut", "command"],
43
+ compositionHints: [
44
+ "Usar dentro de SgToolBar em cenarios de workspace e dashboards.",
45
+ "Combinar com DockLayout e DockScreen para acoes contextuais por zona."
46
+ ],
47
+ rankingSignals: { freeText: 0, structuredChoice: 0, date: 0, number: 0, denseLayout: 0.88 }
48
+ };
@@ -0,0 +1,4 @@
1
+ import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
2
+ export declare const sgMeta: SgMetaV0;
3
+ export declare const aiHints: SgAiHintsV0;
4
+ //# sourceMappingURL=SgTreeView.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SgTreeView.meta.d.ts","sourceRoot":"","sources":["../../src/layout/SgTreeView.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA0GpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}
@@ -0,0 +1,132 @@
1
+ export const sgMeta = {
2
+ version: "0.1",
3
+ componentId: "navigation.tree",
4
+ package: "@seedgrid/fe-components",
5
+ exportName: "SgTreeView",
6
+ slug: "sg-tree-view",
7
+ displayName: "SgTreeView",
8
+ category: "navigation",
9
+ subcategory: "tree-view",
10
+ description: "Navegacao hierarquica para estruturas em arvore com expansao, selecao, busca, checkboxes e suporte a dados aninhados.",
11
+ tags: ["navigation", "tree", "hierarchy", "selection", "search"],
12
+ capabilities: ["hierarchical-navigation", "node-selection", "checkboxes", "search", "expand-collapse", "json-mapping"],
13
+ fieldSemantics: ["hierarchy", "tree", "nestedNavigation", "permissionTree", "categoryTree"],
14
+ props: [
15
+ {
16
+ name: "nodes",
17
+ type: "SgTreeNode[]",
18
+ required: true,
19
+ description: "Lista hierarquica de nos exibidos pela arvore.",
20
+ semanticRole: "data",
21
+ bindable: true
22
+ },
23
+ {
24
+ name: "selectionMode",
25
+ type: '"single" | "multiple" | "checkbox"',
26
+ default: "single",
27
+ description: "Modo principal de selecao dos nos.",
28
+ semanticRole: "behavior",
29
+ bindable: true
30
+ },
31
+ {
32
+ name: "selectedIds",
33
+ type: "string[]",
34
+ description: "Nos selecionados de forma controlada.",
35
+ semanticRole: "value",
36
+ bindable: true
37
+ },
38
+ {
39
+ name: "checkedIds",
40
+ type: "string[]",
41
+ description: "Nos marcados em cenarios de checkbox tree.",
42
+ semanticRole: "value",
43
+ bindable: true
44
+ },
45
+ {
46
+ name: "searchable",
47
+ type: "boolean",
48
+ default: false,
49
+ description: "Habilita campo interno de busca para filtrar nos.",
50
+ semanticRole: "behavior",
51
+ bindable: true
52
+ },
53
+ {
54
+ name: "expandAllByDefault",
55
+ type: "boolean",
56
+ default: false,
57
+ description: "Expande a arvore inteira na montagem inicial.",
58
+ semanticRole: "behavior",
59
+ bindable: true
60
+ },
61
+ {
62
+ name: "size",
63
+ type: '"sm" | "md" | "lg"',
64
+ default: "md",
65
+ description: "Escala visual da arvore e dos itens.",
66
+ semanticRole: "appearance",
67
+ bindable: true
68
+ },
69
+ {
70
+ name: "onSelectionChange",
71
+ type: "(ids: string[]) => void",
72
+ description: "Callback disparado quando a selecao muda.",
73
+ semanticRole: "event",
74
+ bindable: false
75
+ }
76
+ ],
77
+ states: ["default", "searching", "expanded", "collapsed", "selected", "checked"],
78
+ examples: [
79
+ {
80
+ id: "basic",
81
+ title: "Basico",
82
+ file: "apps/showcase/src/app/components/sg-tree-view/samples/basico.tsx.sample",
83
+ kind: "sample"
84
+ },
85
+ {
86
+ id: "playground",
87
+ title: "Playground",
88
+ file: "apps/showcase/src/app/components/sg-tree-view/sg-tree-view.tsx.playground",
89
+ kind: "playground"
90
+ }
91
+ ],
92
+ showcase: {
93
+ route: "/components/sg-tree-view",
94
+ hasPlayground: true,
95
+ hasPropsTable: true
96
+ },
97
+ sdui: {
98
+ rendererType: "navigation.tree",
99
+ acceptsDataBinding: true,
100
+ defaultProps: {
101
+ selectionMode: "single",
102
+ searchable: false,
103
+ expandAllByDefault: false
104
+ }
105
+ }
106
+ };
107
+ export const aiHints = {
108
+ version: "0.1",
109
+ preferredUseCases: [
110
+ "Navegar estruturas hierarquicas como permissoes, categorias e menus aninhados.",
111
+ "Selecionar ou marcar nos em arvores administrativas e exploradores de estrutura.",
112
+ "Exibir relacoes pai-filho com busca e expansao progressiva."
113
+ ],
114
+ avoidUseCases: [
115
+ "Listas planas simples; nesses casos prefira listas, tabelas ou selects.",
116
+ "Acoes primarias; nesses casos prefira componentes de botao.",
117
+ "Containers de layout sem hierarquia; nesses casos prefira Panel, Card ou Stack."
118
+ ],
119
+ synonyms: ["tree view", "hierarchy tree", "permission tree", "navigation tree"],
120
+ relatedEntityFields: ["categories", "permissions", "tree", "folders", "menuTree"],
121
+ compositionHints: [
122
+ "Usar com SgCard ou SgPanel em sidebars e telas administrativas.",
123
+ "Combinar com SgButton e dialogs em fluxos de selecao ou configuracao."
124
+ ],
125
+ rankingSignals: {
126
+ freeText: 0,
127
+ structuredChoice: 0.8,
128
+ date: 0,
129
+ number: 0,
130
+ denseLayout: 0.85
131
+ }
132
+ };
@@ -0,0 +1,4 @@
1
+ import type { SgAiHintsV0, SgMetaV0 } from "../ai-meta/types";
2
+ export declare const sgMeta: SgMetaV0;
3
+ export declare const aiHints: SgAiHintsV0;
4
+ //# sourceMappingURL=SgDockMenu.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SgDockMenu.meta.d.ts","sourceRoot":"","sources":["../../src/menus/SgDockMenu.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,MAAM,EAAE,QA6GpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAyBrB,CAAC"}