@metamask/snaps-sdk 10.4.0 → 11.0.0

package/dist/ui/components/image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sourceRoot":"","sources":["../../../src/ui/components/image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,8BAA8B;AAEvD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,kCAAwB;AAC/C,OAAO,EAAE,aAAa,EAAE,uBAAmB;AAC3C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAiB;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAC/B,UAAU,EACV,MAAM,CAAC;IACL,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7B,KAAK,EAAE,GAAG,EAAE;CACb,CAAC,CACH,CAAC;AAUF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC","sourcesContent":["import type { Infer } from '@metamask/superstruct';\nimport { assign, object } from '@metamask/superstruct';\n\nimport { svg, literal } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { NodeStruct, NodeType } from '../nodes';\n\nexport const ImageStruct = assign(\n  NodeStruct,\n  object({\n    type: literal(NodeType.Image),\n    value: svg(),\n  }),\n);\n\n/**\n * An image node, that renders an SVG image.\n *\n * @property type - The type of the node. Must be the string `image`.\n * @property value - The SVG image to be rendered.\n */\nexport type Image = Infer<typeof ImageStruct>;\n\n/**\n * Create an {@link Image} node.\n *\n * @param args - The node arguments. This can either be a string, or an object\n * with the `value` property.\n * @param args.value - The SVG image to be rendered. Must be a valid SVG string.\n * @returns The image node as object. Other image formats are supported by\n * embedding them as data URLs in the SVG.\n * @deprecated Snaps component functions are deprecated, in favor of the new JSX\n * components. This function will be removed in a future release.\n * @example\n * const node = image({ value: '<svg />' });\n * const node = image('<svg />');\n */\nexport const image = createBuilder(NodeType.Image, ImageStruct, ['value']);\n"]}
+{"version":3,"file":"image.mjs","sourceRoot":"","sources":["../../../src/ui/components/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,8BAA8B;AAEvD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,kCAAwB;AAC/C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAiB;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAC/B,UAAU,EACV,MAAM,CAAC;IACL,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7B,KAAK,EAAE,GAAG,EAAE;CACb,CAAC,CACH,CAAC","sourcesContent":["import { assign, object } from '@metamask/superstruct';\n\nimport { svg, literal } from '../../internals';\nimport { NodeStruct, NodeType } from '../nodes';\n\nexport const ImageStruct = assign(\n  NodeStruct,\n  object({\n    type: literal(NodeType.Image),\n    value: svg(),\n  }),\n);\n"]}

package/dist/ui/components/index.cjs

@@ -14,17 +14,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelStruct = exports.panel = exports.ComponentStruct = exports.ImageStruct = exports.image = void 0;
+exports.PanelStruct = exports.ComponentStruct = void 0;
 __exportStar(require("./address.cjs"), exports);
 __exportStar(require("./copyable.cjs"), exports);
 __exportStar(require("./divider.cjs"), exports);
 __exportStar(require("./heading.cjs"), exports);
-var image_1 = require("./image.cjs");
-Object.defineProperty(exports, "image", { enumerable: true, get: function () { return image_1.image; } });
-Object.defineProperty(exports, "ImageStruct", { enumerable: true, get: function () { return image_1.ImageStruct; } });
+__exportStar(require("./image.cjs"), exports);
 var panel_1 = require("./panel.cjs");
 Object.defineProperty(exports, "ComponentStruct", { enumerable: true, get: function () { return panel_1.ComponentStruct; } });
-Object.defineProperty(exports, "panel", { enumerable: true, get: function () { return panel_1.panel; } });
 Object.defineProperty(exports, "PanelStruct", { enumerable: true, get: function () { return panel_1.PanelStruct; } });
 __exportStar(require("./spinner.cjs"), exports);
 __exportStar(require("./text.cjs"), exports);

package/dist/ui/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iDAA2B;AAC3B,gDAA0B;AAC1B,gDAA0B;AAE1B,qCAA6C;AAApC,8FAAA,KAAK,OAAA;AAAE,oGAAA,WAAW,OAAA;AAE3B,qCAA8D;AAArD,wGAAA,eAAe,OAAA;AAAE,8FAAA,KAAK,OAAA;AAAE,oGAAA,WAAW,OAAA;AAC5C,gDAA0B;AAC1B,6CAAuB;AACvB,4CAAsB;AACtB,+CAAyB;AACzB,8CAAwB;AACxB,6CAAuB","sourcesContent":["export * from './address';\nexport * from './copyable';\nexport * from './divider';\nexport * from './heading';\nexport type { Image } from './image';\nexport { image, ImageStruct } from './image';\nexport type { Component, Panel } from './panel';\nexport { ComponentStruct, panel, PanelStruct } from './panel';\nexport * from './spinner';\nexport * from './text';\nexport * from './row';\nexport * from './button';\nexport * from './input';\nexport * from './form';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iDAA2B;AAC3B,gDAA0B;AAC1B,gDAA0B;AAC1B,8CAAwB;AAExB,qCAAuD;AAA9C,wGAAA,eAAe,OAAA;AAAE,oGAAA,WAAW,OAAA;AACrC,gDAA0B;AAC1B,6CAAuB;AACvB,4CAAsB;AACtB,+CAAyB;AACzB,8CAAwB;AACxB,6CAAuB","sourcesContent":["export * from './address';\nexport * from './copyable';\nexport * from './divider';\nexport * from './heading';\nexport * from './image';\nexport type { Component, Panel } from './panel';\nexport { ComponentStruct, PanelStruct } from './panel';\nexport * from './spinner';\nexport * from './text';\nexport * from './row';\nexport * from './button';\nexport * from './input';\nexport * from './form';\n"]}

package/dist/ui/components/index.d.cts

@@ -2,10 +2,9 @@ export * from "./address.cjs";
 export * from "./copyable.cjs";
 export * from "./divider.cjs";
 export * from "./heading.cjs";
-export type { Image } from "./image.cjs";
-export { image, ImageStruct } from "./image.cjs";
+export * from "./image.cjs";
 export type { Component, Panel } from "./panel.cjs";
-export { ComponentStruct, panel, PanelStruct } from "./panel.cjs";
+export { ComponentStruct, PanelStruct } from "./panel.cjs";
 export * from "./spinner.cjs";
 export * from "./text.cjs";
 export * from "./row.cjs";

package/dist/ui/components/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,8BAA0B;AAC1B,+BAA2B;AAC3B,8BAA0B;AAC1B,8BAA0B;AAC1B,YAAY,EAAE,KAAK,EAAE,oBAAgB;AACrC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC7C,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAgB;AAChD,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC9D,8BAA0B;AAC1B,2BAAuB;AACvB,0BAAsB;AACtB,6BAAyB;AACzB,4BAAwB;AACxB,2BAAuB"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,8BAA0B;AAC1B,+BAA2B;AAC3B,8BAA0B;AAC1B,8BAA0B;AAC1B,4BAAwB;AACxB,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAgB;AAChD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,oBAAgB;AACvD,8BAA0B;AAC1B,2BAAuB;AACvB,0BAAsB;AACtB,6BAAyB;AACzB,4BAAwB;AACxB,2BAAuB"}

