@ariakit/react-core/cjs/__chunks/65FJLYG7.cjs

Ariakit React core

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

var _XRATBFDXcjs = require('./XRATBFDX.cjs');




var _WULEED4Qcjs = require('./WULEED4Q.cjs');


var _OZM4QA2Vcjs = require('./OZM4QA2V.cjs');


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

// src/group/group.tsx
var _misc = require('@ariakit/core/utils/misc');
var _react = require('react');
var _jsxruntime = require('react/jsx-runtime');
var TagName = "div";
var useGroup = _WULEED4Qcjs.createHook.call(void 0, 
  function useGroup2(props) {
    const [labelId, setLabelId] = _react.useState.call(void 0, );
    props = _OZM4QA2Vcjs.useWrapElement.call(void 0, 
      props,
      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XRATBFDXcjs.GroupLabelContext.Provider, { value: setLabelId, children: element }),
      []
    );
    props = _7EQBAZ46cjs.__spreadValues.call(void 0, {
      role: "group",
      "aria-labelledby": labelId
    }, props);
    return _misc.removeUndefinedValues.call(void 0, props);
  }
);
var Group = _WULEED4Qcjs.forwardRef.call(void 0, function Group2(props) {
  const htmlProps = useGroup(props);
  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
});




exports.useGroup = useGroup; exports.Group = Group;