@ariakit/react-core
Version:
Ariakit React core
75 lines (58 loc) • 2.09 kB
JavaScript
;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;