@ariakit/react-core/cjs/__chunks/NBOFHVMM.cjs

Ariakit React core

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _4QLKTLUAcjs = require('./4QLKTLUA.cjs');


var _CWQU4R75cjs = require('./CWQU4R75.cjs');




var _6TI3NXX6cjs = require('./6TI3NXX6.cjs');




var _7EQBAZ46cjs = require('./7EQBAZ46.cjs');

// src/composite/composite-separator.tsx
var _misc = require('@ariakit/core/utils/misc');
var TagName = "hr";
var useCompositeSeparator = _6TI3NXX6cjs.createHook.call(void 0, function useCompositeSeparator2(_a) {
  var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
  const context = _CWQU4R75cjs.useCompositeContext.call(void 0, );
  store = store || context;
  _misc.invariant.call(void 0, 
    store,
    process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
  );
  const orientation = store.useState(
    (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
  );
  props = _4QLKTLUAcjs.useSeparator.call(void 0, _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, props), { orientation }));
  return props;
});
var CompositeSeparator = _6TI3NXX6cjs.forwardRef.call(void 0, function CompositeSeparator2(props) {
  const htmlProps = useCompositeSeparator(props);
  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
});




exports.useCompositeSeparator = useCompositeSeparator; exports.CompositeSeparator = CompositeSeparator;