package/dist/ui/components/index.d.mts

@@ -2,10 +2,9 @@ export * from "./address.mjs";
 export * from "./copyable.mjs";
 export * from "./divider.mjs";
 export * from "./heading.mjs";
-export type { Image } from "./image.mjs";
-export { image, ImageStruct } from "./image.mjs";
+export * from "./image.mjs";
 export type { Component, Panel } from "./panel.mjs";
-export { ComponentStruct, panel, PanelStruct } from "./panel.mjs";
+export { ComponentStruct, PanelStruct } from "./panel.mjs";
 export * from "./spinner.mjs";
 export * from "./text.mjs";
 export * from "./row.mjs";

package/dist/ui/components/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,8BAA0B;AAC1B,+BAA2B;AAC3B,8BAA0B;AAC1B,8BAA0B;AAC1B,YAAY,EAAE,KAAK,EAAE,oBAAgB;AACrC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC7C,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAgB;AAChD,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC9D,8BAA0B;AAC1B,2BAAuB;AACvB,0BAAsB;AACtB,6BAAyB;AACzB,4BAAwB;AACxB,2BAAuB"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,8BAA0B;AAC1B,+BAA2B;AAC3B,8BAA0B;AAC1B,8BAA0B;AAC1B,4BAAwB;AACxB,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAgB;AAChD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,oBAAgB;AACvD,8BAA0B;AAC1B,2BAAuB;AACvB,0BAAsB;AACtB,6BAAyB;AACzB,4BAAwB;AACxB,2BAAuB"}

package/dist/ui/components/index.mjs

@@ -2,8 +2,8 @@ export * from "./address.mjs";
 export * from "./copyable.mjs";
 export * from "./divider.mjs";
 export * from "./heading.mjs";
-export { image, ImageStruct } from "./image.mjs";
-export { ComponentStruct, panel, PanelStruct } from "./panel.mjs";
+export * from "./image.mjs";
+export { ComponentStruct, PanelStruct } from "./panel.mjs";
 export * from "./spinner.mjs";
 export * from "./text.mjs";
 export * from "./row.mjs";

package/dist/ui/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,8BAA0B;AAC1B,+BAA2B;AAC3B,8BAA0B;AAC1B,8BAA0B;AAE1B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAE7C,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC9D,8BAA0B;AAC1B,2BAAuB;AACvB,0BAAsB;AACtB,6BAAyB;AACzB,4BAAwB;AACxB,2BAAuB","sourcesContent":["export * from './address';\nexport * from './copyable';\nexport * from './divider';\nexport * from './heading';\nexport type { Image } from './image';\nexport { image, ImageStruct } from './image';\nexport type { Component, Panel } from './panel';\nexport { ComponentStruct, panel, PanelStruct } from './panel';\nexport * from './spinner';\nexport * from './text';\nexport * from './row';\nexport * from './button';\nexport * from './input';\nexport * from './form';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,8BAA0B;AAC1B,+BAA2B;AAC3B,8BAA0B;AAC1B,8BAA0B;AAC1B,4BAAwB;AAExB,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,oBAAgB;AACvD,8BAA0B;AAC1B,2BAAuB;AACvB,0BAAsB;AACtB,6BAAyB;AACzB,4BAAwB;AACxB,2BAAuB","sourcesContent":["export * from './address';\nexport * from './copyable';\nexport * from './divider';\nexport * from './heading';\nexport * from './image';\nexport type { Component, Panel } from './panel';\nexport { ComponentStruct, PanelStruct } from './panel';\nexport * from './spinner';\nexport * from './text';\nexport * from './row';\nexport * from './button';\nexport * from './input';\nexport * from './form';\n"]}

package/dist/ui/components/input.cjs

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.input = exports.InputStruct = exports.InputType = void 0;
+exports.InputStruct = exports.InputType = void 0;
 const superstruct_1 = require("@metamask/superstruct");
 const internals_1 = require("../../internals/index.cjs");
