@metamask/snaps-sdk 6.2.1 → 6.4.0

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

@@ -0,0 +1,406 @@
+import type { Infer, Struct } from "@metamask/superstruct";
+import { NodeType } from "../nodes.mjs";
+/**
+ * @internal
+ */
+export declare const ParentStruct: Struct<{
+    type: string;
+    children: ({
+        type: NodeType.Copyable;
+        value: string;
+        sensitive?: boolean | undefined;
+    } | {
+        type: NodeType.Divider;
+    } | {
+        type: NodeType.Heading;
+        value: string;
+    } | {
+        type: NodeType.Image;
+        value: string;
+    } | Panel | {
+        type: NodeType.Spinner;
+    } | {
+        type: NodeType.Text;
+        value: string;
+        markdown?: boolean | undefined;
+    } | {
+        type: NodeType.Address;
+        value: `0x${string}`;
+    } | {
+        type: NodeType.Row;
+        value: {
+            type: NodeType.Image;
+            value: string;
+        } | {
+            type: NodeType.Text;
+            value: string;
+            markdown?: boolean | undefined;
+        } | {
+            type: NodeType.Address;
+            value: `0x${string}`;
+        };
+        label: string;
+        variant?: "default" | "warning" | "critical" | undefined;
+    } | {
+        type: NodeType.Input;
+        name: string;
+        error?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
+        value?: string | undefined;
+        label?: string | undefined;
+        placeholder?: string | undefined;
+    } | {
+        type: NodeType.Button;
+        value: string;
+        variant?: "primary" | "secondary" | undefined;
+        name?: string | undefined;
+        buttonType?: "button" | "submit" | undefined;
+    } | {
+        type: NodeType.Form;
+        name: string;
+        children: ({
+            type: NodeType.Input;
+            name: string;
+            error?: string | undefined;
+            inputType?: "number" | "text" | "password" | undefined;
+            value?: string | undefined;
+            label?: string | undefined;
+            placeholder?: string | undefined;
+        } | {
+            type: NodeType.Button;
+            value: string;
+            variant?: "primary" | "secondary" | undefined;
+            name?: string | undefined;
+            buttonType?: "button" | "submit" | undefined;
+        })[];
+    })[];
+}, {
+    children: Struct<({
+        type: NodeType.Copyable;
+        value: string;
+        sensitive?: boolean | undefined;
+    } | {
+        type: NodeType.Divider;
+    } | {
+        type: NodeType.Heading;
+        value: string;
+    } | {
+        type: NodeType.Image;
+        value: string;
+    } | Panel | {
+        type: NodeType.Spinner;
+    } | {
+        type: NodeType.Text;
+        value: string;
+        markdown?: boolean | undefined;
+    } | {
+        type: NodeType.Address;
+        value: `0x${string}`;
+    } | {
+        type: NodeType.Row;
+        value: {
+            type: NodeType.Image;
+            value: string;
+        } | {
+            type: NodeType.Text;
+            value: string;
+            markdown?: boolean | undefined;
+        } | {
+            type: NodeType.Address;
+            value: `0x${string}`;
+        };
+        label: string;
+        variant?: "default" | "warning" | "critical" | undefined;
+    } | {
+        type: NodeType.Input;
+        name: string;
+        error?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
+        value?: string | undefined;
+        label?: string | undefined;
+        placeholder?: string | undefined;
+    } | {
+        type: NodeType.Button;
+        value: string;
+        variant?: "primary" | "secondary" | undefined;
+        name?: string | undefined;
+        buttonType?: "button" | "submit" | undefined;
+    } | {
+        type: NodeType.Form;
+        name: string;
+        children: ({
+            type: NodeType.Input;
+            name: string;
+            error?: string | undefined;
+            inputType?: "number" | "text" | "password" | undefined;
+            value?: string | undefined;
+            label?: string | undefined;
+            placeholder?: string | undefined;
+        } | {
+            type: NodeType.Button;
+            value: string;
+            variant?: "primary" | "secondary" | undefined;
+            name?: string | undefined;
+            buttonType?: "button" | "submit" | undefined;
+        })[];
+    })[], Struct<{
+        type: NodeType.Copyable;
+        value: string;
+        sensitive?: boolean | undefined;
+    } | {
+        type: NodeType.Divider;
+    } | {
+        type: NodeType.Heading;
+        value: string;
+    } | {
+        type: NodeType.Image;
+        value: string;
+    } | Panel | {
+        type: NodeType.Spinner;
+    } | {
+        type: NodeType.Text;
+        value: string;
+        markdown?: boolean | undefined;
+    } | {
+        type: NodeType.Address;
+        value: `0x${string}`;
+    } | {
+        type: NodeType.Row;
+        value: {
+            type: NodeType.Image;
+            value: string;
+        } | {
+            type: NodeType.Text;
+            value: string;
+            markdown?: boolean | undefined;
+        } | {
+            type: NodeType.Address;
+            value: `0x${string}`;
+        };
+        label: string;
+        variant?: "default" | "warning" | "critical" | undefined;
+    } | {
+        type: NodeType.Input;
+        name: string;
+        error?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
+        value?: string | undefined;
+        label?: string | undefined;
+        placeholder?: string | undefined;
+    } | {
+        type: NodeType.Button;
+        value: string;
+        variant?: "primary" | "secondary" | undefined;
+        name?: string | undefined;
+        buttonType?: "button" | "submit" | undefined;
+    } | {
+        type: NodeType.Form;
+        name: string;
+        children: ({
+            type: NodeType.Input;
+            name: string;
+            error?: string | undefined;
+            inputType?: "number" | "text" | "password" | undefined;
+            value?: string | undefined;
+            label?: string | undefined;
+            placeholder?: string | undefined;
+        } | {
+            type: NodeType.Button;
+            value: string;
+            variant?: "primary" | "secondary" | undefined;
+            name?: string | undefined;
+            buttonType?: "button" | "submit" | undefined;
+        })[];
+    }, 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">] | ({
+    type: NodeType.Copyable;
+    value: string;
+    sensitive?: boolean | undefined;
+} | {
+    type: NodeType.Divider;
+} | {
+    type: NodeType.Heading;
+    value: string;
+} | {
+    type: NodeType.Image;
+    value: string;
+} | Panel | {
+    type: NodeType.Spinner;
+} | {
+    type: NodeType.Text;
+    value: string;
+    markdown?: boolean | undefined;
+} | {
+    type: NodeType.Address;
+    value: `0x${string}`;
+} | {
+    type: NodeType.Row;
+    value: {
+        type: NodeType.Image;
+        value: string;
+    } | {
+        type: NodeType.Text;
+        value: string;
+        markdown?: boolean | undefined;
+    } | {
+        type: NodeType.Address;
+        value: `0x${string}`;
+    };
+    label: string;
+    variant?: "default" | "warning" | "critical" | undefined;
+} | {
+    type: NodeType.Input;
+    name: string;
+    error?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    value?: string | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+} | {
+    type: NodeType.Button;
+    value: string;
+    variant?: "primary" | "secondary" | undefined;
+    name?: string | undefined;
+    buttonType?: "button" | "submit" | undefined;
+} | {
+    type: NodeType.Form;
+    name: string;
+    children: ({
+        type: NodeType.Input;
+        name: string;
+        error?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
+        value?: string | undefined;
+        label?: string | undefined;
+        placeholder?: string | undefined;
+    } | {
+        type: NodeType.Button;
+        value: string;
+        variant?: "primary" | "secondary" | undefined;
+        name?: string | undefined;
+        buttonType?: "button" | "submit" | undefined;
+    })[];
+})[][]) => Panel;
+export declare const ComponentStruct: Struct<{
+    type: NodeType.Copyable;
+    value: string;
+    sensitive?: boolean | undefined;
+} | {
+    type: NodeType.Divider;
+} | {
+    type: NodeType.Heading;
+    value: string;
+} | {
+    type: NodeType.Image;
+    value: string;
+} | Panel | {
+    type: NodeType.Spinner;
+} | {
+    type: NodeType.Text;
+    value: string;
+    markdown?: boolean | undefined;
+} | {
+    type: NodeType.Address;
+    value: `0x${string}`;
+} | {
+    type: NodeType.Row;
+    value: {
+        type: NodeType.Image;
+        value: string;
+    } | {
+        type: NodeType.Text;
+        value: string;
+        markdown?: boolean | undefined;
+    } | {
+        type: NodeType.Address;
+        value: `0x${string}`;
+    };
+    label: string;
+    variant?: "default" | "warning" | "critical" | undefined;
+} | {
+    type: NodeType.Input;
+    name: string;
+    error?: string | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    value?: string | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+} | {
+    type: NodeType.Button;
+    value: string;
+    variant?: "primary" | "secondary" | undefined;
+    name?: string | undefined;
+    buttonType?: "button" | "submit" | undefined;
+} | {
+    type: NodeType.Form;
+    name: string;
+    children: ({
+        type: NodeType.Input;
+        name: string;
+        error?: string | undefined;
+        inputType?: "number" | "text" | "password" | undefined;
+        value?: string | undefined;
+        label?: string | undefined;
+        placeholder?: string | undefined;
+    } | {
+        type: NodeType.Button;
+        value: string;
+        variant?: "primary" | "secondary" | undefined;
+        name?: string | undefined;
+        buttonType?: "button" | "submit" | undefined;
+    })[];
+}, null>;
+/**
+ * All supported component types.
+ */
+export type Component = Infer<typeof ComponentStruct>;
+//# sourceMappingURL=panel.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.mts","sourceRoot":"","sources":["../../../src/ui/components/panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,8BAA8B;AAK3D,OAAO,EAAc,QAAQ,EAAE,qBAAiB;AAahD;;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"}

