@metamask/snaps-sdk 6.21.0 → 6.22.1

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

@@ -6,209 +6,209 @@ import { NodeType } from "../nodes.mjs";
 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>;

package/dist/ui/components/panel.mjs

@@ -1,4 +1,4 @@
-import { array, assign, lazy, literal, object } from "@metamask/superstruct";
+import { array, assign, lazy, object } from "@metamask/superstruct";
 import { AddressStruct } from "./address.mjs";
 import { ButtonStruct } from "./button.mjs";
 import { CopyableStruct } from "./copyable.mjs";
@@ -10,7 +10,7 @@ import { InputStruct } from "./input.mjs";
 import { RowStruct } from "./row.mjs";
 import { SpinnerStruct } from "./spinner.mjs";
 import { TextStruct } from "./text.mjs";
-import { typedUnion } from "../../internals/index.mjs";
+import { typedUnion, literal } from "../../internals/index.mjs";
 import { createBuilder } from "../builder.mjs";
 import { NodeStruct, NodeType } from "../nodes.mjs";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"panel.mjs","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,8BAA8B;AAE7E,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,YAAY,EAAE,qBAAiB;AACxC,OAAO,EAAE,cAAc,EAAE,uBAAmB;AAC5C,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,UAAU,EAAE,mBAAe;AACpC,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,WAAW,EAAE,oBAAgB;AACtC,OAAO,EAAE,WAAW,EAAE,oBAAgB;AACtC,OAAO,EAAE,SAAS,EAAE,kBAAc;AAClC,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,UAAU,EAAE,mBAAe;AACpC,OAAO,EAAE,UAAU,EAAE,kCAAwB;AAC7C,OAAO,EAAE,aAAa,EAAE,uBAAmB;AAC3C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAiB;AAEhD;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAChC,UAAU,EACV,MAAM,CAAC;IACL,sEAAsE;IACtE,mEAAmE;IACnE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAC,CACH,CAAC;AAYF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAkB,MAAM,CAC9C,YAAY,EACZ,MAAM,CAAC;IACL,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;CAC9B,CAAC,CACH,CAAC;AAeF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9E,8EAA8E;AAC9E,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;IACxC,cAAc;IACd,aAAa;IACb,aAAa;IACb,WAAW;IACX,WAAW;IACX,aAAa;IACb,UAAU;IACV,SAAS;IACT,aAAa;IACb,WAAW;IACX,UAAU;IACV,YAAY;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.mjs","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,8BAA8B;AAEpE,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,YAAY,EAAE,qBAAiB;AACxC,OAAO,EAAE,cAAc,EAAE,uBAAmB;AAC5C,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,UAAU,EAAE,mBAAe;AACpC,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,WAAW,EAAE,oBAAgB;AACtC,OAAO,EAAE,WAAW,EAAE,oBAAgB;AACtC,OAAO,EAAE,SAAS,EAAE,kBAAc;AAClC,OAAO,EAAE,aAAa,EAAE,sBAAkB;AAC1C,OAAO,EAAE,UAAU,EAAE,mBAAe;AACpC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,kCAAwB;AACtD,OAAO,EAAE,aAAa,EAAE,uBAAmB;AAC3C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAiB;AAEhD;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAChC,UAAU,EACV,MAAM,CAAC;IACL,sEAAsE;IACtE,mEAAmE;IACnE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAC,CACH,CAAC;AAYF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAkB,MAAM,CAC9C,YAAY,EACZ,MAAM,CAAC;IACL,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;CAC9B,CAAC,CACH,CAAC;AAeF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9E,8EAA8E;AAC9E,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;IACxC,cAAc;IACd,aAAa;IACb,aAAa;IACb,WAAW;IACX,WAAW;IACX,aAAa;IACb,UAAU;IACV,SAAS;IACT,aAAa;IACb,WAAW;IACX,UAAU;IACV,YAAY;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/row.cjs

