Spaces:
Build error
Build error
| ; | |
| var __create = Object.create; | |
| var __defProp = Object.defineProperty; | |
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | |
| var __getOwnPropNames = Object.getOwnPropertyNames; | |
| var __getProtoOf = Object.getPrototypeOf; | |
| 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | |
| // If the importer is in node compatibility mode or this is not an ESM | |
| // file that has been converted to a CommonJS file using a Babel- | |
| // compatible transform (i.e. "__esModule" has not been set), then set | |
| // "default" to the CommonJS "module.exports" for node compatibility. | |
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | |
| mod | |
| )); | |
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | |
| // src/index.ts | |
| var index_exports = {}; | |
| __export(index_exports, { | |
| Root: () => Slot, | |
| Slot: () => Slot, | |
| Slottable: () => Slottable, | |
| createSlot: () => createSlot, | |
| createSlottable: () => createSlottable | |
| }); | |
| module.exports = __toCommonJS(index_exports); | |
| // src/slot.tsx | |
| var React = __toESM(require("react")); | |
| var import_react_compose_refs = require("@radix-ui/react-compose-refs"); | |
| var import_jsx_runtime = require("react/jsx-runtime"); | |
| var REACT_LAZY_TYPE = Symbol.for("react.lazy"); | |
| var use = React[" use ".trim().toString()]; | |
| function isPromiseLike(value) { | |
| return typeof value === "object" && value !== null && "then" in value; | |
| } | |
| function isLazyComponent(element) { | |
| return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload); | |
| } | |
| // @__NO_SIDE_EFFECTS__ | |
| function createSlot(ownerName) { | |
| const SlotClone = /* @__PURE__ */ createSlotClone(ownerName); | |
| const Slot2 = React.forwardRef((props, forwardedRef) => { | |
| let { children, ...slotProps } = props; | |
| if (isLazyComponent(children) && typeof use === "function") { | |
| children = use(children._payload); | |
| } | |
| const childrenArray = React.Children.toArray(children); | |
| const slottable = childrenArray.find(isSlottable); | |
| if (slottable) { | |
| const newElement = slottable.props.children; | |
| const newChildren = childrenArray.map((child) => { | |
| if (child === slottable) { | |
| if (React.Children.count(newElement) > 1) return React.Children.only(null); | |
| return React.isValidElement(newElement) ? newElement.props.children : null; | |
| } else { | |
| return child; | |
| } | |
| }); | |
| return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null }); | |
| } | |
| return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children }); | |
| }); | |
| Slot2.displayName = `${ownerName}.Slot`; | |
| return Slot2; | |
| } | |
| var Slot = /* @__PURE__ */ createSlot("Slot"); | |
| // @__NO_SIDE_EFFECTS__ | |
| function createSlotClone(ownerName) { | |
| const SlotClone = React.forwardRef((props, forwardedRef) => { | |
| let { children, ...slotProps } = props; | |
| if (isLazyComponent(children) && typeof use === "function") { | |
| children = use(children._payload); | |
| } | |
| if (React.isValidElement(children)) { | |
| const childrenRef = getElementRef(children); | |
| const props2 = mergeProps(slotProps, children.props); | |
| if (children.type !== React.Fragment) { | |
| props2.ref = forwardedRef ? (0, import_react_compose_refs.composeRefs)(forwardedRef, childrenRef) : childrenRef; | |
| } | |
| return React.cloneElement(children, props2); | |
| } | |
| return React.Children.count(children) > 1 ? React.Children.only(null) : null; | |
| }); | |
| SlotClone.displayName = `${ownerName}.SlotClone`; | |
| return SlotClone; | |
| } | |
| var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable"); | |
| // @__NO_SIDE_EFFECTS__ | |
| function createSlottable(ownerName) { | |
| const Slottable2 = ({ children }) => { | |
| return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }); | |
| }; | |
| Slottable2.displayName = `${ownerName}.Slottable`; | |
| Slottable2.__radixId = SLOTTABLE_IDENTIFIER; | |
| return Slottable2; | |
| } | |
| var Slottable = /* @__PURE__ */ createSlottable("Slottable"); | |
| function isSlottable(child) { | |
| return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER; | |
| } | |
| function mergeProps(slotProps, childProps) { | |
| const overrideProps = { ...childProps }; | |
| for (const propName in childProps) { | |
| const slotPropValue = slotProps[propName]; | |
| const childPropValue = childProps[propName]; | |
| const isHandler = /^on[A-Z]/.test(propName); | |
| if (isHandler) { | |
| if (slotPropValue && childPropValue) { | |
| overrideProps[propName] = (...args) => { | |
| const result = childPropValue(...args); | |
| slotPropValue(...args); | |
| return result; | |
| }; | |
| } else if (slotPropValue) { | |
| overrideProps[propName] = slotPropValue; | |
| } | |
| } else if (propName === "style") { | |
| overrideProps[propName] = { ...slotPropValue, ...childPropValue }; | |
| } else if (propName === "className") { | |
| overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" "); | |
| } | |
| } | |
| return { ...slotProps, ...overrideProps }; | |
| } | |
| function getElementRef(element) { | |
| let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get; | |
| let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning; | |
| if (mayWarn) { | |
| return element.ref; | |
| } | |
| getter = Object.getOwnPropertyDescriptor(element, "ref")?.get; | |
| mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning; | |
| if (mayWarn) { | |
| return element.props.ref; | |
| } | |
| return element.props.ref || element.ref; | |
| } | |
| //# sourceMappingURL=index.js.map | |