@metamask/snaps-sdk 6.8.0 → 6.10.0

package/dist/internals/error-wrappers.d.cts

@@ -15,10 +15,10 @@ export type JsonRpcErrorFunction = typeof rpcErrors.parse;
  */
 export declare function createSnapError(fn: JsonRpcErrorFunction): {
     new (message?: string): {
-        readonly "__#182081@#code": number;
-        readonly "__#182081@#message": string;
-        readonly "__#182081@#data"?: Record<string, Json> | undefined;
-        readonly "__#182081@#stack"?: string | undefined;
+        readonly "__#182149@#code": number;
+        readonly "__#182149@#message": string;
+        readonly "__#182149@#data"?: Record<string, Json> | undefined;
+        readonly "__#182149@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
@@ -29,10 +29,10 @@ export declare function createSnapError(fn: JsonRpcErrorFunction): {
         cause?: unknown;
     };
     new (data?: Record<string, Json>): {
-        readonly "__#182081@#code": number;
-        readonly "__#182081@#message": string;
-        readonly "__#182081@#data"?: Record<string, Json> | undefined;
-        readonly "__#182081@#stack"?: string | undefined;
+        readonly "__#182149@#code": number;
+        readonly "__#182149@#message": string;
+        readonly "__#182149@#data"?: Record<string, Json> | undefined;
+        readonly "__#182149@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
@@ -43,10 +43,10 @@ export declare function createSnapError(fn: JsonRpcErrorFunction): {
         cause?: unknown;
     };
     new (message?: string | Record<string, Json>, data?: Record<string, Json>): {
-        readonly "__#182081@#code": number;
-        readonly "__#182081@#message": string;
-        readonly "__#182081@#data"?: Record<string, Json> | undefined;
-        readonly "__#182081@#stack"?: string | undefined;
+        readonly "__#182149@#code": number;
+        readonly "__#182149@#message": string;
+        readonly "__#182149@#data"?: Record<string, Json> | undefined;
+        readonly "__#182149@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;

package/dist/internals/error-wrappers.d.mts

@@ -15,10 +15,10 @@ export type JsonRpcErrorFunction = typeof rpcErrors.parse;
  */
 export declare function createSnapError(fn: JsonRpcErrorFunction): {
     new (message?: string): {
-        readonly "__#91042@#code": number;
-        readonly "__#91042@#message": string;
-        readonly "__#91042@#data"?: Record<string, Json> | undefined;
-        readonly "__#91042@#stack"?: string | undefined;
+        readonly "__#91076@#code": number;
+        readonly "__#91076@#message": string;
+        readonly "__#91076@#data"?: Record<string, Json> | undefined;
+        readonly "__#91076@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
@@ -29,10 +29,10 @@ export declare function createSnapError(fn: JsonRpcErrorFunction): {
         cause?: unknown;
     };
     new (data?: Record<string, Json>): {
-        readonly "__#91042@#code": number;
-        readonly "__#91042@#message": string;
-        readonly "__#91042@#data"?: Record<string, Json> | undefined;
-        readonly "__#91042@#stack"?: string | undefined;
+        readonly "__#91076@#code": number;
+        readonly "__#91076@#message": string;
+        readonly "__#91076@#data"?: Record<string, Json> | undefined;
+        readonly "__#91076@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
@@ -43,10 +43,10 @@ export declare function createSnapError(fn: JsonRpcErrorFunction): {
         cause?: unknown;
     };
     new (message?: string | Record<string, Json>, data?: Record<string, Json>): {
-        readonly "__#91042@#code": number;
-        readonly "__#91042@#message": string;
-        readonly "__#91042@#data"?: Record<string, Json> | undefined;
-        readonly "__#91042@#stack"?: string | undefined;
+        readonly "__#91076@#code": number;
+        readonly "__#91076@#message": string;
+        readonly "__#91076@#data"?: Record<string, Json> | undefined;
+        readonly "__#91076@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;

package/dist/jsx/components/Address.cjs

@@ -11,6 +11,9 @@ const TYPE = 'Address';
  * @param props - The props of the component.
  * @param props.address - The address to display. This should be a
  * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.
+ * @param props.truncate - Whether to truncate the address. Defaults to `true`.
+ * @param props.displayName - Whether to show the account name. Defaults to `false`.
+ * @param props.avatar - Whether to show the address avatar. Defaults to `true`.
  * @returns An address element.
  * @example
  * <Address address="0x1234567890123456789012345678901234567890" />
@@ -18,6 +21,10 @@ const TYPE = 'Address';
  * <Address address="eip155:1:0x1234567890123456789012345678901234567890" />
  * @example
  * <Address address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" truncate={false} avatar={false} />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" displayName={true} />
  */
 exports.Address = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Address.cjs.map

package/dist/jsx/components/Address.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Address.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":";;;AAEA,gDAAmD;AAYnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;GAeG;AACU,QAAA,OAAO,GAAG,IAAA,+BAAmB,EAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Address} component.\n *\n * @property address - The (Ethereum) address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n */\nexport type AddressProps = {\n  address: `0x${string}` | CaipAccountId;\n};\n\nconst TYPE = 'Address';\n\n/**\n * An address component, which is used to display a CAIP-10 address or a Ethereum address.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.address - The address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n * @returns An address element.\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"eip155:1:0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6\" />\n */\nexport const Address = createSnapComponent<AddressProps, typeof TYPE>(TYPE);\n\n/**\n * An address element.\n *\n * @see Address\n */\nexport type AddressElement = ReturnType<typeof Address>;\n"]}
+{"version":3,"file":"Address.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":";;;AAEA,gDAAmD;AAkBnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACU,QAAA,OAAO,GAAG,IAAA,+BAAmB,EAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Address} component.\n *\n * @property address - The (Ethereum) address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n * @property truncate - Whether to truncate the address. Defaults to `true`.\n * @property displayName - Whether to show the account name. Defaults to `false`.\n * @property avatar - Whether to show the address avatar. Defaults to `true`.\n */\nexport type AddressProps = {\n  address: `0x${string}` | CaipAccountId;\n  truncate?: boolean | undefined;\n  displayName?: boolean | undefined;\n  avatar?: boolean | undefined;\n};\n\nconst TYPE = 'Address';\n\n/**\n * An address component, which is used to display a CAIP-10 address or a Ethereum address.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.address - The address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n * @param props.truncate - Whether to truncate the address. Defaults to `true`.\n * @param props.displayName - Whether to show the account name. Defaults to `false`.\n * @param props.avatar - Whether to show the address avatar. Defaults to `true`.\n * @returns An address element.\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"eip155:1:0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6\" />\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" truncate={false} avatar={false} />\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" displayName={true} />\n */\nexport const Address = createSnapComponent<AddressProps, typeof TYPE>(TYPE);\n\n/**\n * An address element.\n *\n * @see Address\n */\nexport type AddressElement = ReturnType<typeof Address>;\n"]}

package/dist/jsx/components/Address.d.cts

@@ -4,9 +4,15 @@ import type { CaipAccountId } from "@metamask/utils";
  *
  * @property address - The (Ethereum) address to display. This should be a
  * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.
+ * @property truncate - Whether to truncate the address. Defaults to `true`.
+ * @property displayName - Whether to show the account name. Defaults to `false`.
+ * @property avatar - Whether to show the address avatar. Defaults to `true`.
  */
 export type AddressProps = {
     address: `0x${string}` | CaipAccountId;
+    truncate?: boolean | undefined;
+    displayName?: boolean | undefined;
+    avatar?: boolean | undefined;
 };
 /**
  * An address component, which is used to display a CAIP-10 address or a Ethereum address.
@@ -16,6 +22,9 @@ export type AddressProps = {
  * @param props - The props of the component.
  * @param props.address - The address to display. This should be a
  * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.
+ * @param props.truncate - Whether to truncate the address. Defaults to `true`.
+ * @param props.displayName - Whether to show the account name. Defaults to `false`.
+ * @param props.avatar - Whether to show the address avatar. Defaults to `true`.
  * @returns An address element.
  * @example
  * <Address address="0x1234567890123456789012345678901234567890" />
@@ -23,6 +32,10 @@ export type AddressProps = {
  * <Address address="eip155:1:0x1234567890123456789012345678901234567890" />
  * @example
  * <Address address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" truncate={false} avatar={false} />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" displayName={true} />
  */
 export declare const Address: import("../component.cjs").SnapComponent<AddressProps, "Address">;
 /**

package/dist/jsx/components/Address.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Address.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB;AAIrD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,KAAK,MAAM,EAAE,GAAG,aAAa,CAAC;CACxC,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Address.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB;AAIrD;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,KAAK,MAAM,EAAE,GAAG,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/dist/jsx/components/Address.d.mts

@@ -4,9 +4,15 @@ import type { CaipAccountId } from "@metamask/utils";
  *
  * @property address - The (Ethereum) address to display. This should be a
  * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.
+ * @property truncate - Whether to truncate the address. Defaults to `true`.
+ * @property displayName - Whether to show the account name. Defaults to `false`.
+ * @property avatar - Whether to show the address avatar. Defaults to `true`.
  */
 export type AddressProps = {
     address: `0x${string}` | CaipAccountId;
+    truncate?: boolean | undefined;
+    displayName?: boolean | undefined;
+    avatar?: boolean | undefined;
 };
 /**
  * An address component, which is used to display a CAIP-10 address or a Ethereum address.
@@ -16,6 +22,9 @@ export type AddressProps = {
  * @param props - The props of the component.
  * @param props.address - The address to display. This should be a
  * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.
+ * @param props.truncate - Whether to truncate the address. Defaults to `true`.
+ * @param props.displayName - Whether to show the account name. Defaults to `false`.
+ * @param props.avatar - Whether to show the address avatar. Defaults to `true`.
  * @returns An address element.
  * @example
  * <Address address="0x1234567890123456789012345678901234567890" />
@@ -23,6 +32,10 @@ export type AddressProps = {
  * <Address address="eip155:1:0x1234567890123456789012345678901234567890" />
  * @example
  * <Address address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" truncate={false} avatar={false} />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" displayName={true} />
  */
 export declare const Address: import("../component.mjs").SnapComponent<AddressProps, "Address">;
 /**

package/dist/jsx/components/Address.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Address.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB;AAIrD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,KAAK,MAAM,EAAE,GAAG,aAAa,CAAC;CACxC,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Address.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB;AAIrD;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,KAAK,MAAM,EAAE,GAAG,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/dist/jsx/components/Address.mjs

@@ -8,6 +8,9 @@ const TYPE = 'Address';
  * @param props - The props of the component.
  * @param props.address - The address to display. This should be a
  * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.
+ * @param props.truncate - Whether to truncate the address. Defaults to `true`.
+ * @param props.displayName - Whether to show the account name. Defaults to `false`.
+ * @param props.avatar - Whether to show the address avatar. Defaults to `true`.
  * @returns An address element.
  * @example
  * <Address address="0x1234567890123456789012345678901234567890" />
@@ -15,6 +18,10 @@ const TYPE = 'Address';
  * <Address address="eip155:1:0x1234567890123456789012345678901234567890" />
  * @example
  * <Address address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" truncate={false} avatar={false} />
+ * @example
+ * <Address address="0x1234567890123456789012345678901234567890" displayName={true} />
  */
 export const Address = createSnapComponent(TYPE);
 //# sourceMappingURL=Address.mjs.map

package/dist/jsx/components/Address.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Address.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAYnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Address} component.\n *\n * @property address - The (Ethereum) address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n */\nexport type AddressProps = {\n  address: `0x${string}` | CaipAccountId;\n};\n\nconst TYPE = 'Address';\n\n/**\n * An address component, which is used to display a CAIP-10 address or a Ethereum address.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.address - The address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n * @returns An address element.\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"eip155:1:0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6\" />\n */\nexport const Address = createSnapComponent<AddressProps, typeof TYPE>(TYPE);\n\n/**\n * An address element.\n *\n * @see Address\n */\nexport type AddressElement = ReturnType<typeof Address>;\n"]}
+{"version":3,"file":"Address.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Address.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAkBnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Address} component.\n *\n * @property address - The (Ethereum) address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n * @property truncate - Whether to truncate the address. Defaults to `true`.\n * @property displayName - Whether to show the account name. Defaults to `false`.\n * @property avatar - Whether to show the address avatar. Defaults to `true`.\n */\nexport type AddressProps = {\n  address: `0x${string}` | CaipAccountId;\n  truncate?: boolean | undefined;\n  displayName?: boolean | undefined;\n  avatar?: boolean | undefined;\n};\n\nconst TYPE = 'Address';\n\n/**\n * An address component, which is used to display a CAIP-10 address or a Ethereum address.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.address - The address to display. This should be a\n * valid Ethereum address, starting with `0x`, or a valid CAIP-10 address.\n * @param props.truncate - Whether to truncate the address. Defaults to `true`.\n * @param props.displayName - Whether to show the account name. Defaults to `false`.\n * @param props.avatar - Whether to show the address avatar. Defaults to `true`.\n * @returns An address element.\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"eip155:1:0x1234567890123456789012345678901234567890\" />\n * @example\n * <Address address=\"bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6\" />\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" truncate={false} avatar={false} />\n * @example\n * <Address address=\"0x1234567890123456789012345678901234567890\" displayName={true} />\n */\nexport const Address = createSnapComponent<AddressProps, typeof TYPE>(TYPE);\n\n/**\n * An address element.\n *\n * @see Address\n */\nexport type AddressElement = ReturnType<typeof Address>;\n"]}

package/dist/jsx/components/Avatar.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const component_1 = require("../component.cjs");
+const TYPE = 'Avatar';
+/**
+ * An avatar component, which is used to display an avatar for a CAIP-10 address.
+ *
+ * This component does not accept any children.
+ *
+ * @param props - The props of the component.
+ * @param props.address - The address to display. This should be a valid CAIP-10 address.
+ * @returns An avatar element.
+ * @example
+ * <Avatar address="eip155:1:0x1234567890123456789012345678901234567890" />
+ * @example
+ * <Avatar address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ */
+exports.Avatar = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Avatar.cjs.map

package/dist/jsx/components/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Avatar.ts"],"names":[],"mappings":";;;AAEA,gDAAmD;AAYnD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;GAYG;AACU,QAAA,MAAM,GAAG,IAAA,+BAAmB,EAA2B,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Avatar} component.\n *\n * @property address - The address to display. This should be a valid CAIP-10 address.\n */\nexport type AvatarProps = {\n  address: CaipAccountId;\n  size?: 'sm' | 'md' | 'lg' | undefined;\n};\n\nconst TYPE = 'Avatar';\n\n/**\n * An avatar component, which is used to display an avatar for a CAIP-10 address.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.address - The address to display. This should be a valid CAIP-10 address.\n * @returns An avatar element.\n * @example\n * <Avatar address=\"eip155:1:0x1234567890123456789012345678901234567890\" />\n * @example\n * <Avatar address=\"bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6\" />\n */\nexport const Avatar = createSnapComponent<AvatarProps, typeof TYPE>(TYPE);\n\n/**\n * An avatar element.\n *\n * @see Avatar\n */\nexport type AvatarElement = ReturnType<typeof Avatar>;\n"]}

package/dist/jsx/components/Avatar.d.cts

@@ -0,0 +1,31 @@
+import type { CaipAccountId } from "@metamask/utils";
+/**
+ * The props of the {@link Avatar} component.
+ *
+ * @property address - The address to display. This should be a valid CAIP-10 address.
+ */
+export type AvatarProps = {
+    address: CaipAccountId;
+    size?: 'sm' | 'md' | 'lg' | undefined;
+};
+/**
+ * An avatar component, which is used to display an avatar for a CAIP-10 address.
+ *
+ * This component does not accept any children.
+ *
+ * @param props - The props of the component.
+ * @param props.address - The address to display. This should be a valid CAIP-10 address.
+ * @returns An avatar element.
+ * @example
+ * <Avatar address="eip155:1:0x1234567890123456789012345678901234567890" />
+ * @example
+ * <Avatar address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ */
+export declare const Avatar: import("../component.cjs").SnapComponent<AvatarProps, "Avatar">;
+/**
+ * An avatar element.
+ *
+ * @see Avatar
+ */
+export type AvatarElement = ReturnType<typeof Avatar>;
+//# sourceMappingURL=Avatar.d.cts.map

package/dist/jsx/components/Avatar.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB;AAIrD;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,6DAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/dist/jsx/components/Avatar.d.mts

@@ -0,0 +1,31 @@
+import type { CaipAccountId } from "@metamask/utils";
+/**
+ * The props of the {@link Avatar} component.
+ *
+ * @property address - The address to display. This should be a valid CAIP-10 address.
+ */
+export type AvatarProps = {
+    address: CaipAccountId;
+    size?: 'sm' | 'md' | 'lg' | undefined;
+};
+/**
+ * An avatar component, which is used to display an avatar for a CAIP-10 address.
+ *
+ * This component does not accept any children.
+ *
+ * @param props - The props of the component.
+ * @param props.address - The address to display. This should be a valid CAIP-10 address.
+ * @returns An avatar element.
+ * @example
+ * <Avatar address="eip155:1:0x1234567890123456789012345678901234567890" />
+ * @example
+ * <Avatar address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ */
+export declare const Avatar: import("../component.mjs").SnapComponent<AvatarProps, "Avatar">;
+/**
+ * An avatar element.
+ *
+ * @see Avatar
+ */
+export type AvatarElement = ReturnType<typeof Avatar>;
+//# sourceMappingURL=Avatar.d.mts.map

package/dist/jsx/components/Avatar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB;AAIrD;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,6DAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/dist/jsx/components/Avatar.mjs

@@ -0,0 +1,17 @@
+import { createSnapComponent } from "../component.mjs";
+const TYPE = 'Avatar';
+/**
+ * An avatar component, which is used to display an avatar for a CAIP-10 address.
+ *
+ * This component does not accept any children.
+ *
+ * @param props - The props of the component.
+ * @param props.address - The address to display. This should be a valid CAIP-10 address.
+ * @returns An avatar element.
+ * @example
+ * <Avatar address="eip155:1:0x1234567890123456789012345678901234567890" />
+ * @example
+ * <Avatar address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
+ */
+export const Avatar = createSnapComponent(TYPE);
+//# sourceMappingURL=Avatar.mjs.map

package/dist/jsx/components/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Avatar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAYnD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,mBAAmB,CAA2B,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Avatar} component.\n *\n * @property address - The address to display. This should be a valid CAIP-10 address.\n */\nexport type AvatarProps = {\n  address: CaipAccountId;\n  size?: 'sm' | 'md' | 'lg' | undefined;\n};\n\nconst TYPE = 'Avatar';\n\n/**\n * An avatar component, which is used to display an avatar for a CAIP-10 address.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.address - The address to display. This should be a valid CAIP-10 address.\n * @returns An avatar element.\n * @example\n * <Avatar address=\"eip155:1:0x1234567890123456789012345678901234567890\" />\n * @example\n * <Avatar address=\"bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6\" />\n */\nexport const Avatar = createSnapComponent<AvatarProps, typeof TYPE>(TYPE);\n\n/**\n * An avatar element.\n *\n * @see Avatar\n */\nexport type AvatarElement = ReturnType<typeof Avatar>;\n"]}

package/dist/jsx/components/Heading.cjs

@@ -8,7 +8,7 @@ const TYPE = 'Heading';
  *
  * @param props - The props of the component.
  * @param props.children - The text to display in the heading.
- * @param props.size - The size of the heading.
+ * @param props.size - The size of the heading. Defaults to `sm`.
  * @returns A heading element.
  * @example
  * <Heading>Hello world!</Heading>

package/dist/jsx/components/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAanD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;GAWG;AACU,QAAA,OAAO,GAAG,IAAA,+BAAmB,EAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { StringElement } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Heading} component.\n *\n * @property children - The text to display in the heading.\n * @property size - The size of the heading.\n */\ntype HeadingProps = {\n  children: StringElement;\n  size?: 'md' | 'lg' | undefined;\n};\n\nconst TYPE = 'Heading';\n\n/**\n * A heading component, which is used to display heading text.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display in the heading.\n * @param props.size - The size of the heading.\n * @returns A heading element.\n * @example\n * <Heading>Hello world!</Heading>\n * @example\n * <Heading size=\"lg\">Hello world!</Heading>\n */\nexport const Heading = createSnapComponent<HeadingProps, typeof TYPE>(TYPE);\n\n/**\n * A heading element.\n *\n * @see Heading\n */\nexport type HeadingElement = ReturnType<typeof Heading>;\n"]}
+{"version":3,"file":"Heading.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAanD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;GAWG;AACU,QAAA,OAAO,GAAG,IAAA,+BAAmB,EAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { StringElement } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Heading} component.\n *\n * @property children - The text to display in the heading.\n * @property size - The size of the heading. Defaults to `sm`.\n */\ntype HeadingProps = {\n  children: StringElement;\n  size?: 'sm' | 'md' | 'lg' | undefined;\n};\n\nconst TYPE = 'Heading';\n\n/**\n * A heading component, which is used to display heading text.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display in the heading.\n * @param props.size - The size of the heading. Defaults to `sm`.\n * @returns A heading element.\n * @example\n * <Heading>Hello world!</Heading>\n * @example\n * <Heading size=\"lg\">Hello world!</Heading>\n */\nexport const Heading = createSnapComponent<HeadingProps, typeof TYPE>(TYPE);\n\n/**\n * A heading element.\n *\n * @see Heading\n */\nexport type HeadingElement = ReturnType<typeof Heading>;\n"]}

