@dashforge/tw 0.10.0-beta → 1.0.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 (292) hide show
  1. package/CHANGELOG.md +35 -12
  2. package/COVERAGE.md +2 -2
  3. package/PARITY.md +7 -9
  4. package/PERFORMANCE.md +3 -4
  5. package/THEME-AUDIT.md +3 -4
  6. package/dist/components/Accordion/Accordion.d.ts +21 -0
  7. package/dist/components/Accordion/Accordion.d.ts.map +1 -0
  8. package/dist/components/Accordion/accordion.types.d.ts +74 -0
  9. package/dist/components/Accordion/accordion.types.d.ts.map +1 -0
  10. package/dist/components/Accordion/accordion.variants.d.ts +58 -0
  11. package/dist/components/Accordion/accordion.variants.d.ts.map +1 -0
  12. package/dist/components/AppShell/AppShell.d.ts +46 -0
  13. package/dist/components/AppShell/AppShell.d.ts.map +1 -0
  14. package/dist/components/AppShell/appShell.types.d.ts +62 -0
  15. package/dist/components/AppShell/appShell.types.d.ts.map +1 -0
  16. package/dist/components/AppShell/appShell.variants.d.ts +65 -0
  17. package/dist/components/AppShell/appShell.variants.d.ts.map +1 -0
  18. package/dist/components/AspectRatio/AspectRatio.d.ts +36 -0
  19. package/dist/components/AspectRatio/AspectRatio.d.ts.map +1 -0
  20. package/dist/components/AspectRatio/aspectRatio.types.d.ts +50 -0
  21. package/dist/components/AspectRatio/aspectRatio.types.d.ts.map +1 -0
  22. package/dist/components/Autocomplete/Autocomplete.d.ts +32 -0
  23. package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  24. package/dist/components/Autocomplete/autocomplete.types.d.ts +214 -0
  25. package/dist/components/Autocomplete/autocomplete.types.d.ts.map +1 -0
  26. package/dist/components/Autocomplete/autocomplete.variants.d.ts +214 -0
  27. package/dist/components/Autocomplete/autocomplete.variants.d.ts.map +1 -0
  28. package/dist/components/Box/Box.d.ts +36 -0
  29. package/dist/components/Box/Box.d.ts.map +1 -0
  30. package/dist/components/Box/box.types.d.ts +54 -0
  31. package/dist/components/Box/box.types.d.ts.map +1 -0
  32. package/dist/components/Box/box.variants.d.ts +402 -0
  33. package/dist/components/Box/box.variants.d.ts.map +1 -0
  34. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +23 -0
  35. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  36. package/dist/components/Breadcrumbs/breadcrumbs.types.d.ts +98 -0
  37. package/dist/components/Breadcrumbs/breadcrumbs.types.d.ts.map +1 -0
  38. package/dist/components/Breadcrumbs/breadcrumbs.variants.d.ts +85 -0
  39. package/dist/components/Breadcrumbs/breadcrumbs.variants.d.ts.map +1 -0
  40. package/dist/components/Button/Button.d.ts +44 -0
  41. package/dist/components/Button/Button.d.ts.map +1 -0
  42. package/dist/components/Button/button.types.d.ts +66 -0
  43. package/dist/components/Button/button.types.d.ts.map +1 -0
  44. package/dist/components/Button/button.variants.d.ts +104 -0
  45. package/dist/components/Button/button.variants.d.ts.map +1 -0
  46. package/dist/components/Calendar/Calendar.d.ts +14 -0
  47. package/dist/components/Calendar/Calendar.d.ts.map +1 -0
  48. package/dist/components/Calendar/calendar.types.d.ts +72 -0
  49. package/dist/components/Calendar/calendar.types.d.ts.map +1 -0
  50. package/dist/components/Calendar/calendar.variants.d.ts +99 -0
  51. package/dist/components/Calendar/calendar.variants.d.ts.map +1 -0
  52. package/dist/components/Checkbox/Checkbox.d.ts +31 -0
  53. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
  54. package/dist/components/Checkbox/checkbox.types.d.ts +86 -0
  55. package/dist/components/Checkbox/checkbox.types.d.ts.map +1 -0
  56. package/dist/components/Checkbox/checkbox.variants.d.ts +109 -0
  57. package/dist/components/Checkbox/checkbox.variants.d.ts.map +1 -0
  58. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +38 -0
  59. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
  60. package/dist/components/ConfirmDialog/confirmDialog.types.d.ts +80 -0
  61. package/dist/components/ConfirmDialog/confirmDialog.types.d.ts.map +1 -0
  62. package/dist/components/ConfirmDialog/confirmDialog.variants.d.ts +90 -0
  63. package/dist/components/ConfirmDialog/confirmDialog.variants.d.ts.map +1 -0
  64. package/dist/components/Container/Container.d.ts +35 -0
  65. package/dist/components/Container/Container.d.ts.map +1 -0
  66. package/dist/components/Container/container.types.d.ts +41 -0
  67. package/dist/components/Container/container.types.d.ts.map +1 -0
  68. package/dist/components/Container/container.variants.d.ts +93 -0
  69. package/dist/components/Container/container.variants.d.ts.map +1 -0
  70. package/dist/components/DataGrid/DataGrid.d.ts +29 -0
  71. package/dist/components/DataGrid/DataGrid.d.ts.map +1 -0
  72. package/dist/components/DataGrid/dataGrid.types.d.ts +214 -0
  73. package/dist/components/DataGrid/dataGrid.types.d.ts.map +1 -0
  74. package/dist/components/DataGrid/dataGrid.variants.d.ts +222 -0
  75. package/dist/components/DataGrid/dataGrid.variants.d.ts.map +1 -0
  76. package/dist/components/DataGrid/filters/ColumnFilters.d.ts +23 -0
  77. package/dist/components/DataGrid/filters/ColumnFilters.d.ts.map +1 -0
  78. package/dist/components/DataGrid/reorder/useColumnReorder.d.ts +50 -0
  79. package/dist/components/DataGrid/reorder/useColumnReorder.d.ts.map +1 -0
  80. package/dist/components/DataGrid/resize/useColumnResize.d.ts +39 -0
  81. package/dist/components/DataGrid/resize/useColumnResize.d.ts.map +1 -0
  82. package/dist/components/DataGrid/visibility/ColumnVisibilityMenu.d.ts +44 -0
  83. package/dist/components/DataGrid/visibility/ColumnVisibilityMenu.d.ts.map +1 -0
  84. package/dist/components/DatePicker/DatePicker.d.ts +14 -0
  85. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -0
  86. package/dist/components/DatePicker/datePicker.types.d.ts +88 -0
  87. package/dist/components/DatePicker/datePicker.types.d.ts.map +1 -0
  88. package/dist/components/DatePicker/datePicker.variants.d.ts +97 -0
  89. package/dist/components/DatePicker/datePicker.variants.d.ts.map +1 -0
  90. package/dist/components/DateRangePicker/DateRangePicker.d.ts +13 -0
  91. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
  92. package/dist/components/DateRangePicker/dateRangePicker.types.d.ts +85 -0
  93. package/dist/components/DateRangePicker/dateRangePicker.types.d.ts.map +1 -0
  94. package/dist/components/DateRangePicker/dateRangePicker.variants.d.ts +183 -0
  95. package/dist/components/DateRangePicker/dateRangePicker.variants.d.ts.map +1 -0
  96. package/dist/components/DateTimePicker/DateTimePicker.d.ts +13 -0
  97. package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -0
  98. package/dist/components/DateTimePicker/dateTimePicker.types.d.ts +90 -0
  99. package/dist/components/DateTimePicker/dateTimePicker.types.d.ts.map +1 -0
  100. package/dist/components/DateTimePicker/dateTimePicker.variants.d.ts +107 -0
  101. package/dist/components/DateTimePicker/dateTimePicker.variants.d.ts.map +1 -0
  102. package/dist/components/Dialog/Dialog.d.ts +17 -0
  103. package/dist/components/Dialog/Dialog.d.ts.map +1 -0
  104. package/dist/components/Dialog/dialog.types.d.ts +75 -0
  105. package/dist/components/Dialog/dialog.types.d.ts.map +1 -0
  106. package/dist/components/Dialog/dialog.variants.d.ts +80 -0
  107. package/dist/components/Dialog/dialog.variants.d.ts.map +1 -0
  108. package/dist/components/Divider/Divider.d.ts +50 -0
  109. package/dist/components/Divider/Divider.d.ts.map +1 -0
  110. package/dist/components/Divider/divider.types.d.ts +47 -0
  111. package/dist/components/Divider/divider.types.d.ts.map +1 -0
  112. package/dist/components/Divider/divider.variants.d.ts +129 -0
  113. package/dist/components/Divider/divider.variants.d.ts.map +1 -0
  114. package/dist/components/Grid/Grid.d.ts +32 -0
  115. package/dist/components/Grid/Grid.d.ts.map +1 -0
  116. package/dist/components/Grid/grid.types.d.ts +103 -0
  117. package/dist/components/Grid/grid.types.d.ts.map +1 -0
  118. package/dist/components/Grid/grid.variants.d.ts +453 -0
  119. package/dist/components/Grid/grid.variants.d.ts.map +1 -0
  120. package/dist/components/LeftNav/LeftNav.d.ts +34 -0
  121. package/dist/components/LeftNav/LeftNav.d.ts.map +1 -0
  122. package/dist/components/LeftNav/leftNav.types.d.ts +136 -0
  123. package/dist/components/LeftNav/leftNav.types.d.ts.map +1 -0
  124. package/dist/components/LeftNav/leftNav.variants.d.ts +143 -0
  125. package/dist/components/LeftNav/leftNav.variants.d.ts.map +1 -0
  126. package/dist/components/NumberField/NumberField.d.ts +18 -0
  127. package/dist/components/NumberField/NumberField.d.ts.map +1 -0
  128. package/dist/components/NumberField/numberField.types.d.ts +79 -0
  129. package/dist/components/NumberField/numberField.types.d.ts.map +1 -0
  130. package/dist/components/NumberField/numberField.variants.d.ts +169 -0
  131. package/dist/components/NumberField/numberField.variants.d.ts.map +1 -0
  132. package/dist/components/OTPField/OTPField.d.ts +25 -0
  133. package/dist/components/OTPField/OTPField.d.ts.map +1 -0
  134. package/dist/components/OTPField/otpField.types.d.ts +74 -0
  135. package/dist/components/OTPField/otpField.types.d.ts.map +1 -0
  136. package/dist/components/OTPField/otpField.variants.d.ts +105 -0
  137. package/dist/components/OTPField/otpField.variants.d.ts.map +1 -0
  138. package/dist/components/Pagination/Pagination.d.ts +32 -0
  139. package/dist/components/Pagination/Pagination.d.ts.map +1 -0
  140. package/dist/components/Pagination/pagination.helpers.d.ts +23 -0
  141. package/dist/components/Pagination/pagination.helpers.d.ts.map +1 -0
  142. package/dist/components/Pagination/pagination.types.d.ts +120 -0
  143. package/dist/components/Pagination/pagination.types.d.ts.map +1 -0
  144. package/dist/components/Pagination/pagination.variants.d.ts +150 -0
  145. package/dist/components/Pagination/pagination.variants.d.ts.map +1 -0
  146. package/dist/components/Popover/Popover.d.ts +15 -0
  147. package/dist/components/Popover/Popover.d.ts.map +1 -0
  148. package/dist/components/Popover/popover.types.d.ts +45 -0
  149. package/dist/components/Popover/popover.types.d.ts.map +1 -0
  150. package/dist/components/Popover/popover.variants.d.ts +34 -0
  151. package/dist/components/Popover/popover.variants.d.ts.map +1 -0
  152. package/dist/components/RadioGroup/RadioGroup.d.ts +35 -0
  153. package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -0
  154. package/dist/components/RadioGroup/radioGroup.types.d.ts +103 -0
  155. package/dist/components/RadioGroup/radioGroup.types.d.ts.map +1 -0
  156. package/dist/components/RadioGroup/radioGroup.variants.d.ts +166 -0
  157. package/dist/components/RadioGroup/radioGroup.variants.d.ts.map +1 -0
  158. package/dist/components/Skeleton/Skeleton.d.ts +23 -0
  159. package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
  160. package/dist/components/Skeleton/skeleton.types.d.ts +56 -0
  161. package/dist/components/Skeleton/skeleton.types.d.ts.map +1 -0
  162. package/dist/components/Skeleton/skeleton.variants.d.ts +110 -0
  163. package/dist/components/Skeleton/skeleton.variants.d.ts.map +1 -0
  164. package/dist/components/Snackbar/Snackbar.d.ts +37 -0
  165. package/dist/components/Snackbar/Snackbar.d.ts.map +1 -0
  166. package/dist/components/Snackbar/snackbar.types.d.ts +86 -0
  167. package/dist/components/Snackbar/snackbar.types.d.ts.map +1 -0
  168. package/dist/components/Snackbar/snackbar.variants.d.ts +153 -0
  169. package/dist/components/Snackbar/snackbar.variants.d.ts.map +1 -0
  170. package/dist/components/Stack/Stack.d.ts +24 -0
  171. package/dist/components/Stack/Stack.d.ts.map +1 -0
  172. package/dist/components/Stack/stack.types.d.ts +61 -0
  173. package/dist/components/Stack/stack.types.d.ts.map +1 -0
  174. package/dist/components/Stack/stack.variants.d.ts +163 -0
  175. package/dist/components/Stack/stack.variants.d.ts.map +1 -0
  176. package/dist/components/Switch/Switch.d.ts +15 -0
  177. package/dist/components/Switch/Switch.d.ts.map +1 -0
  178. package/dist/components/Switch/switch.types.d.ts +47 -0
  179. package/dist/components/Switch/switch.types.d.ts.map +1 -0
  180. package/dist/components/Switch/switch.variants.d.ts +105 -0
  181. package/dist/components/Switch/switch.variants.d.ts.map +1 -0
  182. package/dist/components/Table/Table.d.ts +24 -0
  183. package/dist/components/Table/Table.d.ts.map +1 -0
  184. package/dist/components/Table/cells/RenderButton.d.ts +13 -0
  185. package/dist/components/Table/cells/RenderButton.d.ts.map +1 -0
  186. package/dist/components/Table/cells/RenderChip.d.ts +80 -0
  187. package/dist/components/Table/cells/RenderChip.d.ts.map +1 -0
  188. package/dist/components/Table/cells/RenderText.d.ts +21 -0
  189. package/dist/components/Table/cells/RenderText.d.ts.map +1 -0
  190. package/dist/components/Table/cells/RenderTwoLine.d.ts +20 -0
  191. package/dist/components/Table/cells/RenderTwoLine.d.ts.map +1 -0
  192. package/dist/components/Table/cells/RowActionsMenu.d.ts +36 -0
  193. package/dist/components/Table/cells/RowActionsMenu.d.ts.map +1 -0
  194. package/dist/components/Table/cells/index.d.ts +11 -0
  195. package/dist/components/Table/cells/index.d.ts.map +1 -0
  196. package/dist/components/Table/table.types.d.ts +399 -0
  197. package/dist/components/Table/table.types.d.ts.map +1 -0
  198. package/dist/components/Table/table.variants.d.ts +285 -0
  199. package/dist/components/Table/table.variants.d.ts.map +1 -0
  200. package/dist/components/Tabs/Tabs.d.ts +19 -0
  201. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  202. package/dist/components/Tabs/tabs.types.d.ts +61 -0
  203. package/dist/components/Tabs/tabs.types.d.ts.map +1 -0
  204. package/dist/components/Tabs/tabs.variants.d.ts +82 -0
  205. package/dist/components/Tabs/tabs.variants.d.ts.map +1 -0
  206. package/dist/components/Tabs/useTabs.d.ts +55 -0
  207. package/dist/components/Tabs/useTabs.d.ts.map +1 -0
  208. package/dist/components/TextField/TextField.d.ts +25 -0
  209. package/dist/components/TextField/TextField.d.ts.map +1 -0
  210. package/dist/components/TextField/textField.types.d.ts +98 -0
  211. package/dist/components/TextField/textField.types.d.ts.map +1 -0
  212. package/dist/components/TextField/textField.variants.d.ts +166 -0
  213. package/dist/components/TextField/textField.variants.d.ts.map +1 -0
  214. package/dist/components/Textarea/Textarea.d.ts +16 -0
  215. package/dist/components/Textarea/Textarea.d.ts.map +1 -0
  216. package/dist/components/Textarea/textarea.types.d.ts +63 -0
  217. package/dist/components/Textarea/textarea.types.d.ts.map +1 -0
  218. package/dist/components/Textarea/textarea.variants.d.ts +197 -0
  219. package/dist/components/Textarea/textarea.variants.d.ts.map +1 -0
  220. package/dist/components/TimePicker/TimePicker.d.ts +12 -0
  221. package/dist/components/TimePicker/TimePicker.d.ts.map +1 -0
  222. package/dist/components/TimePicker/timePicker.types.d.ts +80 -0
  223. package/dist/components/TimePicker/timePicker.types.d.ts.map +1 -0
  224. package/dist/components/TimePicker/timePicker.variants.d.ts +103 -0
  225. package/dist/components/TimePicker/timePicker.variants.d.ts.map +1 -0
  226. package/dist/components/Tooltip/Tooltip.d.ts +29 -0
  227. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
  228. package/dist/components/Tooltip/tooltip.types.d.ts +47 -0
  229. package/dist/components/Tooltip/tooltip.types.d.ts.map +1 -0
  230. package/dist/components/Tooltip/tooltip.variants.d.ts +34 -0
  231. package/dist/components/Tooltip/tooltip.variants.d.ts.map +1 -0
  232. package/dist/components/TopBar/TopBar.d.ts +33 -0
  233. package/dist/components/TopBar/TopBar.d.ts.map +1 -0
  234. package/dist/components/TopBar/topBar.types.d.ts +49 -0
  235. package/dist/components/TopBar/topBar.types.d.ts.map +1 -0
  236. package/dist/components/TopBar/topBar.variants.d.ts +79 -0
  237. package/dist/components/TopBar/topBar.variants.d.ts.map +1 -0
  238. package/dist/components/Typography/Typography.d.ts +42 -0
  239. package/dist/components/Typography/Typography.d.ts.map +1 -0
  240. package/dist/components/Typography/typography.types.d.ts +61 -0
  241. package/dist/components/Typography/typography.types.d.ts.map +1 -0
  242. package/dist/components/Typography/typography.variants.d.ts +167 -0
  243. package/dist/components/Typography/typography.variants.d.ts.map +1 -0
  244. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +42 -0
  245. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
  246. package/dist/components/VisuallyHidden/visuallyHidden.types.d.ts +42 -0
  247. package/dist/components/VisuallyHidden/visuallyHidden.types.d.ts.map +1 -0
  248. package/dist/components/_shared/data/getNestedValue.d.ts +20 -0
  249. package/dist/components/_shared/data/getNestedValue.d.ts.map +1 -0
  250. package/dist/components/_shared/data/useColumnAutoDetect.d.ts +45 -0
  251. package/dist/components/_shared/data/useColumnAutoDetect.d.ts.map +1 -0
  252. package/dist/components/_shared/data/useControllableState.d.ts +23 -0
  253. package/dist/components/_shared/data/useControllableState.d.ts.map +1 -0
  254. package/dist/components/_shared/data/useDebouncedValue.d.ts +10 -0
  255. package/dist/components/_shared/data/useDebouncedValue.d.ts.map +1 -0
  256. package/dist/components/_shared/data/useTableFilter.d.ts +36 -0
  257. package/dist/components/_shared/data/useTableFilter.d.ts.map +1 -0
  258. package/dist/components/_shared/data/useTableSearch.d.ts +23 -0
  259. package/dist/components/_shared/data/useTableSearch.d.ts.map +1 -0
  260. package/dist/components/_shared/data/useTableSelection.d.ts +25 -0
  261. package/dist/components/_shared/data/useTableSelection.d.ts.map +1 -0
  262. package/dist/components/_shared/data/useTableSort.d.ts +20 -0
  263. package/dist/components/_shared/data/useTableSort.d.ts.map +1 -0
  264. package/dist/components/_shared/data/useVirtualizer.d.ts +107 -0
  265. package/dist/components/_shared/data/useVirtualizer.d.ts.map +1 -0
  266. package/dist/components/_shared/resolveValidationState.d.ts +42 -0
  267. package/dist/components/_shared/resolveValidationState.d.ts.map +1 -0
  268. package/dist/hooks/useAccessState.d.ts +37 -0
  269. package/dist/hooks/useAccessState.d.ts.map +1 -0
  270. package/dist/index.d.ts +146 -1
  271. package/dist/index.d.ts.map +1 -0
  272. package/dist/index.esm.js +133 -24
  273. package/dist/src/components/Tabs/Tabs.d.ts +8 -4
  274. package/dist/src/components/Tabs/Tabs.d.ts.map +1 -1
  275. package/dist/src/components/Tabs/tabs.types.d.ts +8 -2
  276. package/dist/src/components/Tabs/tabs.types.d.ts.map +1 -1
  277. package/dist/src/components/Tabs/useTabs.d.ts +55 -0
  278. package/dist/src/components/Tabs/useTabs.d.ts.map +1 -0
  279. package/dist/src/index.d.ts +1 -1
  280. package/dist/src/index.d.ts.map +1 -1
  281. package/dist/tsconfig.lib.tsbuildinfo +1 -0
  282. package/dist/utils/cn.d.ts +26 -0
  283. package/dist/utils/cn.d.ts.map +1 -0
  284. package/package.json +7 -8
  285. package/src/components/Tabs/Tabs.test.tsx +85 -14
  286. package/src/components/Tabs/Tabs.tsx +35 -24
  287. package/src/components/Tabs/tabs.types.ts +8 -2
  288. package/src/components/Tabs/useTabs.ts +167 -0
  289. package/src/components/TextField/TextField.test.tsx +5 -1
  290. package/src/index.ts +1 -1
  291. package/vite.config.ts +8 -0
  292. package/vitest.config.mts +8 -1
