@aurora-ds/lib-test 0.0.1-dev.1

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 (247) hide show
  1. package/README.md +134 -0
  2. package/dist/components/actions/_shared/buttons/constants/index.d.ts +4 -0
  3. package/dist/components/actions/_shared/buttons/styles/buttonShared.css.d.ts +349 -0
  4. package/dist/components/actions/_shared/buttons/styles/variants/contained.d.ts +107 -0
  5. package/dist/components/actions/_shared/buttons/styles/variants/ghost.d.ts +100 -0
  6. package/dist/components/actions/_shared/buttons/styles/variants/outlined.d.ts +106 -0
  7. package/dist/components/actions/_shared/buttons/types/index.d.ts +6 -0
  8. package/dist/components/actions/button/Button.css.d.ts +36 -0
  9. package/dist/components/actions/button/Button.d.ts +4 -0
  10. package/dist/components/actions/button/constants/index.d.ts +4 -0
  11. package/dist/components/actions/button/index.d.ts +4 -0
  12. package/dist/components/actions/button/types/Button.props.d.ts +11 -0
  13. package/dist/components/actions/button/types/Button.types.d.ts +7 -0
  14. package/dist/components/actions/icon-button/IconButton.css.d.ts +35 -0
  15. package/dist/components/actions/icon-button/IconButton.d.ts +4 -0
  16. package/dist/components/actions/icon-button/constants/index.d.ts +2 -0
  17. package/dist/components/actions/icon-button/index.d.ts +4 -0
  18. package/dist/components/actions/icon-button/types/IconButton.props.d.ts +9 -0
  19. package/dist/components/actions/icon-button/types/IconButton.types.d.ts +7 -0
  20. package/dist/components/data-display/index.d.ts +1 -0
  21. package/dist/components/data-display/table/Table.css.d.ts +40 -0
  22. package/dist/components/data-display/table/Table.d.ts +4 -0
  23. package/dist/components/data-display/table/components/index.d.ts +9 -0
  24. package/dist/components/data-display/table/components/table-body/TableBody.css.d.ts +2 -0
  25. package/dist/components/data-display/table/components/table-body/TableBody.d.ts +4 -0
  26. package/dist/components/data-display/table/components/table-body/index.d.ts +3 -0
  27. package/dist/components/data-display/table/components/table-body/types/TableBody.props.d.ts +2 -0
  28. package/dist/components/data-display/table/components/table-caption/TableCaption.css.d.ts +1 -0
  29. package/dist/components/data-display/table/components/table-caption/TableCaption.d.ts +4 -0
  30. package/dist/components/data-display/table/components/table-caption/index.d.ts +3 -0
  31. package/dist/components/data-display/table/components/table-caption/types/TableCaption.props.d.ts +2 -0
  32. package/dist/components/data-display/table/components/table-cell/TableCell.css.d.ts +27 -0
  33. package/dist/components/data-display/table/components/table-cell/TableCell.d.ts +4 -0
  34. package/dist/components/data-display/table/components/table-cell/index.d.ts +3 -0
  35. package/dist/components/data-display/table/components/table-cell/types/TableCell.props.d.ts +15 -0
  36. package/dist/components/data-display/table/components/table-col/TableCol.d.ts +4 -0
  37. package/dist/components/data-display/table/components/table-col/index.d.ts +2 -0
  38. package/dist/components/data-display/table/components/table-col/types/TableCol.props.d.ts +18 -0
  39. package/dist/components/data-display/table/components/table-col-group/TableColGroup.d.ts +4 -0
  40. package/dist/components/data-display/table/components/table-col-group/index.d.ts +2 -0
  41. package/dist/components/data-display/table/components/table-col-group/types/TableColGroup.props.d.ts +2 -0
  42. package/dist/components/data-display/table/components/table-footer/TableFooter.css.d.ts +1 -0
  43. package/dist/components/data-display/table/components/table-footer/TableFooter.d.ts +4 -0
  44. package/dist/components/data-display/table/components/table-footer/index.d.ts +3 -0
  45. package/dist/components/data-display/table/components/table-footer/types/TableFooter.props.d.ts +2 -0
  46. package/dist/components/data-display/table/components/table-head/TableHead.css.d.ts +23 -0
  47. package/dist/components/data-display/table/components/table-head/TableHead.d.ts +4 -0
  48. package/dist/components/data-display/table/components/table-head/index.d.ts +3 -0
  49. package/dist/components/data-display/table/components/table-head/types/TableHead.props.d.ts +15 -0
  50. package/dist/components/data-display/table/components/table-header/TableHeader.css.d.ts +1 -0
  51. package/dist/components/data-display/table/components/table-header/TableHeader.d.ts +4 -0
  52. package/dist/components/data-display/table/components/table-header/index.d.ts +3 -0
  53. package/dist/components/data-display/table/components/table-header/types/TableHeader.props.d.ts +2 -0
  54. package/dist/components/data-display/table/components/table-row/TableRow.css.d.ts +56 -0
  55. package/dist/components/data-display/table/components/table-row/TableRow.d.ts +4 -0
  56. package/dist/components/data-display/table/components/table-row/index.d.ts +3 -0
  57. package/dist/components/data-display/table/components/table-row/types/TableRow.props.d.ts +11 -0
  58. package/dist/components/data-display/table/constants/index.d.ts +5 -0
  59. package/dist/components/data-display/table/index.d.ts +5 -0
  60. package/dist/components/data-display/table/types/Table.props.d.ts +14 -0
  61. package/dist/components/data-display/table/types/Table.types.d.ts +4 -0
  62. package/dist/components/forms/_shared/checkboxVisual.css.d.ts +16 -0
  63. package/dist/components/forms/_shared/radioVisual.css.d.ts +12 -0
  64. package/dist/components/forms/checkbox/Checkbox.css.d.ts +22 -0
  65. package/dist/components/forms/checkbox/Checkbox.d.ts +15 -0
  66. package/dist/components/forms/checkbox/index.d.ts +3 -0
  67. package/dist/components/forms/checkbox/types/Checkbox.props.d.ts +6 -0
  68. package/dist/components/forms/index.d.ts +2 -0
  69. package/dist/components/forms/radio-group/RadioGroup.d.ts +16 -0
  70. package/dist/components/forms/radio-group/components/radio-item/RadioItem.css.d.ts +16 -0
  71. package/dist/components/forms/radio-group/components/radio-item/RadioItem.d.ts +13 -0
  72. package/dist/components/forms/radio-group/components/radio-item/types/RadioItem.props.d.ts +6 -0
  73. package/dist/components/forms/radio-group/index.d.ts +5 -0
  74. package/dist/components/forms/radio-group/types/RadioGroup.props.d.ts +3 -0
  75. package/dist/components/foundation/icon/Icon.css.d.ts +35 -0
  76. package/dist/components/foundation/icon/Icon.d.ts +4 -0
  77. package/dist/components/foundation/icon/index.d.ts +4 -0
  78. package/dist/components/foundation/icon/types/Icon.props.d.ts +7 -0
  79. package/dist/components/foundation/icon/types/Icon.types.d.ts +1 -0
  80. package/dist/components/foundation/typography/Typography.css.d.ts +198 -0
  81. package/dist/components/foundation/typography/Typography.d.ts +4 -0
  82. package/dist/components/foundation/typography/constants/index.d.ts +26 -0
  83. package/dist/components/foundation/typography/index.d.ts +5 -0
  84. package/dist/components/foundation/typography/types/Typography.props.d.ts +12 -0
  85. package/dist/components/foundation/typography/types/Typography.types.d.ts +6 -0
  86. package/dist/components/index.d.ts +10 -0
  87. package/dist/components/layout/box/Box.css.d.ts +938 -0
  88. package/dist/components/layout/box/Box.d.ts +4 -0
  89. package/dist/components/layout/box/index.d.ts +5 -0
  90. package/dist/components/layout/box/types/Box.props.d.ts +8 -0
  91. package/dist/components/layout/box/types/Box.types.d.ts +2 -0
  92. package/dist/components/layout/flex/Flex.css.d.ts +74 -0
  93. package/dist/components/layout/flex/Flex.d.ts +4 -0
  94. package/dist/components/layout/flex/index.d.ts +5 -0
  95. package/dist/components/layout/flex/types/Flex.props.d.ts +3 -0
  96. package/dist/components/layout/flex/types/Flex.types.d.ts +8 -0
  97. package/dist/components/layout/grid/Grid.css.d.ts +153 -0
  98. package/dist/components/layout/grid/Grid.d.ts +4 -0
  99. package/dist/components/layout/grid/index.d.ts +5 -0
  100. package/dist/components/layout/grid/types/Grid.props.d.ts +3 -0
  101. package/dist/components/layout/grid/types/Grid.types.d.ts +14 -0
  102. package/dist/components/layout/index.d.ts +3 -0
  103. package/dist/components/overlay/dropdown-menu/DropdownMenu.d.ts +10 -0
  104. package/dist/components/overlay/dropdown-menu/components/_shared/item.css.d.ts +14 -0
  105. package/dist/components/overlay/dropdown-menu/components/_shared/useViewportShift.d.ts +1 -0
  106. package/dist/components/overlay/dropdown-menu/components/content/dropdown-menu-content/DropdownMenuContent.css.d.ts +6 -0
  107. package/dist/components/overlay/dropdown-menu/components/content/dropdown-menu-content/DropdownMenuContent.d.ts +16 -0
  108. package/dist/components/overlay/dropdown-menu/components/content/dropdown-menu-content/types/DropdownMenuContent.props.d.ts +24 -0
  109. package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.d.ts +9 -0
  110. package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-group/types/DropdownMenuGroup.props.d.ts +2 -0
  111. package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.d.ts +10 -0
  112. package/dist/components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/types/DropdownMenuRadioGroup.props.d.ts +2 -0
  113. package/dist/components/overlay/dropdown-menu/components/index.d.ts +26 -0
  114. package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.d.ts +4 -0
  115. package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/types/DropdownMenuCheckboxItem.props.d.ts +6 -0
  116. package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.d.ts +18 -0
  117. package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.d.ts +14 -0
  118. package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.d.ts +4 -0
  119. package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/types/DropdownMenuRadioItem.props.d.ts +6 -0
  120. package/dist/components/overlay/dropdown-menu/components/label/dropdown-menu-label/DropdownMenuLabel.css.d.ts +5 -0
  121. package/dist/components/overlay/dropdown-menu/components/label/dropdown-menu-label/DropdownMenuLabel.d.ts +10 -0
  122. package/dist/components/overlay/dropdown-menu/components/label/dropdown-menu-label/types/DropdownMenuLabel.props.d.ts +6 -0
  123. package/dist/components/overlay/dropdown-menu/components/separator/dropdown-menu-separator/DropdownMenuSeparator.css.d.ts +5 -0
  124. package/dist/components/overlay/dropdown-menu/components/separator/dropdown-menu-separator/DropdownMenuSeparator.d.ts +9 -0
  125. package/dist/components/overlay/dropdown-menu/components/separator/dropdown-menu-separator/types/DropdownMenuSeparator.props.d.ts +2 -0
  126. package/dist/components/overlay/dropdown-menu/components/shortcut/dropdown-menu-shortcut/DropdownMenuShortcut.css.d.ts +6 -0
  127. package/dist/components/overlay/dropdown-menu/components/shortcut/dropdown-menu-shortcut/DropdownMenuShortcut.d.ts +10 -0
  128. package/dist/components/overlay/dropdown-menu/components/shortcut/dropdown-menu-shortcut/types/DropdownMenuShortcut.props.d.ts +2 -0
  129. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.d.ts +10 -0
  130. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/types/DropdownMenuSub.props.d.ts +2 -0
  131. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.css.d.ts +6 -0
  132. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.d.ts +13 -0
  133. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/types/DropdownMenuSubContent.props.d.ts +16 -0
  134. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.css.d.ts +9 -0
  135. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.d.ts +10 -0
  136. package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/types/DropdownMenuSubTrigger.props.d.ts +8 -0
  137. package/dist/components/overlay/dropdown-menu/components/trigger/dropdown-menu-trigger/DropdownMenuTrigger.d.ts +10 -0
  138. package/dist/components/overlay/dropdown-menu/components/trigger/dropdown-menu-trigger/types/DropdownMenuTrigger.props.d.ts +2 -0
  139. package/dist/components/overlay/dropdown-menu/index.d.ts +6 -0
  140. package/dist/components/overlay/dropdown-menu/types/DropdownMenu.props.d.ts +4 -0
  141. package/dist/components/overlay/dropdown-menu/types/DropdownMenu.types.d.ts +4 -0
  142. package/dist/components/overlay/tooltip/Tooltip.css.d.ts +2 -0
  143. package/dist/components/overlay/tooltip/Tooltip.d.ts +4 -0
  144. package/dist/components/overlay/tooltip/index.d.ts +5 -0
  145. package/dist/components/overlay/tooltip/types/Tooltip.props.d.ts +28 -0
  146. package/dist/components/overlay/tooltip/types/Tooltip.types.d.ts +29 -0
  147. package/dist/components/theme-provider/ThemeProvider.context.d.ts +30 -0
  148. package/dist/components/theme-provider/ThemeProvider.d.ts +36 -0
  149. package/dist/components/theme-provider/index.d.ts +4 -0
  150. package/dist/components/theme-provider/types/ThemeProvider.props.d.ts +32 -0
  151. package/dist/components/theme-provider/utils/getSystemTheme.utils.d.ts +5 -0
  152. package/dist/components/theme-provider/utils/resolveTheme.utils.d.ts +2 -0
  153. package/dist/constants/animations/fade/fadeIn.css.d.ts +1 -0
  154. package/dist/constants/animations/fade/fadeOut.css.d.ts +1 -0
  155. package/dist/constants/animations/index.d.ts +11 -0
  156. package/dist/constants/animations/slide/slideDownIn.css.d.ts +1 -0
  157. package/dist/constants/animations/slide/slideDownOut.css.d.ts +1 -0
  158. package/dist/constants/animations/slide/slideLeftIn.css.d.ts +1 -0
  159. package/dist/constants/animations/slide/slideLeftOut.css.d.ts +1 -0
  160. package/dist/constants/animations/slide/slideRightIn.css.d.ts +1 -0
  161. package/dist/constants/animations/slide/slideRightOut.css.d.ts +1 -0
  162. package/dist/constants/animations/slide/slideUpIn.css.d.ts +1 -0
  163. package/dist/constants/animations/slide/slideUpOut.css.d.ts +1 -0
  164. package/dist/constants/animations/spin/spinAnimation.css.d.ts +1 -0
  165. package/dist/constants/index.d.ts +1 -0
  166. package/dist/hooks/index.d.ts +1 -0
  167. package/dist/hooks/use-viewport-shift/constants/index.d.ts +1 -0
  168. package/dist/hooks/use-viewport-shift/helpers/createCorrector.helper.d.ts +11 -0
  169. package/dist/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.d.ts +15 -0
  170. package/dist/hooks/use-viewport-shift/helpers/normalizePadding.helper.d.ts +3 -0
  171. package/dist/hooks/use-viewport-shift/helpers/watchRepositions.helper.d.ts +10 -0
  172. package/dist/hooks/use-viewport-shift/types/index.d.ts +12 -0
  173. package/dist/hooks/use-viewport-shift/useViewportShift.hook.d.ts +13 -0
  174. package/dist/index.cjs +42 -0
  175. package/dist/index.cjs.map +1 -0
  176. package/dist/index.d.ts +7 -0
  177. package/dist/index.js +6970 -0
  178. package/dist/index.js.map +1 -0
  179. package/dist/stories/overview/theme/colors/components/color-group-card/ColorGroupCard.d.ts +2 -0
  180. package/dist/stories/overview/theme/colors/components/color-group-card/ColorGroupCard.styles.d.ts +5 -0
  181. package/dist/stories/overview/theme/colors/components/color-group-card/types/index.d.ts +11 -0
  182. package/dist/stories/overview/theme/colors/components/color-palette-section/ColorPaletteSection.d.ts +2 -0
  183. package/dist/stories/overview/theme/colors/components/color-palette-section/ColorPaletteSection.styles.d.ts +5 -0
  184. package/dist/stories/overview/theme/colors/components/color-palette-section/types/index.d.ts +11 -0
  185. package/dist/stories/overview/theme/colors/components/color-swatch/ColorSwatch.d.ts +2 -0
  186. package/dist/stories/overview/theme/colors/components/color-swatch/ColorSwatch.styles.d.ts +8 -0
  187. package/dist/stories/overview/theme/colors/components/color-swatch/types/index.d.ts +5 -0
  188. package/dist/stories/overview/theme/colors/components/index.d.ts +4 -0
  189. package/dist/stories/overview/theme/css-variables/components/copy-mui-button/CopyMuiButton.d.ts +1 -0
  190. package/dist/stories/overview/theme/css-variables/components/copy-mui-button/index.d.ts +1 -0
  191. package/dist/stories/overview/theme/css-variables/components/copy-plain-css-button/CopyPlainCssButton.d.ts +1 -0
  192. package/dist/stories/overview/theme/css-variables/components/copy-plain-css-button/index.d.ts +1 -0
  193. package/dist/stories/overview/theme/css-variables/components/copy-tailwind-button/CopyTailwindButton.d.ts +1 -0
  194. package/dist/stories/overview/theme/css-variables/components/copy-tailwind-button/index.d.ts +1 -0
  195. package/dist/stories/overview/theme/css-variables/components/copy-theme-button/CopyThemeButton.d.ts +1 -0
  196. package/dist/stories/overview/theme/css-variables/components/copy-theme-button/index.d.ts +1 -0
  197. package/dist/stories/overview/theme/css-variables/components/copy-vanilla-extract-button/CopyVanillaExtractButton.d.ts +1 -0
  198. package/dist/stories/overview/theme/css-variables/components/copy-vanilla-extract-button/index.d.ts +1 -0
  199. package/dist/stories/overview/theme/css-variables/components/var-table/VarTable.css.d.ts +5 -0
  200. package/dist/stories/overview/theme/css-variables/components/var-table/VarTable.d.ts +2 -0
  201. package/dist/stories/overview/theme/css-variables/components/var-table/index.d.ts +2 -0
  202. package/dist/stories/overview/theme/css-variables/components/var-table/types/index.d.ts +6 -0
  203. package/dist/stories/overview/theme/css-variables/types/index.d.ts +6 -0
  204. package/dist/stories/overview/theme/css-variables/utils/theme.utils.d.ts +27 -0
  205. package/dist/stories/overview/theme/tokens/components/copy-badge/CopyBadge.d.ts +2 -0
  206. package/dist/stories/overview/theme/tokens/components/copy-badge/CopyBadge.styles.d.ts +2 -0
  207. package/dist/stories/overview/theme/tokens/components/copy-badge/types/index.d.ts +3 -0
  208. package/dist/stories/overview/theme/tokens/components/index.d.ts +9 -0
  209. package/dist/stories/overview/theme/tokens/components/motion-section/MotionSection.d.ts +1 -0
  210. package/dist/stories/overview/theme/tokens/components/motion-section/MotionSection.styles.d.ts +11 -0
  211. package/dist/stories/overview/theme/tokens/components/radius-section/RadiusSection.d.ts +1 -0
  212. package/dist/stories/overview/theme/tokens/components/radius-section/RadiusSection.styles.d.ts +2 -0
  213. package/dist/stories/overview/theme/tokens/components/shadow-section/ShadowSection.d.ts +1 -0
  214. package/dist/stories/overview/theme/tokens/components/shadow-section/ShadowSection.styles.d.ts +7 -0
  215. package/dist/stories/overview/theme/tokens/components/spacing-section/SpacingSection.d.ts +1 -0
  216. package/dist/stories/overview/theme/tokens/components/spacing-section/SpacingSection.styles.d.ts +9 -0
  217. package/dist/stories/overview/theme/tokens/components/spacing-section/utils/toPx.d.ts +5 -0
  218. package/dist/stories/overview/theme/tokens/components/token-card/TokenCard.d.ts +2 -0
  219. package/dist/stories/overview/theme/tokens/components/token-card/TokenCard.styles.d.ts +6 -0
  220. package/dist/stories/overview/theme/tokens/components/token-card/types/index.d.ts +6 -0
  221. package/dist/stories/overview/theme/tokens/components/token-section/TokenSection.d.ts +2 -0
  222. package/dist/stories/overview/theme/tokens/components/token-section/TokenSection.styles.d.ts +5 -0
  223. package/dist/stories/overview/theme/tokens/components/token-section/types/index.d.ts +6 -0
  224. package/dist/stories/overview/theme/tokens/components/typography-section/TypographySection.d.ts +1 -0
  225. package/dist/stories/overview/theme/tokens/components/typography-section/TypographySection.styles.d.ts +6 -0
  226. package/dist/stories/overview/theme/tokens/components/zindex-section/ZIndexSection.d.ts +1 -0
  227. package/dist/stories/overview/theme/tokens/components/zindex-section/ZIndexSection.styles.d.ts +7 -0
  228. package/dist/theme/colors/dark.d.ts +2 -0
  229. package/dist/theme/colors/index.d.ts +3 -0
  230. package/dist/theme/colors/light.d.ts +72 -0
  231. package/dist/theme/contract.css.d.ts +191 -0
  232. package/dist/theme/globalStyles.css.d.ts +1 -0
  233. package/dist/theme/index.d.ts +10 -0
  234. package/dist/theme/override.d.ts +11 -0
  235. package/dist/theme/tokens/index.d.ts +294 -0
  236. package/dist/theme/tokens/motion.d.ts +17 -0
  237. package/dist/theme/tokens/palette.d.ts +85 -0
  238. package/dist/theme/tokens/radii.d.ts +11 -0
  239. package/dist/theme/tokens/shadows.d.ts +21 -0
  240. package/dist/theme/tokens/spacing.d.ts +16 -0
  241. package/dist/theme/tokens/typography.d.ts +50 -0
  242. package/dist/theme/tokens/zIndex.d.ts +14 -0
  243. package/dist/theme/types/index.d.ts +6 -0
  244. package/dist/ui-kit.css +2 -0
  245. package/dist/utils/cn.d.ts +7 -0
  246. package/dist/vite-env.d.ts +3 -0
  247. package/package.json +95 -0