package/dist/jsx/components/Heading.d.cts

@@ -3,18 +3,18 @@ import type { StringElement } from "../component.cjs";
  * The props of the {@link Heading} component.
  *
  * @property children - The text to display in the heading.
- * @property size - The size of the heading.
+ * @property size - The size of the heading. Defaults to `sm`.
  */
 type HeadingProps = {
     children: StringElement;
-    size?: 'md' | 'lg' | undefined;
+    size?: 'sm' | 'md' | 'lg' | undefined;
 };
 /**
  * A heading component, which is used to display heading text.
  *
  * @param props - The props of the component.
  * @param props.children - The text to display in the heading.
- * @param props.size - The size of the heading.
+ * @param props.size - The size of the heading. Defaults to `sm`.
  * @returns A heading element.
  * @example
  * <Heading>Hello world!</Heading>

package/dist/jsx/components/Heading.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAGlD;;;;;GAKG;AACH,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Heading.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAGlD;;;;;GAKG;AACH,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/dist/jsx/components/Heading.d.mts

@@ -3,18 +3,18 @@ import type { StringElement } from "../component.mjs";
  * The props of the {@link Heading} component.
  *
  * @property children - The text to display in the heading.
- * @property size - The size of the heading.
+ * @property size - The size of the heading. Defaults to `sm`.
  */
 type HeadingProps = {
     children: StringElement;
-    size?: 'md' | 'lg' | undefined;
+    size?: 'sm' | 'md' | 'lg' | undefined;
 };
 /**
  * A heading component, which is used to display heading text.
  *
  * @param props - The props of the component.
  * @param props.children - The text to display in the heading.
- * @param props.size - The size of the heading.
+ * @param props.size - The size of the heading. Defaults to `sm`.
  * @returns A heading element.
  * @example
  * <Heading>Hello world!</Heading>

package/dist/jsx/components/Heading.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAGlD;;;;;GAKG;AACH,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Heading.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAGlD;;;;;GAKG;AACH,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/dist/jsx/components/Heading.mjs

@@ -5,7 +5,7 @@ const TYPE = 'Heading';
  *
  * @param props - The props of the component.
  * @param props.children - The text to display in the heading.
- * @param props.size - The size of the heading.
+ * @param props.size - The size of the heading. Defaults to `sm`.
  * @returns A heading element.
  * @example
  * <Heading>Hello world!</Heading>

package/dist/jsx/components/Heading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAanD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { StringElement } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Heading} component.\n *\n * @property children - The text to display in the heading.\n * @property size - The size of the heading.\n */\ntype HeadingProps = {\n  children: StringElement;\n  size?: 'md' | 'lg' | undefined;\n};\n\nconst TYPE = 'Heading';\n\n/**\n * A heading component, which is used to display heading text.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display in the heading.\n * @param props.size - The size of the heading.\n * @returns A heading element.\n * @example\n * <Heading>Hello world!</Heading>\n * @example\n * <Heading size=\"lg\">Hello world!</Heading>\n */\nexport const Heading = createSnapComponent<HeadingProps, typeof TYPE>(TYPE);\n\n/**\n * A heading element.\n *\n * @see Heading\n */\nexport type HeadingElement = ReturnType<typeof Heading>;\n"]}
+{"version":3,"file":"Heading.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Heading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAanD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { StringElement } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Heading} component.\n *\n * @property children - The text to display in the heading.\n * @property size - The size of the heading. Defaults to `sm`.\n */\ntype HeadingProps = {\n  children: StringElement;\n  size?: 'sm' | 'md' | 'lg' | undefined;\n};\n\nconst TYPE = 'Heading';\n\n/**\n * A heading component, which is used to display heading text.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display in the heading.\n * @param props.size - The size of the heading. Defaults to `sm`.\n * @returns A heading element.\n * @example\n * <Heading>Hello world!</Heading>\n * @example\n * <Heading size=\"lg\">Hello world!</Heading>\n */\nexport const Heading = createSnapComponent<HeadingProps, typeof TYPE>(TYPE);\n\n/**\n * A heading element.\n *\n * @see Heading\n */\nexport type HeadingElement = ReturnType<typeof Heading>;\n"]}

