UNPKG

@ariakit/react-core

Version:

Ariakit React core

75 lines (58 loc) 2.09 kB
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); var _CQKDIUYTcjs = require('../__chunks/CQKDIUYT.cjs'); var _XS76VYALcjs = require('../__chunks/XS76VYAL.cjs'); require('../__chunks/E4LRYSXN.cjs'); var _64BKHVGOcjs = require('../__chunks/64BKHVGO.cjs'); require('../__chunks/MIBORXQW.cjs'); require('../__chunks/SZKZ5GQP.cjs'); require('../__chunks/GCJBB4ZT.cjs'); require('../__chunks/YAKNSXYI.cjs'); require('../__chunks/T3QB4FR3.cjs'); require('../__chunks/EMYYI4CZ.cjs'); require('../__chunks/QJGTENWI.cjs'); var _WBFXWJUHcjs = require('../__chunks/WBFXWJUH.cjs'); var _MZ2HG624cjs = require('../__chunks/MZ2HG624.cjs'); require('../__chunks/XMDZRF6Y.cjs'); // src/toolbar/toolbar.tsx var _jsxruntime = require('react/jsx-runtime'); var TagName = "div"; var useToolbar = _WBFXWJUHcjs.createHook.call(void 0, function useToolbar2({ store: storeProp, orientation: orientationProp, virtualFocus, focusLoop, rtl, ...props }) { const context = _XS76VYALcjs.useToolbarProviderContext.call(void 0, ); storeProp = storeProp || context; const store = _CQKDIUYTcjs.useToolbarStore.call(void 0, { store: storeProp, orientation: orientationProp, virtualFocus, focusLoop, rtl }); const orientation = store.useState( (state) => state.orientation === "both" ? void 0 : state.orientation ); props = _MZ2HG624cjs.useWrapElement.call(void 0, props, (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XS76VYALcjs.ToolbarScopedContextProvider, { value: store, children: element }), [store] ); props = { role: "toolbar", "aria-orientation": orientation, ...props }; props = _64BKHVGOcjs.useComposite.call(void 0, { store, ...props }); return props; } ); var Toolbar = _WBFXWJUHcjs.forwardRef.call(void 0, function Toolbar2(props) { const htmlProps = useToolbar(props); return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps); }); exports.Toolbar = Toolbar; exports.useToolbar = useToolbar;