@andespindola/ui-core 0.1.0 → 0.2.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 (287) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/ui-accordion-item.cjs.entry.js +2 -2
  3. package/dist/cjs/ui-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/ui-alert.cjs.entry.js +40 -0
  5. package/dist/cjs/ui-avatar-group.cjs.entry.js +17 -0
  6. package/dist/cjs/ui-avatar.cjs.entry.js +2 -2
  7. package/dist/cjs/ui-badge.cjs.entry.js +7 -2
  8. package/dist/cjs/ui-breadcrumb-item.cjs.entry.js +23 -0
  9. package/dist/cjs/ui-breadcrumb.cjs.entry.js +17 -0
  10. package/dist/cjs/ui-button.cjs.entry.js +5 -3
  11. package/dist/cjs/ui-card.cjs.entry.js +2 -2
  12. package/dist/cjs/ui-checkbox.cjs.entry.js +2 -2
  13. package/dist/cjs/ui-container.cjs.entry.js +26 -0
  14. package/dist/cjs/ui-dialog.cjs.entry.js +1 -1
  15. package/dist/cjs/ui-drawer.cjs.entry.js +1 -1
  16. package/dist/cjs/ui-dropdown-item.cjs.entry.js +1 -1
  17. package/dist/cjs/ui-dropdown-menu.cjs.entry.js +1 -1
  18. package/dist/cjs/ui-field.cjs.entry.js +1 -1
  19. package/dist/cjs/ui-grid.cjs.entry.js +34 -0
  20. package/dist/cjs/ui-input.cjs.entry.js +10 -2
  21. package/dist/cjs/ui-label.cjs.entry.js +1 -1
  22. package/dist/cjs/ui-pagination.cjs.entry.js +63 -0
  23. package/dist/cjs/ui-popover.cjs.entry.js +1 -1
  24. package/dist/cjs/ui-progress.cjs.entry.js +2 -2
  25. package/dist/cjs/ui-radio-group.cjs.entry.js +1 -1
  26. package/dist/cjs/ui-reveal.cjs.entry.js +1 -1
  27. package/dist/cjs/ui-scroll-progress.cjs.entry.js +1 -1
  28. package/dist/cjs/ui-section.cjs.entry.js +2 -2
  29. package/dist/cjs/ui-segmented.cjs.entry.js +31 -0
  30. package/dist/cjs/ui-select.cjs.entry.js +2 -2
  31. package/dist/cjs/ui-separator.cjs.entry.js +1 -1
  32. package/dist/cjs/ui-skeleton.cjs.entry.js +2 -2
  33. package/dist/cjs/ui-slider.cjs.entry.js +1 -1
  34. package/dist/cjs/ui-spinner.cjs.entry.js +1 -1
  35. package/dist/cjs/ui-stack.cjs.entry.js +53 -0
  36. package/dist/cjs/ui-stat.cjs.entry.js +28 -0
  37. package/dist/cjs/ui-switch.cjs.entry.js +1 -1
  38. package/dist/cjs/ui-tabs.cjs.entry.js +3 -3
  39. package/dist/cjs/ui-textarea.cjs.entry.js +2 -2
  40. package/dist/cjs/ui-theme-toggle.cjs.entry.js +1 -1
  41. package/dist/cjs/ui-toast.cjs.entry.js +1 -1
  42. package/dist/cjs/ui-toaster.cjs.entry.js +1 -1
  43. package/dist/cjs/ui-tooltip.cjs.entry.js +2 -2
  44. package/dist/cjs/uikit.cjs.js +1 -1
  45. package/dist/collection/collection-manifest.json +10 -0
  46. package/dist/collection/components/ui-accordion/ui-accordion.js +1 -1
  47. package/dist/collection/components/ui-accordion-item/ui-accordion-item.css +8 -0
  48. package/dist/collection/components/ui-accordion-item/ui-accordion-item.js +1 -1
  49. package/dist/collection/components/ui-alert/ui-alert.css +95 -0
  50. package/dist/collection/components/ui-alert/ui-alert.js +134 -0
  51. package/dist/collection/components/ui-avatar/ui-avatar.css +31 -0
  52. package/dist/collection/components/ui-avatar/ui-avatar.js +20 -1
  53. package/dist/collection/components/ui-avatar-group/ui-avatar-group.css +22 -0
  54. package/dist/collection/components/ui-avatar-group/ui-avatar-group.js +21 -0
  55. package/dist/collection/components/ui-badge/ui-badge.css +26 -0
  56. package/dist/collection/components/ui-badge/ui-badge.js +63 -1
  57. package/dist/collection/components/ui-breadcrumb/ui-breadcrumb.css +15 -0
  58. package/dist/collection/components/ui-breadcrumb/ui-breadcrumb.js +18 -0
  59. package/dist/collection/components/ui-breadcrumb-item/ui-breadcrumb-item.css +30 -0
  60. package/dist/collection/components/ui-breadcrumb-item/ui-breadcrumb-item.js +69 -0
  61. package/dist/collection/components/ui-button/ui-button.css +11 -1
  62. package/dist/collection/components/ui-button/ui-button.js +24 -2
  63. package/dist/collection/components/ui-card/ui-card.css +17 -3
  64. package/dist/collection/components/ui-card/ui-card.js +1 -1
  65. package/dist/collection/components/ui-checkbox/ui-checkbox.css +6 -2
  66. package/dist/collection/components/ui-checkbox/ui-checkbox.js +1 -1
  67. package/dist/collection/components/ui-container/ui-container.css +38 -0
  68. package/dist/collection/components/ui-container/ui-container.js +79 -0
  69. package/dist/collection/components/ui-dialog/ui-dialog.js +1 -1
  70. package/dist/collection/components/ui-drawer/ui-drawer.js +1 -1
  71. package/dist/collection/components/ui-dropdown-item/ui-dropdown-item.js +1 -1
  72. package/dist/collection/components/ui-dropdown-menu/ui-dropdown-menu.js +1 -1
  73. package/dist/collection/components/ui-field/ui-field.js +1 -1
  74. package/dist/collection/components/ui-grid/ui-grid.css +8 -0
  75. package/dist/collection/components/ui-grid/ui-grid.js +106 -0
  76. package/dist/collection/components/ui-input/ui-input.css +65 -14
  77. package/dist/collection/components/ui-input/ui-input.js +29 -1
  78. package/dist/collection/components/ui-label/ui-label.js +1 -1
  79. package/dist/collection/components/ui-pagination/ui-pagination.css +59 -0
  80. package/dist/collection/components/ui-pagination/ui-pagination.js +147 -0
  81. package/dist/collection/components/ui-popover/ui-popover.js +1 -1
  82. package/dist/collection/components/ui-progress/ui-progress.css +9 -4
  83. package/dist/collection/components/ui-progress/ui-progress.js +1 -1
  84. package/dist/collection/components/ui-radio-group/ui-radio-group.js +1 -1
  85. package/dist/collection/components/ui-reveal/ui-reveal.js +1 -1
  86. package/dist/collection/components/ui-scroll-progress/ui-scroll-progress.js +1 -1
  87. package/dist/collection/components/ui-section/ui-section.css +12 -5
  88. package/dist/collection/components/ui-section/ui-section.js +1 -1
  89. package/dist/collection/components/ui-segmented/ui-segmented.css +46 -0
  90. package/dist/collection/components/ui-segmented/ui-segmented.js +99 -0
  91. package/dist/collection/components/ui-select/ui-select.css +4 -0
  92. package/dist/collection/components/ui-select/ui-select.js +1 -1
  93. package/dist/collection/components/ui-separator/ui-separator.js +1 -1
  94. package/dist/collection/components/ui-skeleton/ui-skeleton.css +9 -6
  95. package/dist/collection/components/ui-skeleton/ui-skeleton.js +1 -1
  96. package/dist/collection/components/ui-slider/ui-slider.js +1 -1
  97. package/dist/collection/components/ui-spinner/ui-spinner.js +1 -1
  98. package/dist/collection/components/ui-stack/ui-stack.css +8 -0
  99. package/dist/collection/components/ui-stack/ui-stack.js +184 -0
  100. package/dist/collection/components/ui-stat/ui-stat.css +69 -0
  101. package/dist/collection/components/ui-stat/ui-stat.js +118 -0
  102. package/dist/collection/components/ui-switch/ui-switch.js +1 -1
  103. package/dist/collection/components/ui-tabs/ui-tabs.css +12 -0
  104. package/dist/collection/components/ui-tabs/ui-tabs.js +2 -2
  105. package/dist/collection/components/ui-textarea/ui-textarea.css +4 -0
  106. package/dist/collection/components/ui-textarea/ui-textarea.js +1 -1
  107. package/dist/collection/components/ui-theme-toggle/ui-theme-toggle.js +1 -1
  108. package/dist/collection/components/ui-toast/ui-toast.js +1 -1
  109. package/dist/collection/components/ui-toaster/ui-toaster.js +1 -1
  110. package/dist/collection/components/ui-tooltip/ui-tooltip.css +5 -4
  111. package/dist/collection/components/ui-tooltip/ui-tooltip.js +1 -1
  112. package/dist/components/{p-Bz9HyboB.js → p-BwNtNvTb.js} +1 -1
  113. package/dist/components/{p-C8ePpPG3.js → p-CgsjJD8o.js} +1 -1
  114. package/dist/components/ui-accordion-item.js +1 -1
  115. package/dist/components/ui-accordion.js +1 -1
  116. package/dist/components/ui-alert.d.ts +11 -0
  117. package/dist/components/ui-alert.js +1 -0
  118. package/dist/components/ui-avatar-group.d.ts +11 -0
  119. package/dist/components/ui-avatar-group.js +1 -0
  120. package/dist/components/ui-avatar.js +1 -1
  121. package/dist/components/ui-badge.js +1 -1
  122. package/dist/components/ui-breadcrumb-item.d.ts +11 -0
  123. package/dist/components/ui-breadcrumb-item.js +1 -0
  124. package/dist/components/ui-breadcrumb.d.ts +11 -0
  125. package/dist/components/ui-breadcrumb.js +1 -0
  126. package/dist/components/ui-button.js +1 -1
  127. package/dist/components/ui-card.js +1 -1
  128. package/dist/components/ui-checkbox.js +1 -1
  129. package/dist/components/ui-container.d.ts +11 -0
  130. package/dist/components/ui-container.js +1 -0
  131. package/dist/components/ui-dialog.js +1 -1
  132. package/dist/components/ui-drawer.js +1 -1
  133. package/dist/components/ui-dropdown-item.js +1 -1
  134. package/dist/components/ui-dropdown-menu.js +1 -1
  135. package/dist/components/ui-field.js +1 -1
  136. package/dist/components/ui-grid.d.ts +11 -0
  137. package/dist/components/ui-grid.js +1 -0
  138. package/dist/components/ui-input.js +1 -1
  139. package/dist/components/ui-label.js +1 -1
  140. package/dist/components/ui-loading-overlay.js +1 -1
  141. package/dist/components/ui-pagination.d.ts +11 -0
  142. package/dist/components/ui-pagination.js +1 -0
  143. package/dist/components/ui-popover.js +1 -1
  144. package/dist/components/ui-progress.js +1 -1
  145. package/dist/components/ui-radio-group.js +1 -1
  146. package/dist/components/ui-reveal.js +1 -1
  147. package/dist/components/ui-scroll-progress.js +1 -1
  148. package/dist/components/ui-section.js +1 -1
  149. package/dist/components/ui-segmented.d.ts +11 -0
  150. package/dist/components/ui-segmented.js +1 -0
  151. package/dist/components/ui-select.js +1 -1
  152. package/dist/components/ui-separator.js +1 -1
  153. package/dist/components/ui-skeleton.js +1 -1
  154. package/dist/components/ui-slider.js +1 -1
  155. package/dist/components/ui-spinner.js +1 -1
  156. package/dist/components/ui-stack.d.ts +11 -0
  157. package/dist/components/ui-stack.js +1 -0
  158. package/dist/components/ui-stat.d.ts +11 -0
  159. package/dist/components/ui-stat.js +1 -0
  160. package/dist/components/ui-switch.js +1 -1
  161. package/dist/components/ui-tabs.js +1 -1
  162. package/dist/components/ui-textarea.js +1 -1
  163. package/dist/components/ui-theme-toggle.js +1 -1
  164. package/dist/components/ui-toast.js +1 -1
  165. package/dist/components/ui-toaster.js +1 -1
  166. package/dist/components/ui-tooltip.js +1 -1
  167. package/dist/esm/loader.js +1 -1
  168. package/dist/esm/ui-accordion-item.entry.js +2 -2
  169. package/dist/esm/ui-accordion.entry.js +1 -1
  170. package/dist/esm/ui-alert.entry.js +38 -0
  171. package/dist/esm/ui-avatar-group.entry.js +15 -0
  172. package/dist/esm/ui-avatar.entry.js +2 -2
  173. package/dist/esm/ui-badge.entry.js +8 -3
  174. package/dist/esm/ui-breadcrumb-item.entry.js +21 -0
  175. package/dist/esm/ui-breadcrumb.entry.js +15 -0
  176. package/dist/esm/ui-button.entry.js +5 -3
  177. package/dist/esm/ui-card.entry.js +2 -2
  178. package/dist/esm/ui-checkbox.entry.js +2 -2
  179. package/dist/esm/ui-container.entry.js +24 -0
  180. package/dist/esm/ui-dialog.entry.js +1 -1
  181. package/dist/esm/ui-drawer.entry.js +1 -1
  182. package/dist/esm/ui-dropdown-item.entry.js +1 -1
  183. package/dist/esm/ui-dropdown-menu.entry.js +1 -1
  184. package/dist/esm/ui-field.entry.js +1 -1
  185. package/dist/esm/ui-grid.entry.js +32 -0
  186. package/dist/esm/ui-input.entry.js +10 -2
  187. package/dist/esm/ui-label.entry.js +1 -1
  188. package/dist/esm/ui-pagination.entry.js +61 -0
  189. package/dist/esm/ui-popover.entry.js +1 -1
  190. package/dist/esm/ui-progress.entry.js +2 -2
  191. package/dist/esm/ui-radio-group.entry.js +1 -1
  192. package/dist/esm/ui-reveal.entry.js +1 -1
  193. package/dist/esm/ui-scroll-progress.entry.js +1 -1
  194. package/dist/esm/ui-section.entry.js +2 -2
  195. package/dist/esm/ui-segmented.entry.js +29 -0
  196. package/dist/esm/ui-select.entry.js +2 -2
  197. package/dist/esm/ui-separator.entry.js +1 -1
  198. package/dist/esm/ui-skeleton.entry.js +2 -2
  199. package/dist/esm/ui-slider.entry.js +1 -1
  200. package/dist/esm/ui-spinner.entry.js +1 -1
  201. package/dist/esm/ui-stack.entry.js +51 -0
  202. package/dist/esm/ui-stat.entry.js +26 -0
  203. package/dist/esm/ui-switch.entry.js +1 -1
  204. package/dist/esm/ui-tabs.entry.js +3 -3
  205. package/dist/esm/ui-textarea.entry.js +2 -2
  206. package/dist/esm/ui-theme-toggle.entry.js +1 -1
  207. package/dist/esm/ui-toast.entry.js +1 -1
  208. package/dist/esm/ui-toaster.entry.js +1 -1
  209. package/dist/esm/ui-tooltip.entry.js +2 -2
  210. package/dist/esm/uikit.js +1 -1
  211. package/dist/types/components/ui-alert/ui-alert.d.ts +17 -0
  212. package/dist/types/components/ui-avatar/ui-avatar.d.ts +2 -0
  213. package/dist/types/components/ui-avatar-group/ui-avatar-group.d.ts +6 -0
  214. package/dist/types/components/ui-badge/ui-badge.d.ts +7 -0
  215. package/dist/types/components/ui-breadcrumb/ui-breadcrumb.d.ts +3 -0
  216. package/dist/types/components/ui-breadcrumb-item/ui-breadcrumb-item.d.ts +8 -0
  217. package/dist/types/components/ui-button/ui-button.d.ts +2 -0
  218. package/dist/types/components/ui-container/ui-container.d.ts +8 -0
  219. package/dist/types/components/ui-grid/ui-grid.d.ts +10 -0
  220. package/dist/types/components/ui-input/ui-input.d.ts +3 -0
  221. package/dist/types/components/ui-pagination/ui-pagination.d.ts +15 -0
  222. package/dist/types/components/ui-segmented/ui-segmented.d.ts +15 -0
  223. package/dist/types/components/ui-stack/ui-stack.d.ts +17 -0
  224. package/dist/types/components/ui-stat/ui-stat.d.ts +13 -0
  225. package/dist/types/components.d.ts +552 -0
  226. package/dist/uikit/{p-8cebbe65.entry.js → p-09895cd0.entry.js} +1 -1
  227. package/dist/uikit/p-0cba0d11.entry.js +1 -0
  228. package/dist/uikit/p-12db6a6e.entry.js +1 -0
  229. package/dist/uikit/{p-4a1abc1c.entry.js → p-1d016ea4.entry.js} +1 -1
  230. package/dist/uikit/{p-19b81437.entry.js → p-25637424.entry.js} +1 -1
  231. package/dist/uikit/p-2601d8b6.entry.js +1 -0
  232. package/dist/uikit/p-2de05aac.entry.js +1 -0
  233. package/dist/uikit/{p-3d30bc7a.entry.js → p-3996590f.entry.js} +1 -1
  234. package/dist/uikit/p-3fc062a6.entry.js +1 -0
  235. package/dist/uikit/p-45e80e73.entry.js +1 -0
  236. package/dist/uikit/{p-b61e3df4.entry.js → p-55a23f91.entry.js} +1 -1
  237. package/dist/uikit/p-567f7496.entry.js +1 -0
  238. package/dist/uikit/p-5951a496.entry.js +1 -0
  239. package/dist/uikit/{p-9aa557d1.entry.js → p-595e146f.entry.js} +1 -1
  240. package/dist/uikit/p-635862e6.entry.js +1 -0
  241. package/dist/uikit/{p-c72ed105.entry.js → p-67963692.entry.js} +1 -1
  242. package/dist/uikit/p-6c0e9809.entry.js +1 -0
  243. package/dist/uikit/p-74b60a60.entry.js +1 -0
  244. package/dist/uikit/p-7a3d85da.entry.js +1 -0
  245. package/dist/uikit/{p-f7402442.entry.js → p-7f2c2924.entry.js} +1 -1
  246. package/dist/uikit/{p-5df32809.entry.js → p-81b45a43.entry.js} +1 -1
  247. package/dist/uikit/p-86ed6154.entry.js +1 -0
  248. package/dist/uikit/p-94ad46a5.entry.js +1 -0
  249. package/dist/uikit/{p-e410c789.entry.js → p-95cd976e.entry.js} +1 -1
  250. package/dist/uikit/{p-4382718f.entry.js → p-979f6178.entry.js} +1 -1
  251. package/dist/uikit/p-97d4dbf4.entry.js +1 -0
  252. package/dist/uikit/p-9a4dc343.entry.js +1 -0
  253. package/dist/uikit/p-9a9590b9.entry.js +1 -0
  254. package/dist/uikit/p-a01305a5.entry.js +1 -0
  255. package/dist/uikit/p-a080f46a.entry.js +1 -0
  256. package/dist/uikit/p-a92a7b19.entry.js +1 -0
  257. package/dist/uikit/p-a977a0db.entry.js +1 -0
  258. package/dist/uikit/p-b2df8437.entry.js +1 -0
  259. package/dist/uikit/{p-9e7b81ef.entry.js → p-c73c1009.entry.js} +1 -1
  260. package/dist/uikit/{p-83159bfc.entry.js → p-cd0ec835.entry.js} +1 -1
  261. package/dist/uikit/p-d20452b4.entry.js +1 -0
  262. package/dist/uikit/p-d7021157.entry.js +1 -0
  263. package/dist/uikit/p-db07f9c5.entry.js +1 -0
  264. package/dist/uikit/p-dca9f6f9.entry.js +1 -0
  265. package/dist/uikit/p-ddd70374.entry.js +1 -0
  266. package/dist/uikit/{p-629c1728.entry.js → p-faa98928.entry.js} +1 -1
  267. package/dist/uikit/p-fd832f52.entry.js +1 -0
  268. package/dist/uikit/uikit.esm.js +1 -1
  269. package/package.json +8 -3
  270. package/dist/uikit/p-06d6d907.entry.js +0 -1
  271. package/dist/uikit/p-0fb4949b.entry.js +0 -1
  272. package/dist/uikit/p-162302d1.entry.js +0 -1
  273. package/dist/uikit/p-24edfe3e.entry.js +0 -1
  274. package/dist/uikit/p-57058c30.entry.js +0 -1
  275. package/dist/uikit/p-5ea42ee5.entry.js +0 -1
  276. package/dist/uikit/p-76f0f79f.entry.js +0 -1
  277. package/dist/uikit/p-8bcd423c.entry.js +0 -1
  278. package/dist/uikit/p-90d49509.entry.js +0 -1
  279. package/dist/uikit/p-94fb298e.entry.js +0 -1
  280. package/dist/uikit/p-9c57cf57.entry.js +0 -1
  281. package/dist/uikit/p-9d784b04.entry.js +0 -1
  282. package/dist/uikit/p-9f7c6ca8.entry.js +0 -1
  283. package/dist/uikit/p-a7be1c69.entry.js +0 -1
  284. package/dist/uikit/p-b30aa6a6.entry.js +0 -1
  285. package/dist/uikit/p-cb2adfb7.entry.js +0 -1
  286. package/dist/uikit/p-cf10ca3b.entry.js +0 -1
  287. package/dist/uikit/p-fd1648bf.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
