index.js 11 KB

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