@@ -17,7 +17,7 @@ var RowVariant;
 // A subset of components made available to the row
 const RowComponentStruct = (0, superstruct_1.union)([image_1.ImageStruct, text_1.TextStruct, address_1.AddressStruct]);
 exports.RowStruct = (0, superstruct_1.assign)(nodes_1.LiteralStruct, (0, superstruct_1.object)({
-    type: (0, superstruct_1.literal)(nodes_1.NodeType.Row),
+    type: (0, internals_1.literal)(nodes_1.NodeType.Row),
     variant: (0, superstruct_1.optional)((0, superstruct_1.union)([
         (0, internals_1.enumValue)(RowVariant.Default),
         (0, internals_1.enumValue)(RowVariant.Critical),

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

@@ -1 +1 @@
-{"version":3,"file":"row.cjs","sourceRoot":"","sources":["../../../src/ui/components/row.ts"],"names":[],"mappings":";;;AACA,uDAO+B;AAE/B,2CAA0C;AAC1C,uCAAsC;AACtC,qCAAoC;AACpC,yDAA4C;AAC5C,4CAA2C;AAC3C,wCAAmD;AAEnD,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;AACrB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAED,mDAAmD;AACnD,MAAM,kBAAkB,GAAG,IAAA,mBAAK,EAAC,CAAC,mBAAW,EAAE,iBAAU,EAAE,uBAAa,CAAC,CAAC,CAAC;AAE9D,QAAA,SAAS,GAAG,IAAA,oBAAM,EAC7B,qBAAa,EACb,IAAA,oBAAM,EAAC;IACL,IAAI,EAAE,IAAA,qBAAO,EAAC,gBAAQ,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,IAAA,sBAAQ,EACf,IAAA,mBAAK,EAAC;QACJ,IAAA,qBAAS,EAAC,UAAU,CAAC,OAAO,CAAC;QAC7B,IAAA,qBAAS,EAAC,UAAU,CAAC,QAAQ,CAAC;QAC9B,IAAA,qBAAS,EAAC,UAAU,CAAC,OAAO,CAAC;KAC9B,CAAC,CACH;IACD,KAAK,EAAE,IAAA,oBAAM,GAAE;IACf,KAAK,EAAE,kBAAkB;CAC1B,CAAC,CACH,CAAC;AAaF;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,GAAG,GAAG,IAAA,uBAAa,EAAC,gBAAQ,CAAC,GAAG,EAAE,iBAAS,EAAE;IACxD,OAAO;IACP,OAAO;IACP,SAAS;CACV,CAAC,CAAC","sourcesContent":["import type { Infer } from '@metamask/superstruct';\nimport {\n  assign,\n  literal,\n  object,\n  string,\n  optional,\n  union,\n} from '@metamask/superstruct';\n\nimport { AddressStruct } from './address';\nimport { ImageStruct } from './image';\nimport { TextStruct } from './text';\nimport { enumValue } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { LiteralStruct, NodeType } from '../nodes';\n\nexport enum RowVariant {\n  Default = 'default',\n  Critical = 'critical',\n  Warning = 'warning',\n}\n\n// A subset of components made available to the row\nconst RowComponentStruct = union([ImageStruct, TextStruct, AddressStruct]);\n\nexport const RowStruct = assign(\n  LiteralStruct,\n  object({\n    type: literal(NodeType.Row),\n    variant: optional(\n      union([\n        enumValue(RowVariant.Default),\n        enumValue(RowVariant.Critical),\n        enumValue(RowVariant.Warning),\n      ]),\n    ),\n    label: string(),\n    value: RowComponentStruct,\n  }),\n);\n\n/**\n * A row node, that renders a row with a label and a value.\n *\n * @property type - The type of the node. Must be the string `row`.\n * @property label - The label for the row.\n * @property value - A sub component to be rendered\n * on one side of the row.\n * @property variant - Optional variant for styling.\n */\nexport type Row = Infer<typeof RowStruct>;\n\n/**\n * Create a {@link Row} node.\n *\n * @param args - The node arguments. This can either be a string, a component and an optional variant or an object\n * with the properties: `label`, `value` and `variant`.\n * @param args.label - The label for the row.\n * @param args.value - Another component, is currently limited to `image`, `text` and `address`.\n * @param args.variant - An optional variant, either `default`, `warning` or `critical`.\n * @returns The row 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 = row({ label: 'Address', value: address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520') });\n * const node = row({ label: 'Address', value: address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'), variant: RowVariant.Warning });\n * const node = row('Address', address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'));\n * const node = row('Address', address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'), RowVariant.Warning);\n */\nexport const row = createBuilder(NodeType.Row, RowStruct, [\n  'label',\n  'value',\n  'variant',\n]);\n"]}
+{"version":3,"file":"row.cjs","sourceRoot":"","sources":["../../../src/ui/components/row.ts"],"names":[],"mappings":";;;AACA,uDAAgF;AAEhF,2CAA0C;AAC1C,uCAAsC;AACtC,qCAAoC;AACpC,yDAAqD;AACrD,4CAA2C;AAC3C,wCAAmD;AAEnD,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;IACrB,iCAAmB,CAAA;AACrB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAED,mDAAmD;AACnD,MAAM,kBAAkB,GAAG,IAAA,mBAAK,EAAC,CAAC,mBAAW,EAAE,iBAAU,EAAE,uBAAa,CAAC,CAAC,CAAC;AAE9D,QAAA,SAAS,GAAG,IAAA,oBAAM,EAC7B,qBAAa,EACb,IAAA,oBAAM,EAAC;IACL,IAAI,EAAE,IAAA,mBAAO,EAAC,gBAAQ,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,IAAA,sBAAQ,EACf,IAAA,mBAAK,EAAC;QACJ,IAAA,qBAAS,EAAC,UAAU,CAAC,OAAO,CAAC;QAC7B,IAAA,qBAAS,EAAC,UAAU,CAAC,QAAQ,CAAC;QAC9B,IAAA,qBAAS,EAAC,UAAU,CAAC,OAAO,CAAC;KAC9B,CAAC,CACH;IACD,KAAK,EAAE,IAAA,oBAAM,GAAE;IACf,KAAK,EAAE,kBAAkB;CAC1B,CAAC,CACH,CAAC;AAaF;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,GAAG,GAAG,IAAA,uBAAa,EAAC,gBAAQ,CAAC,GAAG,EAAE,iBAAS,EAAE;IACxD,OAAO;IACP,OAAO;IACP,SAAS;CACV,CAAC,CAAC","sourcesContent":["import type { Infer } from '@metamask/superstruct';\nimport { assign, object, string, optional, union } from '@metamask/superstruct';\n\nimport { AddressStruct } from './address';\nimport { ImageStruct } from './image';\nimport { TextStruct } from './text';\nimport { enumValue, literal } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { LiteralStruct, NodeType } from '../nodes';\n\nexport enum RowVariant {\n  Default = 'default',\n  Critical = 'critical',\n  Warning = 'warning',\n}\n\n// A subset of components made available to the row\nconst RowComponentStruct = union([ImageStruct, TextStruct, AddressStruct]);\n\nexport const RowStruct = assign(\n  LiteralStruct,\n  object({\n    type: literal(NodeType.Row),\n    variant: optional(\n      union([\n        enumValue(RowVariant.Default),\n        enumValue(RowVariant.Critical),\n        enumValue(RowVariant.Warning),\n      ]),\n    ),\n    label: string(),\n    value: RowComponentStruct,\n  }),\n);\n\n/**\n * A row node, that renders a row with a label and a value.\n *\n * @property type - The type of the node. Must be the string `row`.\n * @property label - The label for the row.\n * @property value - A sub component to be rendered\n * on one side of the row.\n * @property variant - Optional variant for styling.\n */\nexport type Row = Infer<typeof RowStruct>;\n\n/**\n * Create a {@link Row} node.\n *\n * @param args - The node arguments. This can either be a string, a component and an optional variant or an object\n * with the properties: `label`, `value` and `variant`.\n * @param args.label - The label for the row.\n * @param args.value - Another component, is currently limited to `image`, `text` and `address`.\n * @param args.variant - An optional variant, either `default`, `warning` or `critical`.\n * @returns The row 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 = row({ label: 'Address', value: address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520') });\n * const node = row({ label: 'Address', value: address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'), variant: RowVariant.Warning });\n * const node = row('Address', address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'));\n * const node = row('Address', address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'), RowVariant.Warning);\n */\nexport const row = createBuilder(NodeType.Row, RowStruct, [\n  'label',\n  'value',\n  'variant',\n]);\n"]}

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

@@ -6,34 +6,34 @@ export declare enum RowVariant {
     Warning = "warning"
 }
 export declare const RowStruct: import("@metamask/superstruct").Struct<{
-    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: import("@metamask/superstruct").Struct<NodeType.Row, NodeType.Row>;
-    variant: import("@metamask/superstruct").Struct<"default" | "warning" | "critical" | undefined, null>;
+    type: import("@metamask/superstruct").Struct<NodeType.Row, null>;
+    variant: import("@metamask/superstruct").Struct<"default" | "critical" | "warning" | undefined, null>;
     label: import("@metamask/superstruct").Struct<string, null>;
     value: import("@metamask/superstruct").Struct<{
-        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;
     }, null>;
 }>;
 /**
@@ -64,44 +64,44 @@ export type Row = Infer<typeof RowStruct>;
  * const node = row('Address', address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'), RowVariant.Warning);
  */
 export declare const row: (...args: [Omit<{
-    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">] | (string | {
-    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;
 } | undefined)[]) => {
-    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;
 };
 //# sourceMappingURL=row.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"row.d.cts","sourceRoot":"","sources":["../../../src/ui/components/row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,8BAA8B;AAenD,OAAO,EAAiB,QAAQ,EAAE,qBAAiB;AAEnD,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;CACpB;AAKD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcrB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC"}
+{"version":3,"file":"row.d.cts","sourceRoot":"","sources":["../../../src/ui/components/row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,8BAA8B;AAQnD,OAAO,EAAiB,QAAQ,EAAE,qBAAiB;AAEnD,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;CACpB;AAKD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcrB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC"}