@metamask/snaps-sdk 6.21.0 → 6.22.0

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

@@ -10,15 +10,15 @@ export declare enum InputType {
     Password = "password"
 }
 export declare const InputStruct: import("@metamask/superstruct").Struct<{
-    type: NodeType.Input;
     name: string;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     value?: string | undefined;
     label?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
     placeholder?: string | undefined;
+    error?: string | undefined;
 }, {
-    type: import("@metamask/superstruct").Struct<NodeType.Input, NodeType.Input>;
+    type: import("@metamask/superstruct").Struct<NodeType.Input, null>;
     value: import("@metamask/superstruct").Struct<string | undefined, null>;
     name: import("@metamask/superstruct").Struct<string, null>;
     inputType: import("@metamask/superstruct").Struct<"number" | "text" | "password" | undefined, null>;
@@ -59,20 +59,20 @@ export type Input = Infer<typeof InputStruct>;
  * 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;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     value?: string | undefined;
     label?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
     placeholder?: string | undefined;
+    error?: string | undefined;
 }, "type">]) => {
-    type: NodeType.Input;
     name: string;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     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;AAYnD,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":"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"}

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

@@ -10,15 +10,15 @@ export declare enum InputType {
     Password = "password"
 }
 export declare const InputStruct: import("@metamask/superstruct").Struct<{
-    type: NodeType.Input;
     name: string;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     value?: string | undefined;
     label?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
     placeholder?: string | undefined;
+    error?: string | undefined;
 }, {
-    type: import("@metamask/superstruct").Struct<NodeType.Input, NodeType.Input>;
+    type: import("@metamask/superstruct").Struct<NodeType.Input, null>;
     value: import("@metamask/superstruct").Struct<string | undefined, null>;
     name: import("@metamask/superstruct").Struct<string, null>;
     inputType: import("@metamask/superstruct").Struct<"number" | "text" | "password" | undefined, null>;
@@ -59,20 +59,20 @@ export type Input = Infer<typeof InputStruct>;
  * 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;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     value?: string | undefined;
     label?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
     placeholder?: string | undefined;
+    error?: string | undefined;
 }, "type">]) => {
-    type: NodeType.Input;
     name: string;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     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;AAYnD,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":"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"}

package/dist/ui/components/input.mjs

@@ -1,5 +1,5 @@
-import { assign, literal, object, optional, string, union } from "@metamask/superstruct";
-import { enumValue } from "../../internals/index.mjs";
+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";
 /**

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,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACN,8BAA8B;AAE/B,OAAO,EAAE,SAAS,EAAE,kCAAwB;AAC5C,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 {\n  assign,\n  literal,\n  object,\n  optional,\n  string,\n  union,\n} from '@metamask/superstruct';\n\nimport { enumValue } 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":"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"]}

package/dist/ui/components/panel.cjs

@@ -28,7 +28,7 @@ exports.ParentStruct = (0, superstruct_1.assign)(nodes_1.NodeStruct, (0, superst
  * @internal
  */
 exports.PanelStruct = (0, superstruct_1.assign)(exports.ParentStruct, (0, superstruct_1.object)({
-    type: (0, superstruct_1.literal)(nodes_1.NodeType.Panel),
+    type: (0, internals_1.literal)(nodes_1.NodeType.Panel),
 }));
 /**
  * Create a {@link Panel} node.

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

@@ -1 +1 @@
-{"version":3,"file":"panel.cjs","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":";;;AACA,uDAA6E;AAE7E,2CAA0C;AAC1C,yCAAwC;AACxC,6CAA4C;AAC5C,2CAA0C;AAC1C,qCAAoC;AACpC,2CAA0C;AAC1C,uCAAsC;AACtC,uCAAsC;AACtC,mCAAkC;AAClC,2CAA0C;AAC1C,qCAAoC;AACpC,yDAA6C;AAC7C,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,qBAAO,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, literal, 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 } 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,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"]}

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

@@ -6,209 +6,209 @@ import { NodeType } from "../nodes.cjs";
 export declare const ParentStruct: Struct<{
     type: string;
     children: ({
-        type: NodeType.Copyable;
         value: string;
+        type: NodeType.Copyable;
         sensitive?: boolean | undefined;
     } | {
         type: NodeType.Divider;
     } | {
-        type: NodeType.Heading;
         value: string;
+        type: NodeType.Heading;
     } | {
-        type: NodeType.Image;
         value: string;
+        type: NodeType.Image;
     } | Panel | {
         type: NodeType.Spinner;
     } | {
-        type: NodeType.Text;
         value: string;
+        type: NodeType.Text;
         markdown?: boolean | undefined;
     } | {
-        type: NodeType.Address;
         value: `0x${string}`;
+        type: NodeType.Address;
     } | {
-        type: NodeType.Row;
         value: {
-            type: NodeType.Image;
             value: string;
+            type: NodeType.Image;
         } | {
-            type: NodeType.Text;
             value: string;
+            type: NodeType.Text;
             markdown?: boolean | undefined;
         } | {
-            type: NodeType.Address;
             value: `0x${string}`;
+            type: NodeType.Address;
         };
+        type: NodeType.Row;
         label: string;
-        variant?: "default" | "warning" | "critical" | undefined;
+        variant?: "default" | "critical" | "warning" | undefined;
     } | {
-        type: NodeType.Input;
         name: string;
-        error?: string | undefined;
-        inputType?: "number" | "text" | "password" | undefined;
+        type: NodeType.Input;
         value?: string | undefined;
         label?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
         placeholder?: string | undefined;
+        error?: string | undefined;
     } | {
-        type: NodeType.Button;
         value: string;
-        variant?: "primary" | "secondary" | undefined;
+        type: NodeType.Button;
         name?: string | undefined;
+        variant?: "primary" | "secondary" | undefined;
         buttonType?: "button" | "submit" | undefined;
     } | {
-        type: NodeType.Form;
         name: string;
+        type: NodeType.Form;
         children: ({
-            type: NodeType.Input;
             name: string;
-            error?: string | undefined;
-            inputType?: "number" | "text" | "password" | undefined;
+            type: NodeType.Input;
             value?: string | undefined;
             label?: string | undefined;
+            inputType?: "number" | "text" | "password" | undefined;
             placeholder?: string | undefined;
+            error?: string | undefined;
         } | {
-            type: NodeType.Button;
             value: string;
-            variant?: "primary" | "secondary" | undefined;
+            type: NodeType.Button;
             name?: string | undefined;
+            variant?: "primary" | "secondary" | undefined;
             buttonType?: "button" | "submit" | undefined;
         })[];
     })[];
 }, {
     children: Struct<({
-        type: NodeType.Copyable;
         value: string;
+        type: NodeType.Copyable;
         sensitive?: boolean | undefined;
     } | {
         type: NodeType.Divider;
     } | {
-        type: NodeType.Heading;
         value: string;
+        type: NodeType.Heading;
     } | {
-        type: NodeType.Image;
         value: string;
+        type: NodeType.Image;
     } | Panel | {
         type: NodeType.Spinner;
     } | {
-        type: NodeType.Text;
         value: string;
+        type: NodeType.Text;
         markdown?: boolean | undefined;
     } | {
-        type: NodeType.Address;
         value: `0x${string}`;
+        type: NodeType.Address;
     } | {
-        type: NodeType.Row;
         value: {
-            type: NodeType.Image;
             value: string;
+            type: NodeType.Image;
         } | {
-            type: NodeType.Text;
             value: string;
+            type: NodeType.Text;
             markdown?: boolean | undefined;
         } | {
-            type: NodeType.Address;
             value: `0x${string}`;
+            type: NodeType.Address;
         };
+        type: NodeType.Row;
         label: string;
-        variant?: "default" | "warning" | "critical" | undefined;
+        variant?: "default" | "critical" | "warning" | undefined;
     } | {
-        type: NodeType.Input;
         name: string;
-        error?: string | undefined;
-        inputType?: "number" | "text" | "password" | undefined;
+        type: NodeType.Input;
         value?: string | undefined;
         label?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
         placeholder?: string | undefined;
+        error?: string | undefined;
     } | {
-        type: NodeType.Button;
         value: string;
-        variant?: "primary" | "secondary" | undefined;
+        type: NodeType.Button;
         name?: string | undefined;
+        variant?: "primary" | "secondary" | undefined;
         buttonType?: "button" | "submit" | undefined;
     } | {
-        type: NodeType.Form;
         name: string;
+        type: NodeType.Form;
         children: ({
-            type: NodeType.Input;
             name: string;
-            error?: string | undefined;
-            inputType?: "number" | "text" | "password" | undefined;
+            type: NodeType.Input;
             value?: string | undefined;
             label?: string | undefined;
+            inputType?: "number" | "text" | "password" | undefined;
             placeholder?: string | undefined;
+            error?: string | undefined;
         } | {
-            type: NodeType.Button;
             value: string;
-            variant?: "primary" | "secondary" | undefined;
+            type: NodeType.Button;
             name?: string | undefined;
+            variant?: "primary" | "secondary" | undefined;
             buttonType?: "button" | "submit" | undefined;
         })[];
     })[], Struct<{
-        type: NodeType.Copyable;
         value: string;
+        type: NodeType.Copyable;
         sensitive?: boolean | undefined;
     } | {
         type: NodeType.Divider;
     } | {
-        type: NodeType.Heading;
         value: string;
+        type: NodeType.Heading;
     } | {
-        type: NodeType.Image;
         value: string;
+        type: NodeType.Image;
     } | Panel | {
         type: NodeType.Spinner;
     } | {
-        type: NodeType.Text;
         value: string;
+        type: NodeType.Text;
         markdown?: boolean | undefined;
     } | {
-        type: NodeType.Address;
         value: `0x${string}`;
+        type: NodeType.Address;
     } | {
-        type: NodeType.Row;
         value: {
-            type: NodeType.Image;
             value: string;
+            type: NodeType.Image;
         } | {
-            type: NodeType.Text;
             value: string;
+            type: NodeType.Text;
             markdown?: boolean | undefined;
         } | {
-            type: NodeType.Address;
             value: `0x${string}`;
+            type: NodeType.Address;
         };
+        type: NodeType.Row;
         label: string;
-        variant?: "default" | "warning" | "critical" | undefined;
+        variant?: "default" | "critical" | "warning" | undefined;
     } | {
-        type: NodeType.Input;
         name: string;
-        error?: string | undefined;
-        inputType?: "number" | "text" | "password" | undefined;
+        type: NodeType.Input;
         value?: string | undefined;
         label?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
         placeholder?: string | undefined;
+        error?: string | undefined;
     } | {
-        type: NodeType.Button;
         value: string;
-        variant?: "primary" | "secondary" | undefined;
+        type: NodeType.Button;
         name?: string | undefined;
+        variant?: "primary" | "secondary" | undefined;
         buttonType?: "button" | "submit" | undefined;
     } | {
-        type: NodeType.Form;
         name: string;
+        type: NodeType.Form;
         children: ({
-            type: NodeType.Input;
             name: string;
-            error?: string | undefined;
-            inputType?: "number" | "text" | "password" | undefined;
+            type: NodeType.Input;
             value?: string | undefined;
             label?: string | undefined;
+            inputType?: "number" | "text" | "password" | undefined;
             placeholder?: string | undefined;
+            error?: string | undefined;
         } | {
-            type: NodeType.Button;
             value: string;
-            variant?: "primary" | "secondary" | undefined;
+            type: NodeType.Button;
             name?: string | undefined;
+            variant?: "primary" | "secondary" | undefined;
             buttonType?: "button" | "submit" | undefined;
         })[];
     }, null>>;
@@ -262,140 +262,140 @@ export type Panel = {
  * ]);
  */
 export declare const panel: (...args: [Omit<Panel, "type">] | ({
-    type: NodeType.Copyable;
     value: string;
+    type: NodeType.Copyable;
     sensitive?: boolean | undefined;
 } | {
     type: NodeType.Divider;
 } | {
-    type: NodeType.Heading;
     value: string;
+    type: NodeType.Heading;
 } | {
-    type: NodeType.Image;
     value: string;
+    type: NodeType.Image;
 } | Panel | {
     type: NodeType.Spinner;
 } | {
-    type: NodeType.Text;
     value: string;
+    type: NodeType.Text;
     markdown?: boolean | undefined;
 } | {
-    type: NodeType.Address;
     value: `0x${string}`;
+    type: NodeType.Address;
 } | {
-    type: NodeType.Row;
     value: {
-        type: NodeType.Image;
         value: string;
+        type: NodeType.Image;
     } | {
-        type: NodeType.Text;
         value: string;
+        type: NodeType.Text;
         markdown?: boolean | undefined;
     } | {
-        type: NodeType.Address;
         value: `0x${string}`;
+        type: NodeType.Address;
     };
+    type: NodeType.Row;
     label: string;
-    variant?: "default" | "warning" | "critical" | undefined;
+    variant?: "default" | "critical" | "warning" | undefined;
 } | {
-    type: NodeType.Input;
     name: string;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     value?: string | undefined;
     label?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
     placeholder?: string | undefined;
+    error?: string | undefined;
 } | {
-    type: NodeType.Button;
     value: string;
-    variant?: "primary" | "secondary" | undefined;
+    type: NodeType.Button;
     name?: string | undefined;
+    variant?: "primary" | "secondary" | undefined;
     buttonType?: "button" | "submit" | undefined;
 } | {
-    type: NodeType.Form;
     name: string;
+    type: NodeType.Form;
     children: ({
-        type: NodeType.Input;
         name: string;
-        error?: string | undefined;
-        inputType?: "number" | "text" | "password" | undefined;
+        type: NodeType.Input;
         value?: string | undefined;
         label?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
         placeholder?: string | undefined;
+        error?: string | undefined;
     } | {
-        type: NodeType.Button;
         value: string;
-        variant?: "primary" | "secondary" | undefined;
+        type: NodeType.Button;
         name?: string | undefined;
+        variant?: "primary" | "secondary" | undefined;
         buttonType?: "button" | "submit" | undefined;
     })[];
 })[][]) => Panel;
 export declare const ComponentStruct: Struct<{
-    type: NodeType.Copyable;
     value: string;
+    type: NodeType.Copyable;
     sensitive?: boolean | undefined;
 } | {
     type: NodeType.Divider;
 } | {
-    type: NodeType.Heading;
     value: string;
+    type: NodeType.Heading;
 } | {
-    type: NodeType.Image;
     value: string;
+    type: NodeType.Image;
 } | Panel | {
     type: NodeType.Spinner;
 } | {
-    type: NodeType.Text;
     value: string;
+    type: NodeType.Text;
     markdown?: boolean | undefined;
 } | {
-    type: NodeType.Address;
     value: `0x${string}`;
+    type: NodeType.Address;
 } | {
-    type: NodeType.Row;
     value: {
-        type: NodeType.Image;
         value: string;
+        type: NodeType.Image;
     } | {
-        type: NodeType.Text;
         value: string;
+        type: NodeType.Text;
         markdown?: boolean | undefined;
     } | {
-        type: NodeType.Address;
         value: `0x${string}`;
+        type: NodeType.Address;
     };
+    type: NodeType.Row;
     label: string;
-    variant?: "default" | "warning" | "critical" | undefined;
+    variant?: "default" | "critical" | "warning" | undefined;
 } | {
-    type: NodeType.Input;
     name: string;
-    error?: string | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
+    type: NodeType.Input;
     value?: string | undefined;
     label?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
     placeholder?: string | undefined;
+    error?: string | undefined;
 } | {
-    type: NodeType.Button;
     value: string;
-    variant?: "primary" | "secondary" | undefined;
+    type: NodeType.Button;
     name?: string | undefined;
+    variant?: "primary" | "secondary" | undefined;
     buttonType?: "button" | "submit" | undefined;
 } | {
-    type: NodeType.Form;
     name: string;
+    type: NodeType.Form;
     children: ({
-        type: NodeType.Input;
         name: string;
-        error?: string | undefined;
-        inputType?: "number" | "text" | "password" | undefined;
+        type: NodeType.Input;
         value?: string | undefined;
         label?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
         placeholder?: string | undefined;
+        error?: string | undefined;
     } | {
-        type: NodeType.Button;
         value: string;
-        variant?: "primary" | "secondary" | undefined;
+        type: NodeType.Button;
         name?: string | undefined;
+        variant?: "primary" | "secondary" | undefined;
         buttonType?: "button" | "submit" | undefined;
     })[];
 }, null>;