@ostack.tech/ui 0.1.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 (429) hide show
  1. package/README.md +3 -0
  2. package/dist/ostack-ui.cjs +11095 -0
  3. package/dist/ostack-ui.cjs.map +1 -0
  4. package/dist/ostack-ui.css +4191 -0
  5. package/dist/ostack-ui.css.map +1 -0
  6. package/dist/ostack-ui.js +11077 -0
  7. package/dist/ostack-ui.js.map +1 -0
  8. package/dist/types/components/Alert/Alert.d.ts +82 -0
  9. package/dist/types/components/Alert/AlertTitle.d.ts +12 -0
  10. package/dist/types/components/Alert/index.d.ts +2 -0
  11. package/dist/types/components/AlertDialog/AlertDialog.d.ts +81 -0
  12. package/dist/types/components/AlertDialog/AlertDialogAction.d.ts +10 -0
  13. package/dist/types/components/AlertDialog/AlertDialogBody.d.ts +7 -0
  14. package/dist/types/components/AlertDialog/AlertDialogCancel.d.ts +10 -0
  15. package/dist/types/components/AlertDialog/AlertDialogContent.d.ts +45 -0
  16. package/dist/types/components/AlertDialog/AlertDialogDescription.d.ts +14 -0
  17. package/dist/types/components/AlertDialog/AlertDialogFooter.d.ts +7 -0
  18. package/dist/types/components/AlertDialog/AlertDialogHeader.d.ts +7 -0
  19. package/dist/types/components/AlertDialog/AlertDialogTitle.d.ts +7 -0
  20. package/dist/types/components/AlertDialog/AlertDialogTrigger.d.ts +7 -0
  21. package/dist/types/components/AlertDialog/index.d.ts +10 -0
  22. package/dist/types/components/Button/Button.d.ts +111 -0
  23. package/dist/types/components/Button/index.d.ts +1 -0
  24. package/dist/types/components/ButtonGroup/ButtonGroup.d.ts +32 -0
  25. package/dist/types/components/ButtonGroup/index.d.ts +1 -0
  26. package/dist/types/components/Calendar/Calendar.d.ts +41 -0
  27. package/dist/types/components/Calendar/CalendarContext.d.ts +18 -0
  28. package/dist/types/components/Calendar/CalendarDay.d.ts +11 -0
  29. package/dist/types/components/Calendar/CalendarMonthCaption.d.ts +9 -0
  30. package/dist/types/components/Calendar/index.d.ts +1 -0
  31. package/dist/types/components/Card/Card.d.ts +70 -0
  32. package/dist/types/components/Card/CardBody.d.ts +12 -0
  33. package/dist/types/components/Card/CardFooter.d.ts +12 -0
  34. package/dist/types/components/Card/CardHeader.d.ts +12 -0
  35. package/dist/types/components/Card/CardTitle.d.ts +19 -0
  36. package/dist/types/components/Card/index.d.ts +5 -0
  37. package/dist/types/components/Checkbox/Checkbox.d.ts +67 -0
  38. package/dist/types/components/Checkbox/index.d.ts +1 -0
  39. package/dist/types/components/CheckboxGroup/CheckboxGroup.d.ts +85 -0
  40. package/dist/types/components/CheckboxGroup/CheckboxGroupContext.d.ts +8 -0
  41. package/dist/types/components/CheckboxGroup/index.d.ts +1 -0
  42. package/dist/types/components/ClearContexts/ClearContexts.d.ts +31 -0
  43. package/dist/types/components/ClearContexts/index.d.ts +1 -0
  44. package/dist/types/components/CloseButton/CloseButton.d.ts +7 -0
  45. package/dist/types/components/CloseButton/index.d.ts +1 -0
  46. package/dist/types/components/Code/Code.d.ts +35 -0
  47. package/dist/types/components/Code/index.d.ts +1 -0
  48. package/dist/types/components/Collapsible/Collapsible.d.ts +25 -0
  49. package/dist/types/components/Collapsible/CollapsibleContent.d.ts +7 -0
  50. package/dist/types/components/Collapsible/CollapsibleContext.d.ts +11 -0
  51. package/dist/types/components/Collapsible/CollapsibleTrigger.d.ts +10 -0
  52. package/dist/types/components/Collapsible/index.d.ts +3 -0
  53. package/dist/types/components/CommandMenu/CommandMenu.d.ts +91 -0
  54. package/dist/types/components/CommandMenu/CommandMenuDialog.d.ts +45 -0
  55. package/dist/types/components/CommandMenu/CommandMenuGroup.d.ts +9 -0
  56. package/dist/types/components/CommandMenu/CommandMenuItem.d.ts +13 -0
  57. package/dist/types/components/CommandMenu/index.d.ts +4 -0
  58. package/dist/types/components/Container/Container.d.ts +66 -0
  59. package/dist/types/components/Container/index.d.ts +1 -0
  60. package/dist/types/components/ControlAddon/ControlAddon.d.ts +36 -0
  61. package/dist/types/components/ControlAddon/index.d.ts +1 -0
  62. package/dist/types/components/ControlCode/ControlCode.d.ts +22 -0
  63. package/dist/types/components/ControlCode/index.d.ts +1 -0
  64. package/dist/types/components/DataTable/DataTable.d.ts +256 -0
  65. package/dist/types/components/DataTable/DataTableApi.d.ts +37 -0
  66. package/dist/types/components/DataTable/DataTableBody.d.ts +9 -0
  67. package/dist/types/components/DataTable/DataTableCell.d.ts +9 -0
  68. package/dist/types/components/DataTable/DataTableColumn.d.ts +70 -0
  69. package/dist/types/components/DataTable/DataTableContent.d.ts +28 -0
  70. package/dist/types/components/DataTable/DataTableContext.d.ts +141 -0
  71. package/dist/types/components/DataTable/DataTableEmptyOrLoadingRows.d.ts +9 -0
  72. package/dist/types/components/DataTable/DataTableFilter.d.ts +7 -0
  73. package/dist/types/components/DataTable/DataTableFoot.d.ts +8 -0
  74. package/dist/types/components/DataTable/DataTableHead.d.ts +7 -0
  75. package/dist/types/components/DataTable/DataTablePagination.d.ts +18 -0
  76. package/dist/types/components/DataTable/DataTableRow.d.ts +11 -0
  77. package/dist/types/components/DataTable/DataTableRowsPerPage.d.ts +19 -0
  78. package/dist/types/components/DataTable/DataTableSelectionTrigger.d.ts +21 -0
  79. package/dist/types/components/DataTable/PagedDataTablePagination.d.ts +7 -0
  80. package/dist/types/components/DataTable/PagedDataTableRows.d.ts +2 -0
  81. package/dist/types/components/DataTable/ScrolledDataTablePagination.d.ts +7 -0
  82. package/dist/types/components/DataTable/ScrolledDataTableRows.d.ts +7 -0
  83. package/dist/types/components/DataTable/getRowKey.d.ts +4 -0
  84. package/dist/types/components/DataTable/index.d.ts +12 -0
  85. package/dist/types/components/DataTable/spliceWindow.d.ts +24 -0
  86. package/dist/types/components/DataTable/transformRows.d.ts +10 -0
  87. package/dist/types/components/DataTable/useDataTableSelectionColumn.d.ts +4 -0
  88. package/dist/types/components/DateInput/DateInput.d.ts +87 -0
  89. package/dist/types/components/DateInput/index.d.ts +1 -0
  90. package/dist/types/components/DatePicker/DatePicker.d.ts +27 -0
  91. package/dist/types/components/DatePicker/index.d.ts +1 -0
  92. package/dist/types/components/DateRangeInput/DateRangeInput.d.ts +197 -0
  93. package/dist/types/components/DateRangeInput/index.d.ts +1 -0
  94. package/dist/types/components/DateRangePicker/DateRangePicker.d.ts +41 -0
  95. package/dist/types/components/DateRangePicker/index.d.ts +1 -0
  96. package/dist/types/components/Dialog/Dialog.d.ts +68 -0
  97. package/dist/types/components/Dialog/DialogBody.d.ts +7 -0
  98. package/dist/types/components/Dialog/DialogClose.d.ts +7 -0
  99. package/dist/types/components/Dialog/DialogContent.d.ts +45 -0
  100. package/dist/types/components/Dialog/DialogDescription.d.ts +13 -0
  101. package/dist/types/components/Dialog/DialogFooter.d.ts +7 -0
  102. package/dist/types/components/Dialog/DialogHeader.d.ts +16 -0
  103. package/dist/types/components/Dialog/DialogTitle.d.ts +7 -0
  104. package/dist/types/components/Dialog/DialogTrigger.d.ts +7 -0
  105. package/dist/types/components/Dialog/index.d.ts +9 -0
  106. package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +65 -0
  107. package/dist/types/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +24 -0
  108. package/dist/types/components/DropdownMenu/DropdownMenuContent.d.ts +20 -0
  109. package/dist/types/components/DropdownMenu/DropdownMenuGroup.d.ts +8 -0
  110. package/dist/types/components/DropdownMenu/DropdownMenuItem.d.ts +15 -0
  111. package/dist/types/components/DropdownMenu/DropdownMenuRadioGroup.d.ts +8 -0
  112. package/dist/types/components/DropdownMenu/DropdownMenuRadioItem.d.ts +16 -0
  113. package/dist/types/components/DropdownMenu/DropdownMenuSub.d.ts +3 -0
  114. package/dist/types/components/DropdownMenu/DropdownMenuSubContent.d.ts +13 -0
  115. package/dist/types/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +11 -0
  116. package/dist/types/components/DropdownMenu/DropdownMenuTrigger.d.ts +7 -0
  117. package/dist/types/components/DropdownMenu/index.d.ts +11 -0
  118. package/dist/types/components/ErrorBoundary/ErrorBoundary.d.ts +97 -0
  119. package/dist/types/components/ErrorBoundary/index.d.ts +2 -0
  120. package/dist/types/components/ErrorBoundary/useErrorBoundary.d.ts +1 -0
  121. package/dist/types/components/Feedback/Feedback.d.ts +22 -0
  122. package/dist/types/components/Feedback/index.d.ts +1 -0
  123. package/dist/types/components/FeedbackList/FeedbackList.d.ts +6 -0
  124. package/dist/types/components/FeedbackList/FeedbackListContext.d.ts +5 -0
  125. package/dist/types/components/FeedbackList/index.d.ts +2 -0
  126. package/dist/types/components/FeedbackPopover/FeedbackPopover.d.ts +34 -0
  127. package/dist/types/components/FeedbackPopover/FeedbackPopoverContext.d.ts +11 -0
  128. package/dist/types/components/FeedbackPopover/index.d.ts +2 -0
  129. package/dist/types/components/Field/Field.d.ts +20 -0
  130. package/dist/types/components/Field/FieldContext.d.ts +86 -0
  131. package/dist/types/components/Field/index.d.ts +2 -0
  132. package/dist/types/components/FieldGroup/FieldGroup.d.ts +30 -0
  133. package/dist/types/components/FieldGroup/FieldGroupBody.d.ts +12 -0
  134. package/dist/types/components/FieldGroup/FieldGroupContext.d.ts +10 -0
  135. package/dist/types/components/FieldGroup/FieldGroupHeader.d.ts +18 -0
  136. package/dist/types/components/FieldGroup/FieldGroupTitle.d.ts +19 -0
  137. package/dist/types/components/FieldGroup/index.d.ts +4 -0
  138. package/dist/types/components/Grid/Grid.d.ts +90 -0
  139. package/dist/types/components/Grid/index.d.ts +1 -0
  140. package/dist/types/components/Heading/Heading.d.ts +34 -0
  141. package/dist/types/components/Heading/index.d.ts +1 -0
  142. package/dist/types/components/HelperText/HelperText.d.ts +12 -0
  143. package/dist/types/components/HelperText/index.d.ts +1 -0
  144. package/dist/types/components/Icon/Icon.d.ts +57 -0
  145. package/dist/types/components/Icon/index.d.ts +1 -0
  146. package/dist/types/components/IconButton/IconButton.d.ts +101 -0
  147. package/dist/types/components/IconButton/index.d.ts +1 -0
  148. package/dist/types/components/Input/Input.d.ts +92 -0
  149. package/dist/types/components/Input/InputWithContainerRef.d.ts +14 -0
  150. package/dist/types/components/Input/index.d.ts +2 -0
  151. package/dist/types/components/Keyboard/Keyboard.d.ts +15 -0
  152. package/dist/types/components/Keyboard/index.d.ts +1 -0
  153. package/dist/types/components/Label/Label.d.ts +47 -0
  154. package/dist/types/components/Label/index.d.ts +1 -0
  155. package/dist/types/components/Link/Link.d.ts +58 -0
  156. package/dist/types/components/Link/LinkContext.d.ts +15 -0
  157. package/dist/types/components/Link/index.d.ts +1 -0
  158. package/dist/types/components/Mark/Mark.d.ts +41 -0
  159. package/dist/types/components/Mark/index.d.ts +1 -0
  160. package/dist/types/components/MenuList/MenuList.d.ts +48 -0
  161. package/dist/types/components/MenuList/MenuListContext.d.ts +11 -0
  162. package/dist/types/components/MenuList/MenuListGroup.d.ts +24 -0
  163. package/dist/types/components/MenuList/MenuListItem.d.ts +86 -0
  164. package/dist/types/components/MenuList/index.d.ts +3 -0
  165. package/dist/types/components/NumericInput/NumericInput.d.ts +86 -0
  166. package/dist/types/components/NumericInput/index.d.ts +1 -0
  167. package/dist/types/components/Output/Output.d.ts +25 -0
  168. package/dist/types/components/Output/index.d.ts +1 -0
  169. package/dist/types/components/Overlay/Overlay.d.ts +6 -0
  170. package/dist/types/components/Overlay/index.d.ts +1 -0
  171. package/dist/types/components/Popover/Popover.d.ts +27 -0
  172. package/dist/types/components/Popover/PopoverAnchor.d.ts +6 -0
  173. package/dist/types/components/Popover/PopoverClose.d.ts +7 -0
  174. package/dist/types/components/Popover/PopoverContent.d.ts +17 -0
  175. package/dist/types/components/Popover/PopoverTrigger.d.ts +10 -0
  176. package/dist/types/components/Popover/index.d.ts +5 -0
  177. package/dist/types/components/Portal/Portal.d.ts +13 -0
  178. package/dist/types/components/Portal/PortalContext.d.ts +10 -0
  179. package/dist/types/components/Portal/index.d.ts +2 -0
  180. package/dist/types/components/RadioGroup/Radio.d.ts +36 -0
  181. package/dist/types/components/RadioGroup/RadioGroup.d.ts +83 -0
  182. package/dist/types/components/RadioGroup/index.d.ts +2 -0
  183. package/dist/types/components/Root/Root.d.ts +121 -0
  184. package/dist/types/components/Root/RootContext.d.ts +8 -0
  185. package/dist/types/components/Root/index.d.ts +2 -0
  186. package/dist/types/components/Select/Option.d.ts +13 -0
  187. package/dist/types/components/Select/OptionsGroup.d.ts +7 -0
  188. package/dist/types/components/Select/Select.d.ts +117 -0
  189. package/dist/types/components/Select/SelectContext.d.ts +61 -0
  190. package/dist/types/components/Select/SelectMultipleValue.d.ts +1 -0
  191. package/dist/types/components/Select/SelectSingleValue.d.ts +1 -0
  192. package/dist/types/components/Select/index.d.ts +3 -0
  193. package/dist/types/components/Separator/Separator.d.ts +7 -0
  194. package/dist/types/components/Separator/index.d.ts +1 -0
  195. package/dist/types/components/Slot/Slot.d.ts +7 -0
  196. package/dist/types/components/Slot/Slottable.d.ts +10 -0
  197. package/dist/types/components/Slot/index.d.ts +2 -0
  198. package/dist/types/components/Spinner/Spinner.d.ts +47 -0
  199. package/dist/types/components/Spinner/index.d.ts +1 -0
  200. package/dist/types/components/Stack/Stack.d.ts +42 -0
  201. package/dist/types/components/Stack/index.d.ts +1 -0
  202. package/dist/types/components/Stepper/Step.d.ts +17 -0
  203. package/dist/types/components/Stepper/StepContent.d.ts +9 -0
  204. package/dist/types/components/Stepper/StepList.d.ts +12 -0
  205. package/dist/types/components/Stepper/Stepper.d.ts +59 -0
  206. package/dist/types/components/Stepper/StepperContext.d.ts +9 -0
  207. package/dist/types/components/Stepper/index.d.ts +4 -0
  208. package/dist/types/components/Table/Table.d.ts +122 -0
  209. package/dist/types/components/Table/TableBody.d.ts +6 -0
  210. package/dist/types/components/Table/TableCell.d.ts +45 -0
  211. package/dist/types/components/Table/TableColumn.d.ts +83 -0
  212. package/dist/types/components/Table/TableContext.d.ts +60 -0
  213. package/dist/types/components/Table/TableFoot.d.ts +12 -0
  214. package/dist/types/components/Table/TableHead.d.ts +23 -0
  215. package/dist/types/components/Table/TableRow.d.ts +10 -0
  216. package/dist/types/components/Table/index.d.ts +8 -0
  217. package/dist/types/components/Tabs/Tab.d.ts +14 -0
  218. package/dist/types/components/Tabs/TabContent.d.ts +9 -0
  219. package/dist/types/components/Tabs/TabList.d.ts +11 -0
  220. package/dist/types/components/Tabs/Tabs.d.ts +51 -0
  221. package/dist/types/components/Tabs/TabsContext.d.ts +34 -0
  222. package/dist/types/components/Tabs/index.d.ts +4 -0
  223. package/dist/types/components/Tag/Badge.d.ts +21 -0
  224. package/dist/types/components/Tag/Tag.d.ts +92 -0
  225. package/dist/types/components/Tag/index.d.ts +2 -0
  226. package/dist/types/components/TextArea/TextArea.d.ts +21 -0
  227. package/dist/types/components/TextArea/index.d.ts +1 -0
  228. package/dist/types/components/Toast/Toast.d.ts +79 -0
  229. package/dist/types/components/Toast/ToastDescription.d.ts +3 -0
  230. package/dist/types/components/Toast/ToastProvider.d.ts +12 -0
  231. package/dist/types/components/Toast/ToastTitle.d.ts +7 -0
  232. package/dist/types/components/Toast/ToastViewport.d.ts +10 -0
  233. package/dist/types/components/Toast/index.d.ts +5 -0
  234. package/dist/types/components/Tooltip/Tooltip.d.ts +55 -0
  235. package/dist/types/components/Tooltip/TooltipProvider.d.ts +3 -0
  236. package/dist/types/components/Tooltip/index.d.ts +2 -0
  237. package/dist/types/components/VisuallyHidden/VisuallyHidden.d.ts +3 -0
  238. package/dist/types/components/VisuallyHidden/index.d.ts +1 -0
  239. package/dist/types/index.d.ts +96 -0
  240. package/dist/types/locale/LocalizationObject.d.ts +49 -0
  241. package/dist/types/locale/defaultLocale.d.ts +3 -0
  242. package/dist/types/locale/en-GB.d.ts +3 -0
  243. package/dist/types/locale/en-US.d.ts +3 -0
  244. package/dist/types/locale/en.d.ts +3 -0
  245. package/dist/types/locale/fr-FR.d.ts +3 -0
  246. package/dist/types/locale/index.d.ts +6 -0
  247. package/dist/types/locale/pt-PT.d.ts +3 -0
  248. package/dist/types/providers/AlertDialogProvider/AlertDialogProvider.d.ts +7 -0
  249. package/dist/types/providers/AlertDialogProvider/AlertDialogProviderContext.d.ts +97 -0
  250. package/dist/types/providers/AlertDialogProvider/index.d.ts +3 -0
  251. package/dist/types/providers/AlertDialogProvider/useAlertDialog.d.ts +68 -0
  252. package/dist/types/providers/DocumentTitleProvider/DocumentTitle.d.ts +12 -0
  253. package/dist/types/providers/DocumentTitleProvider/DocumentTitleProvider.d.ts +25 -0
  254. package/dist/types/providers/DocumentTitleProvider/DocumentTitleProviderContext.d.ts +44 -0
  255. package/dist/types/providers/DocumentTitleProvider/index.d.ts +2 -0
  256. package/dist/types/providers/ErrorReportingProvider/ErrorReport.d.ts +35 -0
  257. package/dist/types/providers/ErrorReportingProvider/ErrorReportingContext.d.ts +7 -0
  258. package/dist/types/providers/ErrorReportingProvider/ErrorReportingProvider.d.ts +70 -0
  259. package/dist/types/providers/ErrorReportingProvider/index.d.ts +4 -0
  260. package/dist/types/providers/ErrorReportingProvider/useErrorReporter.d.ts +3 -0
  261. package/dist/types/providers/LocalizationProvider/LocalizationContext.d.ts +6 -0
  262. package/dist/types/providers/LocalizationProvider/LocalizationProvider.d.ts +10 -0
  263. package/dist/types/providers/LocalizationProvider/index.d.ts +3 -0
  264. package/dist/types/providers/LocalizationProvider/useLocale.d.ts +3 -0
  265. package/dist/types/providers/PrefixProvider/PrefixContext.d.ts +5 -0
  266. package/dist/types/providers/PrefixProvider/PrefixProvider.d.ts +9 -0
  267. package/dist/types/providers/PrefixProvider/index.d.ts +3 -0
  268. package/dist/types/providers/PrefixProvider/usePrefix.d.ts +10 -0
  269. package/dist/types/providers/ToastManagerProvider/ToastManagerContext.d.ts +35 -0
  270. package/dist/types/providers/ToastManagerProvider/ToastManagerProvider.d.ts +11 -0
  271. package/dist/types/providers/ToastManagerProvider/index.d.ts +3 -0
  272. package/dist/types/providers/ToastManagerProvider/useToastManager.d.ts +23 -0
  273. package/dist/types/utils/accent.d.ts +2 -0
  274. package/dist/types/utils/boolDataAttr.d.ts +4 -0
  275. package/dist/types/utils/breakpoints.d.ts +32 -0
  276. package/dist/types/utils/changeCase.d.ts +2 -0
  277. package/dist/types/utils/combineEventHandlers.d.ts +24 -0
  278. package/dist/types/utils/control.d.ts +23 -0
  279. package/dist/types/utils/cx.d.ts +14 -0
  280. package/dist/types/utils/filtering.d.ts +14 -0
  281. package/dist/types/utils/keyboardShortcut.d.ts +111 -0
  282. package/dist/types/utils/mergeAriaIds.d.ts +2 -0
  283. package/dist/types/utils/nativeControls.d.ts +2 -0
  284. package/dist/types/utils/numericStringUtils.d.ts +27 -0
  285. package/dist/types/utils/parseDateStrict.d.ts +7 -0
  286. package/dist/types/utils/promiseUtils.d.ts +7 -0
  287. package/dist/types/utils/setNativeValue.d.ts +7 -0
  288. package/dist/types/utils/sorting.d.ts +9 -0
  289. package/dist/types/utils/stringHash.d.ts +7 -0
  290. package/dist/types/utils/typeUtils.d.ts +2 -0
  291. package/dist/types/utils/useCombinedRef.d.ts +9 -0
  292. package/dist/types/utils/useConstant.d.ts +7 -0
  293. package/dist/types/utils/useControllableState.d.ts +3 -0
  294. package/dist/types/utils/useCssVars.d.ts +47 -0
  295. package/dist/types/utils/useDateTransformer.d.ts +53 -0
  296. package/dist/types/utils/useIntersectionObserver.d.ts +5 -0
  297. package/dist/types/utils/useLatestValues.d.ts +8 -0
  298. package/dist/types/utils/useLayoutEffect.d.ts +3 -0
  299. package/dist/types/utils/useMeasure.d.ts +5 -0
  300. package/dist/types/utils/useMediaQuery.d.ts +12 -0
  301. package/dist/types/utils/useNumericTransformer.d.ts +60 -0
  302. package/dist/types/utils/useResponsiveValues.d.ts +31 -0
  303. package/dist/types/utils/useScrollPosition.d.ts +15 -0
  304. package/dist/types/utils/useScrollbarSize.d.ts +8 -0
  305. package/dist/types/utils/useSpacing.d.ts +7 -0
  306. package/dist/types/utils/warnOnce.d.ts +6 -0
  307. package/dist/types/utils/zustandUtils.d.ts +4 -0
  308. package/package.json +75 -0
  309. package/scss/_utils.scss +59 -0
  310. package/scss/components/Alert/_Alert-variables.scss +5 -0
  311. package/scss/components/Alert/_Alert.scss +56 -0
  312. package/scss/components/Button/_Button-variables.scss +164 -0
  313. package/scss/components/Button/_Button.scss +136 -0
  314. package/scss/components/ButtonGroup/_ButtonGroup-variables.scss +41 -0
  315. package/scss/components/ButtonGroup/_ButtonGroup.scss +48 -0
  316. package/scss/components/Calendar/_Calendar-variables.scss +127 -0
  317. package/scss/components/Calendar/_Calendar.scss +341 -0
  318. package/scss/components/Card/_Card-variables.scss +202 -0
  319. package/scss/components/Card/_Card.scss +253 -0
  320. package/scss/components/Checkbox/_Checkbox-variables.scss +25 -0
  321. package/scss/components/Checkbox/_Checkbox.scss +106 -0
  322. package/scss/components/CheckboxGroup/_CheckboxGroup.scss +68 -0
  323. package/scss/components/CloseButton/_CloseButton-variables.scss +2 -0
  324. package/scss/components/CloseButton/_CloseButton.scss +14 -0
  325. package/scss/components/Code/_Code-variables.scss +16 -0
  326. package/scss/components/Code/_Code.scss +30 -0
  327. package/scss/components/Collapsible/_Collapsible-variables.scss +5 -0
  328. package/scss/components/Collapsible/_Collapsible.scss +56 -0
  329. package/scss/components/CommandMenu/_CommandMenu-variables.scss +66 -0
  330. package/scss/components/CommandMenu/_CommandMenu.scss +162 -0
  331. package/scss/components/Container/_Container-variables.scss +21 -0
  332. package/scss/components/Container/_Container.scss +46 -0
  333. package/scss/components/ControlAddon/_ControlAddon-variables.scss +303 -0
  334. package/scss/components/ControlAddon/_ControlAddon.scss +331 -0
  335. package/scss/components/ControlCode/_ControlCode-variables.scss +61 -0
  336. package/scss/components/ControlCode/_ControlCode.scss +68 -0
  337. package/scss/components/DataTable/_DataTable.scss +134 -0
  338. package/scss/components/DateInput/_DateInput.scss +11 -0
  339. package/scss/components/DateRangeInput/_DateRangeInput-variables.scss +37 -0
  340. package/scss/components/DateRangeInput/_DateRangeInput.scss +130 -0
  341. package/scss/components/Dialog/_Dialog-variables.scss +195 -0
  342. package/scss/components/Dialog/_Dialog.scss +142 -0
  343. package/scss/components/DropdownMenu/_DropdownMenu-variables.scss +3 -0
  344. package/scss/components/DropdownMenu/_DropdownMenu.scss +50 -0
  345. package/scss/components/Feedback/_Feedback-variables.scss +8 -0
  346. package/scss/components/Feedback/_Feedback.scss +21 -0
  347. package/scss/components/FeedbackList/_FeedbackList-variables.scss +6 -0
  348. package/scss/components/FeedbackList/_FeedbackList.scss +31 -0
  349. package/scss/components/FeedbackPopover/_FeedbackPopover-variables.scss +26 -0
  350. package/scss/components/FeedbackPopover/_FeedbackPopover.scss +66 -0
  351. package/scss/components/Field/_Field.scss +51 -0
  352. package/scss/components/FieldGroup/_FieldGroup-variables.scss +31 -0
  353. package/scss/components/FieldGroup/_FieldGroup.scss +68 -0
  354. package/scss/components/Grid/_Grid.scss +101 -0
  355. package/scss/components/Heading/_Heading-variables.scss +78 -0
  356. package/scss/components/Heading/_Heading.scss +22 -0
  357. package/scss/components/HelperText/_HelperText-variables.scss +7 -0
  358. package/scss/components/HelperText/_HelperText.scss +18 -0
  359. package/scss/components/Icon/_Icon-variables.scss +3 -0
  360. package/scss/components/Icon/_Icon.scss +17 -0
  361. package/scss/components/IconButton/_IconButton-variables.scss +34 -0
  362. package/scss/components/IconButton/_IconButton.scss +41 -0
  363. package/scss/components/Input/_Input-variables.scss +6 -0
  364. package/scss/components/Input/_Input.scss +235 -0
  365. package/scss/components/Keyboard/_Keyboard.scss +17 -0
  366. package/scss/components/Label/_Label-variables.scss +26 -0
  367. package/scss/components/Label/_Label.scss +63 -0
  368. package/scss/components/Link/_Link-variables.scss +46 -0
  369. package/scss/components/Link/_Link.scss +63 -0
  370. package/scss/components/Mark/_Mark-variables.scss +8 -0
  371. package/scss/components/Mark/_Mark.scss +11 -0
  372. package/scss/components/MenuList/_MenuList.scss +86 -0
  373. package/scss/components/Output/_Output.scss +5 -0
  374. package/scss/components/Overlay/_Overlay-variables.scss +14 -0
  375. package/scss/components/Overlay/_Overlay.scss +32 -0
  376. package/scss/components/Popover/_Popover.scss +10 -0
  377. package/scss/components/RadioGroup/_Radio-variables.scss +1 -0
  378. package/scss/components/RadioGroup/_Radio.scss +49 -0
  379. package/scss/components/RadioGroup/_RadioGroup.scss +74 -0
  380. package/scss/components/Root/_Root-variables.scss +10 -0
  381. package/scss/components/Root/_Root.scss +107 -0
  382. package/scss/components/Select/_Select-variables.scss +101 -0
  383. package/scss/components/Select/_Select.scss +167 -0
  384. package/scss/components/Separator/_Separator.scss +16 -0
  385. package/scss/components/Spinner/_Spinner-variables.scss +3 -0
  386. package/scss/components/Spinner/_Spinner.scss +18 -0
  387. package/scss/components/Stack/_Stack-variables.scss +4 -0
  388. package/scss/components/Stack/_Stack.scss +47 -0
  389. package/scss/components/Stepper/_Stepper-variables.scss +38 -0
  390. package/scss/components/Stepper/_Stepper.scss +86 -0
  391. package/scss/components/Table/_Table-variables.scss +471 -0
  392. package/scss/components/Table/_Table.scss +632 -0
  393. package/scss/components/Tabs/_Tabs-variables.scss +403 -0
  394. package/scss/components/Tabs/_Tabs.scss +443 -0
  395. package/scss/components/Tag/_Tag-variables.scss +37 -0
  396. package/scss/components/Tag/_Tag.scss +86 -0
  397. package/scss/components/Toast/_Toast.scss +181 -0
  398. package/scss/components/Tooltip/_Tooltip-variables.scss +21 -0
  399. package/scss/components/Tooltip/_Tooltip.scss +44 -0
  400. package/scss/index.scss +57 -0
  401. package/scss/scss/_base-variables.scss +501 -0
  402. package/scss/scss/_colors.scss +188 -0
  403. package/scss/scss/helpers/_visually-hidden.scss +18 -0
  404. package/scss/scss/placeholders/_calendar-popover.scss +16 -0
  405. package/scss/scss/placeholders/button/_button-variables.scss +254 -0
  406. package/scss/scss/placeholders/button/_button.scss +153 -0
  407. package/scss/scss/placeholders/checkable/_checkable-variables.scss +78 -0
  408. package/scss/scss/placeholders/checkable/_checkable.scss +354 -0
  409. package/scss/scss/placeholders/checkable-group/_checkable-group-variables.scss +43 -0
  410. package/scss/scss/placeholders/checkable-group/_checkable-group.scss +141 -0
  411. package/scss/scss/placeholders/control/_control-variables.scss +300 -0
  412. package/scss/scss/placeholders/control/_control.scss +372 -0
  413. package/scss/scss/placeholders/menu/_menu-variables.scss +325 -0
  414. package/scss/scss/placeholders/menu/_menu.scss +364 -0
  415. package/scss/scss/placeholders/notification/_notification-variables.scss +76 -0
  416. package/scss/scss/placeholders/notification/_notification.scss +83 -0
  417. package/scss/scss/placeholders/popover/_popover-variables.scss +22 -0
  418. package/scss/scss/placeholders/popover/_popover.scss +70 -0
  419. package/scss/scss/utils/_animation.scss +125 -0
  420. package/scss/scss/utils/_breakpoints.scss +64 -0
  421. package/scss/scss/utils/_button-reset.scss +17 -0
  422. package/scss/scss/utils/_css-color-functions.scss +15 -0
  423. package/scss/scss/utils/_declare-var.scss +8 -0
  424. package/scss/scss/utils/_maybe-important.scss +5 -0
  425. package/scss/scss/utils/_responsive-values.scss +28 -0
  426. package/scss/scss/utils/_space-toggle.scss +25 -0
  427. package/scss/scss/utils/_spacing.scss +12 -0
  428. package/scss/scss/utils/_spinner.scss +31 -0
  429. package/scss/scss/utils/_transition.scss +15 -0
