@ariakit/react-core
Version:
Ariakit React core
85 lines (83 loc) • 2.06 kB
JavaScript
"use client";
import {
useToolbarStore
} from "../__chunks/W2VQMCQN.js";
import {
ToolbarScopedContextProvider,
useToolbarProviderContext
} from "../__chunks/RRHVJAMQ.js";
import "../__chunks/B7UTNDHN.js";
import {
useComposite
} from "../__chunks/NSTBQJLB.js";
import "../__chunks/5VQZOHHZ.js";
import "../__chunks/AMMIPFT4.js";
import "../__chunks/APTFW6PT.js";
import "../__chunks/OE2EFRVA.js";
import "../__chunks/SWN3JYXT.js";
import "../__chunks/RTNCFSKZ.js";
import "../__chunks/5CPL3B7G.js";
import {
createElement,
createHook,
forwardRef
} from "../__chunks/VOQWLFSQ.js";
import {
useWrapElement
} from "../__chunks/5GGHRIN3.js";
import "../__chunks/SK3NAZA3.js";
import {
__objRest,
__spreadValues
} from "../__chunks/3YLGPPWQ.js";
// src/toolbar/toolbar.tsx
import { jsx } from "react/jsx-runtime";
var TagName = "div";
var useToolbar = createHook(
function useToolbar2(_a) {
var _b = _a, {
store: storeProp,
orientation: orientationProp,
virtualFocus,
focusLoop,
rtl
} = _b, props = __objRest(_b, [
"store",
"orientation",
"virtualFocus",
"focusLoop",
"rtl"
]);
const context = useToolbarProviderContext();
storeProp = storeProp || context;
const store = useToolbarStore({
store: storeProp,
orientation: orientationProp,
virtualFocus,
focusLoop,
rtl
});
const orientation = store.useState(
(state) => state.orientation === "both" ? void 0 : state.orientation
);
props = useWrapElement(
props,
(element) => /* @__PURE__ */ jsx(ToolbarScopedContextProvider, { value: store, children: element }),
[store]
);
props = __spreadValues({
role: "toolbar",
"aria-orientation": orientation
}, props);
props = useComposite(__spreadValues({ store }, props));
return props;
}
);
var Toolbar = forwardRef(function Toolbar2(props) {
const htmlProps = useToolbar(props);
return createElement(TagName, htmlProps);
});
export {
Toolbar,
useToolbar
};