@blockle/blocks-react-slot 1.0.1 → 1.1.0

package/dist/createSlottable.d.ts

@@ -1,6 +1,6 @@
 import { HTMLElementProps } from '@blockle/blocks-core';
 import { default as React } from 'react';
-import { Slot } from './Slot/Slot';
+import { Slot } from './Slot/Slot.js';
 type TemplateProps = {
     asChild?: boolean;
     children?: React.ReactNode;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { createSlottable } from './createSlottable';
-export { Slot } from './Slot/Slot';
+export { createSlottable } from './createSlottable.js';
+export { Slot } from './Slot/Slot.js';

package/package.json

@@ -1,25 +1,18 @@
 {
   "name": "@blockle/blocks-react-slot",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Slot",
   "type": "module",
   "exports": {
     ".": {
-      "types": {
-        "import": "./dist/index.d.mts",
-        "require": "./dist/index.d.ts"
-      },
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "files": [
     "dist"
   ],
   "sideEffects": false,
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "vite build",
     "test": "vitest ",
@@ -38,7 +31,7 @@
   },
   "homepage": "https://github.com/Blockle/blocks#readme",
   "peerDependencies": {
-    "react": ">=19.0.0",
-    "@blockle/blocks-core": "^0.21.0"
+    "react": ">= 18 || >= 19",
+    "@blockle/blocks-core": ">= 0.x"
   }
 }

package/dist/Slot/Slot.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Slot = ({ children }) => {
-  return children;
-};
-exports.Slot = Slot;

package/dist/createSlottable.cjs

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const react = require("react");
-const Slot = require("./Slot/Slot.cjs");
-function createSlottable(defaultElement) {
-  const Tag = defaultElement;
-  const Template = ({
-    asChild,
-    children,
-    ref,
-    ...rootProps
-  }) => {
-    if (!asChild) {
-      const tagProps = { ref, ...rootProps };
-      return /* @__PURE__ */ jsxRuntime.jsx(Tag, { ...tagProps, children });
-    }
-    const childrenArray = react.Children.toArray(children);
-    const slotIndex = childrenArray.findIndex((child) => {
-      if (!react.isValidElement(child)) {
-        return false;
-      }
-      return child.type === Slot.Slot;
-    });
-    const slot = childrenArray[slotIndex];
-    if (!slot) {
-      return null;
-    }
-    if (!isValidElementWithChildren(slot)) {
-      return null;
-    }
-    if (!react.isValidElement(slot.props.children)) {
-      return null;
-    }
-    if (!isValidElementWithChildren(slot.props.children)) {
-      return null;
-    }
-    const nextChildren = [...childrenArray];
-    if (nextChildren.length === 1 && !slot.props.children.props.children) {
-      return react.cloneElement(
-        slot.props.children,
-        blocksCore.mergeProps(rootProps, slot.props.children.props)
-      );
-    }
-    nextChildren[slotIndex] = slot.props.children.props.children;
-    return react.cloneElement(
-      slot.props.children,
-      blocksCore.mergeProps(rootProps, slot.props.children.props),
-      nextChildren
-    );
-  };
-  return [Template, Slot.Slot];
-}
-function isValidElementWithChildren(child) {
-  return react.isValidElement(child) && !!child.props;
-}
-exports.createSlottable = createSlottable;

package/dist/index.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createSlottable = require("./createSlottable.cjs");
-const Slot = require("./Slot/Slot.cjs");
-exports.createSlottable = createSlottable.createSlottable;
-exports.Slot = Slot.Slot;