package/dist/jsx/components/form/Input.cjs

@@ -12,9 +12,17 @@ const TYPE = 'Input';
  * @param props.type - The type of the input field.
  * @param props.value - The value of the input field.
  * @param props.placeholder - The placeholder text of the input field.
+ * @param props.min - The minimum value of the input field.
+ * Only applicable to the type `number` input.
+ * @param props.max - The maximum value of the input field.
+ * Only applicable to the type `number` input.
+ * @param props.step - The step value of the input field.
+ * Only applicable to the type `number` input.
  * @returns An input element.
  * @example
  * <Input name="username" type="text" />
+ * @example
+ * <Input name="numeric" type="number" min={1} max={100} step={1} />
  */
 exports.Input = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Input.cjs.map

package/dist/jsx/components/form/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAoBtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;GAYG;AACU,QAAA,KAAK,GAAG,IAAA,+BAAmB,EAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n// TODO: Add the `onChange` prop to the `InputProps` type.\n\n/**\n * The props of the {@link Input} component.\n *\n * @property name - The name of the input field. This is used to identify the\n * input field in the form data.\n * @property type - The type of the input field. Defaults to `text`.\n * @property value - The value of the input field.\n * @property placeholder - The placeholder text of the input field.\n */\nexport type InputProps = {\n  name: string;\n  type?: 'text' | 'password' | 'number' | undefined;\n  value?: string | undefined;\n  placeholder?: string | undefined;\n};\n\nconst TYPE = 'Input';\n\n/**\n * An input component, which is used to create an input field.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the input field. This is used to identify the\n * input field in the form data.\n * @param props.type - The type of the input field.\n * @param props.value - The value of the input field.\n * @param props.placeholder - The placeholder text of the input field.\n * @returns An input element.\n * @example\n * <Input name=\"username\" type=\"text\" />\n */\nexport const Input = createSnapComponent<InputProps, typeof TYPE>(TYPE);\n\n/**\n * An input element.\n *\n * @see Input\n */\nexport type InputElement = ReturnType<typeof Input>;\n"]}
+{"version":3,"file":"Input.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AA0CtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;GAoBG;AACU,QAAA,KAAK,GAAG,IAAA,+BAAmB,EAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n// TODO: Add the `onChange` prop to the `InputProps` type.\n\nexport type GenericInputProps = {\n  name: string;\n  value?: string | undefined;\n  placeholder?: string | undefined;\n};\n\nexport type TextInputProps = { type: 'text' } & GenericInputProps;\n\nexport type PasswordInputProps = { type: 'password' } & GenericInputProps;\n\nexport type NumberInputProps = {\n  type: 'number';\n  min?: number;\n  max?: number;\n  step?: number;\n} & GenericInputProps;\n\n/**\n * The props of the {@link Input} component.\n *\n * @property name - The name of the input field. This is used to identify the\n * input field in the form data.\n * @property type - The type of the input field. Defaults to `text`.\n * @property value - The value of the input field.\n * @property placeholder - The placeholder text of the input field.\n * @property min - The minimum value of the input field.\n * Only applicable to the type `number` input.\n * @property max - The maximum value of the input field.\n * Only applicable to the type `number` input.\n * @property step - The step value of the input field.\n * Only applicable to the type `number` input.\n */\nexport type InputProps =\n  | GenericInputProps\n  | TextInputProps\n  | PasswordInputProps\n  | NumberInputProps;\n\nconst TYPE = 'Input';\n\n/**\n * An input component, which is used to create an input field.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the input field. This is used to identify the\n * input field in the form data.\n * @param props.type - The type of the input field.\n * @param props.value - The value of the input field.\n * @param props.placeholder - The placeholder text of the input field.\n * @param props.min - The minimum value of the input field.\n * Only applicable to the type `number` input.\n * @param props.max - The maximum value of the input field.\n * Only applicable to the type `number` input.\n * @param props.step - The step value of the input field.\n * Only applicable to the type `number` input.\n * @returns An input element.\n * @example\n * <Input name=\"username\" type=\"text\" />\n * @example\n * <Input name=\"numeric\" type=\"number\" min={1} max={100} step={1} />\n */\nexport const Input = createSnapComponent<InputProps, typeof TYPE>(TYPE);\n\n/**\n * An input element.\n *\n * @see Input\n */\nexport type InputElement = ReturnType<typeof Input>;\n"]}