@@ -0,0 +1,402 @@
1
+ import { type VariantProps } from 'tailwind-variants';
2
+ /**
3
+ * `boxVariants` — the surface primitive for @dashforge/tw.
4
+ *
5
+ * Architectural choice (planned with the user — F9 deep dive):
6
+ *
7
+ * Box replaces FOUR overlapping concepts from MUI in one component:
8
+ * • Box (typed div)
9
+ * • Paper (surface with elevation)
10
+ * • Card (Paper specialisation)
11
+ * • Surface (Joy UI's outlined / soft / solid / plain variants)
12
+ *
13
+ * The reason for the consolidation: in MUI you have to compose two or
14
+ * three of these to express even basic intent ("an outlined card with
15
+ * warning tone"). Here, one `<Box variant="outlined" color="warning">`
16
+ * says exactly that.
17
+ *
18
+ * Variant taxonomy (5 axes, intentionally non-overlapping with Stack/Grid):
19
+ *
20
+ * • plain — bare div + padding + radius. The escape hatch.
21
+ * • outlined — 1px border + subtle bg tint. The "card lite".
22
+ * • elevated — bg surface + shadow scale (0-5). The "floating panel".
23
+ * • soft — semi-transparent intent bg + intent text. The "callout".
24
+ * • solid — solid intent bg + contrasting text. The "CTA banner".
25
+ *
26
+ * `color` applies to outlined/soft/solid (each gets the 7 intent
27
+ * variants). `elevated` is color-agnostic (always neutral surface +
28
+ * shadow scale). `plain` is everything-agnostic.
29
+ *
30
+ * Spacing axes (p/px/py/m/mx/my): mapped explicitly to the 11 token
31
+ * steps from @dashforge/tw-tokens (0, 0.5, 1, 2, 3, 4, 6, 8, 12, 16, 24).
32
+ * Tailwind JIT requires literal class strings — building them dynamically
33
+ * with template literals would purge them. The verbosity below is the
34
+ * cost of keeping the bundle CSS-pure and rebuild-free.
35
+ *
36
+ * What this does NOT do (deliberate, see component docs):
37
+ * • No display / flex / grid props → use Stack or Grid
38
+ * • No position / overflow / z-index → use `sx`
39
+ * • No animation / transition → use `sx`
40
+ *
41
+ * The "Box is not flex" rule is the spine of the layout layer. Without
42
+ * it, every `<div>` in an app gravitates back to Box and the surface
43
+ * vs layout distinction collapses — exactly the failure mode this
44
+ * primitive exists to prevent.
45
+ */
46
+ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
47
+ variant: {
48
+ plain: string;
49
+ outlined: string;
50
+ elevated: string;
51
+ soft: string;
52
+ solid: string;
53
+ };
54
+ color: {
55
+ primary: string;
56
+ secondary: string;
57
+ success: string;
58
+ warning: string;
59
+ danger: string;
60
+ info: string;
61
+ neutral: string;
62
+ };
63
+ elevation: {
64
+ 0: string;
65
+ 1: string;
66
+ 2: string;
67
+ 3: string;
68
+ 4: string;
69
+ 5: string;
70
+ };
71
+ rounded: {
72
+ none: string;
73
+ sm: string;
74
+ md: string;
75
+ lg: string;
76
+ xl: string;
77
+ '2xl': string;
78
+ full: string;
79
+ };
80
+ p: {
81
+ 0: string;
82
+ '0.5': string;
83
+ 1: string;
84
+ 2: string;
85
+ 3: string;
86
+ 4: string;
87
+ 6: string;
88
+ 8: string;
89
+ 12: string;
90
+ 16: string;
91
+ 24: string;
92
+ };
93
+ px: {
94
+ 0: string;
95
+ '0.5': string;
96
+ 1: string;
97
+ 2: string;
98
+ 3: string;
99
+ 4: string;
100
+ 6: string;
101
+ 8: string;
102
+ 12: string;
103
+ 16: string;
104
+ 24: string;
105
+ };
106
+ py: {
107
+ 0: string;
108
+ '0.5': string;
109
+ 1: string;
110
+ 2: string;
111
+ 3: string;
112
+ 4: string;
113
+ 6: string;
114
+ 8: string;
115
+ 12: string;
116
+ 16: string;
117
+ 24: string;
118
+ };
119
+ m: {
120
+ 0: string;
121
+ '0.5': string;
122
+ 1: string;
123
+ 2: string;
124
+ 3: string;
125
+ 4: string;
126
+ 6: string;
127
+ 8: string;
128
+ 12: string;
129
+ 16: string;
130
+ 24: string;
131
+ };
132
+ mx: {
133
+ 0: string;
134
+ '0.5': string;
135
+ 1: string;
136
+ 2: string;
137
+ 3: string;
138
+ 4: string;
139
+ 6: string;
140
+ 8: string;
141
+ 12: string;
142
+ 16: string;
143
+ 24: string;
144
+ };
145
+ my: {
146
+ 0: string;
147
+ '0.5': string;
148
+ 1: string;
149
+ 2: string;
150
+ 3: string;
151
+ 4: string;
152
+ 6: string;
153
+ 8: string;
154
+ 12: string;
155
+ 16: string;
156
+ 24: string;
157
+ };
158
+ fullWidth: {
159
+ true: string;
160
+ };
161
+ fullHeight: {
162
+ true: string;
163
+ };
164
+ }, undefined, "block", {
165
+ variant: {
166
+ plain: string;
167
+ outlined: string;
168
+ elevated: string;
169
+ soft: string;
170
+ solid: string;
171
+ };
172
+ color: {
173
+ primary: string;
174
+ secondary: string;
175
+ success: string;
176
+ warning: string;
177
+ danger: string;
178
+ info: string;
179
+ neutral: string;
180
+ };
181
+ elevation: {
182
+ 0: string;
183
+ 1: string;
184
+ 2: string;
185
+ 3: string;
186
+ 4: string;
187
+ 5: string;
188
+ };
189
+ rounded: {
190
+ none: string;
191
+ sm: string;
192
+ md: string;
193
+ lg: string;
194
+ xl: string;
195
+ '2xl': string;
196
+ full: string;
197
+ };
198
+ p: {
199
+ 0: string;
200
+ '0.5': string;
201
+ 1: string;
202
+ 2: string;
203
+ 3: string;
204
+ 4: string;
205
+ 6: string;
206
+ 8: string;
207
+ 12: string;
208
+ 16: string;
209
+ 24: string;
210
+ };
211
+ px: {
212
+ 0: string;
213
+ '0.5': string;
214
+ 1: string;
215
+ 2: string;
216
+ 3: string;
217
+ 4: string;
218
+ 6: string;
219
+ 8: string;
220
+ 12: string;
221
+ 16: string;
222
+ 24: string;
223
+ };
224
+ py: {
225
+ 0: string;
226
+ '0.5': string;
227
+ 1: string;
228
+ 2: string;
229
+ 3: string;
230
+ 4: string;
231
+ 6: string;
232
+ 8: string;
233
+ 12: string;
234
+ 16: string;
235
+ 24: string;
236
+ };
237
+ m: {
238
+ 0: string;
239
+ '0.5': string;
240
+ 1: string;
241
+ 2: string;
242
+ 3: string;
243
+ 4: string;
244
+ 6: string;
245
+ 8: string;
246
+ 12: string;
247
+ 16: string;
248
+ 24: string;
249
+ };
250
+ mx: {
251
+ 0: string;
252
+ '0.5': string;
253
+ 1: string;
254
+ 2: string;
255
+ 3: string;
256
+ 4: string;
257
+ 6: string;
258
+ 8: string;
259
+ 12: string;
260
+ 16: string;
261
+ 24: string;
262
+ };
263
+ my: {
264
+ 0: string;
265
+ '0.5': string;
266
+ 1: string;
267
+ 2: string;
268
+ 3: string;
269
+ 4: string;
270
+ 6: string;
271
+ 8: string;
272
+ 12: string;
273
+ 16: string;
274
+ 24: string;
275
+ };
276
+ fullWidth: {
277
+ true: string;
278
+ };
279
+ fullHeight: {
280
+ true: string;
281
+ };
282
+ }, undefined, import("tailwind-variants").TVReturnType<{
283
+ variant: {
284
+ plain: string;
285
+ outlined: string;
286
+ elevated: string;
287
+ soft: string;
288
+ solid: string;
289
+ };
290
+ color: {
291
+ primary: string;
292
+ secondary: string;
293
+ success: string;
294
+ warning: string;
295
+ danger: string;
296
+ info: string;
297
+ neutral: string;
298
+ };
299
+ elevation: {
300
+ 0: string;
301
+ 1: string;
302
+ 2: string;
303
+ 3: string;
304
+ 4: string;
305
+ 5: string;
306
+ };
307
+ rounded: {
308
+ none: string;
309
+ sm: string;
310
+ md: string;
311
+ lg: string;
312
+ xl: string;
313
+ '2xl': string;
314
+ full: string;
315
+ };
316
+ p: {
317
+ 0: string;
318
+ '0.5': string;
319
+ 1: string;
320
+ 2: string;
321
+ 3: string;
322
+ 4: string;
323
+ 6: string;
324
+ 8: string;
325
+ 12: string;
326
+ 16: string;
327
+ 24: string;
328
+ };
329
+ px: {
330
+ 0: string;
331
+ '0.5': string;
332
+ 1: string;
333
+ 2: string;
334
+ 3: string;
335
+ 4: string;
336
+ 6: string;
337
+ 8: string;
338
+ 12: string;
339
+ 16: string;
340
+ 24: string;
341
+ };
342
+ py: {
343
+ 0: string;
344
+ '0.5': string;
345
+ 1: string;
346
+ 2: string;
347
+ 3: string;
348
+ 4: string;
349
+ 6: string;
350
+ 8: string;
351
+ 12: string;
352
+ 16: string;
353
+ 24: string;
354
+ };
355
+ m: {
356
+ 0: string;
357
+ '0.5': string;
358
+ 1: string;
359
+ 2: string;
360
+ 3: string;
361
+ 4: string;
362
+ 6: string;
363
+ 8: string;
364
+ 12: string;
365
+ 16: string;
366
+ 24: string;
367
+ };
368
+ mx: {
369
+ 0: string;
370
+ '0.5': string;
371
+ 1: string;
372
+ 2: string;
373
+ 3: string;
374
+ 4: string;
375
+ 6: string;
376
+ 8: string;
377
+ 12: string;
378
+ 16: string;
379
+ 24: string;
380
+ };
381
+ my: {
382
+ 0: string;
383
+ '0.5': string;
384
+ 1: string;
385
+ 2: string;
386
+ 3: string;
387
+ 4: string;
388
+ 6: string;
389
+ 8: string;
390
+ 12: string;
391
+ 16: string;
392
+ 24: string;
393
+ };
394
+ fullWidth: {
395
+ true: string;
396
+ };
397
+ fullHeight: {
398
+ true: string;
399
+ };
400
+ }, undefined, "block", unknown, unknown, undefined>>;
401
+ export type BoxVariants = VariantProps<typeof boxVariants>;
402
+ //# sourceMappingURL=box.variants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"box.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Box/box.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAqLtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}
@@ -0,0 +1,23 @@
1
+ import type { BreadcrumbsProps } from './breadcrumbs.types.js';
2
+ /**
3
+ * Dashforge TW Breadcrumbs — router-agnostic navigation trail.
4
+ *
5
+ * Pure presentational. The consumer derives `items` from their routing
6
+ * layer (no automatic location read) — that keeps the component usable
7
+ * with React Router, Next.js App Router, TanStack Router, Wouter, etc.
8
+ *
9
+ * Truncation policy: when `items.length > maxItems > 0`, the middle is
10
+ * collapsed into a non-interactive `…` placeholder. `itemsBeforeCollapse`
11
+ * (default 1) and `itemsAfterCollapse` (default 1) control how many
12
+ * crumbs survive at each end — set both to 0 to keep only first+last,
13
+ * or higher to preserve more context.
14
+ *
15
+ * **A11y**:
16
+ * - `<nav aria-label="Breadcrumb">` landmark
17
+ * - `<ol>` semantic list (screen readers announce position-in-list)
18
+ * - `aria-current="page"` on the last (or `current: true`) crumb
19
+ * - Separator nodes carry `aria-hidden="true"` (decorative)
20
+ * - The truncation ellipsis is a `<span aria-label="More breadcrumbs">`
21
+ */
22
+ export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
23
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDA8KlD"}
@@ -0,0 +1,98 @@
1
+ import type { ReactNode, ComponentType, AnchorHTMLAttributes } from 'react';
2
+ import type { BreadcrumbsVariants } from './breadcrumbs.variants.js';
3
+ /**
4
+ * A single crumb in the trail.
5
+ *
6
+ * - `label` is the visible text (or any React node).
7
+ * - `href` makes it a navigation link. Omit for a non-link crumb (e.g.,
8
+ * the current page).
9
+ * - `onClick` is fired in addition to (or instead of) `href`; useful
10
+ * when the consumer wants to intercept SPA navigation.
11
+ * - `current: true` flags the LAST crumb as the active page; gets
12
+ * `aria-current="page"` and is rendered as plain text (no link).
13
+ */
14
+ export interface BreadcrumbItem {
15
+ /** Stable key for React reconciliation + accessibility id. */
16
+ id: string;
17
+ label: ReactNode;
18
+ href?: string;
19
+ onClick?: (event: React.MouseEvent) => void;
20
+ current?: boolean;
21
+ /** Per-item disabled flag — renders as plain text, no interaction. */
22
+ disabled?: boolean;
23
+ /** Optional icon prepended to the label. */
24
+ icon?: ReactNode;
25
+ }
26
+ export interface BreadcrumbsSlotProps {
27
+ root?: {
28
+ className?: string;
29
+ };
30
+ list?: {
31
+ className?: string;
32
+ };
33
+ item?: {
34
+ className?: string;
35
+ };
36
+ link?: {
37
+ className?: string;
38
+ };
39
+ current?: {
40
+ className?: string;
41
+ };
42
+ separator?: {
43
+ className?: string;
44
+ };
45
+ ellipsis?: {
46
+ className?: string;
47
+ };
48
+ }
49
+ /**
50
+ * Polymorphic link component prop. Defaults to the native `<a>`.
51
+ *
52
+ * Pass a router-aware component (e.g., `react-router-dom`'s `Link`,
53
+ * Next's `Link`) for SPA navigation. The component must accept
54
+ * `href` (or its router-equivalent — bring your own adapter) plus
55
+ * standard anchor props (className, onClick, children, ref).
56
+ */
57
+ export type BreadcrumbLinkComponent = ComponentType<AnchorHTMLAttributes<HTMLAnchorElement> & {
58
+ ref?: React.Ref<HTMLAnchorElement>;
59
+ }>;
60
+ /**
61
+ * Props for `<Breadcrumbs>`.
62
+ *
63
+ * Renders a router-agnostic navigation trail. Bridge-free — pure
64
+ * presentational, accepts a fully-resolved item list from the consumer
65
+ * (typically derived from route metadata).
66
+ *
67
+ * **Truncation**: when `items.length > maxItems`, the middle crumbs
68
+ * collapse into an ellipsis (`…`). Always preserved: first + last
69
+ * crumb. Tunable via `itemsBeforeCollapse` / `itemsAfterCollapse` for
70
+ * asymmetric trails (defaults: 1 + 1).
71
+ */
72
+ export interface BreadcrumbsProps extends BreadcrumbsVariants {
73
+ items: BreadcrumbItem[];
74
+ /** Separator node between crumbs. @default '/' */
75
+ separator?: ReactNode;
76
+ /**
77
+ * Max crumbs to show before collapsing the middle. `0` / negative ⇒
78
+ * never collapse. @default 0
79
+ */
80
+ maxItems?: number;
81
+ /**
82
+ * Crumbs preserved at the START when collapsed. @default 1
83
+ */
84
+ itemsBeforeCollapse?: number;
85
+ /**
86
+ * Crumbs preserved at the END when collapsed. @default 1
87
+ */
88
+ itemsAfterCollapse?: number;
89
+ /** Per-slot className overrides. */
90
+ slotProps?: BreadcrumbsSlotProps;
91
+ /** Root className shortcut. */
92
+ sx?: string;
93
+ /** Override the link component (router integration). @default 'a' */
94
+ linkComponent?: BreadcrumbLinkComponent;
95
+ /** Visible label of the nav landmark. @default 'Breadcrumb' */
96
+ ariaLabel?: string;
97
+ }
98
+ //# sourceMappingURL=breadcrumbs.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,uBAAuB,GAAG,aAAa,CACjD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,CACjF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qEAAqE;IACrE,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
@@ -0,0 +1,85 @@
1
+ import { type VariantProps } from 'tailwind-variants';
2
+ /**
3
+ * Tailwind-variants recipe for `<Breadcrumbs>`.
4
+ *
5
+ * Slots:
6
+ * - `root` — `<nav>` landmark
7
+ * - `list` — flex `<ol>`
8
+ * - `item` — `<li>` wrapper
9
+ * - `link` — non-current crumb (clickable / focusable)
10
+ * - `current` — last crumb (no link, aria-current="page")
11
+ * - `separator` — between-crumbs marker
12
+ * - `ellipsis` — collapsed-middle placeholder (`…`)
13
+ */
14
+ export declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
15
+ size: {
16
+ sm: {
17
+ root: string;
18
+ list: string;
19
+ separator: string;
20
+ };
21
+ md: {
22
+ root: string;
23
+ };
24
+ lg: {
25
+ root: string;
26
+ list: string;
27
+ };
28
+ };
29
+ }, {
30
+ root: string;
31
+ list: string;
32
+ item: string;
33
+ link: string[];
34
+ current: string[];
35
+ separator: string;
36
+ ellipsis: string[];
37
+ }, undefined, {
38
+ size: {
39
+ sm: {
40
+ root: string;
41
+ list: string;
42
+ separator: string;
43
+ };
44
+ md: {
45
+ root: string;
46
+ };
47
+ lg: {
48
+ root: string;
49
+ list: string;
50
+ };
51
+ };
52
+ }, {
53
+ root: string;
54
+ list: string;
55
+ item: string;
56
+ link: string[];
57
+ current: string[];
58
+ separator: string;
59
+ ellipsis: string[];
60
+ }, import("tailwind-variants").TVReturnType<{
61
+ size: {
62
+ sm: {
63
+ root: string;
64
+ list: string;
65
+ separator: string;
66
+ };
67
+ md: {
68
+ root: string;
69
+ };
70
+ lg: {
71
+ root: string;
72
+ list: string;
73
+ };
74
+ };
75
+ }, {
76
+ root: string;
77
+ list: string;
78
+ item: string;
79
+ link: string[];
80
+ current: string[];
81
+ separator: string;
82
+ ellipsis: string[];
83
+ }, undefined, unknown, unknown, undefined>>;
84
+ export type BreadcrumbsVariants = VariantProps<typeof breadcrumbsVariants>;
85
+ //# sourceMappingURL=breadcrumbs.variants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumbs.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/breadcrumbs.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqC9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
@@ -0,0 +1,44 @@
1
+ import type { ButtonProps } from './button.types.js';
2
+ /**
3
+ * Dashforge TW Button — action component with RBAC support.
4
+ *
5
+ * Mirrors the public contract of the MUI-side
6
+ * `@dashforge/ui/Button` (RBAC behaviour identical) while rendering
7
+ * through Tailwind classes + the `dashforgePreset` color scales. Like
8
+ * the MUI version, this is NOT a form field — there is no bridge
9
+ * integration and no `DashFormContext` consumption.
10
+ *
11
+ * **`asChild`** mirrors the shadcn/Radix pattern: when set, the
12
+ * immediate child element receives the Button's resolved className
13
+ * and the Button DOM is not emitted. Useful for router Links, anchor
14
+ * tags, or any element that should look like a button without
15
+ * nesting one inside it.
16
+ *
17
+ * **Override precedence**: `sx` wins over variant classes via
18
+ * `tailwind-merge` inside `cn()`. Variants win over the `base` class
19
+ * group (TV's `compoundVariants` handle color×variant combos
20
+ * explicitly).
21
+ *
22
+ * @example
23
+ * ```tsx
24
+ * <Button onClick={onSave}>Save</Button>
25
+ *
26
+ * <Button variant="outline" color="danger" size="lg" sx="ml-4">
27
+ * Delete
28
+ * </Button>
29
+ *
30
+ * <Button asChild variant="solid" color="primary">
31
+ * <Link to="/dashboard">Open Dashboard</Link>
32
+ * </Button>
33
+ *
34
+ * <Button
35
+ * loading
36
+ * access={{ resource: 'article', action: 'publish', onUnauthorized: 'disable' }}
37
+ * onClick={onPublish}
38
+ * >
39
+ * Publish
40
+ * </Button>
41
+ * ```
42
+ */
43
+ export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
44
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8BrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,MAAM,2GAyEjB,CAAC"}