@devtools-ui/toggle 0.1.1-next.2

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/toggle/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Toggle: () => Toggle,
+  ToggleComponent: () => ToggleComponent,
+  toggleTransform: () => toggleTransform
+});
+module.exports = __toCommonJS(src_exports);
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/component/index.tsx
+var import_react = __toESM(require("react"));
+var import_react2 = require("@chakra-ui/react");
+var import_react3 = require("@player-ui/react");
+var ToggleComponent = (props) => {
+  const { value, label, id, setCheck } = props;
+  const onChange = (e) => {
+    setCheck(e.target.checked);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react2.FormControl, { display: "flex", alignItems: "center" }, label && /* @__PURE__ */ import_react.default.createElement(import_react2.FormLabel, { htmlFor: id }, /* @__PURE__ */ import_react.default.createElement(import_react3.ReactAsset, { ...label.asset })), /* @__PURE__ */ import_react.default.createElement(import_react2.Switch, { id, onChange }));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/dsl/index.tsx
+var import_react4 = __toESM(require("react"));
+var import_dsl = require("@player-tools/dsl");
+var import_text = require("@devtools-ui/text");
+var Toggle = (props) => {
+  const { children, binding, ...rest } = props;
+  return /* @__PURE__ */ import_react4.default.createElement(import_dsl.Asset, { type: "toggle", ...rest }, /* @__PURE__ */ import_react4.default.createElement("property", { name: "binding" }, binding.toValue()), props.children);
+};
+Toggle.Label = (0, import_dsl.createSlot)({
+  name: "label",
+  TextComp: import_text.Text,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/transform/index.ts
+var toggleTransform = (asset, options) => {
+  return {
+    ...asset,
+    setCheck(val) {
+      if (asset.binding === void 0) {
+        return;
+      }
+      return options.data.model.set([[asset.binding, val]]);
+    },
+    value: asset.binding === void 0 ? "" : options.data.model.get(asset.binding)
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Toggle,
+  ToggleComponent,
+  toggleTransform
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/component/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/dsl/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/transform/index.ts"],"sourcesContent":["export * from \"./types\";\nexport * from \"./component\";\nexport * from \"./dsl\";\nexport * from \"./transform\";\n","import React from \"react\";\nimport { Switch, FormControl, FormLabel } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport type { TransformedToggle } from \"../types\";\n\nexport const ToggleComponent = (props: TransformedToggle) => {\n  const { value, label, id, setCheck } = props;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    setCheck(e.target.checked);\n  };\n\n  return (\n    <FormControl display=\"flex\" alignItems=\"center\">\n      {label && (\n        <FormLabel htmlFor={id}>\n          <ReactAsset {...label.asset} />\n        </FormLabel>\n      )}\n      <Switch id={id} onChange={onChange} />\n    </FormControl>\n  );\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  createSlot,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport { Text } from \"@devtools-ui/text\";\nimport type { ToggleAsset } from \"../types\";\n\nexport const Toggle = (\n  props: Omit<AssetPropsWithChildren<ToggleAsset>, \"binding\"> & {\n    /** The binding as a tagged template instance */\n    binding: BindingTemplateInstance;\n  }\n) => {\n  const { children, binding, ...rest } = props;\n\n  return (\n    <Asset type=\"toggle\" {...rest}>\n      <property name=\"binding\">{binding.toValue()}</property>\n      {props.children}\n    </Asset>\n  );\n};\n\nToggle.Label = createSlot({\n  name: \"label\",\n  TextComp: Text,\n  isArray: false,\n  wrapInAsset: true,\n});\n","import type { TransformFunction } from \"@player-ui/player\";\nimport { ToggleAsset, TransformedToggle } from \"../types\";\n\nexport const toggleTransform: TransformFunction<\n  ToggleAsset,\n  TransformedToggle\n> = (asset, options) => {\n  return {\n    ...asset,\n    setCheck(val) {\n      if (asset.binding === undefined) {\n        return;\n      }\n\n      return options.data.model.set([[asset.binding, val]]);\n    },\n    value:\n      asset.binding === undefined ? \"\" : options.data.model.get(asset.binding),\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,IAAAA,gBAA+C;AAC/C,IAAAA,gBAA2B;AAGpB,IAAM,kBAAkB,CAAC,UAA6B;AAC3D,QAAM,EAAE,OAAO,OAAO,IAAI,SAAS,IAAI;AAEvC,QAAM,WAAuD,CAAC,MAAM;AAClE,aAAS,EAAE,OAAO,OAAO;AAAA,EAC3B;AAEA,SACE,6BAAAC,QAAA,cAAC,6BAAY,SAAQ,QAAO,YAAW,YACpC,SACC,6BAAAA,QAAA,cAAC,2BAAU,SAAS,MAClB,6BAAAA,QAAA,cAAC,4BAAY,GAAG,MAAM,OAAO,CAC/B,GAEF,6BAAAA,QAAA,cAAC,wBAAO,IAAQ,UAAoB,CACtC;AAEJ;;;ACtBA,IAAAC,gBAAkB;AAClB,iBAKO;AACP,kBAAqB;AAGd,IAAM,SAAS,CACpB,UAIG;AACH,QAAM,EAAE,UAAU,SAAS,GAAG,KAAK,IAAI;AAEvC,SACE,8BAAAC,QAAA,cAAC,oBAAM,MAAK,UAAU,GAAG,QACvB,8BAAAA,QAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,GAC3C,MAAM,QACT;AAEJ;AAEA,OAAO,YAAQ,uBAAW;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AACf,CAAC;;;AC5BM,IAAM,kBAGT,CAAC,OAAO,YAAY;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS,KAAK;AACZ,UAAI,MAAM,YAAY,QAAW;AAC/B;AAAA,MACF;AAEA,aAAO,QAAQ,KAAK,MAAM,IAAI,CAAC,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC;AAAA,IACtD;AAAA,IACA,OACE,MAAM,YAAY,SAAY,KAAK,QAAQ,KAAK,MAAM,IAAI,MAAM,OAAO;AAAA,EAC3E;AACF;","names":["import_react","React","import_react","React"]}

package/dist/index.legacy-esm.js

@@ -0,0 +1,49 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/component/index.tsx
+import React from "react";
+import { Switch, FormControl, FormLabel } from "@chakra-ui/react";
+import { ReactAsset } from "@player-ui/react";
+var ToggleComponent = (props) => {
+  const { value, label, id, setCheck } = props;
+  const onChange = (e) => {
+    setCheck(e.target.checked);
+  };
+  return /* @__PURE__ */ React.createElement(FormControl, { display: "flex", alignItems: "center" }, label && /* @__PURE__ */ React.createElement(FormLabel, { htmlFor: id }, /* @__PURE__ */ React.createElement(ReactAsset, { ...label.asset })), /* @__PURE__ */ React.createElement(Switch, { id, onChange }));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/dsl/index.tsx
+import React2 from "react";
+import {
+  Asset,
+  createSlot
+} from "@player-tools/dsl";
+import { Text } from "@devtools-ui/text";
+var Toggle = (props) => {
+  const { children, binding, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "toggle", ...rest }, /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()), props.children);
+};
+Toggle.Label = createSlot({
+  name: "label",
+  TextComp: Text,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/transform/index.ts
+var toggleTransform = (asset, options) => {
+  return {
+    ...asset,
+    setCheck(val) {
+      if (asset.binding === void 0) {
+        return;
+      }
+      return options.data.model.set([[asset.binding, val]]);
+    },
+    value: asset.binding === void 0 ? "" : options.data.model.get(asset.binding)
+  };
+};
+export {
+  Toggle,
+  ToggleComponent,
+  toggleTransform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs

@@ -0,0 +1,49 @@
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/component/index.tsx
+import React from "react";
+import { Switch, FormControl, FormLabel } from "@chakra-ui/react";
+import { ReactAsset } from "@player-ui/react";
+var ToggleComponent = (props) => {
+  const { value, label, id, setCheck } = props;
+  const onChange = (e) => {
+    setCheck(e.target.checked);
+  };
+  return /* @__PURE__ */ React.createElement(FormControl, { display: "flex", alignItems: "center" }, label && /* @__PURE__ */ React.createElement(FormLabel, { htmlFor: id }, /* @__PURE__ */ React.createElement(ReactAsset, { ...label.asset })), /* @__PURE__ */ React.createElement(Switch, { id, onChange }));
+};
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/dsl/index.tsx
+import React2 from "react";
+import {
+  Asset,
+  createSlot
+} from "@player-tools/dsl";
+import { Text } from "@devtools-ui/text";
+var Toggle = (props) => {
+  const { children, binding, ...rest } = props;
+  return /* @__PURE__ */ React2.createElement(Asset, { type: "toggle", ...rest }, /* @__PURE__ */ React2.createElement("property", { name: "binding" }, binding.toValue()), props.children);
+};
+Toggle.Label = createSlot({
+  name: "label",
+  TextComp: Text,
+  isArray: false,
+  wrapInAsset: true
+});
+
+// ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/transform/index.ts
+var toggleTransform = (asset, options) => {
+  return {
+    ...asset,
+    setCheck(val) {
+      if (asset.binding === void 0) {
+        return;
+      }
+      return options.data.model.set([[asset.binding, val]]);
+    },
+    value: asset.binding === void 0 ? "" : options.data.model.get(asset.binding)
+  };
+};
+export {
+  Toggle,
+  ToggleComponent,
+  toggleTransform
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/component/index.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/dsl/index.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/toggle/src/transform/index.ts"],"sourcesContent":["import React from \"react\";\nimport { Switch, FormControl, FormLabel } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport type { TransformedToggle } from \"../types\";\n\nexport const ToggleComponent = (props: TransformedToggle) => {\n  const { value, label, id, setCheck } = props;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    setCheck(e.target.checked);\n  };\n\n  return (\n    <FormControl display=\"flex\" alignItems=\"center\">\n      {label && (\n        <FormLabel htmlFor={id}>\n          <ReactAsset {...label.asset} />\n        </FormLabel>\n      )}\n      <Switch id={id} onChange={onChange} />\n    </FormControl>\n  );\n};\n","import React from \"react\";\nimport {\n  AssetPropsWithChildren,\n  Asset,\n  createSlot,\n  BindingTemplateInstance,\n} from \"@player-tools/dsl\";\nimport { Text } from \"@devtools-ui/text\";\nimport type { ToggleAsset } from \"../types\";\n\nexport const Toggle = (\n  props: Omit<AssetPropsWithChildren<ToggleAsset>, \"binding\"> & {\n    /** The binding as a tagged template instance */\n    binding: BindingTemplateInstance;\n  }\n) => {\n  const { children, binding, ...rest } = props;\n\n  return (\n    <Asset type=\"toggle\" {...rest}>\n      <property name=\"binding\">{binding.toValue()}</property>\n      {props.children}\n    </Asset>\n  );\n};\n\nToggle.Label = createSlot({\n  name: \"label\",\n  TextComp: Text,\n  isArray: false,\n  wrapInAsset: true,\n});\n","import type { TransformFunction } from \"@player-ui/player\";\nimport { ToggleAsset, TransformedToggle } from \"../types\";\n\nexport const toggleTransform: TransformFunction<\n  ToggleAsset,\n  TransformedToggle\n> = (asset, options) => {\n  return {\n    ...asset,\n    setCheck(val) {\n      if (asset.binding === undefined) {\n        return;\n      }\n\n      return options.data.model.set([[asset.binding, val]]);\n    },\n    value:\n      asset.binding === undefined ? \"\" : options.data.model.get(asset.binding),\n  };\n};\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,iBAAiB;AAC/C,SAAS,kBAAkB;AAGpB,IAAM,kBAAkB,CAAC,UAA6B;AAC3D,QAAM,EAAE,OAAO,OAAO,IAAI,SAAS,IAAI;AAEvC,QAAM,WAAuD,CAAC,MAAM;AAClE,aAAS,EAAE,OAAO,OAAO;AAAA,EAC3B;AAEA,SACE,oCAAC,eAAY,SAAQ,QAAO,YAAW,YACpC,SACC,oCAAC,aAAU,SAAS,MAClB,oCAAC,cAAY,GAAG,MAAM,OAAO,CAC/B,GAEF,oCAAC,UAAO,IAAQ,UAAoB,CACtC;AAEJ;;;ACtBA,OAAOA,YAAW;AAClB;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,YAAY;AAGd,IAAM,SAAS,CACpB,UAIG;AACH,QAAM,EAAE,UAAU,SAAS,GAAG,KAAK,IAAI;AAEvC,SACE,gBAAAA,OAAA,cAAC,SAAM,MAAK,UAAU,GAAG,QACvB,gBAAAA,OAAA,cAAC,cAAS,MAAK,aAAW,QAAQ,QAAQ,CAAE,GAC3C,MAAM,QACT;AAEJ;AAEA,OAAO,QAAQ,WAAW;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AACf,CAAC;;;AC5BM,IAAM,kBAGT,CAAC,OAAO,YAAY;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS,KAAK;AACZ,UAAI,MAAM,YAAY,QAAW;AAC/B;AAAA,MACF;AAEA,aAAO,QAAQ,KAAK,MAAM,IAAI,CAAC,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC;AAAA,IACtD;AAAA,IACA,OACE,MAAM,YAAY,SAAY,KAAK,QAAQ,KAAK,MAAM,IAAI,MAAM,OAAO;AAAA,EAC3E;AACF;","names":["React"]}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@devtools-ui/toggle",
+  "version": "0.1.1-next.2",
+  "main": "dist/cjs/index.cjs",
+  "dependencies": {
+    "@devtools-ui/text": "0.1.1-next.2",
+    "@devtools-ui/collection": "0.1.1-next.2",
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@player-tools/dsl": "0.6.0-next.2",
+    "@player-ui/asset-transform-plugin": "0.7.3-next.3",
+    "@player-ui/player": "0.7.3-next.3",
+    "@player-ui/react": "0.7.3-next.3",
+    "@player-ui/types": "0.7.3-next.3",
+    "@types/react": "^18.2.51",
+    "dlv": "^1.1.3",
+    "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",
+    "./dist/index.css": "./dist/index.css",
+    ".": {
+      "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,23 @@
+import React from "react";
+import { Switch, FormControl, FormLabel } from "@chakra-ui/react";
+import { ReactAsset } from "@player-ui/react";
+import type { TransformedToggle } from "../types";
+
+export const ToggleComponent = (props: TransformedToggle) => {
+  const { value, label, id, setCheck } = props;
+
+  const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
+    setCheck(e.target.checked);
+  };
+
+  return (
+    <FormControl display="flex" alignItems="center">
+      {label && (
+        <FormLabel htmlFor={id}>
+          <ReactAsset {...label.asset} />
+        </FormLabel>
+      )}
+      <Switch id={id} onChange={onChange} />
+    </FormControl>
+  );
+};

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

@@ -0,0 +1,27 @@
+import React from "react";
+import { describe, expect, test } from "vitest";
+import { render, expression as e, binding as b } from "@player-tools/dsl";
+import { Toggle } from "../";
+
+describe("DSL: Toggle", () => {
+  test("Renders toggle", async () => {
+    const rendered = await render(
+      <Toggle binding={b`my_binding`}>
+        <Toggle.Label>Toggle Label</Toggle.Label>
+      </Toggle>
+    );
+
+    expect(rendered.jsonValue).toStrictEqual({
+      type: "toggle",
+      binding: "my_binding",
+      id: "root",
+      label: {
+        asset: {
+          id: "label",
+          type: "text",
+          value: "Toggle Label",
+        },
+      },
+    });
+  });
+});

package/src/dsl/index.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import {
+  AssetPropsWithChildren,
+  Asset,
+  createSlot,
+  BindingTemplateInstance,
+} from "@player-tools/dsl";
+import { Text } from "@devtools-ui/text";
+import type { ToggleAsset } from "../types";
+
+export const Toggle = (
+  props: Omit<AssetPropsWithChildren<ToggleAsset>, "binding"> & {
+    /** The binding as a tagged template instance */
+    binding: BindingTemplateInstance;
+  }
+) => {
+  const { children, binding, ...rest } = props;
+
+  return (
+    <Asset type="toggle" {...rest}>
+      <property name="binding">{binding.toValue()}</property>
+      {props.children}
+    </Asset>
+  );
+};
+
+Toggle.Label = createSlot({
+  name: "label",
+  TextComp: Text,
+  isArray: false,
+  wrapInAsset: true,
+});

package/src/index.ts

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

package/src/transform/index.ts

@@ -0,0 +1,20 @@
+import type { TransformFunction } from "@player-ui/player";
+import { ToggleAsset, TransformedToggle } from "../types";
+
+export const toggleTransform: TransformFunction<
+  ToggleAsset,
+  TransformedToggle
+> = (asset, options) => {
+  return {
+    ...asset,
+    setCheck(val) {
+      if (asset.binding === undefined) {
+        return;
+      }
+
+      return options.data.model.set([[asset.binding, val]]);
+    },
+    value:
+      asset.binding === undefined ? "" : options.data.model.get(asset.binding),
+  };
+};

package/src/types/index.ts

@@ -0,0 +1,18 @@
+import { Asset, AssetWrapper, Expression } from "@player-ui/types";
+import type { TextAsset } from "@devtools-ui/text";
+
+export interface ToggleAsset extends Asset<"toggle"> {
+  /** Label */
+  label?: AssetWrapper<TextAsset>;
+  /** Dot sepparated string Representation of a path within the data-model */
+  binding?: string;
+}
+
+/** A stateful instance of the asset */
+export interface TransformedToggle extends ToggleAsset {
+  // The result of the transformation (transform/index.ts)
+  /** A function to commit the new value to the data-model */
+  setCheck: (newValue: boolean) => void;
+  /** The current value of the toggle from the data-model */
+  value: boolean;
+}

package/types/component/index.d.ts

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

package/types/dsl/index.d.ts

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

package/types/index.d.ts

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

package/types/transform/index.d.ts

@@ -0,0 +1,4 @@
+import type { TransformFunction } from "@player-ui/player";
+import { ToggleAsset, TransformedToggle } from "../types";
+export declare const toggleTransform: TransformFunction<ToggleAsset, TransformedToggle>;
+//# sourceMappingURL=index.d.ts.map

package/types/types/index.d.ts

@@ -0,0 +1,16 @@
+import { Asset, AssetWrapper } from "@player-ui/types";
+import type { TextAsset } from "@devtools-ui/text";
+export interface ToggleAsset extends Asset<"toggle"> {
+    /** Label */
+    label?: AssetWrapper<TextAsset>;
+    /** Dot sepparated string Representation of a path within the data-model */
+    binding?: string;
+}
+/** A stateful instance of the asset */
+export interface TransformedToggle extends ToggleAsset {
+    /** A function to commit the new value to the data-model */
+    setCheck: (newValue: boolean) => void;
+    /** The current value of the toggle from the data-model */
+    value: boolean;
+}
+//# sourceMappingURL=index.d.ts.map