-const builder_1 = require("../builder.cjs");
 const nodes_1 = require("../nodes.cjs");
 /**
  * This replicates the available input types from the metamask extension.
@@ -28,31 +27,4 @@ exports.InputStruct = (0, superstruct_1.assign)(nodes_1.LiteralStruct, (0, super
     label: (0, superstruct_1.optional)((0, superstruct_1.string)()),
     error: (0, superstruct_1.optional)((0, superstruct_1.string)()),
 }));
-/**
- * Create a {@link Input} node.
- *
- * @param args - The node arguments. This can either be a name and an optional variant, value and placeholder or an object
- * with the properties: `inputType`, `value`, `variant`, `placeholder` and `name`.
- * @param args.name - The name for the input.
- * @param args.value - The value of the input.
- * @param args.inputType - An optional type, either `text`, `password` or `number`.
- * @param args.placeholder - An optional input placeholder.
- * @param args.label - An optional input label.
- * @param args.error - An optional error text.
- * @returns The input node as an object.
- * @deprecated Snaps component functions are deprecated, in favor of the new JSX
- * components. This function will be removed in a future release.
- * @example
- * const node = input('myInput');
- * const node = input('myInput', InputType.Text, 'my placeholder', 'myValue', 'myLabel');
- * const node = input({ name: 'myInput' });
- * const node = input({name: 'myInput', value: 'myValue', inputType: InputType.Password, placeholder: 'placeholder'})
- */
-exports.input = (0, builder_1.createBuilder)(nodes_1.NodeType.Input, exports.InputStruct, [
-    'name',
-    'inputType',
-    'placeholder',
-    'value',
-    'label',
-]);
 //# sourceMappingURL=input.cjs.map

package/dist/ui/components/input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.cjs","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":";;;AACA,uDAAgF;AAEhF,yDAAqD;AACrD,4CAA2C;AAC3C,wCAAmD;AAEnD;;;GAGG;AACH,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAJW,SAAS,yBAAT,SAAS,QAIpB;AAEY,QAAA,WAAW,GAAG,IAAA,oBAAM,EAC/B,qBAAa,EACb,IAAA,oBAAM,EAAC;IACL,IAAI,EAAE,IAAA,mBAAO,EAAC,gBAAQ,CAAC,KAAK,CAAC;IAC7B,KAAK,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;IACzB,IAAI,EAAE,IAAA,oBAAM,GAAE;IACd,SAAS,EAAE,IAAA,sBAAQ,EACjB,IAAA,mBAAK,EAAC;QACJ,IAAA,qBAAS,EAAC,SAAS,CAAC,IAAI,CAAC;QACzB,IAAA,qBAAS,EAAC,SAAS,CAAC,QAAQ,CAAC;QAC7B,IAAA,qBAAS,EAAC,SAAS,CAAC,MAAM,CAAC;KAC5B,CAAC,CACH;IACD,WAAW,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;IAC/B,KAAK,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;IACzB,KAAK,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;CAC1B,CAAC,CACH,CAAC;AAeF;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,KAAK,GAAG,IAAA,uBAAa,EAAC,gBAAQ,CAAC,KAAK,EAAE,mBAAW,EAAE;IAC9D,MAAM;IACN,WAAW;IACX,aAAa;IACb,OAAO;IACP,OAAO;CACR,CAAC,CAAC","sourcesContent":["import type { Infer } from '@metamask/superstruct';\nimport { assign, object, optional, string, union } from '@metamask/superstruct';\n\nimport { enumValue, literal } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { LiteralStruct, NodeType } from '../nodes';\n\n/**\n * This replicates the available input types from the metamask extension.\n * https://github.com/MetaMask/metamask-extension/main/ui/components/component-library/input/input.constants.js\n */\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n}\n\nexport const InputStruct = assign(\n  LiteralStruct,\n  object({\n    type: literal(NodeType.Input),\n    value: optional(string()),\n    name: string(),\n    inputType: optional(\n      union([\n        enumValue(InputType.Text),\n        enumValue(InputType.Password),\n        enumValue(InputType.Number),\n      ]),\n    ),\n    placeholder: optional(string()),\n    label: optional(string()),\n    error: optional(string()),\n  }),\n);\n\n/**\n * An input node, that renders an input.\n *\n * @property type - The type of the node, must be the string 'input'.\n * @property name - The name for the input.\n * @property value - The value of the input.\n * @property inputType - An optional type, either `text`, `password` or `number`.\n * @property placeholder - An optional input placeholder.\n * @property label - An optional input label.\n * @property error - An optional error text.\n */\nexport type Input = Infer<typeof InputStruct>;\n\n/**\n * Create a {@link Input} node.\n *\n * @param args - The node arguments. This can either be a name and an optional variant, value and placeholder or an object\n * with the properties: `inputType`, `value`, `variant`, `placeholder` and `name`.\n * @param args.name - The name for the input.\n * @param args.value - The value of the input.\n * @param args.inputType - An optional type, either `text`, `password` or `number`.\n * @param args.placeholder - An optional input placeholder.\n * @param args.label - An optional input label.\n * @param args.error - An optional error text.\n * @returns The input node as an object.\n * @deprecated Snaps component functions are deprecated, in favor of the new JSX\n * components. This function will be removed in a future release.\n * @example\n * const node = input('myInput');\n * const node = input('myInput', InputType.Text, 'my placeholder', 'myValue', 'myLabel');\n * const node = input({ name: 'myInput' });\n * const node = input({name: 'myInput', value: 'myValue', inputType: InputType.Password, placeholder: 'placeholder'})\n */\nexport const input = createBuilder(NodeType.Input, InputStruct, [\n  'name',\n  'inputType',\n  'placeholder',\n  'value',\n  'label',\n]);\n"]}
+{"version":3,"file":"input.cjs","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":";;;AAAA,uDAAgF;AAEhF,yDAAqD;AACrD,wCAAmD;AAEnD;;;GAGG;AACH,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAJW,SAAS,yBAAT,SAAS,QAIpB;AAEY,QAAA,WAAW,GAAG,IAAA,oBAAM,EAC/B,qBAAa,EACb,IAAA,oBAAM,EAAC;IACL,IAAI,EAAE,IAAA,mBAAO,EAAC,gBAAQ,CAAC,KAAK,CAAC;IAC7B,KAAK,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;IACzB,IAAI,EAAE,IAAA,oBAAM,GAAE;IACd,SAAS,EAAE,IAAA,sBAAQ,EACjB,IAAA,mBAAK,EAAC;QACJ,IAAA,qBAAS,EAAC,SAAS,CAAC,IAAI,CAAC;QACzB,IAAA,qBAAS,EAAC,SAAS,CAAC,QAAQ,CAAC;QAC7B,IAAA,qBAAS,EAAC,SAAS,CAAC,MAAM,CAAC;KAC5B,CAAC,CACH;IACD,WAAW,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;IAC/B,KAAK,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;IACzB,KAAK,EAAE,IAAA,sBAAQ,EAAC,IAAA,oBAAM,GAAE,CAAC;CAC1B,CAAC,CACH,CAAC","sourcesContent":["import { assign, object, optional, string, union } from '@metamask/superstruct';\n\nimport { enumValue, literal } from '../../internals';\nimport { LiteralStruct, NodeType } from '../nodes';\n\n/**\n * This replicates the available input types from the metamask extension.\n * https://github.com/MetaMask/metamask-extension/main/ui/components/component-library/input/input.constants.js\n */\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n}\n\nexport const InputStruct = assign(\n  LiteralStruct,\n  object({\n    type: literal(NodeType.Input),\n    value: optional(string()),\n    name: string(),\n    inputType: optional(\n      union([\n        enumValue(InputType.Text),\n        enumValue(InputType.Password),\n        enumValue(InputType.Number),\n      ]),\n    ),\n    placeholder: optional(string()),\n    label: optional(string()),\n    error: optional(string()),\n  }),\n);\n"]}

