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

Ariakit React core

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

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




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


var _L5A2ID7Scjs = require('./L5A2ID7S.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 = _6TI3NXX6cjs.createHook.call(void 0, 
  function useGroup2(props) {
    const [labelId, setLabelId] = _react.useState.call(void 0, );
    props = _L5A2ID7Scjs.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 = _6TI3NXX6cjs.forwardRef.call(void 0, function Group2(props) {
  const htmlProps = useGroup(props);
  return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
});




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