UNPKG

@crossed/primitive

Version:

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

37 lines (36 loc) 2.09 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 ButtonGroup_exports = {}; __export(ButtonGroup_exports, { createButtonGroup: () => createButtonGroup }); module.exports = __toCommonJS(ButtonGroup_exports); var import_jsx_runtime = require("react/jsx-runtime"); var import_react = require("react"); var import_contextGroup = require("./contextGroup"); var import_RovingFocus = require("../utils/RovingFocus"); var import_contextCollection = require("./contextCollection"); const createButtonGroup = (StyledGroup) => (0, import_react.forwardRef)((props, ref) => { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contextGroup.ProviderGroup, { grouped: true, orientation: props.orientation ?? "horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RovingFocus.RovingFocusGroup, { orientation: props.orientation ?? "horizontal", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contextCollection.ButtonGroupCollection.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_contextCollection.ButtonGroupCollection.Slot, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledGroup, { ...props, ref }) }) }) }) }); }); // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { createButtonGroup }); //# sourceMappingURL=ButtonGroup.js.map