package/dist/ui/components/input.d.cts

@@ -1,4 +1,3 @@
-import type { Infer } from "@metamask/superstruct";
 import { NodeType } from "../nodes.cjs";
 /**
  * This replicates the available input types from the metamask extension.
@@ -26,53 +25,4 @@ export declare const InputStruct: import("@metamask/superstruct").Struct<{
     label: import("@metamask/superstruct").Struct<string | undefined, null>;
     error: import("@metamask/superstruct").Struct<string | undefined, null>;
 }>;
-/**
- * An input node, that renders an input.
- *
- * @property type - The type of the node, must be the string 'input'.
- * @property name - The name for the input.
- * @property value - The value of the input.
- * @property inputType - An optional type, either `text`, `password` or `number`.
- * @property placeholder - An optional input placeholder.
- * @property label - An optional input label.
- * @property error - An optional error text.
- */
-export type Input = Infer<typeof InputStruct>;
-/**
- * Create a {@link Input} node.
- *
- * @param args - The node arguments. This can either be a name and an optional variant, value and placeholder or an object
- * with the properties: `inputType`, `value`, `variant`, `placeholder` and `name`.
- * @param args.name - The name for the input.
- * @param args.value - The value of the input.
- * @param args.inputType - An optional type, either `text`, `password` or `number`.
- * @param args.placeholder - An optional input placeholder.
- * @param args.label - An optional input label.
- * @param args.error - An optional error text.
- * @returns The input node as an object.
- * @deprecated Snaps component functions are deprecated, in favor of the new JSX
- * components. This function will be removed in a future release.
- * @example
- * const node = input('myInput');
- * const node = input('myInput', InputType.Text, 'my placeholder', 'myValue', 'myLabel');
- * const node = input({ name: 'myInput' });
- * const node = input({name: 'myInput', value: 'myValue', inputType: InputType.Password, placeholder: 'placeholder'})
- */
-export declare const input: (...args: (string | undefined)[] | [Omit<{
-    type: NodeType.Input;
-    name: string;
-    value?: string | undefined;
-    label?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
-    placeholder?: string | undefined;
-    error?: string | undefined;
-}, "type">]) => {
-    type: NodeType.Input;
-    name: string;
-    value?: string | undefined;
-    label?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
-    placeholder?: string | undefined;
-    error?: string | undefined;
-};
 //# sourceMappingURL=input.d.cts.map

package/dist/ui/components/input.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.cts","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,8BAA8B;AAKnD,OAAO,EAAiB,QAAQ,EAAE,qBAAiB;AAEnD;;;GAGG;AACH,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;CAMhB,CAAC"}
+{"version":3,"file":"input.d.cts","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,QAAQ,EAAE,qBAAiB;AAEnD;;;GAGG;AACH,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAiBvB,CAAC"}

package/dist/ui/components/input.d.mts

@@ -1,4 +1,3 @@
-import type { Infer } from "@metamask/superstruct";
 import { NodeType } from "../nodes.mjs";
 /**
  * This replicates the available input types from the metamask extension.
@@ -26,53 +25,4 @@ export declare const InputStruct: import("@metamask/superstruct").Struct<{
     label: import("@metamask/superstruct").Struct<string | undefined, null>;
     error: import("@metamask/superstruct").Struct<string | undefined, null>;
 }>;
-/**
- * An input node, that renders an input.
- *
- * @property type - The type of the node, must be the string 'input'.
- * @property name - The name for the input.
- * @property value - The value of the input.
- * @property inputType - An optional type, either `text`, `password` or `number`.
- * @property placeholder - An optional input placeholder.
- * @property label - An optional input label.
- * @property error - An optional error text.
- */
-export type Input = Infer<typeof InputStruct>;
-/**
- * Create a {@link Input} node.
- *
- * @param args - The node arguments. This can either be a name and an optional variant, value and placeholder or an object
- * with the properties: `inputType`, `value`, `variant`, `placeholder` and `name`.
- * @param args.name - The name for the input.
- * @param args.value - The value of the input.
- * @param args.inputType - An optional type, either `text`, `password` or `number`.
- * @param args.placeholder - An optional input placeholder.
- * @param args.label - An optional input label.
- * @param args.error - An optional error text.
- * @returns The input node as an object.
- * @deprecated Snaps component functions are deprecated, in favor of the new JSX
- * components. This function will be removed in a future release.
- * @example
- * const node = input('myInput');
- * const node = input('myInput', InputType.Text, 'my placeholder', 'myValue', 'myLabel');
- * const node = input({ name: 'myInput' });
- * const node = input({name: 'myInput', value: 'myValue', inputType: InputType.Password, placeholder: 'placeholder'})
- */
-export declare const input: (...args: (string | undefined)[] | [Omit<{
-    type: NodeType.Input;
-    name: string;
-    value?: string | undefined;
-    label?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
-    placeholder?: string | undefined;
-    error?: string | undefined;
-}, "type">]) => {
-    type: NodeType.Input;
-    name: string;
-    value?: string | undefined;
-    label?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
-    placeholder?: string | undefined;
-    error?: string | undefined;
-};
 //# sourceMappingURL=input.d.mts.map