2
2
 
3
- const uiTabsCss = () => `:host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease), color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground)}`;
3
+ const uiTabsCss = () => `:host{display:block;font-family:var(--ui-font-sans)}.tablist{display:inline-flex;gap:0.25rem;padding:0.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-full);background:var(--ui-chip)}.tab{appearance:none;border:none;padding:0.375rem 0.875rem;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-text-muted);font:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;outline:none;transition:background var(--ui-duration) var(--ui-ease), color var(--ui-duration) var(--ui-ease)}.tab:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.tab:hover:not(.active){color:var(--ui-foreground)}.tab.active{background:var(--ui-panel-strong);color:var(--ui-foreground);box-shadow:var(--ui-shadow-sm)}.panel{margin-top:1.25rem;color:var(--ui-text-soft);font-size:0.9375rem;line-height:1.5}`;
4
4
 
5
5
  const UiTabs = class {
6
6
  constructor(hostRef) {
@@ -18,10 +18,10 @@ const UiTabs = class {
18
18
  };
19
19
  }
20
20
  render() {
21
- return (h(Host, { key: '8828dc9385a8c206a751e39fda9869116dda3001' }, h("div", { key: '8e13dc53f1c03da5a52adb8ec86da91c78c502b2', class: "tablist", role: "tablist" }, this.items.map((item) => {
21
+ return (h(Host, { key: 'fc0926743b6a547c13660f574fc56abefc6e6c2e' }, h("div", { key: 'a1582c6234e1faaa5cb6b563a51ecf2192a88d40', class: "tablist", role: "tablist" }, this.items.map((item) => {
22
22
  const active = item.value === this.value;
23
23
  return (h("button", { key: item.value, class: { tab: true, active }, type: "button", role: "tab", "aria-selected": active ? "true" : "false", onClick: () => this.select(item.value) }, item.label));
24
- })), h("slot", { key: '1cd08dfe5ae2e2b6bf55eb90cb55f2c757c5589f', name: this.value })));
24
+ })), h("div", { key: '5d9b8d61e8005b7e6baa216ffd571f7b9403acd5', class: "panel", role: "tabpanel" }, h("slot", { key: '8ba0cf22e6e837f038c2ec7fad8d533287325119', name: this.value }))));
25
25
  }
26
26
  };
