@stll/ui 0.18.0 → 0.20.0

package/dist/lib/slot.d.ts

@@ -0,0 +1,28 @@
+//#region src/lib/slot.d.ts
+/**
+ * Minimal replacement for `@radix-ui/react-slot`.
+ *
+ * Renders its single child element with the parent's props
+ * (className, style, event handlers, ref, data-* attributes)
+ * merged onto it. Used by the sidebar shell for the `asChild`
+ * pattern.
+ *
+ * Ref composition logic adapted from the MIT-licensed
+ * `@radix-ui/react-compose-refs` (v1.1.2).
+ *
+ * This module intentionally uses `Children.only` and
+ * `cloneElement`: it is a low-level composition primitive
+ * that merges props onto a single child, which is exactly
+ * the use case React documents for these APIs.
+ *
+ * Several lint suppressions are necessary because prop
+ * merging is inherently dynamic; the types of child props
+ * are not statically known.
+ */
+type SlotProps = React.HTMLAttributes<HTMLElement> & {
+  children?: React.ReactNode;
+  ref?: React.Ref<HTMLElement> | undefined;
+};
+declare const Slot: ({ ref: parentRef, children, className, style, ...rest }: SlotProps) => React.ReactNode;
+//#endregion
+export { Slot };

package/dist/lib/slot.js

@@ -0,0 +1,64 @@
+import { cn } from "./utils.js";
+import { Children, Fragment, cloneElement, isValidElement } from "react";
+//#region src/lib/slot.tsx
+/**
+* Minimal replacement for `@radix-ui/react-slot`.
+*
+* Renders its single child element with the parent's props
+* (className, style, event handlers, ref, data-* attributes)
+* merged onto it. Used by the sidebar shell for the `asChild`
+* pattern.
+*
+* Ref composition logic adapted from the MIT-licensed
+* `@radix-ui/react-compose-refs` (v1.1.2).
+*
+* This module intentionally uses `Children.only` and
+* `cloneElement`: it is a low-level composition primitive
+* that merges props onto a single child, which is exactly
+* the use case React documents for these APIs.
+*
+* Several lint suppressions are necessary because prop
+* merging is inherently dynamic; the types of child props
+* are not statically known.
+*/
+const Slot = ({ ref: parentRef, children, className, style, ...rest }) => {
+	const child = Children.only(children);
+	if (!isValidElement(child)) return child;
+	if (child.type === Fragment) return child;
+	const childProps = child.props;
+	const mergedProps = {
+		...rest,
+		...childProps
+	};
+	const childRef = childProps["ref"];
+	if (parentRef !== void 0 || childRef !== void 0) mergedProps["ref"] = composeSlotRefs(parentRef, childRef);
+	const childClassName = childProps["className"];
+	if (className || typeof childClassName === "string") mergedProps["className"] = cn(className, typeof childClassName === "string" ? childClassName : void 0);
+	const childStyle = childProps["style"];
+	if (style || typeof childStyle === "object" && childStyle !== null) mergedProps["style"] = {
+		...style,
+		...typeof childStyle === "object" && childStyle !== null ? childStyle : {}
+	};
+	const restEntries = Object.entries(rest);
+	for (const [key, parentValue] of restEntries) if (key.startsWith("on") && typeof parentValue === "function") {
+		const childValue = childProps[key];
+		if (typeof childValue === "function") mergedProps[key] = (...args) => {
+			Reflect.apply(childValue, void 0, args);
+			Reflect.apply(parentValue, void 0, args);
+		};
+	}
+	return cloneElement(child, mergedProps);
+};
+const composeSlotRefs = (parentRef, childRef) => (node) => {
+	setSlotRef(parentRef, node);
+	setSlotRef(childRef, node);
+};
+const setSlotRef = (ref, node) => {
+	if (typeof ref === "function") {
+		Reflect.apply(ref, void 0, [node]);
+		return;
+	}
+	if (typeof ref === "object" && ref !== null && "current" in ref) ref.current = node;
+};
+//#endregion
+export { Slot };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "Stella's design system: bidi-aware React primitives built on Base UI, the dockable inspector pane, and the Tailwind v4 theme they are styled with.",
   "keywords": [
     "base-ui",
@@ -89,6 +89,10 @@
       "types": "./dist/components/command.d.ts",
       "import": "./dist/components/command.js"
     },
+    "./composer": {
+      "types": "./dist/components/composer.d.ts",
+      "import": "./dist/components/composer.js"
+    },
     "./control-size": {
       "types": "./dist/lib/control-size.d.ts",
       "import": "./dist/lib/control-size.js"
@@ -157,6 +161,10 @@
       "types": "./dist/components/label.d.ts",
       "import": "./dist/components/label.js"
     },
+    "./landing": {
+      "types": "./dist/components/landing.d.ts",
+      "import": "./dist/components/landing.js"
+    },
     "./menu": {
       "types": "./dist/components/menu.d.ts",
       "import": "./dist/components/menu.js"
@@ -249,6 +257,10 @@
       "types": "./dist/components/sheet.d.ts",
       "import": "./dist/components/sheet.js"
     },
+    "./sidebar": {
+      "types": "./dist/components/sidebar.d.ts",
+      "import": "./dist/components/sidebar.js"
+    },
     "./loader": {
       "types": "./dist/components/loader.d.ts",
       "import": "./dist/components/loader.js"
@@ -486,6 +498,10 @@
       "types": "./dist/components/sheet.d.ts",
       "import": "./dist/components/sheet.js"
     },
+    "./components/sidebar": {
+      "types": "./dist/components/sidebar.d.ts",
+      "import": "./dist/components/sidebar.js"
+    },
     "./components/skeleton": {
       "types": "./dist/components/skeleton.d.ts",
       "import": "./dist/components/skeleton.js"