package/dist/ui/components/input.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.mts","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,8BAA8B;AAKnD,OAAO,EAAiB,QAAQ,EAAE,qBAAiB;AAEnD;;;GAGG;AACH,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;CAMhB,CAAC"}
+{"version":3,"file":"input.d.mts","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,QAAQ,EAAE,qBAAiB;AAEnD;;;GAGG;AACH,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAiBvB,CAAC"}

package/dist/ui/components/input.mjs

@@ -1,6 +1,5 @@
 import { assign, object, optional, string, union } from "@metamask/superstruct";
 import { enumValue, literal } from "../../internals/index.mjs";
-import { createBuilder } from "../builder.mjs";
 import { LiteralStruct, NodeType } from "../nodes.mjs";
 /**
  * This replicates the available input types from the metamask extension.
@@ -25,31 +24,4 @@ export const InputStruct = assign(LiteralStruct, object({
     label: optional(string()),
     error: optional(string()),
 }));
-/**
- * Create a {@link Input} node.
- *
- * @param args - The node arguments. This can either be a name and an optional variant, value and placeholder or an object
- * with the properties: `inputType`, `value`, `variant`, `placeholder` and `name`.
- * @param args.name - The name for the input.
- * @param args.value - The value of the input.
- * @param args.inputType - An optional type, either `text`, `password` or `number`.
- * @param args.placeholder - An optional input placeholder.
- * @param args.label - An optional input label.
- * @param args.error - An optional error text.
- * @returns The input node as an object.
- * @deprecated Snaps component functions are deprecated, in favor of the new JSX
- * components. This function will be removed in a future release.
- * @example
- * const node = input('myInput');
- * const node = input('myInput', InputType.Text, 'my placeholder', 'myValue', 'myLabel');
- * const node = input({ name: 'myInput' });
- * const node = input({name: 'myInput', value: 'myValue', inputType: InputType.Password, placeholder: 'placeholder'})
- */
-export const input = createBuilder(NodeType.Input, InputStruct, [
-    'name',
-    'inputType',
-    'placeholder',
-    'value',
-    'label',
-]);
 //# sourceMappingURL=input.mjs.map