27
27
  UiTabs.style = uiTabsCss();
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYwlrXg_.js';
2
2
 
3
- const uiTextareaCss = () => `:host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
3
+ const uiTextareaCss = () => `:host{display:block}.textarea{width:100%;min-height:7rem;padding:0.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-panel);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:0.875rem;line-height:1.5;outline:none;backdrop-filter:blur(22px);transition:all var(--ui-duration) var(--ui-ease);box-sizing:border-box;resize:vertical}.textarea::placeholder{color:var(--ui-text-faint)}.textarea:hover:not(:disabled){border-color:var(--ui-border-strong)}.textarea:focus-visible{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-ring)}.textarea:disabled{opacity:0.5;pointer-events:none}.textarea.invalid{border-color:var(--ui-danger)}.textarea.invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-danger) 40%, transparent)}`;
4
4
 
5
5
  const UiTextarea = class {
6
6
  constructor(hostRef) {
@@ -25,7 +25,7 @@ const UiTextarea = class {
25
25
  };
26
26
  }
27
27
  render() {
28
- return (h(Host, { key: '9dfb606e8b193b4ce3cc9f085454ff849892e838' }, h("textarea", { key: '0f4aa4078cae931c3e246613d51645162673b7d5', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
28
+ return (h(Host, { key: 'ba1b88ab3fa990a903e6d61f31fbbade7b58eb27' }, h("textarea", { key: 'f9ac9e1aff98e94b3562b812cef34fcc138cd350', class: { textarea: true, invalid: this.invalid }, name: this.name, rows: this.rows, placeholder: this.placeholder, disabled: this.disabled, "aria-invalid": this.invalid ? "true" : null, onInput: this.onInput, onChange: this.onChange }, this.value)));
29
29
  }
30
30
  };
31
31
  UiTextarea.style = uiTextareaCss();
@@ -55,7 +55,7 @@ const UiThemeToggle = class {
55
55
  return (h("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "4" }), h("line", { x1: "12", y1: "2", x2: "12", y2: "4" }), h("line", { x1: "12", y1: "20", x2: "12", y2: "22" }), h("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), h("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), h("line", { x1: "4.93", y1: "4.93", x2: "6.34", y2: "6.34" }), h("line", { x1: "17.66", y1: "17.66", x2: "19.07", y2: "19.07" }), h("line", { x1: "4.93", y1: "19.07", x2: "6.34", y2: "17.66" }), h("line", { x1: "17.66", y1: "6.34", x2: "19.07", y2: "4.93" })));
56
56
  }
57
57
  render() {
58
- return (h(Host, { key: 'f4bbcb8298cf3dbc50c31a816e97b32b45a115a4' }, h("button", { key: 'f86adcf499252f07d2aaae4c6b07cf0d4bcb4c01', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
58
+ return (h(Host, { key: 'da51d59a9d5b28dec214d4fe63f5cebf78d80a51' }, h("button", { key: '55436252c82f49628c4b0394905623bc5a78dc00', class: "toggle", type: "button", "aria-label": this.isDark ? "Ativar tema claro" : "Ativar tema escuro", "aria-pressed": this.isDark ? "true" : "false", onClick: this.toggle }, this.renderIcon())));
59
59
  }
60
60
  };
61
61
  UiThemeToggle.style = uiThemeToggleCss();
@@ -52,7 +52,7 @@ const UiToast = class {
52
52
  this.dismiss();
53
53
  }
54
54
  render() {
55
- return (h(Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, this.open && (h("div", { key: 'c205504fb55e2a6fa613b54faa7f7b532e7d2998', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: '6e7c37d0946cefa13c4d0dc0e611263c27ddbd9c', class: "body" }, this.heading && h("p", { key: '2052d9b3a812be260a59e0162983643c9ca6ea58', class: "heading" }, this.heading), this.description && (h("p", { key: '968ed3b147a1cc5e30f8595b0206b4c1368c2598', class: "description" }, this.description))), h("button", { key: '9199db49bf8d563426eae6342dd99f062db43cb3', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: 'e6f1abf5c953a819aadb205a879e46cf60e9417a', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: '390cb58060de58f0fcd75045597f4d835ce15cbc', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '2259ed783b26c3c0070ec365713ba61e3e9efbe1', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
55
+ return (h(Host, { key: '79bd3e7ed207efd5ff62f5296ab11a06993ce347' }, this.open && (h("div", { key: '15a138288380473dff3ff1880e3298e211377339', class: { toast: true, [`variant-${this.variant}`]: true }, role: "status" }, h("div", { key: '33adfee858ddfd37f144b34f8677f312b89c04f3', class: "body" }, this.heading && h("p", { key: 'a56d837636f27897f06a8d693f28763b4bc95db6', class: "heading" }, this.heading), this.description && (h("p", { key: '7c86fb20c84c42e3c5e3262cc91061e9a80804aa', class: "description" }, this.description))), h("button", { key: '4d8160818b76b65c29a27e4404c39a7525441a72', class: "close", type: "button", "aria-label": "Fechar", onClick: () => this.dismiss() }, h("svg", { key: 'ce7ee6982cc1d742b4d4de8573ca11d18166c814', width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: 'c8440dbbb12ce67dd30a052aef92bc736a4532f9', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: '9ee2d2ec78efa7566e63feb337e346a5574ccf55', x1: "6", y1: "6", x2: "18", y2: "18" })))))));
56
56
  }
57
57
  static get watchers() { return {
58
58
  "open": [{
@@ -19,7 +19,7 @@ const UiToaster = class {
19
19
  this.items = this.items.filter((item) => item.id !== id);
20
20
  }
21
21
  render() {
22
- return (h(Host, { key: '51de8367f0037a6b7ea809bb643d0a20e41553bf' }, h("div", { key: '34a6d8310ce460ee5cec6e87ab20266a9a522177', class: "container" }, this.items.map((item) => (h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
22
+ return (h(Host, { key: 'eb3198a053270b41c8b632b91135987f04735ac5' }, h("div", { key: 'd37bf3710646977e7db39690f221e76360c43aee', class: "container" }, this.items.map((item) => (h("ui-toast", { key: item.id, open: true, heading: item.heading, description: item.description, variant: item.variant ?? "default", duration: item.duration ?? 4000, onUiClose: () => this.remove(item.id) }))))));
23
23
  }
24
24
  };
25
25
  UiToaster.style = uiToasterCss();
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host, a as getElement } from './index-DYwlrXg_.js';
2
2
  import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-CyBRmmbs.js';
3
3
 
4
- const uiTooltipCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.375rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;line-height:1.4;color:var(--ui-foreground);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease), transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}`;
4
+ const uiTooltipCss = () => `:host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.4rem 0.7rem;font-family:var(--ui-font-sans);font-size:0.75rem;font-weight:500;line-height:1.4;color:var(--ui-foreground);background:color-mix(in srgb, var(--ui-background) 90%, var(--ui-foreground) 8%);border:1px solid var(--ui-border-strong);box-shadow:var(--ui-shadow-lg);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease), transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}`;
5
5
 
