@ariakit/react-core/cjs/select/select-label.cjs

Ariakit React core

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

var _44ZWQTBBcjs = require('../__chunks/44ZWQTBB.cjs');
require('../__chunks/ZVS6SBRR.cjs');
require('../__chunks/VF7H2WBX.cjs');
require('../__chunks/EJVJIL4S.cjs');
require('../__chunks/CWQU4R75.cjs');
require('../__chunks/FVVTEJ4K.cjs');





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




var _L5A2ID7Scjs = require('../__chunks/L5A2ID7S.cjs');
require('../__chunks/FDRJDQ5Y.cjs');




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

// src/select/select-label.tsx
var _misc = require('@ariakit/core/utils/misc');
var TagName = "div";
var useSelectLabel = _6TI3NXX6cjs.createHook.call(void 0, 
  function useSelectLabel2(_a) {
    var _b = _a, { store } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store"]);
    const context = _44ZWQTBBcjs.useSelectProviderContext.call(void 0, );
    store = store || context;
    _misc.invariant.call(void 0, 
      store,
      process.env.NODE_ENV !== "production" && "SelectLabel must receive a `store` prop or be wrapped in a SelectProvider component."
    );
    const id = _L5A2ID7Scjs.useId.call(void 0, props.id);
    const onClickProp = props.onClick;
    const onClick = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
      onClickProp == null ? void 0 : onClickProp(event);
      if (event.defaultPrevented) return;
      queueMicrotask(() => {
        const select = store == null ? void 0 : store.getState().selectElement;
        select == null ? void 0 : select.focus();
      });
    });
    props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
      id
    }, props), {
      ref: _L5A2ID7Scjs.useMergeRefs.call(void 0, store.setLabelElement, props.ref),
      onClick,
      style: _7EQBAZ46cjs.__spreadValues.call(void 0, {
        cursor: "default"
      }, props.style)
    });
    return _misc.removeUndefinedValues.call(void 0, props);
  }
);
var SelectLabel = _6TI3NXX6cjs.memo.call(void 0, 
  _6TI3NXX6cjs.forwardRef.call(void 0, function SelectLabel2(props) {
    const htmlProps = useSelectLabel(props);
    return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
  })
);



exports.SelectLabel = SelectLabel; exports.useSelectLabel = useSelectLabel;