UNPKG

@crossed/ui

Version:

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

61 lines (60 loc) 2.06 kB
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 Root_exports = {}; __export(Root_exports, { createRoot: () => createRoot }); module.exports = __toCommonJS(Root_exports); var import_jsx_runtime = require("react/jsx-runtime"); var import_react = require("react"); var import_YBox = require("../../layout/YBox"); var import_useTabs = require("./useTabs"); var import_useMedia = require("../../useMedia"); const createRoot = (TabsProvider) => ({ children, value: valueProps, defaultValue, finalValue, onChange, variant = "rounded", size, ...props }) => { const tabsInstance = (0, import_useTabs.useTabs)({ value: valueProps, defaultValue, finalValue, onChange }); const { md, lg } = (0, import_useMedia.useMedia)(); const tmpSize = (0, import_react.useMemo)(() => { if (typeof size !== "undefined") return size; if (lg) return "lg"; if (md) return "md"; return "sm"; }, [lg, size, md]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsProvider, { ...tabsInstance, variant, size: tmpSize, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_YBox.YBox, { space: "sm", ...props, children }) }); }; // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { createRoot }); //# sourceMappingURL=Root.js.map