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

Ariakit React core

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


var _EOGOO37Xcjs = require('./EOGOO37X.cjs');


var _RDNUVX4Vcjs = require('./RDNUVX4V.cjs');




var _SQLDFLTEcjs = require('./SQLDFLTE.cjs');



var _4KGS3DOWcjs = require('./4KGS3DOW.cjs');

// src/composite/composite-row.tsx
var _misc = require('@ariakit/core/utils/misc');
var _react = require('react');
var _jsxruntime = require('react/jsx-runtime');
var TagName = "div";
var useCompositeRow = _SQLDFLTEcjs.createHook.call(void 0, 
  function useCompositeRow2({
    store,
    "aria-setsize": ariaSetSize,
    "aria-posinset": ariaPosInSet,
    ...props
  }) {
    const context = _EOGOO37Xcjs.useCompositeContext.call(void 0, );
    store = store || context;
    _misc.invariant.call(void 0, 
      store,
      process.env.NODE_ENV !== "production" && "CompositeRow must be wrapped in a Composite component."
    );
    const id = _4KGS3DOWcjs.useId.call(void 0, props.id);
    const baseElement = _RDNUVX4Vcjs.useStoreState.call(void 0, 
      store,
      (state) => state.baseElement || void 0
    );
    const providerValue = _react.useMemo.call(void 0, 
      () => ({ id, baseElement, ariaSetSize, ariaPosInSet }),
      [id, baseElement, ariaSetSize, ariaPosInSet]
    );
    props = _4KGS3DOWcjs.useWrapElement.call(void 0, 
      props,
      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _EOGOO37Xcjs.CompositeRowContext.Provider, { value: providerValue, children: element }),
      [providerValue]
    );
    props = { ...props, id };
    return _misc.removeUndefinedValues.call(void 0, props);
  }
);
var CompositeRow = _SQLDFLTEcjs.forwardRef.call(void 0, function CompositeRow2(props) {
  const htmlProps = useCompositeRow(props);
  return _SQLDFLTEcjs.createElement.call(void 0, TagName, htmlProps);
});




exports.useCompositeRow = useCompositeRow; exports.CompositeRow = CompositeRow;