package/dist/ui/components/panel.mjs

@@ -0,0 +1,69 @@
+import { array, assign, lazy, literal, object } from "@metamask/superstruct";
+import { typedUnion } from "../../internals/index.mjs";
+import { createBuilder } from "../builder.mjs";
+import { NodeStruct, NodeType } from "../nodes.mjs";
+import { AddressStruct } from "./address.mjs";
+import { ButtonStruct } from "./button.mjs";
+import { CopyableStruct } from "./copyable.mjs";
+import { DividerStruct } from "./divider.mjs";
+import { FormStruct } from "./form.mjs";
+import { HeadingStruct } from "./heading.mjs";
+import { ImageStruct } from "./image.mjs";
+import { InputStruct } from "./input.mjs";
+import { RowStruct } from "./row.mjs";
+import { SpinnerStruct } from "./spinner.mjs";
+import { TextStruct } from "./text.mjs";
+/**
+ * @internal
+ */
+export const ParentStruct = assign(NodeStruct, object({
+    // This node references itself indirectly, so we need to use `lazy()`.
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    children: array(lazy(() => ComponentStruct)),
+}));
+/**
+ * @internal
+ */
+export const PanelStruct = assign(ParentStruct, object({
+    type: literal(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.'),
+ * ]);
+ */
+export const panel = createBuilder(NodeType.Panel, PanelStruct, ['children']);
+// This is defined separately from `Component` to avoid circular dependencies.
+export const ComponentStruct = typedUnion([
+    CopyableStruct,
+    DividerStruct,
+    HeadingStruct,
+    ImageStruct,
+    PanelStruct,
+    SpinnerStruct,
+    TextStruct,
+    RowStruct,
+    AddressStruct,
+    InputStruct,
+    FormStruct,
+    ButtonStruct,
+]);
+//# sourceMappingURL=panel.mjs.map

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

@@ -0,0 +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,UAAU,EAAE,kCAAwB;AAC7C,OAAO,EAAE,aAAa,EAAE,uBAAmB;AAC3C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAiB;AAChD,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;AAEpC;;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 { typedUnion } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { NodeStruct, NodeType } from '../nodes';\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';\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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.row = exports.RowStruct = exports.RowVariant = 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");
+const address_1 = require("./address.cjs");
+const image_1 = require("./image.cjs");
+const text_1 = require("./text.cjs");
+var RowVariant;
+(function (RowVariant) {
+    RowVariant["Default"] = "default";
+    RowVariant["Critical"] = "critical";
+    RowVariant["Warning"] = "warning";
+})(RowVariant || (exports.RowVariant = 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),
+    variant: (0, superstruct_1.optional)((0, superstruct_1.union)([
+        (0, internals_1.enumValue)(RowVariant.Default),
+        (0, internals_1.enumValue)(RowVariant.Critical),
+        (0, internals_1.enumValue)(RowVariant.Warning),
+    ])),
+    label: (0, superstruct_1.string)(),
+    value: RowComponentStruct,
+}));
+/**
+ * Create a {@link Row} node.
+ *
+ * @param args - The node arguments. This can either be a string, a component and an optional variant or an object
+ * with the properties: `label`, `value` and `variant`.
+ * @param args.label - The label for the row.
+ * @param args.value - Another component, is currently limited to `image`, `text` and `address`.
+ * @param args.variant - An optional variant, either `default`, `warning` or `critical`.
+ * @returns The row 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 = row({ label: 'Address', value: address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520') });
+ * const node = row({ label: 'Address', value: address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'), variant: RowVariant.Warning });
+ * const node = row('Address', address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'));
+ * const node = row('Address', address('0x4bbeeb066ed09b7aed07bf39eee0460dfa261520'), RowVariant.Warning);
+ */
+exports.row = (0, builder_1.createBuilder)(nodes_1.NodeType.Row, exports.RowStruct, [
+    'label',
+    'value',
+    'variant',
+]);
+//# sourceMappingURL=row.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.cjs","sourceRoot":"","sources":["../../../src/ui/components/row.ts"],"names":[],"mappings":";;;AACA,uDAO+B;AAE/B,yDAA4C;AAC5C,4CAA2C;AAC3C,wCAAmD;AACnD,2CAA0C;AAC1C,uCAAsC;AACtC,qCAAoC;AAEpC,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 { enumValue } from '../../internals';\nimport { createBuilder } from '../builder';\nimport { LiteralStruct, NodeType } from '../nodes';\nimport { AddressStruct } from './address';\nimport { ImageStruct } from './image';\nimport { TextStruct } from './text';\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/{types/ui/components/row.d.ts → ui/components/row.d.cts}

