@glob-ui/slot 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Martínez E
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,17 @@
-# Temporary Holding Version
+# @glob-ui/slot
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Renders its single child with the props, className, handlers and ref merged in. It is how `asChild` works.
+
+## Install
+
+```bash
+pnpm add @glob-ui/slot
+```
+
+## Documentation
+
+Full docs, examples and the accessibility table: [Slot](https://github.com/kevin-martineze/GlobUI/tree/main/apps/docs/content/docs/utilities/slot.mdx).
+
+## License
+
+MIT. See [LICENSE](./LICENSE).

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+
+type AnyProps = Record<string, unknown>;
+/** Returns one callback ref that writes `node` into every ref passed. */
+declare function composeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+/**
+ * Merges slot props with child props. The child wins on plain props.
+ * className: cn(slot, child). style: shallow merge, child wins.
+ * on* handlers: child runs first; the slot handler runs unless the child called preventDefault().
+ */
+declare function mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps;
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+/** Renders its single child element with the Slot's props, className, handlers and ref merged in. */
+declare const Slot: react.ForwardRefExoticComponent<SlotProps & react.RefAttributes<HTMLElement>>;
+
+export { Slot, type SlotProps, composeRefs, mergeProps };

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+
+type AnyProps = Record<string, unknown>;
+/** Returns one callback ref that writes `node` into every ref passed. */
+declare function composeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+/**
+ * Merges slot props with child props. The child wins on plain props.
+ * className: cn(slot, child). style: shallow merge, child wins.
+ * on* handlers: child runs first; the slot handler runs unless the child called preventDefault().
+ */
+declare function mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps;
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+/** Renders its single child element with the Slot's props, className, handlers and ref merged in. */
+declare const Slot: react.ForwardRefExoticComponent<SlotProps & react.RefAttributes<HTMLElement>>;
+
+export { Slot, type SlotProps, composeRefs, mergeProps };

package/dist/index.js

@@ -0,0 +1,112 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Slot: () => Slot,
+  composeRefs: () => composeRefs,
+  mergeProps: () => mergeProps
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/slot.tsx
+var import_react = require("react");
+var import_utils = require("@glob-ui/utils");
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    }
+  };
+}
+function isPrevented(event) {
+  return typeof event === "object" && event !== null && event.defaultPrevented === true;
+}
+function mergeProps(slotProps, childProps) {
+  const merged = __spreadValues({}, slotProps);
+  for (const key of Object.keys(childProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        const result = childValue(...args);
+        if (!isPrevented(args[0])) slotValue(...args);
+        return result;
+      };
+    } else if (key === "className") {
+      merged[key] = (0, import_utils.cn)(slotValue, childValue);
+    } else if (key === "style") {
+      merged[key] = __spreadValues(__spreadValues({}, slotValue), childValue);
+    } else if (childValue !== void 0) {
+      merged[key] = childValue;
+    }
+  }
+  return merged;
+}
+var Slot = (0, import_react.forwardRef)((_a, forwardedRef) => {
+  var _b = _a, { children } = _b, slotProps = __objRest(_b, ["children"]);
+  const child = import_react.Children.only(children);
+  const childProps = (0, import_react.isValidElement)(child) ? child.props : {};
+  const childRef = childProps.ref;
+  const ref = (0, import_react.useMemo)(
+    () => forwardedRef && childRef ? composeRefs(forwardedRef, childRef) : forwardedRef != null ? forwardedRef : childRef,
+    [forwardedRef, childRef]
+  );
+  if (!(0, import_react.isValidElement)(child)) return null;
+  return (0, import_react.cloneElement)(child, __spreadProps(__spreadValues({}, mergeProps(slotProps, childProps)), { ref }));
+});
+Slot.displayName = "Slot";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Slot,
+  composeRefs,
+  mergeProps
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/slot.tsx"],"sourcesContent":["export { Slot, composeRefs, mergeProps } from \"./slot\"\nexport type { SlotProps } from \"./slot\"\n","import { Children, cloneElement, forwardRef, isValidElement, useMemo } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\n\ntype AnyProps = Record<string, unknown>\ntype Handler = (...args: unknown[]) => unknown\n\n/** Returns one callback ref that writes `node` into every ref passed. */\nfunction composeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(node)\n      else if (ref) (ref as React.RefObject<T | null>).current = node\n    }\n  }\n}\n\nfunction isPrevented(event: unknown) {\n  return typeof event === \"object\" && event !== null && (event as { defaultPrevented?: boolean }).defaultPrevented === true\n}\n\n/**\n * Merges slot props with child props. The child wins on plain props.\n * className: cn(slot, child). style: shallow merge, child wins.\n * on* handlers: child runs first; the slot handler runs unless the child called preventDefault().\n */\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...slotProps }\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key]\n    const childValue = childProps[key]\n    if (/^on[A-Z]/.test(key) && typeof slotValue === \"function\" && typeof childValue === \"function\") {\n      merged[key] = (...args: unknown[]) => {\n        const result = (childValue as Handler)(...args)\n        if (!isPrevented(args[0])) (slotValue as Handler)(...args)\n        return result\n      }\n    } else if (key === \"className\") {\n      merged[key] = cn(slotValue as string, childValue as string)\n    } else if (key === \"style\") {\n      merged[key] = { ...(slotValue as object), ...(childValue as object) }\n    } else if (childValue !== undefined) {\n      merged[key] = childValue\n    }\n  }\n  return merged\n}\n\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode\n}\n\n/** Renders its single child element with the Slot's props, className, handlers and ref merged in. */\nconst Slot = forwardRef<HTMLElement, SlotProps>(({ children, ...slotProps }, forwardedRef) => {\n  const child = Children.only(children)\n  const childProps = (isValidElement(child) ? child.props : {}) as AnyProps\n  // React 19: ref is a regular prop on the element.\n  const childRef = childProps.ref as React.Ref<HTMLElement> | undefined\n\n  // Only build a callback when both exist, so server-rendered markup never gets a function ref.\n  const ref = useMemo(\n    () => (forwardedRef && childRef ? composeRefs(forwardedRef, childRef) : (forwardedRef ?? childRef)),\n    [forwardedRef, childRef]\n  )\n\n  if (!isValidElement(child)) return null\n  return cloneElement(child, { ...mergeProps(slotProps, childProps), ref } as AnyProps)\n})\nSlot.displayName = \"Slot\"\n\nexport { Slot, composeRefs, mergeProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA4E;AAC5E,mBAAmB;AAMnB,SAAS,eAAkB,MAA0D;AACnF,SAAO,CAAC,SAAS;AACf,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,eAC9B,IAAK,CAAC,IAAkC,UAAU;AAAA,IAC7D;AAAA,EACF;AACF;AAEA,SAAS,YAAY,OAAgB;AACnC,SAAO,OAAO,UAAU,YAAY,UAAU,QAAS,MAAyC,qBAAqB;AACvH;AAOA,SAAS,WAAW,WAAqB,YAAgC;AACvE,QAAM,SAAmB,mBAAK;AAC9B,aAAW,OAAO,OAAO,KAAK,UAAU,GAAG;AACzC,UAAM,YAAY,UAAU,GAAG;AAC/B,UAAM,aAAa,WAAW,GAAG;AACjC,QAAI,WAAW,KAAK,GAAG,KAAK,OAAO,cAAc,cAAc,OAAO,eAAe,YAAY;AAC/F,aAAO,GAAG,IAAI,IAAI,SAAoB;AACpC,cAAM,SAAU,WAAuB,GAAG,IAAI;AAC9C,YAAI,CAAC,YAAY,KAAK,CAAC,CAAC,EAAG,CAAC,UAAsB,GAAG,IAAI;AACzD,eAAO;AAAA,MACT;AAAA,IACF,WAAW,QAAQ,aAAa;AAC9B,aAAO,GAAG,QAAI,iBAAG,WAAqB,UAAoB;AAAA,IAC5D,WAAW,QAAQ,SAAS;AAC1B,aAAO,GAAG,IAAI,kCAAM,YAA0B;AAAA,IAChD,WAAW,eAAe,QAAW;AACnC,aAAO,GAAG,IAAI;AAAA,IAChB;AAAA,EACF;AACA,SAAO;AACT;AAOA,IAAM,WAAO,yBAAmC,CAAC,IAA4B,iBAAiB;AAA7C,eAAE,WApDnD,IAoDiD,IAAe,sBAAf,IAAe,CAAb;AACjD,QAAM,QAAQ,sBAAS,KAAK,QAAQ;AACpC,QAAM,iBAAc,6BAAe,KAAK,IAAI,MAAM,QAAQ,CAAC;AAE3D,QAAM,WAAW,WAAW;AAG5B,QAAM,UAAM;AAAA,IACV,MAAO,gBAAgB,WAAW,YAAY,cAAc,QAAQ,IAAK,sCAAgB;AAAA,IACzF,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,MAAI,KAAC,6BAAe,KAAK,EAAG,QAAO;AACnC,aAAO,2BAAa,OAAO,iCAAK,WAAW,WAAW,UAAU,IAArC,EAAwC,IAAI,EAAa;AACtF,CAAC;AACD,KAAK,cAAc;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,86 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/slot.tsx
+import { Children, cloneElement, forwardRef, isValidElement, useMemo } from "react";
+import { cn } from "@glob-ui/utils";
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    }
+  };
+}
+function isPrevented(event) {
+  return typeof event === "object" && event !== null && event.defaultPrevented === true;
+}
+function mergeProps(slotProps, childProps) {
+  const merged = __spreadValues({}, slotProps);
+  for (const key of Object.keys(childProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        const result = childValue(...args);
+        if (!isPrevented(args[0])) slotValue(...args);
+        return result;
+      };
+    } else if (key === "className") {
+      merged[key] = cn(slotValue, childValue);
+    } else if (key === "style") {
+      merged[key] = __spreadValues(__spreadValues({}, slotValue), childValue);
+    } else if (childValue !== void 0) {
+      merged[key] = childValue;
+    }
+  }
+  return merged;
+}
+var Slot = forwardRef((_a, forwardedRef) => {
+  var _b = _a, { children } = _b, slotProps = __objRest(_b, ["children"]);
+  const child = Children.only(children);
+  const childProps = isValidElement(child) ? child.props : {};
+  const childRef = childProps.ref;
+  const ref = useMemo(
+    () => forwardedRef && childRef ? composeRefs(forwardedRef, childRef) : forwardedRef != null ? forwardedRef : childRef,
+    [forwardedRef, childRef]
+  );
+  if (!isValidElement(child)) return null;
+  return cloneElement(child, __spreadProps(__spreadValues({}, mergeProps(slotProps, childProps)), { ref }));
+});
+Slot.displayName = "Slot";
+export {
+  Slot,
+  composeRefs,
+  mergeProps
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slot.tsx"],"sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement, useMemo } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\n\ntype AnyProps = Record<string, unknown>\ntype Handler = (...args: unknown[]) => unknown\n\n/** Returns one callback ref that writes `node` into every ref passed. */\nfunction composeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(node)\n      else if (ref) (ref as React.RefObject<T | null>).current = node\n    }\n  }\n}\n\nfunction isPrevented(event: unknown) {\n  return typeof event === \"object\" && event !== null && (event as { defaultPrevented?: boolean }).defaultPrevented === true\n}\n\n/**\n * Merges slot props with child props. The child wins on plain props.\n * className: cn(slot, child). style: shallow merge, child wins.\n * on* handlers: child runs first; the slot handler runs unless the child called preventDefault().\n */\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...slotProps }\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key]\n    const childValue = childProps[key]\n    if (/^on[A-Z]/.test(key) && typeof slotValue === \"function\" && typeof childValue === \"function\") {\n      merged[key] = (...args: unknown[]) => {\n        const result = (childValue as Handler)(...args)\n        if (!isPrevented(args[0])) (slotValue as Handler)(...args)\n        return result\n      }\n    } else if (key === \"className\") {\n      merged[key] = cn(slotValue as string, childValue as string)\n    } else if (key === \"style\") {\n      merged[key] = { ...(slotValue as object), ...(childValue as object) }\n    } else if (childValue !== undefined) {\n      merged[key] = childValue\n    }\n  }\n  return merged\n}\n\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode\n}\n\n/** Renders its single child element with the Slot's props, className, handlers and ref merged in. */\nconst Slot = forwardRef<HTMLElement, SlotProps>(({ children, ...slotProps }, forwardedRef) => {\n  const child = Children.only(children)\n  const childProps = (isValidElement(child) ? child.props : {}) as AnyProps\n  // React 19: ref is a regular prop on the element.\n  const childRef = childProps.ref as React.Ref<HTMLElement> | undefined\n\n  // Only build a callback when both exist, so server-rendered markup never gets a function ref.\n  const ref = useMemo(\n    () => (forwardedRef && childRef ? composeRefs(forwardedRef, childRef) : (forwardedRef ?? childRef)),\n    [forwardedRef, childRef]\n  )\n\n  if (!isValidElement(child)) return null\n  return cloneElement(child, { ...mergeProps(slotProps, childProps), ref } as AnyProps)\n})\nSlot.displayName = \"Slot\"\n\nexport { Slot, composeRefs, mergeProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,UAAU,cAAc,YAAY,gBAAgB,eAAe;AAC5E,SAAS,UAAU;AAMnB,SAAS,eAAkB,MAA0D;AACnF,SAAO,CAAC,SAAS;AACf,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,eAC9B,IAAK,CAAC,IAAkC,UAAU;AAAA,IAC7D;AAAA,EACF;AACF;AAEA,SAAS,YAAY,OAAgB;AACnC,SAAO,OAAO,UAAU,YAAY,UAAU,QAAS,MAAyC,qBAAqB;AACvH;AAOA,SAAS,WAAW,WAAqB,YAAgC;AACvE,QAAM,SAAmB,mBAAK;AAC9B,aAAW,OAAO,OAAO,KAAK,UAAU,GAAG;AACzC,UAAM,YAAY,UAAU,GAAG;AAC/B,UAAM,aAAa,WAAW,GAAG;AACjC,QAAI,WAAW,KAAK,GAAG,KAAK,OAAO,cAAc,cAAc,OAAO,eAAe,YAAY;AAC/F,aAAO,GAAG,IAAI,IAAI,SAAoB;AACpC,cAAM,SAAU,WAAuB,GAAG,IAAI;AAC9C,YAAI,CAAC,YAAY,KAAK,CAAC,CAAC,EAAG,CAAC,UAAsB,GAAG,IAAI;AACzD,eAAO;AAAA,MACT;AAAA,IACF,WAAW,QAAQ,aAAa;AAC9B,aAAO,GAAG,IAAI,GAAG,WAAqB,UAAoB;AAAA,IAC5D,WAAW,QAAQ,SAAS;AAC1B,aAAO,GAAG,IAAI,kCAAM,YAA0B;AAAA,IAChD,WAAW,eAAe,QAAW;AACnC,aAAO,GAAG,IAAI;AAAA,IAChB;AAAA,EACF;AACA,SAAO;AACT;AAOA,IAAM,OAAO,WAAmC,CAAC,IAA4B,iBAAiB;AAA7C,eAAE,WApDnD,IAoDiD,IAAe,sBAAf,IAAe,CAAb;AACjD,QAAM,QAAQ,SAAS,KAAK,QAAQ;AACpC,QAAM,aAAc,eAAe,KAAK,IAAI,MAAM,QAAQ,CAAC;AAE3D,QAAM,WAAW,WAAW;AAG5B,QAAM,MAAM;AAAA,IACV,MAAO,gBAAgB,WAAW,YAAY,cAAc,QAAQ,IAAK,sCAAgB;AAAA,IACzF,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,MAAI,CAAC,eAAe,KAAK,EAAG,QAAO;AACnC,SAAO,aAAa,OAAO,iCAAK,WAAW,WAAW,UAAU,IAArC,EAAwC,IAAI,EAAa;AACtF,CAAC;AACD,KAAK,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,67 @@
 {
   "name": "@glob-ui/slot",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "LICENSE",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": "^19"
+  },
+  "dependencies": {
+    "@glob-ui/utils": "0.1.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1"
+  },
+  "description": "Renders its single child with the props, className, handlers and ref merged in. It is how `asChild` works.",
+  "keywords": [
+    "react",
+    "glob-ui",
+    "components",
+    "accessible",
+    "tailwind",
+    "slot"
+  ],
+  "license": "MIT",
+  "author": "Kevin Martínez E",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevin-martineze/GlobUI.git",
+    "directory": "packages/slot"
+  },
+  "homepage": "https://github.com/kevin-martineze/GlobUI#readme",
+  "bugs": {
+    "url": "https://github.com/kevin-martineze/GlobUI/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
+  "type": "commonjs",
+  "engines": {
+    "node": ">=18.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --no-clean"
+  }
 }