@@ -0,0 +1,106 @@
1
+ /**
2
+ * Compound variants for the "outlined" visual variant.
3
+ */
4
+ export declare const outlinedCompoundVariants: readonly [{
5
+ readonly variants: {
6
+ readonly variant: "outlined";
7
+ readonly color: "primary";
8
+ };
9
+ readonly style: {
10
+ readonly borderColor: `var(--${string})`;
11
+ readonly color: `var(--${string})`;
12
+ readonly selectors: {
13
+ readonly '&:hover': {
14
+ readonly backgroundColor: `var(--${string})`;
15
+ };
16
+ readonly '&:active': {
17
+ readonly backgroundColor: `var(--${string})`;
18
+ };
19
+ };
20
+ };
21
+ }, {
22
+ readonly variants: {
23
+ readonly variant: "outlined";
24
+ readonly color: "secondary";
25
+ };
26
+ readonly style: {
27
+ readonly borderColor: `var(--${string})`;
28
+ readonly color: `var(--${string})`;
29
+ readonly selectors: {
30
+ readonly '&:hover': {
31
+ readonly backgroundColor: `var(--${string})`;
32
+ };
33
+ readonly '&:active': {
34
+ readonly backgroundColor: `var(--${string})`;
35
+ };
36
+ };
37
+ };
38
+ }, {
39
+ readonly variants: {
40
+ readonly variant: "outlined";
41
+ readonly color: "destructive";
42
+ };
43
+ readonly style: {
44
+ readonly borderColor: `var(--${string})`;
45
+ readonly color: `var(--${string})`;
46
+ readonly selectors: {
47
+ readonly '&:hover': {
48
+ readonly backgroundColor: `var(--${string})`;
49
+ };
50
+ readonly '&:active': {
51
+ readonly backgroundColor: `var(--${string})`;
52
+ };
53
+ };
54
+ };
55
+ }, {
56
+ readonly variants: {
57
+ readonly variant: "outlined";
58
+ readonly color: "success";
59
+ };
60
+ readonly style: {
61
+ readonly borderColor: `var(--${string})`;
62
+ readonly color: `var(--${string})`;
63
+ readonly selectors: {
64
+ readonly '&:hover': {
65
+ readonly backgroundColor: `var(--${string})`;
66
+ };
67
+ readonly '&:active': {
68
+ readonly backgroundColor: `var(--${string})`;
69
+ };
70
+ };
71
+ };
72
+ }, {
73
+ readonly variants: {
74
+ readonly variant: "outlined";
75
+ readonly color: "warning";
76
+ };
77
+ readonly style: {
78
+ readonly borderColor: `var(--${string})`;
79
+ readonly color: `var(--${string})`;
80
+ readonly selectors: {
81
+ readonly '&:hover': {
82
+ readonly backgroundColor: `var(--${string})`;
83
+ };
84
+ readonly '&:active': {
85
+ readonly backgroundColor: `var(--${string})`;
86
+ };
87
+ };
88
+ };
89
+ }, {
90
+ readonly variants: {
91
+ readonly variant: "outlined";
92
+ readonly color: "info";
93
+ };
94
+ readonly style: {
95
+ readonly borderColor: `var(--${string})`;
96
+ readonly color: `var(--${string})`;
97
+ readonly selectors: {
98
+ readonly '&:hover': {
99
+ readonly backgroundColor: `var(--${string})`;
100
+ };
101
+ readonly '&:active': {
102
+ readonly backgroundColor: `var(--${string})`;
103
+ };
104
+ };
105
+ };
106
+ }];
@@ -0,0 +1,6 @@
1
+ /** Visual style variants shared by Button and IconButton. */
2
+ export type ButtonVariantShared = 'contained' | 'outlined' | 'ghost';
3
+ /** Color variants shared by Button and IconButton, mapped to theme colors. */
4
+ export type ButtonColorShared = 'primary' | 'secondary' | 'destructive' | 'success' | 'warning' | 'info';
5
+ /** Size variants shared by Button and IconButton. */
6
+ export type ButtonSizeShared = 'sm' | 'md' | 'lg';
@@ -0,0 +1,36 @@
1
+ import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
2
+ export declare const buttonRecipe: RuntimeFn<{
3
+ variant: {
4
+ contained: {};
5
+ outlined: {
6
+ backgroundColor: "transparent";
7
+ };
8
+ ghost: {
9
+ backgroundColor: "transparent";
10
+ };
11
+ };
12
+ color: {
13
+ primary: {};
14
+ secondary: {};
15
+ destructive: {};
16
+ success: {};
17
+ warning: {};
18
+ info: {};
19
+ };
20
+ size: {
21
+ sm: {
22
+ height: "2.25rem";
23
+ paddingInline: `var(--${string})`;
24
+ };
25
+ md: {
26
+ height: "2.5rem";
27
+ paddingInline: `var(--${string})`;
28
+ paddingBlock: `var(--${string})`;
29
+ };
30
+ lg: {
31
+ height: "2.75rem";
32
+ paddingInline: `var(--${string})`;
33
+ };
34
+ };
35
+ }>;
36
+ export type ButtonRecipeVariants = NonNullable<RecipeVariants<typeof buttonRecipe>>;
@@ -0,0 +1,4 @@
1
+ import { ButtonProps } from './types/Button.props.ts';
2
+ import { FC } from 'react';
3
+ declare const Button: FC<ButtonProps>;
4
+ export default Button;
@@ -0,0 +1,4 @@
1
+ import { ButtonSize, TypographySize } from '../../..';
2
+ import { buttonSizeToIconSize } from '../../_shared/buttons/constants';
3
+ export { buttonSizeToIconSize };
4
+ export declare const buttonSizeToFontSize: Record<NonNullable<ButtonSize>, TypographySize>;
@@ -0,0 +1,4 @@
1
+ export { default as Button } from './Button.tsx';
2
+ export { buttonRecipe } from './Button.css.ts';
3
+ export type { ButtonProps } from './types/Button.props.ts';
4
+ export type { ButtonVariant, ButtonSize, ButtonColor } from './types/Button.types.ts';
@@ -0,0 +1,11 @@
1
+ import { ButtonRecipeVariants } from '../Button.css.ts';
2
+ import { RefAttributes } from 'react';
3
+ import type * as React from 'react';
4
+ export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & RefAttributes<HTMLButtonElement> & ButtonRecipeVariants & {
5
+ /** The text content rendered inside the button via the Typography component. */
6
+ label?: string;
7
+ /** Iconify icon name rendered before the label. Size and color are derived from the Button variant and size. */
8
+ startIcon?: string;
9
+ /** Iconify icon name rendered after the label. Size and color are derived from the Button variant and size. */
10
+ endIcon?: string;
11
+ };
@@ -0,0 +1,7 @@
1
+ import { ButtonVariantShared, ButtonColorShared, ButtonSizeShared } from '../../_shared/buttons/types';
2
+ /** Visual style variants for the Button component. */
3
+ export type ButtonVariant = ButtonVariantShared;
4
+ /** Color variants for the Button component, mapped to theme colors. */
5
+ export type ButtonColor = ButtonColorShared;
6
+ /** Size variants for the Button component. */
7
+ export type ButtonSize = ButtonSizeShared;
@@ -0,0 +1,35 @@
1
+ import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
2
+ export declare const iconButtonRecipe: RuntimeFn<{
3
+ variant: {
4
+ contained: {};
5
+ outlined: {
6
+ backgroundColor: "transparent";
7
+ };
8
+ ghost: {
9
+ backgroundColor: "transparent";
10
+ };
11
+ };
12
+ color: {
13
+ primary: {};
14
+ secondary: {};
15
+ destructive: {};
16
+ success: {};
17
+ warning: {};
18
+ info: {};
19
+ };
20
+ size: {
21
+ sm: {
22
+ height: "2.25rem";
23
+ width: "2.25rem";
24
+ };
25
+ md: {
26
+ height: "2.5rem";
27
+ width: "2.5rem";
28
+ };
29
+ lg: {
30
+ height: "2.75rem";
31
+ width: "2.75rem";
32
+ };
33
+ };
34
+ }>;
35
+ export type IconButtonRecipeVariants = NonNullable<RecipeVariants<typeof iconButtonRecipe>>;
@@ -0,0 +1,4 @@
1
+ import { IconButtonProps } from './types/IconButton.props.ts';
2
+ import { FC } from 'react';
3
+ declare const IconButton: FC<IconButtonProps>;
4
+ export default IconButton;
@@ -0,0 +1,2 @@
1
+ import { buttonSizeToIconSize } from '../../_shared/buttons/constants';
2
+ export { buttonSizeToIconSize as iconButtonSizeToIconSize };
@@ -0,0 +1,4 @@
1
+ export { default as IconButton } from './IconButton.tsx';
2
+ export { iconButtonRecipe } from './IconButton.css.ts';
3
+ export type { IconButtonProps } from './types/IconButton.props.ts';
4
+ export type { IconButtonVariant, IconButtonSize, IconButtonColor } from './types/IconButton.types.ts';
@@ -0,0 +1,9 @@
1
+ import { IconButtonRecipeVariants } from '../IconButton.css.ts';
2
+ import { RefAttributes } from 'react';
3
+ import type * as React from 'react';
4
+ export type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'aria-label'> & RefAttributes<HTMLButtonElement> & IconButtonRecipeVariants & {
5
+ /** Iconify icon name rendered inside the button. */
6
+ icon: string;
7
+ /** Accessible label for the button (used as aria-label). */
8
+ 'aria-label': string;
9
+ };
@@ -0,0 +1,7 @@
1
+ import { ButtonVariantShared, ButtonColorShared, ButtonSizeShared } from '../../_shared/buttons/types';
2
+ /** Visual style variants for the IconButton component. */
3
+ export type IconButtonVariant = ButtonVariantShared;
4
+ /** Color variants for the IconButton component, mapped to theme colors. */
5
+ export type IconButtonColor = ButtonColorShared;
6
+ /** Size variants for the IconButton component. */
7
+ export type IconButtonSize = ButtonSizeShared;
@@ -0,0 +1 @@
1
+ export * from './table';
@@ -0,0 +1,40 @@
1
+ import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
2
+ /**
3
+ * CSS custom property seeded on <table>, inherited by every <th>/<td>
4
+ * descendant — lets the `size` variant control cell density from one place.
5
+ */
6
+ export declare const cellPaddingBlockVar: `var(--${string})`;
7
+ export declare const tableWrapperClass: string;
8
+ /**
9
+ * Applied to <table> when `striped` is true.
10
+ * Skips rows that carry an explicit `data-intent` attribute so intent row
11
+ * colours always win over the stripe background.
12
+ */
13
+ export declare const tableStripedClass: string;
14
+ /**
15
+ * Applied to <table> when `bordered` is true.
16
+ * Adds borders on all four sides of every header and data cell.
17
+ */
18
+ export declare const tableBorderedClass: string;
19
+ /** Applied to <table> when `fixed` is true. Enables `table-layout: fixed`. */
20
+ export declare const tableFixedClass: string;
21
+ export declare const tableRecipe: RuntimeFn<{
22
+ size: {
23
+ sm: {
24
+ vars: {
25
+ [cellPaddingBlockVar]: `var(--${string})`;
26
+ };
27
+ };
28
+ md: {
29
+ vars: {
30
+ [cellPaddingBlockVar]: `var(--${string})`;
31
+ };
32
+ };
33
+ lg: {
34
+ vars: {
35
+ [cellPaddingBlockVar]: `var(--${string})`;
36
+ };
37
+ };
38
+ };
39
+ }>;
40
+ export type TableRecipeVariants = NonNullable<RecipeVariants<typeof tableRecipe>>;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableProps } from './types/Table.props.ts';
3
+ declare const Table: FC<TableProps>;
4
+ export default Table;
@@ -0,0 +1,9 @@
1
+ export * from './table-header';
2
+ export * from './table-body';
3
+ export * from './table-footer';
4
+ export * from './table-row';
5
+ export * from './table-head';
6
+ export * from './table-cell';
7
+ export * from './table-caption';
8
+ export * from './table-col-group';
9
+ export * from './table-col';
@@ -0,0 +1,2 @@
1
+ export declare const tableBodyClass: string;
2
+ export declare const tableBodyStripedClass: string;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableBodyProps } from './types/TableBody.props.ts';
3
+ declare const TableBody: FC<TableBodyProps>;
4
+ export default TableBody;
@@ -0,0 +1,3 @@
1
+ export { default as TableBody } from './TableBody.tsx';
2
+ export { tableBodyClass } from './TableBody.css.ts';
3
+ export type { TableBodyProps } from './types/TableBody.props.ts';
@@ -0,0 +1,2 @@
1
+ import type * as React from 'react';
2
+ export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>;
@@ -0,0 +1 @@
1
+ export declare const tableCaptionClass: string;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableCaptionProps } from './types/TableCaption.props.ts';
3
+ declare const TableCaption: FC<TableCaptionProps>;
4
+ export default TableCaption;
@@ -0,0 +1,3 @@
1
+ export { default as TableCaption } from './TableCaption.tsx';
2
+ export { tableCaptionClass } from './TableCaption.css.ts';
3
+ export type { TableCaptionProps } from './types/TableCaption.props.ts';
@@ -0,0 +1,2 @@
1
+ import type * as React from 'react';
2
+ export type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>;
@@ -0,0 +1,27 @@
1
+ import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
2
+ export declare const tableCellRecipe: RuntimeFn<{
3
+ align: {
4
+ left: {
5
+ textAlign: "left";
6
+ };
7
+ center: {
8
+ textAlign: "center";
9
+ };
10
+ right: {
11
+ textAlign: "right";
12
+ };
13
+ };
14
+ }>;
15
+ export type TableCellRecipeVariants = NonNullable<RecipeVariants<typeof tableCellRecipe>>;
16
+ /**
17
+ * Enables text truncation inside a cell. The parent column must have a
18
+ * constrained width (e.g. via `style={{ maxWidth: '12rem' }}`) for
19
+ * `text-overflow: ellipsis` to take effect in a table context.
20
+ */
21
+ export declare const tableCellTruncateClass: string;
22
+ /**
23
+ * Right-aligns content and enables tabular (monospaced) number rendering —
24
+ * ideal for numeric columns such as amounts, counts or IDs.
25
+ * Overrides the `align` variant when both are applied.
26
+ */
27
+ export declare const tableCellNumericClass: string;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableCellProps } from './types/TableCell.props.ts';
3
+ declare const TableCell: FC<TableCellProps>;
4
+ export default TableCell;
@@ -0,0 +1,3 @@
1
+ export { default as TableCell } from './TableCell.tsx';
2
+ export { tableCellRecipe } from './TableCell.css.ts';
3
+ export type { TableCellProps } from './types/TableCell.props.ts';
@@ -0,0 +1,15 @@
1
+ import { TableCellRecipeVariants } from '../TableCell.css.ts';
2
+ import type * as React from 'react';
3
+ export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & TableCellRecipeVariants & {
4
+ /**
5
+ * Right-aligns the content and enables tabular number rendering.
6
+ * Takes precedence over the `align` variant when both are set.
7
+ */
8
+ numeric?: boolean;
9
+ /**
10
+ * Clips overflowing text with an ellipsis. The column must have a
11
+ * constrained width (e.g. `style={{ maxWidth: '12rem' }}`) for
12
+ * truncation to activate in table context.
13
+ */
14
+ truncate?: boolean;
15
+ };
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableColProps } from './types/TableCol.props.ts';
3
+ declare const TableCol: FC<TableColProps>;
4
+ export default TableCol;
@@ -0,0 +1,2 @@
1
+ export { default as TableCol } from './TableCol.tsx';
2
+ export type { TableColProps } from './types/TableCol.props.ts';
@@ -0,0 +1,18 @@
1
+ import type * as React from 'react';
2
+ export type TableColProps = Omit<React.ColHTMLAttributes<HTMLTableColElement>, 'width'> & React.RefAttributes<HTMLTableColElement> & {
3
+ /**
4
+ * Column width — any valid CSS value (`'200px'`, `'25%'`, `'12rem'`).
5
+ * Requires `fixed` on the parent `Table` to take effect.
6
+ */
7
+ width?: React.CSSProperties['width'];
8
+ /**
9
+ * Minimum column width — any valid CSS value.
10
+ * Useful to prevent columns from collapsing below a readable size.
11
+ */
12
+ minWidth?: React.CSSProperties['minWidth'];
13
+ /**
14
+ * Maximum column width.
15
+ * Prevents a flexible column from growing too wide.
16
+ */
17
+ maxWidth?: React.CSSProperties['maxWidth'];
18
+ };
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableColGroupProps } from './types/TableColGroup.props.ts';
3
+ declare const TableColGroup: FC<TableColGroupProps>;
4
+ export default TableColGroup;
@@ -0,0 +1,2 @@
1
+ export { default as TableColGroup } from './TableColGroup.tsx';
2
+ export type { TableColGroupProps } from './types/TableColGroup.props.ts';
@@ -0,0 +1,2 @@
1
+ import type * as React from 'react';
2
+ export type TableColGroupProps = React.HTMLAttributes<HTMLTableColElement> & React.RefAttributes<HTMLTableColElement>;
@@ -0,0 +1 @@
1
+ export declare const tableFooterClass: string;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableFooterProps } from './types/TableFooter.props.ts';
3
+ declare const TableFooter: FC<TableFooterProps>;
4
+ export default TableFooter;
@@ -0,0 +1,3 @@
1
+ export { default as TableFooter } from './TableFooter.tsx';
2
+ export { tableFooterClass } from './TableFooter.css.ts';
3
+ export type { TableFooterProps } from './types/TableFooter.props.ts';
@@ -0,0 +1,2 @@
1
+ import type * as React from 'react';
2
+ export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>;
@@ -0,0 +1,23 @@
1
+ import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
2
+ export declare const tableHeadRecipe: RuntimeFn<{
3
+ align: {
4
+ left: {
5
+ textAlign: "left";
6
+ };
7
+ center: {
8
+ textAlign: "center";
9
+ };
10
+ right: {
11
+ textAlign: "right";
12
+ };
13
+ };
14
+ }>;
15
+ export type TableHeadRecipeVariants = NonNullable<RecipeVariants<typeof tableHeadRecipe>>;
16
+ /** Applied when `sortable` is true. Signals the column is interactive. */
17
+ export declare const tableHeadSortableClass: string;
18
+ /** Wraps the cell content + sort icon in an inline flex row. */
19
+ export declare const tableHeadSortWrapperClass: string;
20
+ /** Sort icon at rest — muted (used for `sortDirection="none"`). */
21
+ export declare const tableHeadSortIconClass: string;
22
+ /** Sort icon when a direction is active (`asc` or `desc`). */
23
+ export declare const tableHeadSortIconActiveClass: string;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableHeadProps } from './types/TableHead.props.ts';
3
+ declare const TableHead: FC<TableHeadProps>;
4
+ export default TableHead;
@@ -0,0 +1,3 @@
1
+ export { default as TableHead } from './TableHead.tsx';
2
+ export { tableHeadRecipe } from './TableHead.css.ts';
3
+ export type { TableHeadProps, TableSortDirection } from './types/TableHead.props.ts';
@@ -0,0 +1,15 @@
1
+ import { TableHeadRecipeVariants } from '../TableHead.css.ts';
2
+ import type * as React from 'react';
3
+ export type TableSortDirection = 'asc' | 'desc' | 'none';
4
+ export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & TableHeadRecipeVariants & {
5
+ /**
6
+ * Renders the column header as interactive (cursor pointer + hover tint).
7
+ * Wire up an `onClick` handler to implement sorting logic.
8
+ */
9
+ sortable?: boolean;
10
+ /**
11
+ * Current sort direction. Sets `aria-sort` on the `<th>` and appends
12
+ * a visual indicator (↑ / ↓ / ↕) via CSS `::after`.
13
+ */
14
+ sortDirection?: TableSortDirection;
15
+ };
@@ -0,0 +1 @@
1
+ export declare const tableHeaderClass: string;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableHeaderProps } from './types/TableHeader.props.ts';
3
+ declare const TableHeader: FC<TableHeaderProps>;
4
+ export default TableHeader;
@@ -0,0 +1,3 @@
1
+ export { default as TableHeader } from './TableHeader.tsx';
2
+ export { tableHeaderClass } from './TableHeader.css.ts';
3
+ export type { TableHeaderProps } from './types/TableHeader.props.ts';
@@ -0,0 +1,2 @@
1
+ import type * as React from 'react';
2
+ export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>;
@@ -0,0 +1,56 @@
1
+ import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
2
+ export declare const tableRowRecipe: RuntimeFn<{
3
+ hoverable: {
4
+ true: {
5
+ selectors: {
6
+ '&:hover': {
7
+ backgroundColor: `var(--${string})`;
8
+ };
9
+ };
10
+ };
11
+ };
12
+ /**
13
+ * Makes the row visually interactive: adds `cursor: pointer` and a
14
+ * hover background. Use together with `onClick` and `selected` to build
15
+ * a row-selection pattern without extra wrapper components.
16
+ * Implies `hoverable` behaviour — there is no need to pass both.
17
+ */
18
+ selectable: {
19
+ true: {
20
+ cursor: "pointer";
21
+ selectors: {
22
+ '&:hover': {
23
+ backgroundColor: `var(--${string})`;
24
+ };
25
+ '&:focus-visible': {
26
+ outline: "none";
27
+ boxShadow: `inset 0 0 0 2px var(--${string})`;
28
+ };
29
+ };
30
+ };
31
+ };
32
+ selected: {
33
+ true: {
34
+ backgroundColor: `var(--${string})`;
35
+ };
36
+ };
37
+ intent: {
38
+ success: {
39
+ backgroundColor: `var(--${string})`;
40
+ color: `var(--${string})`;
41
+ };
42
+ warning: {
43
+ backgroundColor: `var(--${string})`;
44
+ color: `var(--${string})`;
45
+ };
46
+ destructive: {
47
+ backgroundColor: `var(--${string})`;
48
+ color: `var(--${string})`;
49
+ };
50
+ info: {
51
+ backgroundColor: `var(--${string})`;
52
+ color: `var(--${string})`;
53
+ };
54
+ };
55
+ }>;
56
+ export type TableRowRecipeVariants = NonNullable<RecipeVariants<typeof tableRowRecipe>>;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { TableRowProps } from './types/TableRow.props.ts';
3
+ declare const TableRow: FC<TableRowProps>;
4
+ export default TableRow;
@@ -0,0 +1,3 @@
1
+ export { default as TableRow } from './TableRow.tsx';
2
+ export { tableRowRecipe } from './TableRow.css.ts';
3
+ export type { TableRowProps } from './types/TableRow.props.ts';
@@ -0,0 +1,11 @@
1
+ import { TableRowRecipeVariants } from '../TableRow.css.ts';
2
+ import type * as React from 'react';
3
+ export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement> & TableRowRecipeVariants & {
4
+ /**
5
+ * Makes the row visually interactive: adds `cursor: pointer` + hover
6
+ * background + `aria-selected`. Use with `onClick` and `selected` for
7
+ * a controlled selection pattern without extra wrapper components.
8
+ * Implies `hoverable` behaviour.
9
+ */
10
+ selectable?: boolean;
11
+ };