@stridge/noctis 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/components/sheet/sheet-stack.js

@@ -1,6 +1,6 @@
 "use client";
 import { Sheet } from "./sheet.js";
-import { createContext, use, useMemo, useReducer, useRef } from "react";
+import { createContext, use, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/sheet/sheet-stack.tsx
 /** The empty stack. */
@@ -111,25 +111,43 @@ function useSheetStackContext() {
 	if (!manager) throw new Error("useSheetStackContext must be used within <SheetStack>.");
 	return manager;
 }
-/** Render layers from `index` down, each nested inside the one before it so the stack reads as depth. */
-function renderLayer(entries, index, manager) {
-	if (index >= entries.length) return null;
-	const entry = entries[index];
-	if (!entry) return null;
+/**
+* One stacked layer. A `manager.push` adds the entry already `open`, so handing that straight to
+* `Sheet.Root` would mount Base UI's dialog in the open state and skip its enter transition — the panel
+* would snap in with no slide. Instead the root mounts closed and flips to the entry's visibility on the
+* first commit, so Base UI runs the closed→open transition and the layer animates in like a
+* trigger-opened sheet. After that the local state tracks `entry.open`, so `pop`/`close` animate out too.
+*/
+function SheetStackLayer({ entry, manager, children }) {
+	const [open, setOpen] = useState(false);
+	useEffect(() => {
+		setOpen(entry.open);
+	}, [entry.open]);
 	return /* @__PURE__ */ jsx(Sheet.Root, {
-		open: entry.open,
-		onOpenChange: (open) => {
-			/* v8 ignore next -- open===true never fires: layers are opened via the controlled `open` prop (manager.push), never by Base UI requesting open on a triggerless stack root */
-			if (!open) manager.close(entry.key);
+		open,
+		onOpenChange: (next) => {
+			/* v8 ignore next -- next===true never fires: layers open via the controlled `open` prop (manager.push), never by Base UI requesting open on a triggerless stack root */
+			if (!next) manager.close(entry.key);
 		},
-		onOpenChangeComplete: (open) => {
-			if (!open) manager.remove(entry.key);
+		onOpenChangeComplete: (next) => {
+			if (!next) manager.remove(entry.key);
 		},
 		children: /* @__PURE__ */ jsxs(Sheet.Content, {
 			side: entry.side,
 			size: entry.size,
-			children: [entry.content, renderLayer(entries, index + 1, manager)]
+			children: [entry.content, children]
 		})
+	});
+}
+/** Render layers from `index` down, each nested inside the one before it so the stack reads as depth. */
+function renderLayer(entries, index, manager) {
+	if (index >= entries.length) return null;
+	const entry = entries[index];
+	if (!entry) return null;
+	return /* @__PURE__ */ jsx(SheetStackLayer, {
+		entry,
+		manager,
+		children: renderLayer(entries, index + 1, manager)
 	}, entry.key);
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stridge/noctis",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "license": "MIT",
   "type": "module",
   "sideEffects": [
@@ -69,9 +69,9 @@
     "culori": "4.0.2",
     "lucide-react": "1.17.0",
     "simple-icons": "16.23.0",
-    "@stridge/noctis-design-tokens": "1.0.0-beta.2",
-    "@stridge/noctis-intl": "1.0.0-beta.2",
-    "@stridge/noctis-theme-engine": "1.0.0-beta.2"
+    "@stridge/noctis-design-tokens": "1.0.0-beta.3",
+    "@stridge/noctis-theme-engine": "1.0.0-beta.3",
+    "@stridge/noctis-intl": "1.0.0-beta.3"
   },
   "peerDependencies": {
     "react": "19.2.7",