@devtools-ui/stacked-view 0.0.2--canary.11.588

package/dist/cjs/index.cjs

@@ -0,0 +1,85 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  StackedView: () => StackedView,
+  StackedViewComponent: () => StackedViewComponent
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/component/index.tsx
+var import_react = require("@chakra-ui/react");
+var import_react2 = require("@player-ui/react");
+var import_react3 = __toESM(require("react"));
+var StackedViewComponent = (props) => {
+  const { header, main, footer } = props;
+  return /* @__PURE__ */ import_react3.default.createElement(import_react.Grid, { h: "100%", w: "100%", gap: "1", templateAreas: '"header" "main" "footer"' }, /* @__PURE__ */ import_react3.default.createElement(import_react.GridItem, { area: "header" }, header && /* @__PURE__ */ import_react3.default.createElement(import_react2.ReactAsset, { ...header })), /* @__PURE__ */ import_react3.default.createElement(import_react.GridItem, { area: "main" }, main && /* @__PURE__ */ import_react3.default.createElement(import_react2.ReactAsset, { ...main })), /* @__PURE__ */ import_react3.default.createElement(import_react.GridItem, { area: "footer" }, footer && /* @__PURE__ */ import_react3.default.createElement(import_react2.ReactAsset, { ...footer })));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/dsl/index.tsx
+var import_react4 = __toESM(require("react"));
+var import_dsl = require("@player-tools/dsl");
+var import_collection = require("@devtools-ui/collection");
+var import_text = require("@devtools-ui/text");
+var StackedView = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ import_react4.default.createElement(import_dsl.Asset, { type: "stacked-view", ...rest }, children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_collection.Collection, null, /* @__PURE__ */ import_react4.default.createElement(import_collection.Collection.Values, null, props.children));
+};
+StackedView.Header = (0, import_dsl.createSlot)({
+  name: "header",
+  TextComp: import_text.Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+StackedView.Main = (0, import_dsl.createSlot)({
+  name: "main",
+  TextComp: import_text.Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+StackedView.Footer = (0, import_dsl.createSlot)({
+  name: "footer",
+  TextComp: import_text.Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StackedView,
+  StackedViewComponent
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/component/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/dsl/index.tsx"],"sourcesContent":["export * from \"./types\";\nexport * from \"./component\";\nexport * from \"./dsl\";\n","import { Grid, GridItem } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport React from \"react\";\nimport type { StackedViewView } from \"../types\";\n\nexport const StackedViewComponent = (props: StackedViewView) => {\n  const { header, main, footer } = props;\n\n  return (\n    <Grid h=\"100%\" w=\"100%\" gap=\"1\" templateAreas={'\"header\" \"main\" \"footer\"'}>\n      <GridItem area={\"header\"}>\n        {header && <ReactAsset {...header} />}\n      </GridItem>\n      <GridItem area={\"main\"}>{main && <ReactAsset {...main} />}</GridItem>\n      <GridItem area={\"footer\"}>\n        {footer && <ReactAsset {...footer} />}\n      </GridItem>\n    </Grid>\n  );\n};\n","import React from \"react\";\nimport { AssetPropsWithChildren, Asset, createSlot } from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { Text } from \"@devtools-ui/text\";\nimport type { StackedViewView } from \"../types\";\n\n/**\n * Defines the component DSL representation for the StackedView view.\n */\nexport const StackedView = (props: AssetPropsWithChildren<StackedViewView>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <Asset type=\"stacked-view\" {...rest}>\n      {children}\n    </Asset>\n  );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n  return (\n    <Collection>\n      <Collection.Values>{props.children}</Collection.Values>\n    </Collection>\n  );\n};\n\nStackedView.Header = createSlot({\n  name: \"header\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n\nStackedView.Main = createSlot({\n  name: \"main\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n\nStackedView.Footer = createSlot({\n  name: \"footer\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA+B;AAC/B,IAAAA,gBAA2B;AAC3B,IAAAA,gBAAkB;AAGX,IAAM,uBAAuB,CAAC,UAA2B;AAC9D,QAAM,EAAE,QAAQ,MAAM,OAAO,IAAI;AAEjC,SACE,8BAAAC,QAAA,cAAC,qBAAK,GAAE,QAAO,GAAE,QAAO,KAAI,KAAI,eAAe,8BAC7C,8BAAAA,QAAA,cAAC,yBAAS,MAAM,YACb,UAAU,8BAAAA,QAAA,cAAC,4BAAY,GAAG,QAAQ,CACrC,GACA,8BAAAA,QAAA,cAAC,yBAAS,MAAM,UAAS,QAAQ,8BAAAA,QAAA,cAAC,4BAAY,GAAG,MAAM,CAAG,GAC1D,8BAAAA,QAAA,cAAC,yBAAS,MAAM,YACb,UAAU,8BAAAA,QAAA,cAAC,4BAAY,GAAG,QAAQ,CACrC,CACF;AAEJ;;;ACnBA,IAAAC,gBAAkB;AAClB,iBAA0D;AAE1D,wBAA2B;AAC3B,kBAAqB;AAMd,IAAM,cAAc,CAAC,UAAmD;AAC7E,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAE9B,SACE,8BAAAC,QAAA,cAAC,oBAAM,MAAK,gBAAgB,GAAG,QAC5B,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,8BAAAA,QAAA,cAAC,oCACC,8BAAAA,QAAA,cAAC,6BAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,YAAY,aAAS,uBAAW;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;AAED,YAAY,WAAO,uBAAW;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;AAED,YAAY,aAAS,uBAAW;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;","names":["import_react","React","import_react","React"]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,47 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/component/index.tsx
+import { Grid, GridItem } from "@chakra-ui/react";
+import { ReactAsset } from "@player-ui/react";
+import React from "react";
+var StackedViewComponent = (props) => {
+  const { header, main, footer } = props;
+  return /* @__PURE__ */ React.createElement(Grid, { h: "100%", w: "100%", gap: "1", templateAreas: '"header" "main" "footer"' }, /* @__PURE__ */ React.createElement(GridItem, { area: "header" }, header && /* @__PURE__ */ React.createElement(ReactAsset, { ...header })), /* @__PURE__ */ React.createElement(GridItem, { area: "main" }, main && /* @__PURE__ */ React.createElement(ReactAsset, { ...main })), /* @__PURE__ */ React.createElement(GridItem, { area: "footer" }, footer && /* @__PURE__ */ React.createElement(ReactAsset, { ...footer })));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/dsl/index.tsx
+import React2 from "react";
+import { Asset, createSlot } from "@player-tools/dsl";
+import { Collection } from "@devtools-ui/collection";
+import { Text } from "@devtools-ui/text";
+var StackedView = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "stacked-view", ...rest }, children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ React2.createElement(Collection, null, /* @__PURE__ */ React2.createElement(Collection.Values, null, props.children));
+};
+StackedView.Header = createSlot({
+  name: "header",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+StackedView.Main = createSlot({
+  name: "main",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+StackedView.Footer = createSlot({
+  name: "footer",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+export {
+  StackedView,
+  StackedViewComponent
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,47 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/component/index.tsx
+import { Grid, GridItem } from "@chakra-ui/react";
+import { ReactAsset } from "@player-ui/react";
+import React from "react";
+var StackedViewComponent = (props) => {
+  const { header, main, footer } = props;
+  return /* @__PURE__ */ React.createElement(Grid, { h: "100%", w: "100%", gap: "1", templateAreas: '"header" "main" "footer"' }, /* @__PURE__ */ React.createElement(GridItem, { area: "header" }, header && /* @__PURE__ */ React.createElement(ReactAsset, { ...header })), /* @__PURE__ */ React.createElement(GridItem, { area: "main" }, main && /* @__PURE__ */ React.createElement(ReactAsset, { ...main })), /* @__PURE__ */ React.createElement(GridItem, { area: "footer" }, footer && /* @__PURE__ */ React.createElement(ReactAsset, { ...footer })));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/dsl/index.tsx
+import React2 from "react";
+import { Asset, createSlot } from "@player-tools/dsl";
+import { Collection } from "@devtools-ui/collection";
+import { Text } from "@devtools-ui/text";
+var StackedView = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "stacked-view", ...rest }, children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ React2.createElement(Collection, null, /* @__PURE__ */ React2.createElement(Collection.Values, null, props.children));
+};
+StackedView.Header = createSlot({
+  name: "header",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+StackedView.Main = createSlot({
+  name: "main",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+StackedView.Footer = createSlot({
+  name: "footer",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+export {
+  StackedView,
+  StackedViewComponent
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/component/index.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/stacked-view/src/dsl/index.tsx"],"sourcesContent":["import { Grid, GridItem } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport React from \"react\";\nimport type { StackedViewView } from \"../types\";\n\nexport const StackedViewComponent = (props: StackedViewView) => {\n  const { header, main, footer } = props;\n\n  return (\n    <Grid h=\"100%\" w=\"100%\" gap=\"1\" templateAreas={'\"header\" \"main\" \"footer\"'}>\n      <GridItem area={\"header\"}>\n        {header && <ReactAsset {...header} />}\n      </GridItem>\n      <GridItem area={\"main\"}>{main && <ReactAsset {...main} />}</GridItem>\n      <GridItem area={\"footer\"}>\n        {footer && <ReactAsset {...footer} />}\n      </GridItem>\n    </Grid>\n  );\n};\n","import React from \"react\";\nimport { AssetPropsWithChildren, Asset, createSlot } from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { Text } from \"@devtools-ui/text\";\nimport type { StackedViewView } from \"../types\";\n\n/**\n * Defines the component DSL representation for the StackedView view.\n */\nexport const StackedView = (props: AssetPropsWithChildren<StackedViewView>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <Asset type=\"stacked-view\" {...rest}>\n      {children}\n    </Asset>\n  );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n  return (\n    <Collection>\n      <Collection.Values>{props.children}</Collection.Values>\n    </Collection>\n  );\n};\n\nStackedView.Header = createSlot({\n  name: \"header\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n\nStackedView.Main = createSlot({\n  name: \"main\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n\nStackedView.Footer = createSlot({\n  name: \"footer\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n"],"mappings":";AAAA,SAAS,MAAM,gBAAgB;AAC/B,SAAS,kBAAkB;AAC3B,OAAO,WAAW;AAGX,IAAM,uBAAuB,CAAC,UAA2B;AAC9D,QAAM,EAAE,QAAQ,MAAM,OAAO,IAAI;AAEjC,SACE,oCAAC,QAAK,GAAE,QAAO,GAAE,QAAO,KAAI,KAAI,eAAe,8BAC7C,oCAAC,YAAS,MAAM,YACb,UAAU,oCAAC,cAAY,GAAG,QAAQ,CACrC,GACA,oCAAC,YAAS,MAAM,UAAS,QAAQ,oCAAC,cAAY,GAAG,MAAM,CAAG,GAC1D,oCAAC,YAAS,MAAM,YACb,UAAU,oCAAC,cAAY,GAAG,QAAQ,CACrC,CACF;AAEJ;;;ACnBA,OAAOA,YAAW;AAClB,SAAiC,OAAO,kBAAkB;AAE1D,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAMd,IAAM,cAAc,CAAC,UAAmD;AAC7E,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAE9B,SACE,gBAAAA,OAAA,cAAC,SAAM,MAAK,gBAAgB,GAAG,QAC5B,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,gBAAAA,OAAA,cAAC,kBACC,gBAAAA,OAAA,cAAC,WAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,YAAY,SAAS,WAAW;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;AAED,YAAY,OAAO,WAAW;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;AAED,YAAY,SAAS,WAAW;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;","names":["React"]}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@devtools-ui/stacked-view",
+  "version": "0.0.2--canary.11.588",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@devtools-ui/text": "0.0.2--canary.11.588",
+    "@devtools-ui/collection": "0.0.2--canary.11.588",
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@player-tools/dsl": "0.5.2--canary.87.2261",
+    "@player-ui/asset-transform-plugin": "^0.7.1",
+    "@player-ui/player": "0.7.1",
+    "@player-ui/react": "^0.7.1",
+    "@player-ui/types": "0.7.1",
+    "@types/react": "^18.2.51",
+    "dlv": "^1.1.3",
+    "eslint-plugin-storybook": "^0.8.0",
+    "framer-motion": "^11.0.8",
+    "react": "^18.2.0",
+    "tslib": "^2.6.2"
+  },
+  "module": "dist/index.legacy-esm.js",
+  "types": "types/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/cjs/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "peerDependencies": {}
+}

package/src/component/index.tsx

@@ -0,0 +1,20 @@
+import { Grid, GridItem } from "@chakra-ui/react";
+import { ReactAsset } from "@player-ui/react";
+import React from "react";
+import type { StackedViewView } from "../types";
+
+export const StackedViewComponent = (props: StackedViewView) => {
+  const { header, main, footer } = props;
+
+  return (
+    <Grid h="100%" w="100%" gap="1" templateAreas={'"header" "main" "footer"'}>
+      <GridItem area={"header"}>
+        {header && <ReactAsset {...header} />}
+      </GridItem>
+      <GridItem area={"main"}>{main && <ReactAsset {...main} />}</GridItem>
+      <GridItem area={"footer"}>
+        {footer && <ReactAsset {...footer} />}
+      </GridItem>
+    </Grid>
+  );
+};

package/src/dsl/__tests__/index.test.tsx

@@ -0,0 +1,54 @@
+import React from "react";
+import { describe, expect, test } from "vitest";
+import { render, Asset } from "@player-tools/dsl";
+import { StackedView } from "../";
+
+describe("DSL: StackedView", () => {
+  test("Renders stacked-view view", async () => {
+    const rendered = await render(
+      <StackedView>
+        <StackedView.Header>
+          <Asset type="text">
+            <property name="value">Header</property>
+          </Asset>
+        </StackedView.Header>
+        <StackedView.Main>
+          <Asset type="text">
+            <property name="value">Main</property>
+          </Asset>
+        </StackedView.Main>
+        <StackedView.Footer>
+          <Asset type="text">
+            <property name="value">Footer</property>
+          </Asset>
+        </StackedView.Footer>
+      </StackedView>
+    );
+
+    expect(rendered.jsonValue).toStrictEqual({
+      id: "root",
+      type: "stacked-view",
+      header: {
+        asset: {
+          id: "header",
+          type: "text",
+          value: "Header",
+        },
+      },
+      main: {
+        asset: {
+          id: "main",
+          type: "text",
+          value: "Main",
+        },
+      },
+      footer: {
+        asset: {
+          id: "footer",
+          type: "text",
+          value: "Footer",
+        },
+      },
+    });
+  });
+});

package/src/dsl/index.tsx

@@ -0,0 +1,51 @@
+import React from "react";
+import { AssetPropsWithChildren, Asset, createSlot } from "@player-tools/dsl";
+import type { Asset as AssetType } from "@player-ui/player";
+import { Collection } from "@devtools-ui/collection";
+import { Text } from "@devtools-ui/text";
+import type { StackedViewView } from "../types";
+
+/**
+ * Defines the component DSL representation for the StackedView view.
+ */
+export const StackedView = (props: AssetPropsWithChildren<StackedViewView>) => {
+  const { children, ...rest } = props;
+
+  return (
+    <Asset type="stacked-view" {...rest}>
+      {children}
+    </Asset>
+  );
+};
+
+const CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {
+  return (
+    <Collection>
+      <Collection.Values>{props.children}</Collection.Values>
+    </Collection>
+  );
+};
+
+StackedView.Header = createSlot({
+  name: "header",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true,
+});
+
+StackedView.Main = createSlot({
+  name: "main",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true,
+});
+
+StackedView.Footer = createSlot({
+  name: "footer",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true,
+});

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./component";
+export * from "./dsl";

package/src/types/index.ts

@@ -0,0 +1,10 @@
+import type { Asset, AssetWrapper, View } from "@player-ui/types";
+
+export interface StackedViewView extends View<Asset<"info">> {
+  /** Header */
+  header?: AssetWrapper;
+  /** Main */
+  main?: AssetWrapper;
+  /** Footer */
+  footer?: AssetWrapper;
+}

package/types/component/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { StackedViewView } from "../types";
+export declare const StackedViewComponent: (props: StackedViewView) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/dsl/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { AssetPropsWithChildren } from "@player-tools/dsl";
+import type { StackedViewView } from "../types";
+/**
+ * Defines the component DSL representation for the StackedView view.
+ */
+export declare const StackedView: {
+    (props: AssetPropsWithChildren<StackedViewView>): React.JSX.Element;
+    Header: (props: {
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+    Main: (props: {
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+    Footer: (props: {
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./types";
+export * from "./component";
+export * from "./dsl";
+//# sourceMappingURL=index.d.ts.map

package/types/types/index.d.ts

@@ -0,0 +1,10 @@
+import type { Asset, AssetWrapper, View } from "@player-ui/types";
+export interface StackedViewView extends View<Asset<"info">> {
+    /** Header */
+    header?: AssetWrapper;
+    /** Main */
+    main?: AssetWrapper;
+    /** Footer */
+    footer?: AssetWrapper;
+}
+//# sourceMappingURL=index.d.ts.map