index.mjs 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. import $72MJ6$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
  2. import {forwardRef as $72MJ6$forwardRef, createElement as $72MJ6$createElement} from "react";
  3. import {composeEventHandlers as $72MJ6$composeEventHandlers} from "@radix-ui/primitive";
  4. import {createContextScope as $72MJ6$createContextScope} from "@radix-ui/react-context";
  5. import {createRovingFocusGroupScope as $72MJ6$createRovingFocusGroupScope, Root as $72MJ6$Root, Item as $72MJ6$Item} from "@radix-ui/react-roving-focus";
  6. import {Primitive as $72MJ6$Primitive} from "@radix-ui/react-primitive";
  7. import {Root as $72MJ6$Root1} from "@radix-ui/react-separator";
  8. import {createToggleGroupScope as $72MJ6$createToggleGroupScope, Root as $72MJ6$Root2, Item as $72MJ6$Item1} from "@radix-ui/react-toggle-group";
  9. import {useDirection as $72MJ6$useDirection} from "@radix-ui/react-direction";
  10. /* -------------------------------------------------------------------------------------------------
  11. * Toolbar
  12. * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOOLBAR_NAME = 'Toolbar';
  13. const [$3dc4ded751c8bdfb$var$createToolbarContext, $3dc4ded751c8bdfb$export$233e637670877d91] = $72MJ6$createContextScope($3dc4ded751c8bdfb$var$TOOLBAR_NAME, [
  14. $72MJ6$createRovingFocusGroupScope,
  15. $72MJ6$createToggleGroupScope
  16. ]);
  17. const $3dc4ded751c8bdfb$var$useRovingFocusGroupScope = $72MJ6$createRovingFocusGroupScope();
  18. const $3dc4ded751c8bdfb$var$useToggleGroupScope = $72MJ6$createToggleGroupScope();
  19. const [$3dc4ded751c8bdfb$var$ToolbarProvider, $3dc4ded751c8bdfb$var$useToolbarContext] = $3dc4ded751c8bdfb$var$createToolbarContext($3dc4ded751c8bdfb$var$TOOLBAR_NAME);
  20. const $3dc4ded751c8bdfb$export$4c260019440d418f = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
  21. const { __scopeToolbar: __scopeToolbar , orientation: orientation = 'horizontal' , dir: dir , loop: loop = true , ...toolbarProps } = props;
  22. const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
  23. const direction = $72MJ6$useDirection(dir);
  24. return /*#__PURE__*/ $72MJ6$createElement($3dc4ded751c8bdfb$var$ToolbarProvider, {
  25. scope: __scopeToolbar,
  26. orientation: orientation,
  27. dir: direction
  28. }, /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root, $72MJ6$babelruntimehelpersesmextends({
  29. asChild: true
  30. }, rovingFocusGroupScope, {
  31. orientation: orientation,
  32. dir: direction,
  33. loop: loop
  34. }), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.div, $72MJ6$babelruntimehelpersesmextends({
  35. role: "toolbar",
  36. "aria-orientation": orientation,
  37. dir: direction
  38. }, toolbarProps, {
  39. ref: forwardedRef
  40. }))));
  41. });
  42. /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$4c260019440d418f, {
  43. displayName: $3dc4ded751c8bdfb$var$TOOLBAR_NAME
  44. });
  45. /* -------------------------------------------------------------------------------------------------
  46. * ToolbarSeparator
  47. * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$SEPARATOR_NAME = 'ToolbarSeparator';
  48. const $3dc4ded751c8bdfb$export$291e1a31e8ec7868 = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
  49. const { __scopeToolbar: __scopeToolbar , ...separatorProps } = props;
  50. const context = $3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$SEPARATOR_NAME, __scopeToolbar);
  51. return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root1, $72MJ6$babelruntimehelpersesmextends({
  52. orientation: context.orientation === 'horizontal' ? 'vertical' : 'horizontal'
  53. }, separatorProps, {
  54. ref: forwardedRef
  55. }));
  56. });
  57. /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$291e1a31e8ec7868, {
  58. displayName: $3dc4ded751c8bdfb$var$SEPARATOR_NAME
  59. });
  60. /* -------------------------------------------------------------------------------------------------
  61. * ToolbarButton
  62. * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$BUTTON_NAME = 'ToolbarButton';
  63. const $3dc4ded751c8bdfb$export$e5c1a33878e86e9e = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
  64. const { __scopeToolbar: __scopeToolbar , ...buttonProps } = props;
  65. const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
  66. return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item, $72MJ6$babelruntimehelpersesmextends({
  67. asChild: true
  68. }, rovingFocusGroupScope, {
  69. focusable: !props.disabled
  70. }), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.button, $72MJ6$babelruntimehelpersesmextends({
  71. type: "button"
  72. }, buttonProps, {
  73. ref: forwardedRef
  74. })));
  75. });
  76. /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$e5c1a33878e86e9e, {
  77. displayName: $3dc4ded751c8bdfb$var$BUTTON_NAME
  78. });
  79. /* -------------------------------------------------------------------------------------------------
  80. * ToolbarLink
  81. * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$LINK_NAME = 'ToolbarLink';
  82. const $3dc4ded751c8bdfb$export$ff5714eba66809fd = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
  83. const { __scopeToolbar: __scopeToolbar , ...linkProps } = props;
  84. const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
  85. return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item, $72MJ6$babelruntimehelpersesmextends({
  86. asChild: true
  87. }, rovingFocusGroupScope, {
  88. focusable: true
  89. }), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.a, $72MJ6$babelruntimehelpersesmextends({}, linkProps, {
  90. ref: forwardedRef,
  91. onKeyDown: $72MJ6$composeEventHandlers(props.onKeyDown, (event)=>{
  92. if (event.key === ' ') event.currentTarget.click();
  93. })
  94. })));
  95. });
  96. /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$ff5714eba66809fd, {
  97. displayName: $3dc4ded751c8bdfb$var$LINK_NAME
  98. });
  99. /* -------------------------------------------------------------------------------------------------
  100. * ToolbarToggleGroup
  101. * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';
  102. const $3dc4ded751c8bdfb$export$aeae28cb17562c0b = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
  103. const { __scopeToolbar: __scopeToolbar , ...toggleGroupProps } = props;
  104. const context = $3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME, __scopeToolbar);
  105. const toggleGroupScope = $3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);
  106. return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root2, $72MJ6$babelruntimehelpersesmextends({
  107. "data-orientation": context.orientation,
  108. dir: context.dir
  109. }, toggleGroupScope, toggleGroupProps, {
  110. ref: forwardedRef,
  111. rovingFocus: false
  112. }));
  113. });
  114. /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$aeae28cb17562c0b, {
  115. displayName: $3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME
  116. });
  117. /* -------------------------------------------------------------------------------------------------
  118. * ToolbarToggleItem
  119. * -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOGGLE_ITEM_NAME = 'ToolbarToggleItem';
  120. const $3dc4ded751c8bdfb$export$546b879b639844a1 = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
  121. const { __scopeToolbar: __scopeToolbar , ...toggleItemProps } = props;
  122. const toggleGroupScope = $3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);
  123. const scope = {
  124. __scopeToolbar: props.__scopeToolbar
  125. };
  126. return /*#__PURE__*/ $72MJ6$createElement($3dc4ded751c8bdfb$export$e5c1a33878e86e9e, $72MJ6$babelruntimehelpersesmextends({
  127. asChild: true
  128. }, scope), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item1, $72MJ6$babelruntimehelpersesmextends({}, toggleGroupScope, toggleItemProps, {
  129. ref: forwardedRef
  130. })));
  131. });
  132. /*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$546b879b639844a1, {
  133. displayName: $3dc4ded751c8bdfb$var$TOGGLE_ITEM_NAME
  134. });
  135. /* ---------------------------------------------------------------------------------------------- */ const $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9 = $3dc4ded751c8bdfb$export$4c260019440d418f;
  136. const $3dc4ded751c8bdfb$export$1ff3c3f08ae963c0 = $3dc4ded751c8bdfb$export$291e1a31e8ec7868;
  137. const $3dc4ded751c8bdfb$export$353f5b6fc5456de1 = $3dc4ded751c8bdfb$export$e5c1a33878e86e9e;
  138. const $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a = $3dc4ded751c8bdfb$export$ff5714eba66809fd;
  139. const $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30 = $3dc4ded751c8bdfb$export$aeae28cb17562c0b;
  140. const $3dc4ded751c8bdfb$export$920ad4cf87b18fc7 = $3dc4ded751c8bdfb$export$546b879b639844a1;
  141. export {$3dc4ded751c8bdfb$export$233e637670877d91 as createToolbarScope, $3dc4ded751c8bdfb$export$4c260019440d418f as Toolbar, $3dc4ded751c8bdfb$export$291e1a31e8ec7868 as ToolbarSeparator, $3dc4ded751c8bdfb$export$e5c1a33878e86e9e as ToolbarButton, $3dc4ded751c8bdfb$export$ff5714eba66809fd as ToolbarLink, $3dc4ded751c8bdfb$export$aeae28cb17562c0b as ToolbarToggleGroup, $3dc4ded751c8bdfb$export$546b879b639844a1 as ToolbarToggleItem, $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9 as Root, $3dc4ded751c8bdfb$export$1ff3c3f08ae963c0 as Separator, $3dc4ded751c8bdfb$export$353f5b6fc5456de1 as Button, $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a as Link, $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30 as ToggleGroup, $3dc4ded751c8bdfb$export$920ad4cf87b18fc7 as ToggleItem};
  142. //# sourceMappingURL=index.mjs.map