UNPKG

@crossed/primitive

Version:

A universal & performant styling library for React Native, Next.js & React

48 lines (47 loc) 1.95 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var SelectContent_exports = {}; __export(SelectContent_exports, { createSelectContent: () => createSelectContent }); module.exports = __toCommonJS(SelectContent_exports); var import_jsx_runtime = require("react/jsx-runtime"); var import_react = require("react"); var import_context = require("./context"); var import_RovingFocus = require("../utils/RovingFocus"); var import_VisibilityHidden = require("../utils/VisibilityHidden"); const createSelectContent = (StyledRoot) => (0, import_react.forwardRef)((props, ref) => { const { id, open } = (0, import_context.useContext)(); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RovingFocus.RovingFocus, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisibilityHidden.VisibilityHidden, { hidden: !open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( StyledRoot, { role: "menu", ...props, ref, id, "aria-labelledby": `label-${id}`, autoFocus: true } ) }) }); }); // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { createSelectContent }); //# sourceMappingURL=SelectContent.js.map