@glissade/scene 0.18.0-pre.2 → 0.18.0-pre.4

package/dist/layout.d.ts

@@ -77,7 +77,24 @@ interface StackProps extends LayoutProps {}
  * Every other prop passes straight through to `Layout`.
  */
 declare function Stack(props?: StackProps): Layout;
+/**
+ * `Row`/`Column` props — `Stack`'s surface MINUS `direction` (the alias pins it).
+ * Omitting `direction` from the type means an explicit one can't even be passed,
+ * so `Row({...})` is unambiguously a row and `Column({...})` a column.
+ */
+interface RowProps extends Omit<StackProps, 'direction'> {}
+/**
+ * `Stack({ direction: 'row' })` read as a name — a horizontal stack. Inherits
+ * Stack's `align:'start'` default and Layout's pure memoized resolve; the only
+ * difference from `Stack` is the pinned `direction`.
+ */
+declare function Row(props?: RowProps): Layout;
+/**
+ * `Stack({ direction: 'column' })` read as a name — a vertical stack (the same
+ * direction `Stack` already defaults to, made explicit at the call site).
+ */
+declare function Column(props?: RowProps): Layout;
 /** Load Yoga (wasm) and register it as the active LayoutEngine. Idempotent. */
 declare function loadYogaLayoutEngine(): Promise<LayoutEngine>;
 //#endregion
-export { Layout, type LayoutBox, type LayoutChildSpec, type LayoutContainerSpec, type LayoutEngine, LayoutEngineMissingError, LayoutProps, type LayoutResult, Stack, StackProps, getLayoutEngine, loadYogaLayoutEngine, setLayoutEngine };
+export { Column, Layout, type LayoutBox, type LayoutChildSpec, type LayoutContainerSpec, type LayoutEngine, LayoutEngineMissingError, LayoutProps, type LayoutResult, Row, RowProps, Stack, StackProps, getLayoutEngine, loadYogaLayoutEngine, setLayoutEngine };

package/dist/layout.js

@@ -170,6 +170,27 @@ function Stack(props = {}) {
 		align: props.align ?? "start"
 	});
 }
+/**
+* `Stack({ direction: 'row' })` read as a name — a horizontal stack. Inherits
+* Stack's `align:'start'` default and Layout's pure memoized resolve; the only
+* difference from `Stack` is the pinned `direction`.
+*/
+function Row(props = {}) {
+	return Stack({
+		...props,
+		direction: "row"
+	});
+}
+/**
+* `Stack({ direction: 'column' })` read as a name — a vertical stack (the same
+* direction `Stack` already defaults to, made explicit at the call site).
+*/
+function Column(props = {}) {
+	return Stack({
+		...props,
+		direction: "column"
+	});
+}
 function initProp(sig, init) {
 	if (typeof init === "function") sig.bindSource(init);
 	else if (init !== void 0) sig.set(init);
@@ -234,4 +255,4 @@ async function loadYogaLayoutEngine() {
 	return engine;
 }
 //#endregion
-export { Layout, LayoutEngineMissingError, Stack, getLayoutEngine, loadYogaLayoutEngine, setLayoutEngine };
+export { Column, Layout, LayoutEngineMissingError, Row, Stack, getLayoutEngine, loadYogaLayoutEngine, setLayoutEngine };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glissade/scene",
-  "version": "0.18.0-pre.2",
+  "version": "0.18.0-pre.4",
   "description": "glissade scene graph: nodes, transforms, DisplayList emission. Renderer-agnostic; zero DOM/Node dependencies.",
   "license": "Apache-2.0",
   "engines": {
@@ -27,7 +27,7 @@
   ],
   "dependencies": {
     "yoga-layout": "^3.2.1",
-    "@glissade/core": "0.18.0-pre.2"
+    "@glissade/core": "0.18.0-pre.4"
   },
   "repository": {
     "type": "git",