@devtools-ui/object-inspector 0.0.2--canary.11.588

package/dist/cjs/index.cjs

@@ -0,0 +1,93 @@
+"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/object-inspector/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ObjectInspector: () => ObjectInspector,
+  ObjectInspectorComponent: () => ObjectInspectorComponent,
+  objectInspectorTransform: () => objectInspectorTransform
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/components/ObjectInspectorComponent.tsx
+var import_react = __toESM(require("react"));
+var import_react2 = require("@chakra-ui/react");
+var import_object_inspector = require("@devtools-ds/object-inspector");
+var import_react3 = require("@player-ui/react");
+var ObjectInspectorComponent = (props) => {
+  const { data, label, id } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, label && /* @__PURE__ */ import_react.default.createElement(import_react3.ReactAsset, { ...label }), data ? /* @__PURE__ */ import_react.default.createElement(
+    import_object_inspector.ObjectInspector,
+    {
+      data,
+      includePrototypes: false,
+      expandLevel: 7,
+      id
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(import_react2.Text, null, "No data available"));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/dsl/ObjectInspector.tsx
+var import_react4 = __toESM(require("react"));
+var import_dsl = require("@player-tools/dsl");
+var import_text = require("@devtools-ui/text");
+var import_collection = require("@devtools-ui/collection");
+var ObjectInspector = (props) => {
+  const { children, binding, ...rest } = props;
+  return /* @__PURE__ */ import_react4.default.createElement(import_dsl.Asset, { type: "object-inspector", ...rest }, binding && /* @__PURE__ */ import_react4.default.createElement("property", { name: "binding" }, binding.toValue()), 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));
+};
+ObjectInspector.Label = (0, import_dsl.createSlot)({
+  name: "label",
+  TextComp: import_text.Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/transformer/index.ts
+var objectInspectorTransform = (asset, options) => {
+  return {
+    ...asset,
+    data: asset.binding === void 0 ? void 0 : options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    })
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ObjectInspector,
+  ObjectInspectorComponent,
+  objectInspectorTransform
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/components/ObjectInspectorComponent.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/dsl/ObjectInspector.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/transformer/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./dsl\";\nexport * from \"./types\";\nexport * from \"./transformer\";\n","import React from \"react\";\nimport { Text } from \"@chakra-ui/react\";\nimport { ObjectInspector as ObjectorInspectorDS } from \"@devtools-ds/object-inspector\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport { ObjectInspectorAsset } from \"../types\";\n\nexport const ObjectInspectorComponent = (props: ObjectInspectorAsset) => {\n  const { data, label, id } = props;\n\n  return (\n    <>\n      {label && <ReactAsset {...label} />}\n      {data ? (\n        <ObjectorInspectorDS\n          data={data}\n          includePrototypes={false}\n          expandLevel={7}\n          id={id}\n        />\n      ) : (\n        <Text>No data available</Text>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  createSlot,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Text } from \"@devtools-ui/text\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport type { ObjectInspectorAsset } from \"../types\";\n\nexport const ObjectInspector = (\n  props: Omit<AssetPropsWithChildren<ObjectInspectorAsset>, \"binding\"> & {\n    /** The binding */\n    binding?: BindingTemplateInstance;\n  }\n) => {\n  const { children, binding, ...rest } = props;\n\n  return (\n    <Asset type=\"object-inspector\" {...rest}>\n      {binding && <property name=\"binding\">{binding.toValue()}</property>}\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\nObjectInspector.Label = createSlot({\n  name: \"label\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n","import type { TransformFunction } from \"@player-ui/player\";\nimport { ObjectInspectorAsset, TransformedObjectInspector } from \"../types\";\n\n/**\n * Access the object from the data model\n */\nexport const objectInspectorTransform: TransformFunction<\n  ObjectInspectorAsset,\n  TransformedObjectInspector\n> = (asset, options) => {\n  return {\n    ...asset,\n    data:\n      asset.binding === undefined\n        ? undefined\n        : options.data.model.get(asset.binding, {\n            includeInvalid: true,\n            formatted: false,\n          }),\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,IAAAA,gBAAqB;AACrB,8BAAuD;AACvD,IAAAA,gBAA2B;AAGpB,IAAM,2BAA2B,CAAC,UAAgC;AACvE,QAAM,EAAE,MAAM,OAAO,GAAG,IAAI;AAE5B,SACE,6BAAAC,QAAA,2BAAAA,QAAA,gBACG,SAAS,6BAAAA,QAAA,cAAC,4BAAY,GAAG,OAAO,GAChC,OACC,6BAAAA,QAAA;AAAA,IAAC,wBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,mBAAmB;AAAA,MACnB,aAAa;AAAA,MACb;AAAA;AAAA,EACF,IAEA,6BAAAD,QAAA,cAAC,0BAAK,mBAAiB,CAE3B;AAEJ;;;ACxBA,IAAAE,gBAAkB;AAClB,iBAKO;AAEP,kBAAqB;AACrB,wBAA2B;AAGpB,IAAM,kBAAkB,CAC7B,UAIG;AACH,QAAM,EAAE,UAAU,SAAS,GAAG,KAAK,IAAI;AAEvC,SACE,8BAAAC,QAAA,cAAC,oBAAM,MAAK,oBAAoB,GAAG,QAChC,WAAW,8BAAAA,QAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,GACvD,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,8BAAAA,QAAA,cAAC,oCACC,8BAAAA,QAAA,cAAC,6BAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,gBAAgB,YAAQ,uBAAW;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;;;ACpCM,IAAM,2BAGT,CAAC,OAAO,YAAY;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MACE,MAAM,YAAY,SACd,SACA,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,MACpC,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb,CAAC;AAAA,EACT;AACF;","names":["import_react","React","ObjectorInspectorDS","import_react","React"]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,57 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/components/ObjectInspectorComponent.tsx
+import React from "react";
+import { Text } from "@chakra-ui/react";
+import { ObjectInspector as ObjectorInspectorDS } from "@devtools-ds/object-inspector";
+import { ReactAsset } from "@player-ui/react";
+var ObjectInspectorComponent = (props) => {
+  const { data, label, id } = props;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, label && /* @__PURE__ */ React.createElement(ReactAsset, { ...label }), data ? /* @__PURE__ */ React.createElement(
+    ObjectorInspectorDS,
+    {
+      data,
+      includePrototypes: false,
+      expandLevel: 7,
+      id
+    }
+  ) : /* @__PURE__ */ React.createElement(Text, null, "No data available"));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/dsl/ObjectInspector.tsx
+import React2 from "react";
+import {
+  Asset,
+  createSlot
+} from "@player-tools/dsl";
+import { Text as Text2 } from "@devtools-ui/text";
+import { Collection } from "@devtools-ui/collection";
+var ObjectInspector = (props) => {
+  const { children, binding, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "object-inspector", ...rest }, binding && /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()), children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ React2.createElement(Collection, null, /* @__PURE__ */ React2.createElement(Collection.Values, null, props.children));
+};
+ObjectInspector.Label = createSlot({
+  name: "label",
+  TextComp: Text2,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/transformer/index.ts
+var objectInspectorTransform = (asset, options) => {
+  return {
+    ...asset,
+    data: asset.binding === void 0 ? void 0 : options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    })
+  };
+};
+export {
+  ObjectInspector,
+  ObjectInspectorComponent,
+  objectInspectorTransform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,57 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/components/ObjectInspectorComponent.tsx
+import React from "react";
+import { Text } from "@chakra-ui/react";
+import { ObjectInspector as ObjectorInspectorDS } from "@devtools-ds/object-inspector";
+import { ReactAsset } from "@player-ui/react";
+var ObjectInspectorComponent = (props) => {
+  const { data, label, id } = props;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, label && /* @__PURE__ */ React.createElement(ReactAsset, { ...label }), data ? /* @__PURE__ */ React.createElement(
+    ObjectorInspectorDS,
+    {
+      data,
+      includePrototypes: false,
+      expandLevel: 7,
+      id
+    }
+  ) : /* @__PURE__ */ React.createElement(Text, null, "No data available"));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/dsl/ObjectInspector.tsx
+import React2 from "react";
+import {
+  Asset,
+  createSlot
+} from "@player-tools/dsl";
+import { Text as Text2 } from "@devtools-ui/text";
+import { Collection } from "@devtools-ui/collection";
+var ObjectInspector = (props) => {
+  const { children, binding, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "object-inspector", ...rest }, binding && /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()), children);
+};
+var CollectionComp = (props) => {
+  return /* @__PURE__ */ React2.createElement(Collection, null, /* @__PURE__ */ React2.createElement(Collection.Values, null, props.children));
+};
+ObjectInspector.Label = createSlot({
+  name: "label",
+  TextComp: Text2,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/transformer/index.ts
+var objectInspectorTransform = (asset, options) => {
+  return {
+    ...asset,
+    data: asset.binding === void 0 ? void 0 : options.data.model.get(asset.binding, {
+      includeInvalid: true,
+      formatted: false
+    })
+  };
+};
+export {
+  ObjectInspector,
+  ObjectInspectorComponent,
+  objectInspectorTransform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/components/ObjectInspectorComponent.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/dsl/ObjectInspector.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/object-inspector/src/transformer/index.ts"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@chakra-ui/react\";\nimport { ObjectInspector as ObjectorInspectorDS } from \"@devtools-ds/object-inspector\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport { ObjectInspectorAsset } from \"../types\";\n\nexport const ObjectInspectorComponent = (props: ObjectInspectorAsset) => {\n  const { data, label, id } = props;\n\n  return (\n    <>\n      {label && <ReactAsset {...label} />}\n      {data ? (\n        <ObjectorInspectorDS\n          data={data}\n          includePrototypes={false}\n          expandLevel={7}\n          id={id}\n        />\n      ) : (\n        <Text>No data available</Text>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  createSlot,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Text } from \"@devtools-ui/text\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport type { ObjectInspectorAsset } from \"../types\";\n\nexport const ObjectInspector = (\n  props: Omit<AssetPropsWithChildren<ObjectInspectorAsset>, \"binding\"> & {\n    /** The binding */\n    binding?: BindingTemplateInstance;\n  }\n) => {\n  const { children, binding, ...rest } = props;\n\n  return (\n    <Asset type=\"object-inspector\" {...rest}>\n      {binding && <property name=\"binding\">{binding.toValue()}</property>}\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\nObjectInspector.Label = createSlot({\n  name: \"label\",\n  TextComp: Text,\n  CollectionComp,\n  isArray: false,\n  wrapInAsset: true,\n});\n","import type { TransformFunction } from \"@player-ui/player\";\nimport { ObjectInspectorAsset, TransformedObjectInspector } from \"../types\";\n\n/**\n * Access the object from the data model\n */\nexport const objectInspectorTransform: TransformFunction<\n  ObjectInspectorAsset,\n  TransformedObjectInspector\n> = (asset, options) => {\n  return {\n    ...asset,\n    data:\n      asset.binding === undefined\n        ? undefined\n        : options.data.model.get(asset.binding, {\n            includeInvalid: true,\n            formatted: false,\n          }),\n  };\n};\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,mBAAmB,2BAA2B;AACvD,SAAS,kBAAkB;AAGpB,IAAM,2BAA2B,CAAC,UAAgC;AACvE,QAAM,EAAE,MAAM,OAAO,GAAG,IAAI;AAE5B,SACE,0DACG,SAAS,oCAAC,cAAY,GAAG,OAAO,GAChC,OACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,mBAAmB;AAAA,MACnB,aAAa;AAAA,MACb;AAAA;AAAA,EACF,IAEA,oCAAC,YAAK,mBAAiB,CAE3B;AAEJ;;;ACxBA,OAAOA,YAAW;AAClB;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,QAAAC,aAAY;AACrB,SAAS,kBAAkB;AAGpB,IAAM,kBAAkB,CAC7B,UAIG;AACH,QAAM,EAAE,UAAU,SAAS,GAAG,KAAK,IAAI;AAEvC,SACE,gBAAAD,OAAA,cAAC,SAAM,MAAK,oBAAoB,GAAG,QAChC,WAAW,gBAAAA,OAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,GACvD,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,gBAAAA,OAAA,cAAC,kBACC,gBAAAA,OAAA,cAAC,WAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,gBAAgB,QAAQ,WAAW;AAAA,EACjC,MAAM;AAAA,EACN,UAAUC;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;;;ACpCM,IAAM,2BAGT,CAAC,OAAO,YAAY;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MACE,MAAM,YAAY,SACd,SACA,QAAQ,KAAK,MAAM,IAAI,MAAM,SAAS;AAAA,MACpC,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb,CAAC;AAAA,EACT;AACF;","names":["React","Text"]}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@devtools-ui/object-inspector",
+  "version": "0.0.2--canary.11.588",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@devtools-ui/collection": "0.0.2--canary.11.588",
+    "@devtools-ui/text": "0.0.2--canary.11.588",
+    "@types/react": "^18.2.51",
+    "react": "^18.2.0",
+    "@devtools-ds/object-inspector": "^1.1.2",
+    "@player-tools/dsl": "0.5.2--canary.87.2261",
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "framer-motion": "^11.0.8",
+    "@player-ui/player": "0.7.1",
+    "@player-ui/react": "^0.7.1",
+    "@player-ui/types": "0.7.1",
+    "dlv": "^1.1.3",
+    "eslint-plugin-storybook": "^0.8.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/components/ObjectInspectorComponent.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { Text } from "@chakra-ui/react";
+import { ObjectInspector as ObjectorInspectorDS } from "@devtools-ds/object-inspector";
+import { ReactAsset } from "@player-ui/react";
+import { ObjectInspectorAsset } from "../types";
+
+export const ObjectInspectorComponent = (props: ObjectInspectorAsset) => {
+  const { data, label, id } = props;
+
+  return (
+    <>
+      {label && <ReactAsset {...label} />}
+      {data ? (
+        <ObjectorInspectorDS
+          data={data}
+          includePrototypes={false}
+          expandLevel={7}
+          id={id}
+        />
+      ) : (
+        <Text>No data available</Text>
+      )}
+    </>
+  );
+};

package/src/components/index.ts

@@ -0,0 +1 @@
+export { ObjectInspectorComponent } from "./ObjectInspectorComponent";

package/src/dsl/ObjectInspector.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+import {
+  AssetPropsWithChildren,
+  Asset,
+  createSlot,
+  BindingTemplateInstance,
+} from "@player-tools/dsl";
+import type { Asset as AssetType } from "@player-ui/player";
+import { Text } from "@devtools-ui/text";
+import { Collection } from "@devtools-ui/collection";
+import type { ObjectInspectorAsset } from "../types";
+
+export const ObjectInspector = (
+  props: Omit<AssetPropsWithChildren<ObjectInspectorAsset>, "binding"> & {
+    /** The binding */
+    binding?: BindingTemplateInstance;
+  }
+) => {
+  const { children, binding, ...rest } = props;
+
+  return (
+    <Asset type="object-inspector" {...rest}>
+      {binding && <property name="binding">{binding.toValue()}</property>}
+      {children}
+    </Asset>
+  );
+};
+
+const CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {
+  return (
+    <Collection>
+      <Collection.Values>{props.children}</Collection.Values>
+    </Collection>
+  );
+};
+
+ObjectInspector.Label = createSlot({
+  name: "label",
+  TextComp: Text,
+  CollectionComp,
+  isArray: false,
+  wrapInAsset: true,
+});

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

@@ -0,0 +1,27 @@
+import React from "react";
+import { describe, expect, test } from "vitest";
+import { render, binding as b } from "@player-tools/dsl";
+import { ObjectInspector } from "../ObjectInspector";
+
+describe("DSL: Object Inspector", () => {
+  test("basic", async () => {
+    const rendered = await render(
+      <ObjectInspector binding={b`foo`}>
+        <ObjectInspector.Label>Hello</ObjectInspector.Label>
+      </ObjectInspector>
+    );
+
+    expect(rendered.jsonValue).toStrictEqual({
+      id: "root",
+      type: "object-inspector",
+      binding: "foo",
+      label: {
+        asset: {
+          id: "label",
+          type: "text",
+          value: "Hello",
+        },
+      },
+    });
+  });
+});

package/src/dsl/index.ts

@@ -0,0 +1 @@
+export { ObjectInspector } from "./ObjectInspector";

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from "./components";
+export * from "./dsl";
+export * from "./types";
+export * from "./transformer";

package/src/transformer/index.ts

@@ -0,0 +1,21 @@
+import type { TransformFunction } from "@player-ui/player";
+import { ObjectInspectorAsset, TransformedObjectInspector } from "../types";
+
+/**
+ * Access the object from the data model
+ */
+export const objectInspectorTransform: TransformFunction<
+  ObjectInspectorAsset,
+  TransformedObjectInspector
+> = (asset, options) => {
+  return {
+    ...asset,
+    data:
+      asset.binding === undefined
+        ? undefined
+        : options.data.model.get(asset.binding, {
+            includeInvalid: true,
+            formatted: false,
+          }),
+  };
+};

package/src/types/index.ts

@@ -0,0 +1,16 @@
+import { Asset, AssetWrapper } from "@player-ui/types";
+
+export interface ObjectInspectorAsset<AnyTextAsset extends Asset = Asset>
+  extends Asset<"object-inspector"> {
+  /** binding pointing to the object to inspect */
+  binding?: string;
+
+  /** A text-like asset for the action's label */
+  label?: AssetWrapper<AnyTextAsset>;
+}
+
+export interface TransformedObjectInspector extends ObjectInspectorAsset {
+  /** A stateful instance of an action */
+  /** object to inspect */
+  data: unknown;
+}

package/types/components/ObjectInspectorComponent.d.ts

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

package/types/components/index.d.ts

@@ -0,0 +1,2 @@
+export { ObjectInspectorComponent } from "./ObjectInspectorComponent";
+//# sourceMappingURL=index.d.ts.map

package/types/dsl/ObjectInspector.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { AssetPropsWithChildren, BindingTemplateInstance } from "@player-tools/dsl";
+import type { ObjectInspectorAsset } from "../types";
+export declare const ObjectInspector: {
+    (props: Omit<AssetPropsWithChildren<ObjectInspectorAsset>, "binding"> & {
+        /** The binding */
+        binding?: BindingTemplateInstance;
+    }): React.JSX.Element;
+    Label: (props: {
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+};
+//# sourceMappingURL=ObjectInspector.d.ts.map

package/types/dsl/index.d.ts

@@ -0,0 +1,2 @@
+export { ObjectInspector } from "./ObjectInspector";
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts

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

package/types/transformer/index.d.ts

@@ -0,0 +1,7 @@
+import type { TransformFunction } from "@player-ui/player";
+import { ObjectInspectorAsset, TransformedObjectInspector } from "../types";
+/**
+ * Access the object from the data model
+ */
+export declare const objectInspectorTransform: TransformFunction<ObjectInspectorAsset, TransformedObjectInspector>;
+//# sourceMappingURL=index.d.ts.map

package/types/types/index.d.ts

@@ -0,0 +1,13 @@
+import { Asset, AssetWrapper } from "@player-ui/types";
+export interface ObjectInspectorAsset<AnyTextAsset extends Asset = Asset> extends Asset<"object-inspector"> {
+    /** binding pointing to the object to inspect */
+    binding?: string;
+    /** A text-like asset for the action's label */
+    label?: AssetWrapper<AnyTextAsset>;
+}
+export interface TransformedObjectInspector extends ObjectInspectorAsset {
+    /** A stateful instance of an action */
+    /** object to inspect */
+    data: unknown;
+}
+//# sourceMappingURL=index.d.ts.map