@@ -1,23 +1,23 @@
-import type { Infer } from '@metamask/superstruct';
-import { NodeType } from '../nodes';
+import type { Infer } from "@metamask/superstruct";
+import { NodeType } from "../nodes.cjs";
 export declare enum RowVariant {
     Default = "default",
     Critical = "critical",
     Warning = "warning"
 }
 export declare const RowStruct: import("@metamask/superstruct").Struct<{
+    type: NodeType.Row;
     value: {
-        value: string;
         type: NodeType.Image;
-    } | {
         value: string;
+    } | {
         type: NodeType.Text;
+        value: string;
         markdown?: boolean | undefined;
     } | {
-        value: `0x${string}`;
         type: NodeType.Address;
+        value: `0x${string}`;
     };
-    type: NodeType.Row;
     label: string;
     variant?: "default" | "warning" | "critical" | undefined;
 }, {
@@ -25,15 +25,15 @@ export declare const RowStruct: import("@metamask/superstruct").Struct<{
     variant: import("@metamask/superstruct").Struct<"default" | "warning" | "critical" | undefined, null>;
     label: import("@metamask/superstruct").Struct<string, null>;
     value: import("@metamask/superstruct").Struct<{
-        value: string;
         type: NodeType.Image;
-    } | {
         value: string;
+    } | {
         type: NodeType.Text;
+        value: string;
         markdown?: boolean | undefined;
     } | {
-        value: `0x${string}`;
         type: NodeType.Address;
+        value: `0x${string}`;
     }, null>;
 }>;
 /**
@@ -64,43 +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: {
-        value: string;
         type: NodeType.Image;
-    } | {
         value: string;
+    } | {
         type: NodeType.Text;
+        value: string;
         markdown?: boolean | undefined;
     } | {
-        value: `0x${string}`;
         type: NodeType.Address;
+        value: `0x${string}`;
     };
-    type: NodeType.Row;
     label: string;
     variant?: "default" | "warning" | "critical" | undefined;
 }, "type">] | (string | {
-    value: string;
     type: NodeType.Image;
-} | {
     value: string;
+} | {
     type: NodeType.Text;
+    value: string;
     markdown?: boolean | undefined;
 } | {
-    value: `0x${string}`;
     type: NodeType.Address;
+    value: `0x${string}`;
 } | undefined)[]) => {
+    type: NodeType.Row;
     value: {
-        value: string;
         type: NodeType.Image;
-    } | {
         value: string;
+    } | {
         type: NodeType.Text;
+        value: string;
         markdown?: boolean | undefined;
     } | {
-        value: `0x${string}`;
         type: NodeType.Address;
+        value: `0x${string}`;
     };
-    type: NodeType.Row;
     label: string;
     variant?: "default" | "warning" | "critical" | undefined;
 };
+//# sourceMappingURL=row.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.cts","sourceRoot":"","sources":["../../../src/ui/components/row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,8BAA8B;AAYnD,OAAO,EAAiB,QAAQ,EAAE,qBAAiB;AAKnD,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"}