@zvk/ui 0.1.3 → 0.1.6

package/dist/internal/slot/index.d.ts

@@ -0,0 +1,2 @@
+export { Slot } from "./slot.js";
+export type { SlotProps } from "./slot.js";

package/dist/internal/slot/index.js

@@ -0,0 +1 @@
+export { Slot } from "./slot.js";

package/dist/internal/slot/slot.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactElement;
+    ref?: React.Ref<HTMLElement>;
+}
+export declare function Slot({ children, ref, ...props }: SlotProps): React.ReactElement;

package/dist/internal/slot/slot.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+function composeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref !== undefined && ref !== null) {
+                ref.current = node;
+            }
+        }
+    };
+}
+function isEventHandler(key, value) {
+    return /^on[A-Z]/.test(key) && typeof value === "function";
+}
+function mergeProps(slotProps, childProps) {
+    const merged = { ...slotProps, ...childProps };
+    for (const key of Object.keys(slotProps)) {
+        const slotValue = slotProps[key];
+        const childValue = childProps[key];
+        if (key === "className") {
+            merged[key] = cn(slotValue, childValue);
+            continue;
+        }
+        if (key === "style" && typeof slotValue === "object" && typeof childValue === "object") {
+            merged[key] = { ...slotValue, ...childValue };
+            continue;
+        }
+        if (isEventHandler(key, slotValue) && isEventHandler(key, childValue)) {
+            merged[key] = (event) => {
+                childValue(event);
+                if (!event.defaultPrevented) {
+                    slotValue(event);
+                }
+            };
+        }
+    }
+    return merged;
+}
+export function Slot({ children, ref, ...props }) {
+    if (!React.isValidElement(children)) {
+        throw new Error("Slot requires a single valid React element child.");
+    }
+    const child = children;
+    const childRef = child.props.ref;
+    const mergedProps = mergeProps(props, child.props);
+    return React.cloneElement(child, {
+        ...mergedProps,
+        ref: composeRefs(childRef, ref)
+    });
+}