@atom-learning/components 5.12.0 → 5.12.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 (240) hide show
  1. package/CHANGELOG.md +16 -22
  2. package/dist/components/accordion/AccordionContent.js +1 -1
  3. package/dist/components/accordion/AccordionTrigger.js +1 -1
  4. package/dist/components/accordion/AccordionTrigger.js.map +1 -1
  5. package/dist/components/action-icon/ActionIcon.d.ts +1 -1
  6. package/dist/components/action-icon/ActionIcon.js +1 -1
  7. package/dist/components/action-icon/ActionIcon.js.map +1 -1
  8. package/dist/components/alert-dialog/AlertDialogContent.js +1 -1
  9. package/dist/components/alert-dialog/AlertDialogContent.js.map +1 -1
  10. package/dist/components/avatar/Avatar.js +1 -1
  11. package/dist/components/avatar/Avatar.js.map +1 -1
  12. package/dist/components/badge/Badge.d.ts +4 -4
  13. package/dist/components/badge/BadgeText.js +1 -1
  14. package/dist/components/badge/BadgeText.js.map +1 -1
  15. package/dist/components/banner/BannerContainer.d.ts +4 -4
  16. package/dist/components/banner/banner-regular/BannerRegular.d.ts +11 -11
  17. package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts +2 -2
  18. package/dist/components/banner/banner-regular/BannerRegularImage.js +1 -1
  19. package/dist/components/banner/banner-regular/BannerRegularImage.js.map +1 -1
  20. package/dist/components/banner/banner-slim/BannerSlim.d.ts +27 -27
  21. package/dist/components/banner/banner-slim/BannerSlimContent.d.ts +4 -4
  22. package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts +2 -2
  23. package/dist/components/banner/banner-slim/BannerSlimImage.js +1 -1
  24. package/dist/components/banner/banner-slim/BannerSlimImage.js.map +1 -1
  25. package/dist/components/button/Button.js +1 -1
  26. package/dist/components/button/Button.js.map +1 -1
  27. package/dist/components/carousel/Carousel.js +1 -1
  28. package/dist/components/carousel/Carousel.js.map +1 -1
  29. package/dist/components/carousel/CarouselArrows.js +1 -1
  30. package/dist/components/carousel/CarouselArrows.js.map +1 -1
  31. package/dist/components/carousel/CarouselSlider.js +1 -1
  32. package/dist/components/carousel/CarouselSlider.js.map +1 -1
  33. package/dist/components/checkbox/Checkbox.js +1 -1
  34. package/dist/components/checkbox/Checkbox.js.map +1 -1
  35. package/dist/components/checkbox-tree/CheckboxTree.d.ts +123 -123
  36. package/dist/components/chip/Chip.d.ts +14 -14
  37. package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts +5 -5
  38. package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts +5 -5
  39. package/dist/components/chip-toggle-group/ChipToggleGroupItem.js +1 -1
  40. package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map +1 -1
  41. package/dist/components/combobox/ComboboxInput.js +1 -1
  42. package/dist/components/combobox/ComboboxOption.js +1 -1
  43. package/dist/components/combobox/ComboboxOption.js.map +1 -1
  44. package/dist/components/combobox/ComboboxPopover.js +1 -1
  45. package/dist/components/combobox/ComboboxPopover.js.map +1 -1
  46. package/dist/components/create-password-field/CreatePasswordField.d.ts +1 -2
  47. package/dist/components/create-password-field/CreatePasswordField.js +1 -1
  48. package/dist/components/create-password-field/CreatePasswordField.js.map +1 -1
  49. package/dist/components/data-table/DataTable.d.ts +9 -9
  50. package/dist/components/data-table/DataTableHead.d.ts +1 -1
  51. package/dist/components/data-table/DataTableHead.js +1 -1
  52. package/dist/components/data-table/DataTableHead.js.map +1 -1
  53. package/dist/components/data-table/DataTableHeaderCell.js +1 -1
  54. package/dist/components/data-table/DataTableHeaderCell.js.map +1 -1
  55. package/dist/components/data-table/DataTableRow.js +1 -1
  56. package/dist/components/data-table/DataTableRow.js.map +1 -1
  57. package/dist/components/data-table/DataTableRowSelectionCheckbox.js +1 -1
  58. package/dist/components/data-table/DataTableRowSelectionCheckbox.js.map +1 -1
  59. package/dist/components/date-input/DateInput.js +1 -1
  60. package/dist/components/date-input/DateInput.js.map +1 -1
  61. package/dist/components/dialog/DialogContent.js +1 -1
  62. package/dist/components/dialog/DialogContent.js.map +1 -1
  63. package/dist/components/drawer/DrawerContent.js +1 -1
  64. package/dist/components/drawer/DrawerContent.js.map +1 -1
  65. package/dist/components/drawer/DrawerFooter.js +1 -1
  66. package/dist/components/drawer/DrawerFooter.js.map +1 -1
  67. package/dist/components/drawer/DrawerHeader.js +1 -1
  68. package/dist/components/drawer/DrawerHeader.js.map +1 -1
  69. package/dist/components/drawer/DrawerMain.js +1 -1
  70. package/dist/components/drawer/DrawerMain.js.map +1 -1
  71. package/dist/components/dropdown-menu/DropdownMenuContent.js +1 -1
  72. package/dist/components/dropdown-menu/DropdownMenuContent.js.map +1 -1
  73. package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +2 -428
  74. package/dist/components/dropdown-menu/DropdownMenuItem.js +1 -1
  75. package/dist/components/dropdown-menu/DropdownMenuItem.js.map +1 -1
  76. package/dist/components/dropdown-menu/DropdownMenuTrigger.js +1 -1
  77. package/dist/components/dropdown-menu/DropdownMenuTrigger.js.map +1 -1
  78. package/dist/components/empty-state/EmptyState.d.ts +4 -4
  79. package/dist/components/field-wrapper/InlineFieldWrapper.js +1 -1
  80. package/dist/components/field-wrapper/InlineFieldWrapper.js.map +1 -1
  81. package/dist/components/flex/Flex.d.ts +4 -4
  82. package/dist/components/flex/Flex.js +1 -1
  83. package/dist/components/flex/Flex.js.map +1 -1
  84. package/dist/components/grid/Grid.d.ts +1 -3
  85. package/dist/components/grid/Grid.js +1 -1
  86. package/dist/components/grid/Grid.js.map +1 -1
  87. package/dist/components/heading/Heading.js +1 -1
  88. package/dist/components/icon/Icon.js +1 -1
  89. package/dist/components/icon/Icon.js.map +1 -1
  90. package/dist/components/inline-message/InlineMessage.config.d.ts +0 -2
  91. package/dist/components/inline-message/InlineMessage.config.js +1 -1
  92. package/dist/components/inline-message/InlineMessage.config.js.map +1 -1
  93. package/dist/components/inline-message/InlineMessage.d.ts +5 -6
  94. package/dist/components/inline-message/InlineMessage.js +1 -1
  95. package/dist/components/inline-message/InlineMessage.js.map +1 -1
  96. package/dist/components/input/Input.d.ts +4 -4
  97. package/dist/components/input/Input.js +1 -1
  98. package/dist/components/input/Input.js.map +1 -1
  99. package/dist/components/label/Label.d.ts +1 -1
  100. package/dist/components/link/Link.js +1 -1
  101. package/dist/components/link/Link.js.map +1 -1
  102. package/dist/components/list/List.js +1 -1
  103. package/dist/components/list/List.js.map +1 -1
  104. package/dist/components/loader/Loader.js +1 -1
  105. package/dist/components/loader/Loader.js.map +1 -1
  106. package/dist/components/markdown-content/MarkdownContent.d.ts +4 -4
  107. package/dist/components/markdown-content/MarkdownContent.js +1 -1
  108. package/dist/components/markdown-content/MarkdownContent.js.map +1 -1
  109. package/dist/components/markdown-content/components/MarkdownList.d.ts +1 -1
  110. package/dist/components/markdown-content/components/MarkdownList.js.map +1 -1
  111. package/dist/components/navigation/NavigationMenu.js +1 -1
  112. package/dist/components/navigation/NavigationMenu.js.map +1 -1
  113. package/dist/components/navigation/NavigationMenuDropdownTrigger.js +1 -1
  114. package/dist/components/navigation/NavigationMenuDropdownTrigger.js.map +1 -1
  115. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +5 -5
  116. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.d.ts +7 -7
  117. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js +1 -1
  118. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js.map +1 -1
  119. package/dist/components/number-input/NumberInput.js +1 -1
  120. package/dist/components/number-input/NumberInputStepper.d.ts +2 -2
  121. package/dist/components/number-input/NumberInputStepper.js +1 -1
  122. package/dist/components/number-input/NumberInputStepper.js.map +1 -1
  123. package/dist/components/pagination/PaginationNextButton.d.ts +2 -2
  124. package/dist/components/pagination/PaginationPage.js +1 -1
  125. package/dist/components/pagination/PaginationPage.js.map +1 -1
  126. package/dist/components/pagination/PaginationPreviousButton.d.ts +2 -2
  127. package/dist/components/password-field/PasswordField.js.map +1 -1
  128. package/dist/components/password-input/PasswordInput.js +1 -1
  129. package/dist/components/password-input/PasswordInput.js.map +1 -1
  130. package/dist/components/popover/PopoverContent.js +1 -1
  131. package/dist/components/popover/PopoverContent.js.map +1 -1
  132. package/dist/components/progress-bar/ProgressBar.js +1 -1
  133. package/dist/components/progress-bar/ProgressBar.js.map +1 -1
  134. package/dist/components/radio-button/RadioButton.js +1 -1
  135. package/dist/components/radio-button/RadioButton.js.map +1 -1
  136. package/dist/components/search-input/SearchInput.js +1 -1
  137. package/dist/components/section-message/SectionMessageLayout.js +1 -1
  138. package/dist/components/section-message/SectionMessageLayout.js.map +1 -1
  139. package/dist/components/segmented-control/SegmentedControlItem.js +1 -1
  140. package/dist/components/segmented-control/SegmentedControlItem.js.map +1 -1
  141. package/dist/components/segmented-control/SegmentedControlItemList.js +1 -1
  142. package/dist/components/segmented-control/SegmentedControlItemList.js.map +1 -1
  143. package/dist/components/select/Select.js +1 -1
  144. package/dist/components/select/Select.js.map +1 -1
  145. package/dist/components/side-bar/SideBar.d.ts +1 -1
  146. package/dist/components/side-bar/SideBar.js +1 -1
  147. package/dist/components/side-bar/SideBar.js.map +1 -1
  148. package/dist/components/slider/Slider.d.ts +372 -2
  149. package/dist/components/slider/Slider.js +1 -1
  150. package/dist/components/slider/Slider.js.map +1 -1
  151. package/dist/components/sortable/Handle.d.ts +2 -2
  152. package/dist/components/sortable/Handle.js +1 -1
  153. package/dist/components/sortable/Handle.js.map +1 -1
  154. package/dist/components/sortable/SortableItem.d.ts +3 -1
  155. package/dist/components/sortable/SortableItem.js +1 -1
  156. package/dist/components/sortable/SortableItem.js.map +1 -1
  157. package/dist/components/sortable/index.d.ts +1 -1
  158. package/dist/components/stepper/StepperStepBullet.d.ts +4 -4
  159. package/dist/components/stepper/StepperStepContainer.d.ts +4 -4
  160. package/dist/components/stepper/StepperStepContainer.js +1 -1
  161. package/dist/components/stepper/StepperStepContainer.js.map +1 -1
  162. package/dist/components/stepper/StepperSteps.js +1 -1
  163. package/dist/components/stepper/StepperSteps.js.map +1 -1
  164. package/dist/components/switch/Switch.js +1 -1
  165. package/dist/components/switch/Switch.js.map +1 -1
  166. package/dist/components/table/Table.d.ts +1 -1
  167. package/dist/components/table/Table.js +1 -1
  168. package/dist/components/table/Table.js.map +1 -1
  169. package/dist/components/table/TableBody.js +1 -1
  170. package/dist/components/table/TableBody.js.map +1 -1
  171. package/dist/components/table/TableHeader.d.ts +1 -1
  172. package/dist/components/table/TableHeader.js +1 -1
  173. package/dist/components/table/TableHeader.js.map +1 -1
  174. package/dist/components/table/TableRow.d.ts +2 -1
  175. package/dist/components/table/TableRow.js +1 -1
  176. package/dist/components/table/TableRow.js.map +1 -1
  177. package/dist/components/tabs/TabsTrigger.js +1 -1
  178. package/dist/components/tabs/TabsTrigger.js.map +1 -1
  179. package/dist/components/text/Text.js +1 -1
  180. package/dist/components/text/Text.js.map +1 -1
  181. package/dist/components/tile/TileGroup.d.ts +4 -4
  182. package/dist/components/tile-interactive/TileInteractive.js +1 -1
  183. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  184. package/dist/components/toast/Toast.d.ts +5 -23
  185. package/dist/components/toast/Toast.js +1 -1
  186. package/dist/components/toast/Toast.js.map +1 -1
  187. package/dist/components/toast/ToastProvider.js +1 -1
  188. package/dist/components/toast/ToastProvider.js.map +1 -1
  189. package/dist/components/toggle-group/ToggleGroupButton.js +1 -1
  190. package/dist/components/toggle-group/ToggleGroupButton.js.map +1 -1
  191. package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
  192. package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
  193. package/dist/components/toggle-group/ToggleGroupRoot.js +1 -1
  194. package/dist/components/toggle-group/ToggleGroupRoot.js.map +1 -1
  195. package/dist/components/toggle-group/index.d.ts +5 -5
  196. package/dist/components/tooltip/TooltipContent.js +1 -1
  197. package/dist/components/tooltip/TooltipContent.js.map +1 -1
  198. package/dist/components/top-bar/TopBar.d.ts +2 -2
  199. package/dist/components/top-bar/TopBar.js +1 -1
  200. package/dist/components/top-bar/TopBar.js.map +1 -1
  201. package/dist/components/tree/Tree.d.ts +100 -100
  202. package/dist/components/tree/TreeCollapsibleTrigger.js +1 -1
  203. package/dist/components/tree/TreeCollapsibleTrigger.js.map +1 -1
  204. package/dist/components/tree/TreeItemContent.d.ts +5 -5
  205. package/dist/components/tree/TreeListItem.d.ts +5 -5
  206. package/dist/components/video/Video.js +1 -1
  207. package/dist/components/video/Video.js.map +1 -1
  208. package/dist/docgen.json +1 -1
  209. package/dist/index.cjs.js +1 -1
  210. package/dist/index.cjs.js.map +1 -1
  211. package/dist/index.d.ts +1 -1
  212. package/dist/index.js +1 -1
  213. package/dist/utilities/index.d.ts +1 -2
  214. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +1 -374
  215. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js +1 -1
  216. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js.map +1 -1
  217. package/dist/utilities/no-overflow-wrapper/index.d.ts +1 -1
  218. package/dist/utilities/style/backdrop-overlay.js +1 -1
  219. package/dist/utilities/style/backdrop-overlay.js.map +1 -1
  220. package/dist/utilities/style/index.d.ts +0 -2
  221. package/package.json +1 -1
  222. package/dist/components/drawer/Drawer.styles.d.ts +0 -4
  223. package/dist/components/drawer/Drawer.styles.js +0 -2
  224. package/dist/components/drawer/Drawer.styles.js.map +0 -1
  225. package/dist/constants/zIndices.d.ts +0 -6
  226. package/dist/constants/zIndices.js +0 -2
  227. package/dist/constants/zIndices.js.map +0 -1
  228. package/dist/utilities/create-theme-variants/createThemeVariants.d.ts +0 -22
  229. package/dist/utilities/create-theme-variants/createThemeVariants.js +0 -2
  230. package/dist/utilities/create-theme-variants/createThemeVariants.js.map +0 -1
  231. package/dist/utilities/create-theme-variants/index.d.ts +0 -1
  232. package/dist/utilities/style/disabledStyle.d.ts +0 -2
  233. package/dist/utilities/style/disabledStyle.js +0 -2
  234. package/dist/utilities/style/disabledStyle.js.map +0 -1
  235. package/dist/utilities/style/focus-visible-style-block.d.ts +0 -13
  236. package/dist/utilities/style/focus-visible-style-block.js +0 -2
  237. package/dist/utilities/style/focus-visible-style-block.js.map +0 -1
  238. package/dist/utilities/style/reset.d.ts +0 -13
  239. package/dist/utilities/style/reset.js +0 -2
  240. package/dist/utilities/style/reset.js.map +0 -1