package/dist/ui/components/input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.mjs","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,8BAA8B;AAEhF,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kCAAwB;AACrD,OAAO,EAAE,aAAa,EAAE,uBAAmB;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAiB;AAEnD;;;GAGG;AACH,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAC/B,aAAa,EACb,MAAM,CAAC;IACL,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7B,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IACzB,IAAI,EAAE,MAAM,EAAE;IACd,SAAS,EAAE,QAAQ,CACjB,KAAK,CAAC;QACJ,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;QACzB,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC7B,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;KAC5B,CAAC,CACH;IACD,WAAW,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;CAC1B,CAAC,CACH,CAAC;AAeF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;IAC9D,MAAM;IACN,WAAW;IACX,aAAa;IACb,OAAO;IACP,OAAO;CACR,CAAC,CAAC","sourcesContent":["import type { Infer } from '@metamask/superstruct';\nimport { assign, object, optional, string, union } from '@metamask/superstruct';\n\nimport { enumValue, literal } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { LiteralStruct, NodeType } from '../nodes';\n\n/**\n * This replicates the available input types from the metamask extension.\n * https://github.com/MetaMask/metamask-extension/main/ui/components/component-library/input/input.constants.js\n */\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n}\n\nexport const InputStruct = assign(\n  LiteralStruct,\n  object({\n    type: literal(NodeType.Input),\n    value: optional(string()),\n    name: string(),\n    inputType: optional(\n      union([\n        enumValue(InputType.Text),\n        enumValue(InputType.Password),\n        enumValue(InputType.Number),\n      ]),\n    ),\n    placeholder: optional(string()),\n    label: optional(string()),\n    error: optional(string()),\n  }),\n);\n\n/**\n * An input node, that renders an input.\n *\n * @property type - The type of the node, must be the string 'input'.\n * @property name - The name for the input.\n * @property value - The value of the input.\n * @property inputType - An optional type, either `text`, `password` or `number`.\n * @property placeholder - An optional input placeholder.\n * @property label - An optional input label.\n * @property error - An optional error text.\n */\nexport type Input = Infer<typeof InputStruct>;\n\n/**\n * Create a {@link Input} node.\n *\n * @param args - The node arguments. This can either be a name and an optional variant, value and placeholder or an object\n * with the properties: `inputType`, `value`, `variant`, `placeholder` and `name`.\n * @param args.name - The name for the input.\n * @param args.value - The value of the input.\n * @param args.inputType - An optional type, either `text`, `password` or `number`.\n * @param args.placeholder - An optional input placeholder.\n * @param args.label - An optional input label.\n * @param args.error - An optional error text.\n * @returns The input node as an object.\n * @deprecated Snaps component functions are deprecated, in favor of the new JSX\n * components. This function will be removed in a future release.\n * @example\n * const node = input('myInput');\n * const node = input('myInput', InputType.Text, 'my placeholder', 'myValue', 'myLabel');\n * const node = input({ name: 'myInput' });\n * const node = input({name: 'myInput', value: 'myValue', inputType: InputType.Password, placeholder: 'placeholder'})\n */\nexport const input = createBuilder(NodeType.Input, InputStruct, [\n  'name',\n  'inputType',\n  'placeholder',\n  'value',\n  'label',\n]);\n"]}
+{"version":3,"file":"input.mjs","sourceRoot":"","sources":["../../../src/ui/components/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,8BAA8B;AAEhF,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,kCAAwB;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAiB;AAEnD;;;GAGG;AACH,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAC/B,aAAa,EACb,MAAM,CAAC;IACL,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7B,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IACzB,IAAI,EAAE,MAAM,EAAE;IACd,SAAS,EAAE,QAAQ,CACjB,KAAK,CAAC;QACJ,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;QACzB,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC7B,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC;KAC5B,CAAC,CACH;IACD,WAAW,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;CAC1B,CAAC,CACH,CAAC","sourcesContent":["import { assign, object, optional, string, union } from '@metamask/superstruct';\n\nimport { enumValue, literal } from '../../internals';\nimport { LiteralStruct, NodeType } from '../nodes';\n\n/**\n * This replicates the available input types from the metamask extension.\n * https://github.com/MetaMask/metamask-extension/main/ui/components/component-library/input/input.constants.js\n */\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n}\n\nexport const InputStruct = assign(\n  LiteralStruct,\n  object({\n    type: literal(NodeType.Input),\n    value: optional(string()),\n    name: string(),\n    inputType: optional(\n      union([\n        enumValue(InputType.Text),\n        enumValue(InputType.Password),\n        enumValue(InputType.Number),\n      ]),\n    ),\n    placeholder: optional(string()),\n    label: optional(string()),\n    error: optional(string()),\n  }),\n);\n"]}

package/dist/ui/components/panel.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentStruct = exports.panel = exports.PanelStruct = exports.ParentStruct = void 0;
+exports.ComponentStruct = exports.PanelStruct = exports.ParentStruct = void 0;
 const superstruct_1 = require("@metamask/superstruct");
 const address_1 = require("./address.cjs");
 const button_1 = require("./button.cjs");
@@ -14,15 +14,17 @@ const row_1 = require("./row.cjs");
 const spinner_1 = require("./spinner.cjs");
 const text_1 = require("./text.cjs");
 const internals_1 = require("../../internals/index.cjs");
-const builder_1 = require("../builder.cjs");
 const nodes_1 = require("../nodes.cjs");
 /**
  * @internal
  */
 exports.ParentStruct = (0, superstruct_1.assign)(nodes_1.NodeStruct, (0, superstruct_1.object)({
     // This node references itself indirectly, so we need to use `lazy()`.
+    children: (0, superstruct_1.array)((0, superstruct_1.lazy)(
+    /* istanbul ignore next */
+    () => 
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    children: (0, superstruct_1.array)((0, superstruct_1.lazy)(() => exports.ComponentStruct)),
+    exports.ComponentStruct)),
 }));
 /**
  * @internal
@@ -30,30 +32,6 @@ exports.ParentStruct = (0, superstruct_1.assign)(nodes_1.NodeStruct, (0, superst
 exports.PanelStruct = (0, superstruct_1.assign)(exports.ParentStruct, (0, superstruct_1.object)({
     type: (0, internals_1.literal)(nodes_1.NodeType.Panel),
 }));
-/**
- * Create a {@link Panel} node.
- *
- * @param args - The node arguments. This can be either an array of children, or
- * an object with a `children` property.
- * @param args.children - The child nodes of the panel. This can be any valid
- * {@link Component}.
- * @returns The panel node as object.
- * @deprecated Snaps component functions are deprecated, in favor of the new JSX
- * components. This function will be removed in a future release.
- * @example
- * const node = panel({
- *  children: [
- *    heading({ text: 'Hello, world!' }),
- *    text({ text: 'This is a panel.' }),
- *  ],
- * });
- *
- * const node = panel([
- *   heading('Hello, world!'),
- *   text('This is a panel.'),
- * ]);
- */
-exports.panel = (0, builder_1.createBuilder)(nodes_1.NodeType.Panel, exports.PanelStruct, ['children']);
 // This is defined separately from `Component` to avoid circular dependencies.
 exports.ComponentStruct = (0, internals_1.typedUnion)([
     copyable_1.CopyableStruct,

package/dist/ui/components/panel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel.cjs","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":";;;AACA,uDAAoE;AAEpE,2CAA0C;AAC1C,yCAAwC;AACxC,6CAA4C;AAC5C,2CAA0C;AAC1C,qCAAoC;AACpC,2CAA0C;AAC1C,uCAAsC;AACtC,uCAAsC;AACtC,mCAAkC;AAClC,2CAA0C;AAC1C,qCAAoC;AACpC,yDAAsD;AACtD,4CAA2C;AAC3C,wCAAgD;AAEhD;;GAEG;AACU,QAAA,YAAY,GAAG,IAAA,oBAAM,EAChC,kBAAU,EACV,IAAA,oBAAM,EAAC;IACL,sEAAsE;IACtE,mEAAmE;IACnE,QAAQ,EAAE,IAAA,mBAAK,EAAC,IAAA,kBAAI,EAAC,GAAG,EAAE,CAAC,uBAAe,CAAC,CAAC;CAC7C,CAAC,CACH,CAAC;AAYF;;GAEG;AACU,QAAA,WAAW,GAAkB,IAAA,oBAAM,EAC9C,oBAAY,EACZ,IAAA,oBAAM,EAAC;IACL,IAAI,EAAE,IAAA,mBAAO,EAAC,gBAAQ,CAAC,KAAK,CAAC;CAC9B,CAAC,CACH,CAAC;AAeF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACU,QAAA,KAAK,GAAG,IAAA,uBAAa,EAAC,gBAAQ,CAAC,KAAK,EAAE,mBAAW,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9E,8EAA8E;AACjE,QAAA,eAAe,GAAG,IAAA,sBAAU,EAAC;IACxC,yBAAc;IACd,uBAAa;IACb,uBAAa;IACb,mBAAW;IACX,mBAAW;IACX,uBAAa;IACb,iBAAU;IACV,eAAS;IACT,uBAAa;IACb,mBAAW;IACX,iBAAU;IACV,qBAAY;CACb,CAAC,CAAC","sourcesContent":["import type { Infer, Struct } from '@metamask/superstruct';\nimport { array, assign, lazy, object } from '@metamask/superstruct';\n\nimport { AddressStruct } from './address';\nimport { ButtonStruct } from './button';\nimport { CopyableStruct } from './copyable';\nimport { DividerStruct } from './divider';\nimport { FormStruct } from './form';\nimport { HeadingStruct } from './heading';\nimport { ImageStruct } from './image';\nimport { InputStruct } from './input';\nimport { RowStruct } from './row';\nimport { SpinnerStruct } from './spinner';\nimport { TextStruct } from './text';\nimport { typedUnion, literal } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { NodeStruct, NodeType } from '../nodes';\n\n/**\n * @internal\n */\nexport const ParentStruct = assign(\n  NodeStruct,\n  object({\n    // This node references itself indirectly, so we need to use `lazy()`.\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    children: array(lazy(() => ComponentStruct)),\n  }),\n);\n\n/**\n * A node which supports child nodes. This is used for nodes that render their\n * children, such as {@link Panel}.\n *\n * @property type - The type of the node.\n * @property children - The children of the node\n * @internal\n */\nexport type Parent = Infer<typeof ParentStruct>;\n\n/**\n * @internal\n */\nexport const PanelStruct: Struct<Panel> = assign(\n  ParentStruct,\n  object({\n    type: literal(NodeType.Panel),\n  }),\n);\n\n/**\n * A panel node, which renders its children.\n *\n * @property type - The type of the node, must be the string 'text'.\n * @property value - The text content of the node, either as plain text, or as a\n * markdown string.\n */\n// This node references itself indirectly, so it cannot be inferred.\nexport type Panel = {\n  type: NodeType.Panel;\n  children: Component[];\n};\n\n/**\n * Create a {@link Panel} node.\n *\n * @param args - The node arguments. This can be either an array of children, or\n * an object with a `children` property.\n * @param args.children - The child nodes of the panel. This can be any valid\n * {@link Component}.\n * @returns The panel node as object.\n * @deprecated Snaps component functions are deprecated, in favor of the new JSX\n * components. This function will be removed in a future release.\n * @example\n * const node = panel({\n *  children: [\n *    heading({ text: 'Hello, world!' }),\n *    text({ text: 'This is a panel.' }),\n *  ],\n * });\n *\n * const node = panel([\n *   heading('Hello, world!'),\n *   text('This is a panel.'),\n * ]);\n */\nexport const panel = createBuilder(NodeType.Panel, PanelStruct, ['children']);\n\n// This is defined separately from `Component` to avoid circular dependencies.\nexport const ComponentStruct = typedUnion([\n  CopyableStruct,\n  DividerStruct,\n  HeadingStruct,\n  ImageStruct,\n  PanelStruct,\n  SpinnerStruct,\n  TextStruct,\n  RowStruct,\n  AddressStruct,\n  InputStruct,\n  FormStruct,\n  ButtonStruct,\n]);\n\n/**\n * All supported component types.\n */\nexport type Component = Infer<typeof ComponentStruct>;\n"]}
+{"version":3,"file":"panel.cjs","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":";;;AACA,uDAAoE;AAEpE,2CAA0C;AAC1C,yCAAwC;AACxC,6CAA4C;AAC5C,2CAA0C;AAC1C,qCAAoC;AACpC,2CAA0C;AAC1C,uCAAsC;AACtC,uCAAsC;AACtC,mCAAkC;AAClC,2CAA0C;AAC1C,qCAAoC;AACpC,yDAAsD;AACtD,wCAAgD;AAEhD;;GAEG;AACU,QAAA,YAAY,GAAG,IAAA,oBAAM,EAChC,kBAAU,EACV,IAAA,oBAAM,EAAC;IACL,sEAAsE;IACtE,QAAQ,EAAE,IAAA,mBAAK,EACb,IAAA,kBAAI;IACF,0BAA0B;IAC1B,GAAG,EAAE;IACH,mEAAmE;IACnE,uBAAe,CAClB,CACF;CACF,CAAC,CACH,CAAC;AAEF;;GAEG;AACU,QAAA,WAAW,GAAkB,IAAA,oBAAM,EAC9C,oBAAY,EACZ,IAAA,oBAAM,EAAC;IACL,IAAI,EAAE,IAAA,mBAAO,EAAC,gBAAQ,CAAC,KAAK,CAAC;CAC9B,CAAC,CACH,CAAC;AAQF,8EAA8E;AACjE,QAAA,eAAe,GAAG,IAAA,sBAAU,EAAC;IACxC,yBAAc;IACd,uBAAa;IACb,uBAAa;IACb,mBAAW;IACX,mBAAW;IACX,uBAAa;IACb,iBAAU;IACV,eAAS;IACT,uBAAa;IACb,mBAAW;IACX,iBAAU;IACV,qBAAY;CACb,CAAC,CAAC","sourcesContent":["import type { Infer, Struct } from '@metamask/superstruct';\nimport { array, assign, lazy, object } from '@metamask/superstruct';\n\nimport { AddressStruct } from './address';\nimport { ButtonStruct } from './button';\nimport { CopyableStruct } from './copyable';\nimport { DividerStruct } from './divider';\nimport { FormStruct } from './form';\nimport { HeadingStruct } from './heading';\nimport { ImageStruct } from './image';\nimport { InputStruct } from './input';\nimport { RowStruct } from './row';\nimport { SpinnerStruct } from './spinner';\nimport { TextStruct } from './text';\nimport { typedUnion, literal } from '../../internals';\nimport { NodeStruct, NodeType } from '../nodes';\n\n/**\n * @internal\n */\nexport const ParentStruct = assign(\n  NodeStruct,\n  object({\n    // This node references itself indirectly, so we need to use `lazy()`.\n    children: array(\n      lazy(\n        /* istanbul ignore next */\n        () =>\n          // eslint-disable-next-line @typescript-eslint/no-use-before-define\n          ComponentStruct,\n      ),\n    ),\n  }),\n);\n\n/**\n * @internal\n */\nexport const PanelStruct: Struct<Panel> = assign(\n  ParentStruct,\n  object({\n    type: literal(NodeType.Panel),\n  }),\n);\n\n// This node references itself indirectly, so it cannot be inferred.\nexport type Panel = {\n  type: NodeType.Panel;\n  children: Component[];\n};\n\n// This is defined separately from `Component` to avoid circular dependencies.\nexport const ComponentStruct = typedUnion([\n  CopyableStruct,\n  DividerStruct,\n  HeadingStruct,\n  ImageStruct,\n  PanelStruct,\n  SpinnerStruct,\n  TextStruct,\n  RowStruct,\n  AddressStruct,\n  InputStruct,\n  FormStruct,\n  ButtonStruct,\n]);\n\n/**\n * All supported component types.\n */\nexport type Component = Infer<typeof ComponentStruct>;\n"]}

package/dist/ui/components/panel.d.cts

@@ -214,122 +214,14 @@ export declare const ParentStruct: Struct<{
     }, null>>;
     type: Struct<string, null>;
 }>;
-/**
- * A node which supports child nodes. This is used for nodes that render their
- * children, such as {@link Panel}.
- *
- * @property type - The type of the node.
- * @property children - The children of the node
- * @internal
- */
-export type Parent = Infer<typeof ParentStruct>;
 /**
  * @internal
  */
 export declare const PanelStruct: Struct<Panel>;
-/**
- * A panel node, which renders its children.
- *
- * @property type - The type of the node, must be the string 'text'.
- * @property value - The text content of the node, either as plain text, or as a
- * markdown string.
- */
 export type Panel = {
     type: NodeType.Panel;
     children: Component[];
 };
-/**
- * Create a {@link Panel} node.
- *
- * @param args - The node arguments. This can be either an array of children, or
- * an object with a `children` property.
- * @param args.children - The child nodes of the panel. This can be any valid
- * {@link Component}.
- * @returns The panel node as object.
- * @deprecated Snaps component functions are deprecated, in favor of the new JSX
- * components. This function will be removed in a future release.
- * @example
- * const node = panel({
- *  children: [
- *    heading({ text: 'Hello, world!' }),
- *    text({ text: 'This is a panel.' }),
- *  ],
- * });
- *
- * const node = panel([
- *   heading('Hello, world!'),
- *   text('This is a panel.'),
- * ]);
- */
-export declare const panel: (...args: [Omit<Panel, "type">] | ({
-    value: string;
-    type: NodeType.Copyable;
-    sensitive?: boolean | undefined;
-} | {
-    type: NodeType.Divider;
-} | {
-    value: string;
-    type: NodeType.Heading;
-} | {
-    value: string;
-    type: NodeType.Image;
-} | Panel | {
-    type: NodeType.Spinner;
-} | {
-    value: string;
-    type: NodeType.Text;
-    markdown?: boolean | undefined;
-} | {
-    value: `0x${string}`;
-    type: NodeType.Address;
-} | {
-    value: {
-        value: string;
-        type: NodeType.Image;
-    } | {
-        value: string;
-        type: NodeType.Text;
-        markdown?: boolean | undefined;
-    } | {
-        value: `0x${string}`;
-        type: NodeType.Address;
-    };
-    type: NodeType.Row;
-    label: string;
-    variant?: "default" | "critical" | "warning" | undefined;
-} | {
-    type: NodeType.Input;
-    name: string;
-    value?: string | undefined;
-    label?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
-    placeholder?: string | undefined;
-    error?: string | undefined;
-} | {
-    value: string;
-    type: NodeType.Button;
-    variant?: "primary" | "secondary" | undefined;
-    name?: string | undefined;
-    buttonType?: "button" | "submit" | undefined;
-} | {
-    type: NodeType.Form;
-    name: string;
-    children: ({
-        type: NodeType.Input;
-        name: string;
-        value?: string | undefined;
-        label?: string | undefined;
-        inputType?: "number" | "text" | "password" | undefined;
-        placeholder?: string | undefined;
-        error?: string | undefined;
-    } | {
-        value: string;
-        type: NodeType.Button;
-        variant?: "primary" | "secondary" | undefined;
-        name?: string | undefined;
-        buttonType?: "button" | "submit" | undefined;
-    })[];
-})[][]) => Panel;
 export declare const ComponentStruct: Struct<{
     value: string;
     type: NodeType.Copyable;

package/dist/ui/components/panel.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.cts","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,8BAA8B;AAgB3D,OAAO,EAAc,QAAQ,EAAE,qBAAiB;AAEhD;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOxB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,KAAK,CAKrC,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;IACrB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA2D,CAAC;AAG9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAa1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"panel.d.cts","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,8BAA8B;AAe3D,OAAO,EAAc,QAAQ,EAAE,qBAAiB;AAEhD;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,KAAK,CAKrC,CAAC;AAGF,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;IACrB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAa1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}