@@ -0,0 +1,41 @@
1
+ import * as React from "react";
2
+ import { type AccentColor } from "../../utils/accent.ts";
3
+ /** Possible mark colours. */
4
+ export type MarkColor = AccentColor;
5
+ /** Properties of the mark component. */
6
+ export interface MarkProps extends React.ComponentPropsWithoutRef<"mark"> {
7
+ /**
8
+ * Change the component to the HTML tag or custom component of the only child.
9
+ * This will merge the original component props with the props of the supplied
10
+ * element/component and change the underlying DOM node.
11
+ */
12
+ asChild?: boolean;
13
+ /**
14
+ * Colour to use for marking the text.
15
+ *
16
+ * @default warning
17
+ */
18
+ color?: MarkColor;
19
+ }
20
+ /**
21
+ * Component used to mark or highlight text for reference or notation purposes.
22
+ * It is built on top of the browser's [`<mark>`
23
+ * element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/mark).
24
+ *
25
+ * Example usage:
26
+ *
27
+ * ```tsx
28
+ * import { Mark } from "@ostack.tech/ui";
29
+ *
30
+ * function HighlightedPassage() {
31
+ * return (
32
+ * <>
33
+ * “The study found that{" "}
34
+ * <Mark>climate change significantly impacts biodiversity</Mark>,
35
+ * leading to habitat loss and species extinction.”
36
+ * </>
37
+ * );
38
+ * }
39
+ * ```
40
+ */
41
+ export declare const Mark: React.ForwardRefExoticComponent<MarkProps & React.RefAttributes<HTMLElement>>;
@@ -0,0 +1 @@
1
+ export * from "./Mark.tsx";
@@ -0,0 +1,48 @@
1
+ import * as React from "react";
2
+ /** Menu list variants. */
3
+ export type MenuListVariant = "solid" | "subtle";
4
+ /** Placement of icons within menu list items. */
5
+ export type MenuListIconPlacement = "start" | "end";
6
+ /** Properties of the menu list component. */
7
+ export interface MenuListProps extends React.ComponentPropsWithoutRef<"ul"> {
8
+ /**
9
+ * Change the component to the HTML tag or custom component of the only child.
10
+ * This will merge the original component props with the props of the supplied
11
+ * element/component and change the underlying DOM node.
12
+ */
13
+ asChild?: boolean;
14
+ /**
15
+ * Style variant of the menu list.
16
+ *
17
+ * @default solid
18
+ */
19
+ variant?: MenuListVariant;
20
+ /**
21
+ * Default placement of icons within menu list items. This property can be
22
+ * overridden on a per-item basis.
23
+ *
24
+ * @default start
25
+ */
26
+ iconPlacement?: MenuListIconPlacement;
27
+ }
28
+ /**
29
+ * The menu list component is used to display a list as a menu of actionable
30
+ * items.
31
+ *
32
+ * Example usage:
33
+ *
34
+ * ```tsx
35
+ * import { MenuList, MenuListItem } from "@ostack.tech/ui";
36
+ *
37
+ * function ActionsList() {
38
+ * return (
39
+ * <MenuList>
40
+ * <MenuListItem onSelect={loadDocument}>Load…</MenuListItem>
41
+ * <MenuListItem onSelect={saveDocument}>Save…</MenuListItem>
42
+ * <MenuListItem onSelect={printDocument}>Print…</MenuListItem>
43
+ * </MenuList>
44
+ * );
45
+ * }
46
+ * ```
47
+ */
48
+ export declare const MenuList: React.ForwardRefExoticComponent<MenuListProps & React.RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import { type MenuListIconPlacement, type MenuListVariant } from "./MenuList.tsx";
3
+ /** Value of the menu list context. */
4
+ export interface MenuListContextValue {
5
+ iconPlacement: MenuListIconPlacement;
6
+ variant: MenuListVariant;
7
+ }
8
+ /** Context for menu lists. */
9
+ export declare const MenuListContext: React.Context<MenuListContextValue>;
10
+ /** Hook providing access to the menu list context. */
11
+ export declare function useMenuListContext(): MenuListContextValue;
@@ -0,0 +1,24 @@
1
+ import * as React from "react";
2
+ /** Properties of the menu list group component. */
3
+ export interface MenuListGroupProps extends React.ComponentPropsWithoutRef<"ul"> {
4
+ /**
5
+ * Change the component to the HTML tag or custom component of the only child.
6
+ * This will merge the original component props with the props of the supplied
7
+ * element/component and change the underlying DOM node.
8
+ */
9
+ asChild?: boolean;
10
+ /** Optional label of the menu list group. */
11
+ label?: React.ReactNode;
12
+ /**
13
+ * What the item element containing the group should be rendered as. Defaults
14
+ * to `"li"` unless `asChild` is provided, in which case it defaults to
15
+ * `"div"`.
16
+ */
17
+ itemAs?: React.ElementType;
18
+ /** Properties to pass to the item element containing the group. */
19
+ itemProps?: React.ComponentPropsWithRef<"li">;
20
+ /** Properties to pass to the label element. */
21
+ labelProps?: React.ComponentPropsWithRef<"div">;
22
+ }
23
+ /** Menu list group component. */
24
+ export declare const MenuListGroup: React.ForwardRefExoticComponent<MenuListGroupProps & React.RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,86 @@
1
+ import * as React from "react";
2
+ import { type AccentColor } from "../../utils/accent.ts";
3
+ import { Icon, type IconProp } from "../Icon";
4
+ import { Spinner } from "../Spinner";
5
+ import { type MenuListIconPlacement } from "./MenuList.tsx";
6
+ /** Menu list item colours. */
7
+ export type MenuListItemColor = AccentColor;
8
+ /** Properties of the menu list item component. */
9
+ export interface MenuListItemProps extends Omit<React.ComponentPropsWithoutRef<"li">, "onSelect"> {
10
+ /**
11
+ * Change the component to the HTML tag or custom component of the only child.
12
+ * This will merge the original component props with the props of the supplied
13
+ * element/component and change the underlying DOM node.
14
+ */
15
+ asChild?: boolean;
16
+ /**
17
+ * Type of the item.
18
+ *
19
+ * @default button
20
+ */
21
+ type?: "button" | "link" | "text";
22
+ /**
23
+ * Marks the item as being selected.
24
+ *
25
+ * @default false
26
+ */
27
+ selected?: boolean;
28
+ /** Event handler for when the item has been selected. */
29
+ onSelect?: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>) => void;
30
+ /** Accent colour of the menu list item. */
31
+ color?: MenuListItemColor;
32
+ /**
33
+ * Whether to display the item in "loading" state by presenting a spinner as
34
+ * icon. The position of the spinner may be controlled via `iconPlacement`.
35
+ *
36
+ * Setting this property will automatically disable the item.
37
+ *
38
+ * @default false
39
+ */
40
+ loading?: boolean;
41
+ /**
42
+ * Whether the item should be enabled when `loading` is `true`.
43
+ *
44
+ * @default false
45
+ */
46
+ enabledWhenLoading?: boolean;
47
+ /**
48
+ * Content of the item when it is in "loading" state. If not provided, the
49
+ * item content will remain unchanged.
50
+ */
51
+ loadingContent?: React.ReactNode;
52
+ /**
53
+ * Optional item icon.
54
+ *
55
+ * @default null
56
+ */
57
+ icon?: IconProp | React.ReactElement | null;
58
+ /**
59
+ * Placement of the icon.
60
+ *
61
+ * @default start
62
+ */
63
+ iconPlacement?: MenuListIconPlacement;
64
+ /**
65
+ * Whether the item should be disabled.
66
+ *
67
+ * @default false
68
+ */
69
+ disabled?: boolean;
70
+ /** Href for the link, when `itemType` is set to `"link"`. */
71
+ href?: React.ComponentProps<"a">["href"];
72
+ /** Target of the link, when `itemType` is set to `"link"`. */
73
+ target?: React.ComponentProps<"a">["target"];
74
+ /** Rel of the link, when `itemType` is set to `"link"`. */
75
+ rel?: React.ComponentProps<"a">["rel"];
76
+ /** Properties to pass to the action element of the item. */
77
+ actionProps?: Omit<React.ComponentPropsWithRef<"button" | "a" | "div">, "disabled" | "href" | "target" | "rel">;
78
+ /** Properties to pass to the content element of the item. */
79
+ contentProps?: React.ComponentPropsWithRef<"div">;
80
+ /** Properties to pass to the icon component. */
81
+ iconProps?: Omit<React.ComponentPropsWithRef<typeof Icon>, "icon">;
82
+ /** Properties to pass to the spinner component. */
83
+ spinnerProps?: React.ComponentPropsWithRef<typeof Spinner>;
84
+ }
85
+ /** Menu list item component. */
86
+ export declare const MenuListItem: React.ForwardRefExoticComponent<MenuListItemProps & React.RefAttributes<HTMLLIElement>>;
@@ -0,0 +1,3 @@
1
+ export * from "./MenuList.tsx";
2
+ export * from "./MenuListItem.tsx";
3
+ export * from "./MenuListItem.tsx";
@@ -0,0 +1,86 @@
1
+ import * as React from "react";
2
+ import { type NumericTransformerOptions } from "../../utils/useNumericTransformer.tsx";
3
+ import { Input } from "../Input";
4
+ /** Properties of the numeric input component. */
5
+ export interface NumericInputProps extends NumericTransformerOptions, Omit<React.ComponentPropsWithoutRef<typeof Input>, "defaultValue" | "value" | "onValueChange" | "type" | "min" | "max"> {
6
+ type?: "text" | "tel" | "password";
7
+ /** Numeric input's default value. */
8
+ defaultValue?: string | number | null;
9
+ /** Numeric input's controlled value. */
10
+ value?: string | number | null;
11
+ /**
12
+ * Function called whenever the value of the numeric input changes.
13
+ *
14
+ * @param valueRepresentations Different representations of the numeric value.
15
+ */
16
+ onValueChange?: (valueRepresentations: NumericValueRepresentations) => void;
17
+ /**
18
+ * Set this property when passing in an unformatted string as `defaultValue`
19
+ * or `value`.
20
+ *
21
+ * @default false
22
+ */
23
+ valueIsUnformattedString?: boolean;
24
+ /**
25
+ * Specifies the precision of a number, set to `null` to have no limit on
26
+ * precision.
27
+ *
28
+ * @default null
29
+ */
30
+ precision?: number | null;
31
+ /**
32
+ * Minimum number allowed. If a string is provided, it should **not** be the
33
+ * formatted representation, e.g. `"999999.99" should be provided instead of
34
+ * `"999 999,99 €"`, i.e. `valueIsUnformattedString` has no effect on this
35
+ * property.
36
+ */
37
+ min?: string | number | null;
38
+ /**
39
+ * Maximum number allowed. If a string is provided, it should **not** be the
40
+ * formatted representation, e.g. `"999999.99" should be provided instead of
41
+ * `"999 999,99 €"`, i.e. `valueIsUnformattedString` has no effect on this
42
+ * property.
43
+ */
44
+ max?: string | number | null;
45
+ /**
46
+ * Value that the number should be greater than. If a string is provided, it
47
+ * should **not** be the formatted representation, e.g. `"999999.99" should be
48
+ * provided instead of `"999 999,99 €"`, i.e. `valueIsUnformattedString` has
49
+ * no effect on this property.
50
+ */
51
+ exclusiveMin?: string | number | null;
52
+ /**
53
+ * Value that the number should be less than. If a string is provided, it
54
+ * should **not** be the formatted representation, e.g. `"999999.99" should be
55
+ * provided instead of `"999 999,99 €"`, i.e. `valueIsUnformattedString` has
56
+ * no effect on this property.
57
+ */
58
+ exclusiveMax?: string | number | null;
59
+ /**
60
+ * Whether the numeric value should be allowed.
61
+ *
62
+ * @param valueRepresentations Different representations of the numeric value.
63
+ */
64
+ allowValue?: (valueRepresentations: NumericValueRepresentations) => boolean;
65
+ }
66
+ /** Representations of the numeric value. */
67
+ export interface NumericValueRepresentations {
68
+ /** Numeric value as a formatted string. */
69
+ formattedValue: string;
70
+ /** Numeric value as an unformatted string. */
71
+ stringValue: string;
72
+ /** Numeric value as a number. */
73
+ numberValue: number | null;
74
+ }
75
+ /**
76
+ * The `NumericInput` component is designed for numeric data entry, offering
77
+ * features like digit grouping, adornments, and precision control to enhance
78
+ * the user experience when dealing with numbers.
79
+ *
80
+ * Similar to the [Input](/docs/ostack-ui-forms-input--docs)
81
+ * component,`NumericInput` works seamlessly with the `Field` component to
82
+ * create structured, accessible form groups. By combining it with `Field`, you
83
+ * can ensure proper associations between `Label`, `NumericInput`, and
84
+ * `HelperText`, improving clarity and accessibility for users.
85
+ */
86
+ export declare const NumericInput: React.ForwardRefExoticComponent<NumericInputProps & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export * from "./NumericInput.tsx";
@@ -0,0 +1,25 @@
1
+ import * as React from "react";
2
+ import { type InputPropsBase } from "../Input";
3
+ /** Properties of the output component. */
4
+ export interface OutputProps extends Omit<InputPropsBase, "asChild" | "children" | "showClearButton" | "clearButtonLabel">, React.ComponentPropsWithoutRef<"output"> {
5
+ }
6
+ /**
7
+ * The output component is used to display the result of a calculation or user
8
+ * action. It is built on top of the browser's [`<output>`
9
+ * element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/output)
10
+ * as well as our own `Input` component in “read-only” mode.
11
+ *
12
+ * For accessibility purposes, outputs are usually included within a `Field`
13
+ * together with a `Label` and optionally `HelperText` and/or `Feedback`.
14
+ *
15
+ * Example usage:
16
+ *
17
+ * ```tsx
18
+ * import { Output } from "@ostack.tech/ui";
19
+ *
20
+ * function Total() {
21
+ * return <Output>1,000.00 €</Output>;
22
+ * }
23
+ * ```
24
+ */
25
+ export declare const Output: React.ForwardRefExoticComponent<OutputProps & React.RefAttributes<HTMLOutputElement>>;
@@ -0,0 +1 @@
1
+ export * from "./Output.tsx";
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ /** Properties of the label component. */
3
+ export interface OverlayProps extends React.ComponentPropsWithoutRef<"div"> {
4
+ }
5
+ /** Overlay component. */
6
+ export declare const Overlay: React.ForwardRefExoticComponent<OverlayProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export * from "./Overlay.tsx";
@@ -0,0 +1,27 @@
1
+ import { Popover as PopoverPrimitive } from "radix-ui";
2
+ /**
3
+ * Root popover component that provides an interactive and versatile overlay to
4
+ * display additional content or actions in a contextual manner. It is ideal for
5
+ * creating dynamic overlays that enhance user interactions by presenting
6
+ * supplementary information or controls directly related to a trigger element.
7
+ *
8
+ * It composes the following subcomponents:
9
+ *
10
+ * - `PopoverAnchor`: A utility to anchor the popover to a specific element. It
11
+ * ensures the popover aligns accurately with the anchor, allowing for dynamic
12
+ * placement and responsiveness.
13
+ * - `PopoverClose`: An interactive element that closes the popover when clicked.
14
+ * It is used to provide a seamless and accessible way for users to dismiss
15
+ * the popover.
16
+ * - `PopoverContent`: The container for the content displayed within the popover.
17
+ * It supports customization of appearance and behavior, including position
18
+ * `side` and whether an arrow is shown `showArrow`.
19
+ * - `PopoverTrigger`: An interactive element, such as a button, that toggles the
20
+ * visibility of the popover. It acts as the primary control for opening and
21
+ * closing the popover.
22
+ *
23
+ * For detailed information on these props, which do not have descriptions,
24
+ * please refer to the
25
+ * [docs](https://www.radix-ui.com/primitives/docs/components/popover).
26
+ */
27
+ export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
@@ -0,0 +1,6 @@
1
+ import { Popover as PopoverPrimitive } from "radix-ui";
2
+ /**
3
+ * An optional element to position the `PopoverContent` against. If this part is
4
+ * not used, the content will position alongside the `PopoverTrigger`.
5
+ */
6
+ export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,7 @@
1
+ import { Popover as PopoverPrimitive } from "radix-ui";
2
+ import * as React from "react";
3
+ /** Properties of the popover close component. */
4
+ export interface PopoverCloseProps extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>, "asChild"> {
5
+ }
6
+ /** The button that closes an open popover. */
7
+ export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,17 @@
1
+ import { Popover as PopoverPrimitive } from "radix-ui";
2
+ import * as React from "react";
3
+ /** Properties of the popover content component. */
4
+ export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
5
+ /**
6
+ * Whether to show an arrow pointing to the anchor.
7
+ *
8
+ * @default true
9
+ */
10
+ showArrow?: boolean;
11
+ /** Properties to pass to the portal component. */
12
+ portalProps?: Omit<React.ComponentPropsWithRef<typeof PopoverPrimitive.Portal>, "forceMount">;
13
+ /** Properties to pass to the arrow component. */
14
+ arrowProps?: React.ComponentPropsWithRef<typeof PopoverPrimitive.Arrow>;
15
+ }
16
+ /** The component that pops out when the popover is open. */
17
+ export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ import { Popover as PopoverPrimitive } from "radix-ui";
2
+ import * as React from "react";
3
+ /** Properties of the popover trigger component. */
4
+ export interface PopoverTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>, "asChild"> {
5
+ }
6
+ /**
7
+ * The button that toggles the popover. By default, the `PopoverContent` will
8
+ * position itself against the trigger.
9
+ */
10
+ export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,5 @@
1
+ export * from "./Popover.tsx";
2
+ export * from "./PopoverAnchor.tsx";
3
+ export * from "./PopoverClose.tsx";
4
+ export * from "./PopoverContent.tsx";
5
+ export * from "./PopoverTrigger.tsx";
@@ -0,0 +1,13 @@
1
+ import { Portal as PortalPrimitive } from "radix-ui";
2
+ import * as React from "react";
3
+ /** Properties of the portal component. */
4
+ export interface PortalProps extends React.ComponentPropsWithoutRef<typeof PortalPrimitive.Root> {
5
+ }
6
+ /**
7
+ * Portal component used to render a React subtree in a different part of the
8
+ * DOM.
9
+ *
10
+ * The rendered subtree is automatically wrapper in a `Root` component, so that
11
+ * styles are rendered correctly.
12
+ */
13
+ export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ /** Value of the portal context. */
3
+ export interface PortalContextValue {
4
+ /** Container where portals should render by default. */
5
+ container?: Element | DocumentFragment | null;
6
+ }
7
+ /** Portal context. */
8
+ export declare const PortalContext: React.Context<PortalContextValue | null>;
9
+ /** Hook providing access to the portal context. */
10
+ export declare function usePortalContext(): PortalContextValue | null;
@@ -0,0 +1,2 @@
1
+ export * from "./Portal.tsx";
2
+ export * from "./PortalContext.ts";
@@ -0,0 +1,36 @@
1
+ import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
2
+ import * as React from "react";
3
+ import { type ControlStatus } from "../../utils/control.ts";
4
+ import { ControlCode } from "../ControlCode";
5
+ import { Label } from "../Label";
6
+ import { Spinner } from "../Spinner";
7
+ /** Properties of a radio component. */
8
+ export interface RadioProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "value"> {
9
+ /** Radio value. */
10
+ value?: React.ComponentPropsWithoutRef<"input">["value"];
11
+ /** Sets the status of the radio. */
12
+ status?: ControlStatus;
13
+ /** Radio code. */
14
+ code?: React.ReactNode;
15
+ /** Sets the radio as read-only. */
16
+ readOnly?: boolean;
17
+ /**
18
+ * Adds a spinner to the checkbox to indicate activity. Note that it doesn't
19
+ * automatically disable the checkbox.
20
+ *
21
+ * @default false
22
+ */
23
+ loading?: boolean;
24
+ /** Properties to pass to the root component. */
25
+ rootProps?: React.ComponentPropsWithRef<"div">;
26
+ /** Properties to pass to the code component. */
27
+ codeProps?: React.ComponentPropsWithRef<typeof ControlCode>;
28
+ /** Properties to pass to the indicator component. */
29
+ indicatorProps?: React.ComponentPropsWithRef<typeof RadioGroupPrimitive.Indicator>;
30
+ /** Properties to pass to the label component. */
31
+ labelProps?: React.ComponentPropsWithRef<typeof Label>;
32
+ /** Properties to pass to the spinner component. */
33
+ spinnerProps?: Omit<React.ComponentPropsWithRef<typeof Spinner>, "size">;
34
+ }
35
+ /** Radio component. Must be used within a radio group. */
36
+ export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,83 @@
1
+ import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
2
+ import * as React from "react";
3
+ import { type ControlStatus, type ControlVariant } from "../../utils/control.ts";
4
+ import { CloseButton } from "../CloseButton";
5
+ import { ControlCode } from "../ControlCode";
6
+ import { type ShowClearButton } from "../Input";
7
+ import { Spinner } from "../Spinner";
8
+ /** Properties of the radio group component. */
9
+ export interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "asChild"> {
10
+ /** Whether to display the radio group inline. */
11
+ inline?: boolean;
12
+ /**
13
+ * Radio group style variant. Defaults to the default variant unless when
14
+ * rendering inside a table cell (in which it defaults to `"cell"`).
15
+ */
16
+ variant?: ControlVariant;
17
+ /** Sets the status of the radio group. */
18
+ status?: ControlStatus;
19
+ /** Sets the radio group as read-only. */
20
+ readOnly?: boolean;
21
+ /**
22
+ * Adds a spinner to the radio group to indicate activity. Note that it
23
+ * doesn't automatically disable the control.
24
+ *
25
+ * @default false
26
+ */
27
+ loading?: boolean;
28
+ /** Radio group code. */
29
+ code?: React.ReactNode;
30
+ /**
31
+ * Whether to show a button to clear the radio group.
32
+ *
33
+ * @default false
34
+ */
35
+ showClearButton?: ShowClearButton;
36
+ /** Label of the clear button announced to assistive technologies. */
37
+ clearButtonLabel?: string;
38
+ /**
39
+ * Function called when the focus moves out of the control as a whole.
40
+ *
41
+ * This is useful when there is a need to know when the user stops interacting
42
+ * with the control.
43
+ */
44
+ onBlurToOutside?: (event: React.FocusEvent) => void;
45
+ /** Properties to pass to the code component. */
46
+ codeProps?: React.ComponentPropsWithRef<typeof ControlCode>;
47
+ /** Properties to pass to the container component. */
48
+ containerProps?: React.ComponentPropsWithRef<"div">;
49
+ /**
50
+ * Properties to pass to the end element containing the clear button and
51
+ * spinner.
52
+ */
53
+ endContainerProps?: React.ComponentPropsWithRef<"div">;
54
+ /** Properties to pass to the clear button component. */
55
+ clearButtonProps?: React.ComponentPropsWithRef<typeof CloseButton>;
56
+ /** Properties to pass to the spinner component. */
57
+ spinnerProps?: Omit<React.ComponentPropsWithRef<typeof Spinner>, "size">;
58
+ }
59
+ /**
60
+ * The `RadioGroup` component displays a set of `Radio` button components,
61
+ * allowing a user to check at most one of the included radio buttons.
62
+ *
63
+ * For accessibility purposes, radio groups are usually included within a
64
+ * `Field` together with a `Label` and optionally `HelperText` and/or
65
+ * `Feedback`.
66
+ *
67
+ * Example usage:
68
+ *
69
+ * ```tsx
70
+ * import { Radio, RadioGroup } from "@ostack.tech/ui";
71
+ *
72
+ * function FavoriteFlavor() {
73
+ * return (
74
+ * <RadioGroup>
75
+ * <Radio value="chocolate">Chocolate</Radio>
76
+ * <Radio value="mint">Mint</Radio>
77
+ * <Radio value="vanilla">Vanilla</Radio>
78
+ * </RadioGroup>
79
+ * );
80
+ * }
81
+ * ```
82
+ */
83
+ export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,2 @@
1
+ export * from "./Radio.tsx";
2
+ export * from "./RadioGroup.tsx";