package/dist/components/tree/Tree.d.ts CHANGED
@@ -636,41 +636,41 @@ declare const StyledRoot: import("@atom-learning/stitches-react/types/styled-com
636
636
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
637
637
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
638
638
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
639
- align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | ({
640
- "@sm"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
641
- "@md"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
642
- "@lg"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
643
- "@xl"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
644
- "@reducedMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
645
- "@allowMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
646
- "@hover"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
647
- "@initial"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
639
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | ({
640
+ "@sm"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
641
+ "@md"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
642
+ "@lg"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
643
+ "@xl"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
644
+ "@reducedMotion"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
645
+ "@allowMotion"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
646
+ "@hover"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
647
+ "@initial"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
648
648
  } & {
649
- [x: string]: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
649
+ [x: string]: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
650
650
  }) | undefined;
651
- wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | ({
652
- "@sm"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
653
- "@md"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
654
- "@lg"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
655
- "@xl"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
656
- "@reducedMotion"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
657
- "@allowMotion"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
658
- "@hover"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
659
- "@initial"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
651
+ justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | ({
652
+ "@sm"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
653
+ "@md"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
654
+ "@lg"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
655
+ "@xl"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
656
+ "@reducedMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
657
+ "@allowMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
658
+ "@hover"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
659
+ "@initial"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
660
660
  } & {
661
- [x: string]: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
661
+ [x: string]: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
662
662
  }) | undefined;
663
- justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | ({
664
- "@sm"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
665
- "@md"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
666
- "@lg"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
667
- "@xl"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
668
- "@reducedMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
669
- "@allowMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
670
- "@hover"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
671
- "@initial"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
663
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | ({
664
+ "@sm"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
665
+ "@md"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
666
+ "@lg"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
667
+ "@xl"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
668
+ "@reducedMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
669
+ "@allowMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
670
+ "@hover"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
671
+ "@initial"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
672
672
  } & {
673
- [x: string]: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
673
+ [x: string]: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
674
674
  }) | undefined;
675
675
  }>, {}, {
676
676
  sm: string;
@@ -1680,41 +1680,41 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
1680
1680
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
1681
1681
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
1682
1682
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
1683
- align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | ({
1684
- "@sm"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1685
- "@md"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1686
- "@lg"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1687
- "@xl"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1688
- "@reducedMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1689
- "@allowMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1690
- "@hover"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1691
- "@initial"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1683
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | ({
1684
+ "@sm"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1685
+ "@md"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1686
+ "@lg"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1687
+ "@xl"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1688
+ "@reducedMotion"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1689
+ "@allowMotion"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1690
+ "@hover"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1691
+ "@initial"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1692
1692
  } & {
1693
- [x: string]: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
1693
+ [x: string]: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
1694
1694
  }) | undefined;
1695
- wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | ({
1696
- "@sm"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1697
- "@md"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1698
- "@lg"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1699
- "@xl"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1700
- "@reducedMotion"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1701
- "@allowMotion"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1702
- "@hover"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1703
- "@initial"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1695
+ justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | ({
1696
+ "@sm"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1697
+ "@md"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1698
+ "@lg"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1699
+ "@xl"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1700
+ "@reducedMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1701
+ "@allowMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1702
+ "@hover"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1703
+ "@initial"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1704
1704
  } & {
1705
- [x: string]: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
1705
+ [x: string]: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
1706
1706
  }) | undefined;
1707
- justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | ({
1708
- "@sm"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1709
- "@md"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1710
- "@lg"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1711
- "@xl"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1712
- "@reducedMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1713
- "@allowMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1714
- "@hover"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1715
- "@initial"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1707
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | ({
1708
+ "@sm"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1709
+ "@md"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1710
+ "@lg"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1711
+ "@xl"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1712
+ "@reducedMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1713
+ "@allowMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1714
+ "@hover"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1715
+ "@initial"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1716
1716
  } & {
1717
- [x: string]: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
1717
+ [x: string]: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
1718
1718
  }) | undefined;
1719
1719
  }, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
1720
1720
  sm: string;
@@ -3465,50 +3465,50 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
3465
3465
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
3466
3466
  onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
3467
3467
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
3468
- align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | ({
3469
- "@sm"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3470
- "@md"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3471
- "@lg"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3472
- "@xl"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3473
- "@reducedMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3474
- "@allowMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3475
- "@hover"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3476
- "@initial"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3468
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | ({
3469
+ "@sm"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3470
+ "@md"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3471
+ "@lg"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3472
+ "@xl"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3473
+ "@reducedMotion"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3474
+ "@allowMotion"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3475
+ "@hover"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3476
+ "@initial"?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3477
3477
  } & {
3478
- [x: string]: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3478
+ [x: string]: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3479
3479
  }) | undefined;
3480
- wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | ({
3481
- "@sm"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3482
- "@md"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3483
- "@lg"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3484
- "@xl"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3485
- "@reducedMotion"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3486
- "@allowMotion"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3487
- "@hover"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3488
- "@initial"?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3480
+ justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | ({
3481
+ "@sm"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3482
+ "@md"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3483
+ "@lg"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3484
+ "@xl"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3485
+ "@reducedMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3486
+ "@allowMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3487
+ "@hover"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3488
+ "@initial"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3489
3489
  } & {
3490
- [x: string]: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3490
+ [x: string]: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3491
3491
  }) | undefined;
3492
- justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | ({
3493
- "@sm"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3494
- "@md"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3495
- "@lg"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3496
- "@xl"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3497
- "@reducedMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3498
- "@allowMotion"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3499
- "@hover"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3500
- "@initial"?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3492
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | ({
3493
+ "@sm"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3494
+ "@md"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3495
+ "@lg"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3496
+ "@xl"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3497
+ "@reducedMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3498
+ "@allowMotion"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3499
+ "@hover"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3500
+ "@initial"?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3501
3501
  } & {
3502
- [x: string]: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3502
+ [x: string]: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3503
3503
  }) | undefined;
3504
3504
  }>;
3505
3505
  CollapsibleTrigger: ({ children, label, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3506
3506
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
3507
- }, "direction" | "gap" | "css" | "align" | "wrap" | "justify"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
3508
- direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
3509
- wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3510
- justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3511
- align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3507
+ }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
3508
+ direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
3509
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3510
+ justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3511
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3512
3512
  gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
3513
3513
  }, {
3514
3514
  sm: string;
@@ -3885,11 +3885,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
3885
3885
  }) => React.JSX.Element;
3886
3886
  Item: ({ children, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3887
3887
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
3888
- }, "direction" | "gap" | "css" | "align" | "wrap" | "justify"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
3889
- direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
3890
- wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
3891
- justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
3892
- align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
3888
+ }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
3889
+ direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
3890
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
3891
+ justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
3892
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
3893
3893
  gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
3894
3894
  }, {
3895
3895
  sm: string;
package/dist/components/tree/TreeCollapsibleTrigger.js CHANGED
@@ -1,2 +1,2 @@
1
- import{ChevronDown as p}from"@atom-learning/icons";import{Trigger as f}from"@radix-ui/react-collapsible";import e from"react";import{ActionIcon as d}from"../action-icon/ActionIcon.js";import{StyledIcon as r,Icon as g}from"../icon/Icon.js";import{styled as a}from"../../stitches.js";import{TreeCollapsibleContext as u}from"./TreeCollapsible.js";import{TreeItemContent as C}from"./TreeItemContent.js";const T=a(C,{cursor:"pointer"}),b=a(d,{position:"absolute",left:0,top:0,pointerEvents:"none",[`${r}`]:{transition:"transform 300ms"},[`&[data-state="closed"] > ${r}`]:{transform:"rotate(-90deg)"},[`&[data-state="open"] > ${r}`]:{transform:"rotate(0deg)"}}),h=({children:m,label:s,...t})=>{const{setTriggerRef:c,triggerRef:n}=e.useContext(u);return e.createElement(T,{...t,onClick:o=>{var l,i;(l=t.onClick)==null||l.call(t,o),(i=n==null?void 0:n.current)==null||i.click()}},e.createElement(f,{asChild:!0},e.createElement(b,{size:"sm",ref:c,label:s,theme:"neutral",hasTooltip:!1,onClick:o=>o.stopPropagation()},e.createElement(g,{is:p}))),m)};export{h as TreeCollapsibleTrigger};
1
+ import{ChevronDown as c}from"@atom-learning/icons";import{Trigger as p}from"@radix-ui/react-collapsible";import e from"react";import{ActionIcon as f}from"../action-icon/ActionIcon.js";import{Icon as g}from"../icon/Icon.js";import{styled as i}from"../../stitches.js";import{TreeCollapsibleContext as d}from"./TreeCollapsible.js";import{TreeItemContent as u}from"./TreeItemContent.js";const C=i(u,{cursor:"pointer"}),v=i(f,{position:"absolute",left:0,top:0,pointerEvents:"none","& svg":{transition:"transform 300ms"},'&[data-state="closed"] > svg':{transform:"rotate(-90deg)"},'&[data-state="open"] > svg':{transform:"rotate(0deg)"}}),T=({children:a,label:s,...t})=>{const{setTriggerRef:m,triggerRef:r}=e.useContext(d);return e.createElement(C,{...t,onClick:o=>{var n,l;(n=t.onClick)==null||n.call(t,o),(l=r==null?void 0:r.current)==null||l.click()}},e.createElement(p,{asChild:!0},e.createElement(v,{size:"sm",ref:m,label:s,theme:"neutral",hasTooltip:!1,onClick:o=>o.stopPropagation()},e.createElement(g,{is:c}))),a)};export{T as TreeCollapsibleTrigger};
2
2
  //# sourceMappingURL=TreeCollapsibleTrigger.js.map
package/dist/components/tree/TreeCollapsibleTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TreeCollapsibleTrigger.js","sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Icon, StyledIcon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n cursor: 'pointer'\n})\n\nconst StyledActionIcon = styled(ActionIcon, {\n position: 'absolute',\n left: 0,\n top: 0,\n pointerEvents: 'none',\n [`${StyledIcon}`]: {\n transition: 'transform 300ms'\n },\n [`&[data-state=\"closed\"] > ${StyledIcon}`]: {\n transform: 'rotate(-90deg)'\n },\n [`&[data-state=\"open\"] > ${StyledIcon}`]: {\n transform: 'rotate(0deg)'\n }\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n typeof TreeItemContent\n> & {\n label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n children,\n label,\n ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n return (\n <StyledTreeCollapsibleTrigger\n {...rest}\n onClick={(event) => {\n rest.onClick?.(event)\n triggerRef?.current?.click()\n }}\n >\n <Trigger asChild>\n <StyledActionIcon\n size=\"sm\"\n ref={setTriggerRef}\n label={label}\n theme=\"neutral\"\n hasTooltip={false}\n onClick={(e: PointerEvent) => e.stopPropagation()}\n >\n <Icon is={ChevronDown} />\n </StyledActionIcon>\n </Trigger>\n {children}\n </StyledTreeCollapsibleTrigger>\n )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","StyledIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"+YAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,OAAQ,SACV,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,SAAU,WACV,KAAM,EACN,IAAK,EACL,cAAe,OACf,CAAC,GAAGC,KAAe,CACjB,WAAY,iBACd,EACA,CAAC,4BAA4BA,KAAe,CAC1C,UAAW,gBACb,EACA,CAAC,0BAA0BA,KAAe,CACxC,UAAW,cACb,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,KACGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACZ,EAAA,CACE,GAAGS,EACJ,QAAUK,GAAU,CA/C1B,IAAAC,EAAAC,GAgDQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CACfE,GAAAA,EAAAL,GAAA,KAAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,MACvB,CAAA,CAAA,EAEAJ,EAAA,cAACK,EAAA,CAAQ,QAAO,EACdL,EAAAA,EAAA,cAACT,EAAA,CACC,KAAK,KACL,IAAKO,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,iBAEhCN,EAAAA,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,CACF,EACCb,CACH,CAEJ"}
1
+ {"version":3,"file":"TreeCollapsibleTrigger.js","sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n cursor: 'pointer'\n})\n\nconst StyledActionIcon = styled(ActionIcon, {\n position: 'absolute',\n left: 0,\n top: 0,\n pointerEvents: 'none',\n '& svg': {\n transition: 'transform 300ms'\n },\n '&[data-state=\"closed\"] > svg': {\n transform: 'rotate(-90deg)'\n },\n '&[data-state=\"open\"] > svg': {\n transform: 'rotate(0deg)'\n }\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n typeof TreeItemContent\n> & {\n label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n children,\n label,\n ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n return (\n <StyledTreeCollapsibleTrigger\n {...rest}\n onClick={(event) => {\n rest.onClick?.(event)\n triggerRef?.current?.click()\n }}\n >\n <Trigger asChild>\n <StyledActionIcon\n size=\"sm\"\n ref={setTriggerRef}\n label={label}\n theme=\"neutral\"\n hasTooltip={false}\n onClick={(e: PointerEvent) => e.stopPropagation()}\n >\n <Icon is={ChevronDown} />\n </StyledActionIcon>\n </Trigger>\n {children}\n </StyledTreeCollapsibleTrigger>\n )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"+XAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,OAAQ,SACV,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,SAAU,WACV,KAAM,EACN,IAAK,EACL,cAAe,OACf,QAAS,CACP,WAAY,iBACd,EACA,+BAAgC,CAC9B,UAAW,gBACb,EACA,6BAA8B,CAC5B,UAAW,cACb,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,KACGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACX,EAAA,CACE,GAAGQ,EACJ,QAAUK,GAAU,CA/C1B,IAAAC,EAAAC,GAgDQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CACfE,GAAAA,EAAAL,GAAA,KAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,OACvB,GAEAJ,EAAA,cAACK,EAAA,CAAQ,QAAO,EACdL,EAAAA,EAAA,cAACR,EAAA,CACC,KAAK,KACL,IAAKM,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,mBAEhCN,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAa,CAAA,CACzB,CACF,EACCb,CACH,CAEJ"}
package/dist/components/tree/TreeItemContent.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
2
  export declare const TreeItemContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
3
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
4
- }, "direction" | "gap" | "css" | "align" | "wrap" | "justify"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
5
- direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
6
- wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
7
- justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
8
- align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
4
+ }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
5
+ direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
6
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
7
+ justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
8
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
9
9
  gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
10
10
  }, {
11
11
  sm: string;
package/dist/components/tree/TreeListItem.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
2
  export declare const TreeListItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
3
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
4
- }, "direction" | "gap" | "css" | "align" | "wrap" | "justify"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
5
- direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
6
- wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
7
- justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
8
- align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
4
+ }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
5
+ direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
6
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
7
+ justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
8
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
9
9
  gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
10
10
  }, {
11
11
  sm: string;
package/dist/components/video/Video.js CHANGED
@@ -1,2 +1,2 @@
1
- import*as e from"react";import m from"react-player/vimeo";import{Box as p}from"../box/Box.js";import{styled as a}from"../../stitches.js";import{CSSWrapper as f}from"../../utilities/css-wrapper/CSSWrapper.js";const l=a(m,{}),o=e.forwardRef(({id:r,ratio:t=9/16,css:i,...s},d)=>e.createElement(f,{css:i},e.createElement(p,{css:{borderRadius:"$0",position:"relative",paddingTop:`${t*100}%`,overflow:"hidden",height:0,width:"100%"}},e.createElement(l,{...s,role:"figure",url:`https://player.vimeo.com/video/${r}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:d}))));o.displayName="Video";export{o as Video};
1
+ import*as e from"react";import d from"react-player/vimeo";import{Box as m}from"../box/Box.js";import{styled as p}from"../../stitches.js";import{CSSWrapper as l}from"../../utilities/css-wrapper/CSSWrapper.js";const f=p(d,{}),o=e.forwardRef(({id:r,ratio:t=9/16,css:i,...s},a)=>e.createElement(l,{css:i},e.createElement(m,{style:{"--ratio":`${t*100}%`},css:{borderRadius:"$0",position:"relative",paddingTop:"var(--ratio)",overflow:"hidden",height:0,width:"100%"}},e.createElement(f,{...s,role:"figure",url:`https://player.vimeo.com/video/${r}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:a}))));o.displayName="Video";export{o as Video};
2
2
  //# sourceMappingURL=Video.js.map
package/dist/components/video/Video.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Video.js","sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import * as React from 'react'\n// Note: Only loading vimeo to reduce the bundle size https://www.npmjs.com/package/react-player\nimport ReactPlayer from 'react-player/vimeo'\n\nimport { Box } from '~/components/box'\nimport { CSS, styled } from '~/stitches'\nimport { CSSWrapper } from '~/utilities/css-wrapper'\nimport { Override } from '~/utilities/types'\n\nconst StyledVideo = styled(ReactPlayer, {})\n\ntype VideoProps = Override<\n React.ComponentProps<typeof StyledVideo>,\n {\n id: string\n ratio?: number\n css?: CSS\n }\n>\n\nexport const Video: React.ForwardRefExoticComponent<VideoProps> =\n React.forwardRef(({ id, ratio = 9 / 16, css, ...remainingProps }, ref) => (\n <CSSWrapper css={css}>\n <Box\n css={{\n borderRadius: '$0',\n position: 'relative',\n paddingTop: `${ratio * 100}%`,\n overflow: 'hidden',\n height: 0,\n width: '100%'\n }}\n >\n <StyledVideo\n {...remainingProps}\n role=\"figure\"\n url={`https://player.vimeo.com/video/${id}`}\n height=\"100%\"\n width=\"100%\"\n css={{ position: 'absolute', top: 0, left: 0 }}\n ref={ref}\n />\n </Box>\n </CSSWrapper>\n ))\n\nVideo.displayName = 'Video'\n"],"names":["StyledVideo","styled","ReactPlayer","Video","React","id","ratio","css","remainingProps","ref","CSSWrapper","Box"],"mappings":"gNASA,MAAMA,EAAcC,EAAOC,EAAa,CAAA,CAAE,EAW7BC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAAC,EAAI,MAAAC,EAAQ,EAAI,GAAI,IAAAC,KAAQC,CAAe,EAAGC,IAChEL,EAAA,cAACM,EAAA,CAAW,IAAKH,CAAAA,EACfH,EAAA,cAACO,EAAA,CACC,IAAK,CACH,aAAc,KACd,SAAU,WACV,WAAY,GAAGL,EAAQ,OACvB,SAAU,SACV,OAAQ,EACR,MAAO,MACT,CAAA,EAEAF,EAAA,cAACJ,EAAA,CACE,GAAGQ,EACJ,KAAK,SACL,IAAK,kCAAkCH,IACvC,OAAO,OACP,MAAM,OACN,IAAK,CAAE,SAAU,WAAY,IAAK,EAAG,KAAM,CAAE,EAC7C,IAAKI,CAAAA,CACP,CACF,CACF,CACD,EAEHN,EAAM,YAAc"}
1
+ {"version":3,"file":"Video.js","sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import * as React from 'react'\n// Note: Only loading vimeo to reduce the bundle size https://www.npmjs.com/package/react-player\nimport ReactPlayer from 'react-player/vimeo'\n\nimport { Box } from '~/components/box'\nimport { CSS, styled } from '~/stitches'\nimport { CSSWrapper } from '~/utilities/css-wrapper'\nimport { Override } from '~/utilities/types'\n\nconst StyledVideo = styled(ReactPlayer, {})\n\ntype VideoProps = Override<\n React.ComponentProps<typeof StyledVideo>,\n {\n id: string\n ratio?: number\n css?: CSS\n }\n>\n\nexport const Video: React.ForwardRefExoticComponent<VideoProps> =\n React.forwardRef(({ id, ratio = 9 / 16, css, ...remainingProps }, ref) => (\n <CSSWrapper css={css}>\n <Box\n style={{ '--ratio': `${ratio * 100}%` }}\n css={{\n borderRadius: '$0',\n position: 'relative',\n paddingTop: 'var(--ratio)',\n overflow: 'hidden',\n height: 0,\n width: '100%'\n }}\n >\n <StyledVideo\n {...remainingProps}\n role=\"figure\"\n url={`https://player.vimeo.com/video/${id}`}\n height=\"100%\"\n width=\"100%\"\n css={{ position: 'absolute', top: 0, left: 0 }}\n ref={ref}\n />\n </Box>\n </CSSWrapper>\n ))\n\nVideo.displayName = 'Video'\n"],"names":["StyledVideo","styled","ReactPlayer","Video","React","id","ratio","css","remainingProps","ref","CSSWrapper","Box"],"mappings":"gNASA,MAAMA,EAAcC,EAAOC,EAAa,CAAE,CAAA,EAW7BC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAAC,EAAI,MAAAC,EAAQ,EAAI,GAAI,IAAAC,KAAQC,CAAe,EAAGC,IAChEL,EAAA,cAACM,EAAA,CAAW,IAAKH,CACfH,EAAAA,EAAA,cAACO,EAAA,CACC,MAAO,CAAE,UAAW,GAAGL,EAAQ,MAAO,EACtC,IAAK,CACH,aAAc,KACd,SAAU,WACV,WAAY,eACZ,SAAU,SACV,OAAQ,EACR,MAAO,MACT,GAEAF,EAAA,cAACJ,EAAA,CACE,GAAGQ,EACJ,KAAK,SACL,IAAK,kCAAkCH,IACvC,OAAO,OACP,MAAM,OACN,IAAK,CAAE,SAAU,WAAY,IAAK,EAAG,KAAM,CAAE,EAC7C,IAAKI,CAAAA,CACP,CACF,CACF,CACD,EAEHN,EAAM,YAAc"}