package/dist/jsx/components/form/Input.d.cts

@@ -1,3 +1,20 @@
+export type GenericInputProps = {
+    name: string;
+    value?: string | undefined;
+    placeholder?: string | undefined;
+};
+export type TextInputProps = {
+    type: 'text';
+} & GenericInputProps;
+export type PasswordInputProps = {
+    type: 'password';
+} & GenericInputProps;
+export type NumberInputProps = {
+    type: 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+} & GenericInputProps;
 /**
  * The props of the {@link Input} component.
  *
@@ -6,13 +23,14 @@
  * @property type - The type of the input field. Defaults to `text`.
  * @property value - The value of the input field.
  * @property placeholder - The placeholder text of the input field.
+ * @property min - The minimum value of the input field.
+ * Only applicable to the type `number` input.
+ * @property max - The maximum value of the input field.
+ * Only applicable to the type `number` input.
+ * @property step - The step value of the input field.
+ * Only applicable to the type `number` input.
  */
-export type InputProps = {
-    name: string;
-    type?: 'text' | 'password' | 'number' | undefined;
-    value?: string | undefined;
-    placeholder?: string | undefined;
-};
+export type InputProps = GenericInputProps | TextInputProps | PasswordInputProps | NumberInputProps;
 /**
  * An input component, which is used to create an input field.
  *
@@ -22,9 +40,17 @@ export type InputProps = {
  * @param props.type - The type of the input field.
  * @param props.value - The value of the input field.
  * @param props.placeholder - The placeholder text of the input field.
+ * @param props.min - The minimum value of the input field.
+ * Only applicable to the type `number` input.
+ * @param props.max - The maximum value of the input field.
+ * Only applicable to the type `number` input.
+ * @param props.step - The step value of the input field.
+ * Only applicable to the type `number` input.
  * @returns An input element.
  * @example
  * <Input name="username" type="text" />
+ * @example
+ * <Input name="numeric" type="number" min={1} max={100} step={1} />
  */
 export declare const Input: import("../../component.cjs").SnapComponent<InputProps, "Input">;
 /**

package/dist/jsx/components/form/Input.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG,iBAAiB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,iBAAiB,CAAC;AAEtB;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,UAAU,GAClB,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,gBAAgB,CAAC;AAIrB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

package/dist/jsx/components/form/Input.d.mts

@@ -1,3 +1,20 @@
+export type GenericInputProps = {
+    name: string;
+    value?: string | undefined;
+    placeholder?: string | undefined;
+};
+export type TextInputProps = {
+    type: 'text';
+} & GenericInputProps;
+export type PasswordInputProps = {
+    type: 'password';
+} & GenericInputProps;
+export type NumberInputProps = {
+    type: 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+} & GenericInputProps;
 /**
  * The props of the {@link Input} component.
  *
@@ -6,13 +23,14 @@
  * @property type - The type of the input field. Defaults to `text`.
  * @property value - The value of the input field.
  * @property placeholder - The placeholder text of the input field.
+ * @property min - The minimum value of the input field.
+ * Only applicable to the type `number` input.
+ * @property max - The maximum value of the input field.
+ * Only applicable to the type `number` input.
+ * @property step - The step value of the input field.
+ * Only applicable to the type `number` input.
  */
-export type InputProps = {
-    name: string;
-    type?: 'text' | 'password' | 'number' | undefined;
-    value?: string | undefined;
-    placeholder?: string | undefined;
-};
+export type InputProps = GenericInputProps | TextInputProps | PasswordInputProps | NumberInputProps;
 /**
  * An input component, which is used to create an input field.
  *
@@ -22,9 +40,17 @@ export type InputProps = {
  * @param props.type - The type of the input field.
  * @param props.value - The value of the input field.
  * @param props.placeholder - The placeholder text of the input field.
+ * @param props.min - The minimum value of the input field.
+ * Only applicable to the type `number` input.
+ * @param props.max - The maximum value of the input field.
+ * Only applicable to the type `number` input.
+ * @param props.step - The step value of the input field.
+ * Only applicable to the type `number` input.
  * @returns An input element.
  * @example
  * <Input name="username" type="text" />
+ * @example
+ * <Input name="numeric" type="number" min={1} max={100} step={1} />
  */
 export declare const Input: import("../../component.mjs").SnapComponent<InputProps, "Input">;
 /**