6
6
  const UiTooltip = class {
7
7
  constructor(hostRef) {
@@ -53,7 +53,7 @@ const UiTooltip = class {
53
53
  this.cleanup = undefined;
54
54
  }
55
55
  render() {
56
- return (h(Host, { key: '49f898bc54da31cf9f6b5189577bae89f6681bf8', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: '394744f0b34ec0c534b417ba520f2b805b582802', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '7afd6d807490d8af4fffeb38e69de825f7d3c138' })), h("div", { key: '3d12cffd7fd903ec6178961bf40476b063ee1563', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
56
+ return (h(Host, { key: '5e20fbcdd1ae94f29596938ab465a863b46ed65b', onMouseEnter: this.onEnter, onMouseLeave: this.onLeave, onFocusin: this.onEnter, onFocusout: this.onLeave }, h("span", { key: '5f4e8b75930fee583f37f1977473c60f6e681ee6', class: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'eae9e842023fe1e4589d2af1889c6e6753bc9010' })), h("div", { key: 'dc815b28e5d1dfbd91a970ce50b77fc8ecd3f5ab', class: { tooltip: true, "is-visible": this.visible }, role: "tooltip", ref: (el) => (this.floatingEl = el) }, this.content)));
57
57
  }
58
58
  get host() { return getElement(this); }
59
59
  };
package/dist/esm/uikit.js CHANGED
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["ui-loading-overlay",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion",[[257,"ui-accordion"]]],["ui-accordion-item",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-avatar",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1]}]]],["ui-badge",[[257,"ui-badge",{"variant":[1]}]]],["ui-button",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1]}]]],["ui-card",[[257,"ui-card"]]],["ui-checkbox",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-dialog",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-input",[[1,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1]}]]],["ui-label",[[257,"ui-label"]]],["ui-popover",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-radio-group",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-reveal",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-select",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton",[[1,"ui-skeleton"]]],["ui-slider",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-switch",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-tabs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
19
+ return bootstrapLazy([["ui-loading-overlay",[[1,"ui-loading-overlay",{"visible":[4],"label":[1],"spinnerSize":[1,"spinner-size"]}]]],["ui-toaster",[[1,"ui-toaster",{"items":[32],"toast":[64]}]]],["ui-accordion",[[257,"ui-accordion"]]],["ui-accordion-item",[[257,"ui-accordion-item",{"heading":[1],"open":[1540]}]]],["ui-alert",[[257,"ui-alert",{"variant":[1],"heading":[1],"dismissible":[4],"open":[32]}]]],["ui-avatar",[[1,"ui-avatar",{"src":[1],"alt":[1],"fallback":[1],"status":[1]}]]],["ui-avatar-group",[[257,"ui-avatar-group"]]],["ui-badge",[[257,"ui-badge",{"variant":[1],"dot":[4],"removable":[4]}]]],["ui-breadcrumb",[[257,"ui-breadcrumb"]]],["ui-breadcrumb-item",[[257,"ui-breadcrumb-item",{"href":[1],"current":[4]}]]],["ui-button",[[257,"ui-button",{"variant":[1],"size":[1],"disabled":[4],"loading":[4],"type":[1],"full":[516]}]]],["ui-card",[[257,"ui-card"]]],["ui-checkbox",[[1,"ui-checkbox",{"checked":[1540],"disabled":[4],"name":[1],"value":[1]}]]],["ui-container",[[257,"ui-container",{"size":[1],"padded":[4]}]]],["ui-dialog",[[257,"ui-dialog",{"open":[1540],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-drawer",[[257,"ui-drawer",{"open":[1540],"side":[513],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-dropdown-item",[[257,"ui-dropdown-item",{"disabled":[516]}]]],["ui-dropdown-menu",[[257,"ui-dropdown-menu",{"open":[1540],"placement":[1],"show":[64],"close":[64]},[[0,"uiDropdownClose","onItemClose"]],{"open":[{"onOpenChange":0}]}]]],["ui-field",[[257,"ui-field",{"label":[1],"description":[1],"error":[1],"required":[4],"fieldId":[1,"field-id"]}]]],["ui-grid",[[257,"ui-grid",{"columns":[2],"gap":[1],"minItemWidth":[1,"min-item-width"]}]]],["ui-input",[[257,"ui-input",{"value":[1025],"placeholder":[1],"type":[1],"disabled":[4],"invalid":[4],"name":[1],"clearable":[4]}]]],["ui-label",[[257,"ui-label"]]],["ui-pagination",[[1,"ui-pagination",{"total":[2],"current":[1538],"siblings":[2]}]]],["ui-popover",[[257,"ui-popover",{"open":[1540],"placement":[1],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["ui-progress",[[1,"ui-progress",{"value":[2],"max":[2],"indeterminate":[4]}]]],["ui-radio-group",[[1,"ui-radio-group",{"value":[1025],"name":[1],"options":[16],"disabled":[4]}]]],["ui-reveal",[[257,"ui-reveal",{"delay":[2],"visible":[32]}]]],["ui-scroll-progress",[[1,"ui-scroll-progress",{"progress":[32]}]]],["ui-section",[[257,"ui-section",{"eyebrow":[1],"heading":[1],"description":[1]}]]],["ui-segmented",[[1,"ui-segmented",{"items":[16],"value":[1537]}]]],["ui-select",[[1,"ui-select",{"value":[1025],"disabled":[4],"name":[1],"options":[16],"placeholder":[1]}]]],["ui-separator",[[1,"ui-separator",{"orientation":[513]}]]],["ui-skeleton",[[1,"ui-skeleton"]]],["ui-slider",[[1,"ui-slider",{"value":[1026],"min":[2],"max":[2],"step":[2],"disabled":[4]}]]],["ui-stack",[[257,"ui-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["ui-stat",[[257,"ui-stat",{"label":[1],"value":[1],"delta":[1],"trend":[1]}]]],["ui-switch",[[1,"ui-switch",{"checked":[1540],"disabled":[4]}]]],["ui-tabs",[[257,"ui-tabs",{"value":[1537],"items":[16]}]]],["ui-textarea",[[1,"ui-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"invalid":[4],"name":[1],"rows":[2]}]]],["ui-theme-toggle",[[1,"ui-theme-toggle",{"isDark":[32]}]]],["ui-tooltip",[[257,"ui-tooltip",{"content":[1],"placement":[1],"openDelay":[2,"open-delay"],"visible":[32]}]]],["ui-spinner",[[1,"ui-spinner",{"size":[1]}]]],["ui-toast",[[1,"ui-toast",{"open":[1540],"variant":[1],"heading":[1],"description":[1],"duration":[2],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]]], options);
20
20
  });
@@ -0,0 +1,17 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ export type UiAlertVariant = "info" | "success" | "warning" | "danger";
3
+ export declare class UiAlert {
4
+ /** Variante visual. */
5
+ variant: UiAlertVariant;
6
+ /** Título do alerta. */
7
+ heading?: string;
8
+ /** Exibe o botão de fechar. */
9
+ dismissible: boolean;
10
+ /** Controla a visibilidade interna do alerta. */
11
+ open: boolean;
12
+ /** Emitido quando o alerta é fechado. */
13
+ uiClose: EventEmitter<void>;
14
+ private dismiss;
15
+ private renderIcon;
16
+ render(): any;
17
+ }
@@ -5,5 +5,7 @@ export declare class UiAvatar {
5
5
  alt: string;
6
6
  /** Texto exibido quando não há imagem (ex.: iniciais). */
7
7
  fallback?: string;
8
+ /** Indicador de status. */
9
+ status?: "online" | "offline" | "busy" | "away";
8
10
  render(): any;
9
11
  }
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Agrupa avatares sobrepostos. Use com elementos `<ui-avatar>` no slot default.
3
+ */
4
+ export declare class UiAvatarGroup {
5
+ render(): any;
6
+ }
@@ -1,6 +1,13 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
1
2
  export type UiBadgeVariant = "default" | "solid" | "outline" | "success" | "warning" | "danger" | "info";
2
3
  export declare class UiBadge {
3
4
  /** Variante visual. */
4
5
  variant: UiBadgeVariant;
6
+ /** Exibe um ponto colorido à esquerda. */
7
+ dot: boolean;
8
+ /** Exibe um botão para remover o badge. */
9
+ removable: boolean;
10
+ /** Emitido ao clicar no botão de remover. */
11
+ uiRemove: EventEmitter<void>;
5
12
  render(): any;
6
13
  }
@@ -0,0 +1,3 @@
1
+ export declare class UiBreadcrumb {
2
+ render(): any;
3
+ }
@@ -0,0 +1,8 @@
1
+ export declare class UiBreadcrumbItem {
2
+ /** Destino do link. */
3
+ href?: string;
4
+ /** Indica o item atual (página corrente). */
5
+ current: boolean;
6
+ private renderSeparator;
7
+ render(): any;
8
+ }
@@ -11,5 +11,7 @@ export declare class UiButton {
11
11
  loading: boolean;
12
12
  /** Tipo do botão nativo. */
13
13
  type: "button" | "submit" | "reset";
14
+ /** Ocupa 100% da largura disponível. */
15
+ full: boolean;
14
16
  render(): any;
15
17
  }
@@ -0,0 +1,8 @@
1
+ export type UiContainerSize = "sm" | "md" | "lg" | "xl" | "full";
2
+ export declare class UiContainer {
3
+ /** Largura máxima do container. */
4
+ size: UiContainerSize;
5
+ /** Aplica padding lateral responsivo. */
6
+ padded: boolean;
7
+ render(): any;
8
+ }
@@ -0,0 +1,10 @@
1
+ export type UiGridGap = "xs" | "sm" | "md" | "lg" | "xl";
2
+ export declare class UiGrid {
3
+ /** Número de colunas da grade. */
4
+ columns: number;
5
+ /** Espaçamento entre células. */
6
+ gap: UiGridGap;
7
+ /** Largura mínima por item para layout responsivo (auto-fit). */
8
+ minItemWidth?: string;
9
+ render(): any;
10
+ }
@@ -12,11 +12,14 @@ export declare class UiInput {
12
12
  invalid: boolean;
13
13
  /** Nome do campo. */
14
14
  name?: string;
15
+ /** Exibe um botão para limpar o valor quando preenchido. */
16
+ clearable: boolean;
15
17
  /** Emitido a cada digitação. */
16
18
  uiInput: EventEmitter<string>;
17
19
  /** Emitido ao confirmar (change). */
18
20
  uiChange: EventEmitter<string>;
19
21
  private onInput;
20
22
  private onChange;
23
+ private clear;
21
24
  render(): any;
22
25
  }
@@ -0,0 +1,15 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ export declare class UiPagination {
3
+ /** Total de páginas. */
4
+ total: number;
5
+ /** Página atual. */
6
+ current: number;
7
+ /** Quantidade de páginas ao redor da atual. */
8
+ siblings: number;
9
+ /** Emitido quando a página muda. */
10
+ uiChange: EventEmitter<number>;
11
+ private clamp;
12
+ private go;
13
+ private buildRange;
14
+ render(): any;
15
+ }
@@ -0,0 +1,15 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ export interface UiSegmentedItem {
3
+ label: string;
4
+ value: string;
5
+ }
6
+ export declare class UiSegmented {
7
+ /** Lista de segmentos. */
8
+ items: UiSegmentedItem[];
9
+ /** Valor do segmento ativo. */
10
+ value: string;
11
+ /** Emitido quando o segmento ativo muda. */
12
+ uiChange: EventEmitter<string>;
13
+ private select;
14
+ render(): any;
15
+ }
@@ -0,0 +1,17 @@
1
+ export type UiStackDirection = "vertical" | "horizontal";
2
+ export type UiStackGap = "xs" | "sm" | "md" | "lg" | "xl";
3
+ export type UiStackAlign = "start" | "center" | "end" | "stretch";
4
+ export type UiStackJustify = "start" | "center" | "end" | "between";
5
+ export declare class UiStack {
6
+ /** Direção do empilhamento. */
7
+ direction: UiStackDirection;
8
+ /** Espaçamento entre itens. */
9
+ gap: UiStackGap;
10
+ /** Alinhamento no eixo cruzado. */
11
+ align: UiStackAlign;
12
+ /** Distribuição no eixo principal. */
13
+ justify: UiStackJustify;
14
+ /** Permite quebra de linha dos itens. */
15
+ wrap: boolean;
16
+ render(): any;
17
+ }
@@ -0,0 +1,13 @@
1
+ export type UiStatTrend = "up" | "down" | "neutral";
2
+ export declare class UiStat {
3
+ /** Rótulo da métrica. */
4
+ label: string;
5
+ /** Valor principal exibido. */
6
+ value: string;
7
+ /** Variação exibida no chip (ex.: "+12%"). */
8
+ delta?: string;
9
+ /** Direção da tendência. */
10
+ trend: UiStatTrend;
11
+ private renderArrow;
12
+ render(): any;
13
+ }