159 lines
9.5 KiB
JavaScript
159 lines
9.5 KiB
JavaScript
import $72MJ6$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
|
|
import {forwardRef as $72MJ6$forwardRef, createElement as $72MJ6$createElement} from "react";
|
|
import {composeEventHandlers as $72MJ6$composeEventHandlers} from "@radix-ui/primitive";
|
|
import {createContextScope as $72MJ6$createContextScope} from "@radix-ui/react-context";
|
|
import {createRovingFocusGroupScope as $72MJ6$createRovingFocusGroupScope, Root as $72MJ6$Root, Item as $72MJ6$Item} from "@radix-ui/react-roving-focus";
|
|
import {Primitive as $72MJ6$Primitive} from "@radix-ui/react-primitive";
|
|
import {Root as $72MJ6$Root1} from "@radix-ui/react-separator";
|
|
import {createToggleGroupScope as $72MJ6$createToggleGroupScope, Root as $72MJ6$Root2, Item as $72MJ6$Item1} from "@radix-ui/react-toggle-group";
|
|
import {useDirection as $72MJ6$useDirection} from "@radix-ui/react-direction";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* -------------------------------------------------------------------------------------------------
|
|
* Toolbar
|
|
* -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOOLBAR_NAME = 'Toolbar';
|
|
const [$3dc4ded751c8bdfb$var$createToolbarContext, $3dc4ded751c8bdfb$export$233e637670877d91] = $72MJ6$createContextScope($3dc4ded751c8bdfb$var$TOOLBAR_NAME, [
|
|
$72MJ6$createRovingFocusGroupScope,
|
|
$72MJ6$createToggleGroupScope
|
|
]);
|
|
const $3dc4ded751c8bdfb$var$useRovingFocusGroupScope = $72MJ6$createRovingFocusGroupScope();
|
|
const $3dc4ded751c8bdfb$var$useToggleGroupScope = $72MJ6$createToggleGroupScope();
|
|
const [$3dc4ded751c8bdfb$var$ToolbarProvider, $3dc4ded751c8bdfb$var$useToolbarContext] = $3dc4ded751c8bdfb$var$createToolbarContext($3dc4ded751c8bdfb$var$TOOLBAR_NAME);
|
|
const $3dc4ded751c8bdfb$export$4c260019440d418f = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
|
|
const { __scopeToolbar: __scopeToolbar , orientation: orientation = 'horizontal' , dir: dir , loop: loop = true , ...toolbarProps } = props;
|
|
const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
|
|
const direction = $72MJ6$useDirection(dir);
|
|
return /*#__PURE__*/ $72MJ6$createElement($3dc4ded751c8bdfb$var$ToolbarProvider, {
|
|
scope: __scopeToolbar,
|
|
orientation: orientation,
|
|
dir: direction
|
|
}, /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root, $72MJ6$babelruntimehelpersesmextends({
|
|
asChild: true
|
|
}, rovingFocusGroupScope, {
|
|
orientation: orientation,
|
|
dir: direction,
|
|
loop: loop
|
|
}), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.div, $72MJ6$babelruntimehelpersesmextends({
|
|
role: "toolbar",
|
|
"aria-orientation": orientation,
|
|
dir: direction
|
|
}, toolbarProps, {
|
|
ref: forwardedRef
|
|
}))));
|
|
});
|
|
/*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$4c260019440d418f, {
|
|
displayName: $3dc4ded751c8bdfb$var$TOOLBAR_NAME
|
|
});
|
|
/* -------------------------------------------------------------------------------------------------
|
|
* ToolbarSeparator
|
|
* -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$SEPARATOR_NAME = 'ToolbarSeparator';
|
|
const $3dc4ded751c8bdfb$export$291e1a31e8ec7868 = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
|
|
const { __scopeToolbar: __scopeToolbar , ...separatorProps } = props;
|
|
const context = $3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$SEPARATOR_NAME, __scopeToolbar);
|
|
return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root1, $72MJ6$babelruntimehelpersesmextends({
|
|
orientation: context.orientation === 'horizontal' ? 'vertical' : 'horizontal'
|
|
}, separatorProps, {
|
|
ref: forwardedRef
|
|
}));
|
|
});
|
|
/*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$291e1a31e8ec7868, {
|
|
displayName: $3dc4ded751c8bdfb$var$SEPARATOR_NAME
|
|
});
|
|
/* -------------------------------------------------------------------------------------------------
|
|
* ToolbarButton
|
|
* -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$BUTTON_NAME = 'ToolbarButton';
|
|
const $3dc4ded751c8bdfb$export$e5c1a33878e86e9e = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
|
|
const { __scopeToolbar: __scopeToolbar , ...buttonProps } = props;
|
|
const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
|
|
return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item, $72MJ6$babelruntimehelpersesmextends({
|
|
asChild: true
|
|
}, rovingFocusGroupScope, {
|
|
focusable: !props.disabled
|
|
}), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.button, $72MJ6$babelruntimehelpersesmextends({
|
|
type: "button"
|
|
}, buttonProps, {
|
|
ref: forwardedRef
|
|
})));
|
|
});
|
|
/*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$e5c1a33878e86e9e, {
|
|
displayName: $3dc4ded751c8bdfb$var$BUTTON_NAME
|
|
});
|
|
/* -------------------------------------------------------------------------------------------------
|
|
* ToolbarLink
|
|
* -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$LINK_NAME = 'ToolbarLink';
|
|
const $3dc4ded751c8bdfb$export$ff5714eba66809fd = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
|
|
const { __scopeToolbar: __scopeToolbar , ...linkProps } = props;
|
|
const rovingFocusGroupScope = $3dc4ded751c8bdfb$var$useRovingFocusGroupScope(__scopeToolbar);
|
|
return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item, $72MJ6$babelruntimehelpersesmextends({
|
|
asChild: true
|
|
}, rovingFocusGroupScope, {
|
|
focusable: true
|
|
}), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Primitive.a, $72MJ6$babelruntimehelpersesmextends({}, linkProps, {
|
|
ref: forwardedRef,
|
|
onKeyDown: $72MJ6$composeEventHandlers(props.onKeyDown, (event)=>{
|
|
if (event.key === ' ') event.currentTarget.click();
|
|
})
|
|
})));
|
|
});
|
|
/*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$ff5714eba66809fd, {
|
|
displayName: $3dc4ded751c8bdfb$var$LINK_NAME
|
|
});
|
|
/* -------------------------------------------------------------------------------------------------
|
|
* ToolbarToggleGroup
|
|
* -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';
|
|
const $3dc4ded751c8bdfb$export$aeae28cb17562c0b = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
|
|
const { __scopeToolbar: __scopeToolbar , ...toggleGroupProps } = props;
|
|
const context = $3dc4ded751c8bdfb$var$useToolbarContext($3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME, __scopeToolbar);
|
|
const toggleGroupScope = $3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);
|
|
return /*#__PURE__*/ $72MJ6$createElement($72MJ6$Root2, $72MJ6$babelruntimehelpersesmextends({
|
|
"data-orientation": context.orientation,
|
|
dir: context.dir
|
|
}, toggleGroupScope, toggleGroupProps, {
|
|
ref: forwardedRef,
|
|
rovingFocus: false
|
|
}));
|
|
});
|
|
/*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$aeae28cb17562c0b, {
|
|
displayName: $3dc4ded751c8bdfb$var$TOGGLE_GROUP_NAME
|
|
});
|
|
/* -------------------------------------------------------------------------------------------------
|
|
* ToolbarToggleItem
|
|
* -----------------------------------------------------------------------------------------------*/ const $3dc4ded751c8bdfb$var$TOGGLE_ITEM_NAME = 'ToolbarToggleItem';
|
|
const $3dc4ded751c8bdfb$export$546b879b639844a1 = /*#__PURE__*/ $72MJ6$forwardRef((props, forwardedRef)=>{
|
|
const { __scopeToolbar: __scopeToolbar , ...toggleItemProps } = props;
|
|
const toggleGroupScope = $3dc4ded751c8bdfb$var$useToggleGroupScope(__scopeToolbar);
|
|
const scope = {
|
|
__scopeToolbar: props.__scopeToolbar
|
|
};
|
|
return /*#__PURE__*/ $72MJ6$createElement($3dc4ded751c8bdfb$export$e5c1a33878e86e9e, $72MJ6$babelruntimehelpersesmextends({
|
|
asChild: true
|
|
}, scope), /*#__PURE__*/ $72MJ6$createElement($72MJ6$Item1, $72MJ6$babelruntimehelpersesmextends({}, toggleGroupScope, toggleItemProps, {
|
|
ref: forwardedRef
|
|
})));
|
|
});
|
|
/*#__PURE__*/ Object.assign($3dc4ded751c8bdfb$export$546b879b639844a1, {
|
|
displayName: $3dc4ded751c8bdfb$var$TOGGLE_ITEM_NAME
|
|
});
|
|
/* ---------------------------------------------------------------------------------------------- */ const $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9 = $3dc4ded751c8bdfb$export$4c260019440d418f;
|
|
const $3dc4ded751c8bdfb$export$1ff3c3f08ae963c0 = $3dc4ded751c8bdfb$export$291e1a31e8ec7868;
|
|
const $3dc4ded751c8bdfb$export$353f5b6fc5456de1 = $3dc4ded751c8bdfb$export$e5c1a33878e86e9e;
|
|
const $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a = $3dc4ded751c8bdfb$export$ff5714eba66809fd;
|
|
const $3dc4ded751c8bdfb$export$af3ec21f6cfb5e30 = $3dc4ded751c8bdfb$export$aeae28cb17562c0b;
|
|
const $3dc4ded751c8bdfb$export$920ad4cf87b18fc7 = $3dc4ded751c8bdfb$export$546b879b639844a1;
|
|
|
|
|
|
|
|
|
|
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};
|
|
//# sourceMappingURL=index.mjs.map
|