@metamask/snaps-sdk 6.4.0 → 6.5.0

package/dist/images.d.cts

@@ -64,7 +64,7 @@ export type ImageOptions = {
  * @returns A promise that resolves to the image data as an image component.
  */
 export declare function getImageComponent(url: string, { width, height, request }: ImageOptions): Promise<{
-    type: import("./ui").NodeType.Image;
+    type: import("./ui/index.cjs").NodeType.Image;
     value: string;
 }>;
 //# sourceMappingURL=images.d.cts.map

package/dist/images.d.mts

@@ -64,7 +64,7 @@ export type ImageOptions = {
  * @returns A promise that resolves to the image data as an image component.
  */
 export declare function getImageComponent(url: string, { width, height, request }: ImageOptions): Promise<{
-    type: import("./ui").NodeType.Image;
+    type: import("./ui/index.mjs").NodeType.Image;
     value: string;
 }>;
 //# sourceMappingURL=images.d.mts.map

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

@@ -15,43 +15,43 @@ export type JsonRpcErrorFunction = typeof rpcErrors.parse;
  */
 export declare function createSnapError(fn: JsonRpcErrorFunction): {
     new (message?: string): {
-        readonly "__#181027@#code": number;
-        readonly "__#181027@#message": string;
-        readonly "__#181027@#data"?: Record<string, Json> | undefined;
-        readonly "__#181027@#stack"?: string | undefined;
+        readonly "__#181049@#code": number;
+        readonly "__#181049@#message": string;
+        readonly "__#181049@#data"?: Record<string, Json> | undefined;
+        readonly "__#181049@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
         readonly data: Record<string, Json> | undefined;
         readonly stack: string | undefined;
-        toJSON(): import("../errors").SerializedSnapError;
-        serialize(): import("../errors").SerializedSnapError;
+        toJSON(): import("../errors.cjs").SerializedSnapError;
+        serialize(): import("../errors.cjs").SerializedSnapError;
     };
     new (data?: Record<string, Json>): {
-        readonly "__#181027@#code": number;
-        readonly "__#181027@#message": string;
-        readonly "__#181027@#data"?: Record<string, Json> | undefined;
-        readonly "__#181027@#stack"?: string | undefined;
+        readonly "__#181049@#code": number;
+        readonly "__#181049@#message": string;
+        readonly "__#181049@#data"?: Record<string, Json> | undefined;
+        readonly "__#181049@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
         readonly data: Record<string, Json> | undefined;
         readonly stack: string | undefined;
-        toJSON(): import("../errors").SerializedSnapError;
-        serialize(): import("../errors").SerializedSnapError;
+        toJSON(): import("../errors.cjs").SerializedSnapError;
+        serialize(): import("../errors.cjs").SerializedSnapError;
     };
     new (message?: string | Record<string, Json>, data?: Record<string, Json>): {
-        readonly "__#181027@#code": number;
-        readonly "__#181027@#message": string;
-        readonly "__#181027@#data"?: Record<string, Json> | undefined;
-        readonly "__#181027@#stack"?: string | undefined;
+        readonly "__#181049@#code": number;
+        readonly "__#181049@#message": string;
+        readonly "__#181049@#data"?: Record<string, Json> | undefined;
+        readonly "__#181049@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
         readonly data: Record<string, Json> | undefined;
         readonly stack: string | undefined;
-        toJSON(): import("../errors").SerializedSnapError;
-        serialize(): import("../errors").SerializedSnapError;
+        toJSON(): import("../errors.cjs").SerializedSnapError;
+        serialize(): import("../errors.cjs").SerializedSnapError;
     };
     captureStackTrace(targetObject: object, constructorOpt?: Function | undefined): void;
     prepareStackTrace?: ((err: Error, stackTraces: NodeJS.CallSite[]) => any) | undefined;

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

@@ -15,43 +15,43 @@ export type JsonRpcErrorFunction = typeof rpcErrors.parse;
  */
 export declare function createSnapError(fn: JsonRpcErrorFunction): {
     new (message?: string): {
-        readonly "__#90515@#code": number;
-        readonly "__#90515@#message": string;
-        readonly "__#90515@#data"?: Record<string, Json> | undefined;
-        readonly "__#90515@#stack"?: string | undefined;
+        readonly "__#90526@#code": number;
+        readonly "__#90526@#message": string;
+        readonly "__#90526@#data"?: Record<string, Json> | undefined;
+        readonly "__#90526@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
         readonly data: Record<string, Json> | undefined;
         readonly stack: string | undefined;
-        toJSON(): import("../errors").SerializedSnapError;
-        serialize(): import("../errors").SerializedSnapError;
+        toJSON(): import("../errors.mjs").SerializedSnapError;
+        serialize(): import("../errors.mjs").SerializedSnapError;
     };
     new (data?: Record<string, Json>): {
-        readonly "__#90515@#code": number;
-        readonly "__#90515@#message": string;
-        readonly "__#90515@#data"?: Record<string, Json> | undefined;
-        readonly "__#90515@#stack"?: string | undefined;
+        readonly "__#90526@#code": number;
+        readonly "__#90526@#message": string;
+        readonly "__#90526@#data"?: Record<string, Json> | undefined;
+        readonly "__#90526@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
         readonly data: Record<string, Json> | undefined;
         readonly stack: string | undefined;
-        toJSON(): import("../errors").SerializedSnapError;
-        serialize(): import("../errors").SerializedSnapError;
+        toJSON(): import("../errors.mjs").SerializedSnapError;
+        serialize(): import("../errors.mjs").SerializedSnapError;
     };
     new (message?: string | Record<string, Json>, data?: Record<string, Json>): {
-        readonly "__#90515@#code": number;
-        readonly "__#90515@#message": string;
-        readonly "__#90515@#data"?: Record<string, Json> | undefined;
-        readonly "__#90515@#stack"?: string | undefined;
+        readonly "__#90526@#code": number;
+        readonly "__#90526@#message": string;
+        readonly "__#90526@#data"?: Record<string, Json> | undefined;
+        readonly "__#90526@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;
         readonly data: Record<string, Json> | undefined;
         readonly stack: string | undefined;
-        toJSON(): import("../errors").SerializedSnapError;
-        serialize(): import("../errors").SerializedSnapError;
+        toJSON(): import("../errors.mjs").SerializedSnapError;
+        serialize(): import("../errors.mjs").SerializedSnapError;
     };
     captureStackTrace(targetObject: object, constructorOpt?: Function | undefined): void;
     prepareStackTrace?: ((err: Error, stackTraces: NodeJS.CallSite[]) => any) | undefined;

package/dist/jsx/component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.cjs","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":";;;AA8EA;;;;;GAKG;AACH,SAAS,oBAAoB,CAA2B,KAAY;IAClE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CACxD,CAAC;AACb,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,mBAAmB,CAGjC,IAAU;IACV,OAAO,CAAC,KAAmC,EAAE,EAAE;QAC7C,MAAM,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACtC,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,oBAAoB,CAAC,IAAa,CAAC;YAC1C,GAAG;SACJ,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAZD,kDAYC","sourcesContent":["import type { Json } from '@metamask/utils';\n\n/**\n * A key, which can be a string or a number.\n */\nexport type Key = string | number;\n\n/**\n * A JSON object.\n */\nexport type JsonObject = Record<string, Json>;\n\n/**\n * A generic JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type GenericSnapElement = {\n  type: string;\n  props: JsonObject;\n  key: Key | null;\n};\n\n/**\n * A JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type SnapElement<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = {\n  type: Type;\n  props: Props;\n  key: Key | null;\n};\n\n/**\n * A type that can be a single value or an infinitely nestable array of values.\n *\n * @template Type - The type that can be an array.\n * @example\n * type NestableString = Nestable<string>;\n * const nestableString: NestableString = 'hello';\n * const nestableStringArray: NestableString = ['hello', 'world', ['foo', ['bar']]];\n */\nexport type Nestable<Type> = Type | Nestable<Type>[];\n\n/**\n * A type that can be a single value or an array of values, a boolean, or null.\n *\n * @template Type - The type that can be an array.\n */\nexport type SnapsChildren<Type> = Nestable<Type | boolean | null>;\n\n/**\n * A JSX node, which can be an element, a string, null, or an array of nodes.\n */\nexport type SnapNode = SnapsChildren<GenericSnapElement | string>;\n\n/**\n * A JSX string element, which can be a string or an array of strings, or\n * booleans (for conditional rendering).\n */\nexport type StringElement = SnapsChildren<string>;\n\n/**\n * A JSX component.\n */\nexport type SnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = (props: Props & { key?: Key | null }) => SnapElement<Props, Type>;\n\n/**\n * Remove undefined props from an object.\n *\n * @param props - The object to remove undefined props from.\n * @returns The object without undefined props.\n */\nfunction removeUndefinedProps<Props extends JsonObject>(props: Props): Props {\n  return Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Props;\n}\n\n/**\n * Create a Snap component from a type. This is a helper function that creates a\n * Snap component function.\n *\n * @param type - The type of the component.\n * @returns A function that creates a Snap element.\n * @see SnapComponent\n */\nexport function createSnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n>(type: Type): SnapComponent<Props, Type> {\n  return (props: Props & { key?: Key | null }) => {\n    const { key = null, ...rest } = props;\n    return {\n      type,\n      props: removeUndefinedProps(rest as Props),\n      key,\n    };\n  };\n}\n"]}
+{"version":3,"file":"component.cjs","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":";;;AAmFA;;;;;GAKG;AACH,SAAS,oBAAoB,CAA2B,KAAY;IAClE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CACxD,CAAC;AACb,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,mBAAmB,CAGjC,IAAU;IACV,OAAO,CAAC,KAAmC,EAAE,EAAE;QAC7C,MAAM,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACtC,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,oBAAoB,CAAC,IAAa,CAAC;YAC1C,GAAG;SACJ,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAZD,kDAYC","sourcesContent":["import type { Json } from '@metamask/utils';\n\n/**\n * A key, which can be a string or a number.\n */\nexport type Key = string | number;\n\n/**\n * A JSON object.\n */\nexport type JsonObject = Record<string, Json>;\n\n/**\n * A generic JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type GenericSnapElement = {\n  type: string;\n  props: JsonObject;\n  key: Key | null;\n};\n\n/**\n * A JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type SnapElement<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = {\n  type: Type;\n  props: Props;\n  key: Key | null;\n};\n\n/**\n * A type that can be a single value or an infinitely nestable array of values.\n *\n * @template Type - The type that can be an array.\n * @example\n * type NestableString = Nestable<string>;\n * const nestableString: NestableString = 'hello';\n * const nestableStringArray: NestableString = ['hello', 'world', ['foo', ['bar']]];\n */\nexport type Nestable<Type> = Type | Nestable<Type>[];\n\n/**\n * A type that can be a single value or an array of values, a boolean, or null.\n *\n * @template Type - The type that can be an array.\n */\nexport type SnapsChildren<Type> = Nestable<Type | boolean | null>;\n\n/**\n * A type type that can be a generic JSX element, a boolean, or null.\n */\nexport type GenericSnapChildren = GenericSnapElement | boolean | null;\n\n/**\n * A JSX node, which can be an element, a string, null, or an array of nodes.\n */\nexport type SnapNode = SnapsChildren<GenericSnapElement | string>;\n\n/**\n * A JSX string element, which can be a string or an array of strings, or\n * booleans (for conditional rendering).\n */\nexport type StringElement = SnapsChildren<string>;\n\n/**\n * A JSX component.\n */\nexport type SnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = (props: Props & { key?: Key | null }) => SnapElement<Props, Type>;\n\n/**\n * Remove undefined props from an object.\n *\n * @param props - The object to remove undefined props from.\n * @returns The object without undefined props.\n */\nfunction removeUndefinedProps<Props extends JsonObject>(props: Props): Props {\n  return Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Props;\n}\n\n/**\n * Create a Snap component from a type. This is a helper function that creates a\n * Snap component function.\n *\n * @param type - The type of the component.\n * @returns A function that creates a Snap element.\n * @see SnapComponent\n */\nexport function createSnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n>(type: Type): SnapComponent<Props, Type> {\n  return (props: Props & { key?: Key | null }) => {\n    const { key = null, ...rest } = props;\n    return {\n      type,\n      props: removeUndefinedProps(rest as Props),\n      key,\n    };\n  };\n}\n"]}

package/dist/jsx/component.d.cts

@@ -47,6 +47,10 @@ export type Nestable<Type> = Type | Nestable<Type>[];
  * @template Type - The type that can be an array.
  */
 export type SnapsChildren<Type> = Nestable<Type | boolean | null>;
+/**
+ * A type type that can be a generic JSX element, a boolean, or null.
+ */
+export type GenericSnapChildren = GenericSnapElement | boolean | null;
 /**
  * A JSX node, which can be an element, a string, null, or an array of nodes.
  */

package/dist/jsx/component.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.cts","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,wBAAwB;AAE5C;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,CAAC,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,kBAAkB,GAAG,MAAM,CAAC,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,aAAa,CACvB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B,CAAC,KAAK,EAAE,KAAK,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,KAAK,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AActE;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CASxC"}
+{"version":3,"file":"component.d.cts","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,wBAAwB;AAE5C;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,CAAC,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,OAAO,GAAG,IAAI,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,kBAAkB,GAAG,MAAM,CAAC,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,aAAa,CACvB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B,CAAC,KAAK,EAAE,KAAK,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,KAAK,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AActE;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CASxC"}

package/dist/jsx/component.d.mts

@@ -47,6 +47,10 @@ export type Nestable<Type> = Type | Nestable<Type>[];
  * @template Type - The type that can be an array.
  */
 export type SnapsChildren<Type> = Nestable<Type | boolean | null>;
+/**
+ * A type type that can be a generic JSX element, a boolean, or null.
+ */
+export type GenericSnapChildren = GenericSnapElement | boolean | null;
 /**
  * A JSX node, which can be an element, a string, null, or an array of nodes.
  */

package/dist/jsx/component.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.mts","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,wBAAwB;AAE5C;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,CAAC,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,kBAAkB,GAAG,MAAM,CAAC,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,aAAa,CACvB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B,CAAC,KAAK,EAAE,KAAK,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,KAAK,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AActE;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CASxC"}
+{"version":3,"file":"component.d.mts","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,wBAAwB;AAE5C;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,CACrB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;CACjB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,CAAC,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,OAAO,GAAG,IAAI,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,kBAAkB,GAAG,MAAM,CAAC,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,aAAa,CACvB,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1B,CAAC,KAAK,EAAE,KAAK,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,KAAK,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AActE;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,SAAS,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChD,IAAI,SAAS,MAAM,GAAG,MAAM,EAC5B,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CASxC"}

package/dist/jsx/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":"AA8EA;;;;;GAKG;AACH,SAAS,oBAAoB,CAA2B,KAAY;IAClE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CACxD,CAAC;AACb,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAGjC,IAAU;IACV,OAAO,CAAC,KAAmC,EAAE,EAAE;QAC7C,MAAM,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACtC,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,oBAAoB,CAAC,IAAa,CAAC;YAC1C,GAAG;SACJ,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import type { Json } from '@metamask/utils';\n\n/**\n * A key, which can be a string or a number.\n */\nexport type Key = string | number;\n\n/**\n * A JSON object.\n */\nexport type JsonObject = Record<string, Json>;\n\n/**\n * A generic JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type GenericSnapElement = {\n  type: string;\n  props: JsonObject;\n  key: Key | null;\n};\n\n/**\n * A JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type SnapElement<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = {\n  type: Type;\n  props: Props;\n  key: Key | null;\n};\n\n/**\n * A type that can be a single value or an infinitely nestable array of values.\n *\n * @template Type - The type that can be an array.\n * @example\n * type NestableString = Nestable<string>;\n * const nestableString: NestableString = 'hello';\n * const nestableStringArray: NestableString = ['hello', 'world', ['foo', ['bar']]];\n */\nexport type Nestable<Type> = Type | Nestable<Type>[];\n\n/**\n * A type that can be a single value or an array of values, a boolean, or null.\n *\n * @template Type - The type that can be an array.\n */\nexport type SnapsChildren<Type> = Nestable<Type | boolean | null>;\n\n/**\n * A JSX node, which can be an element, a string, null, or an array of nodes.\n */\nexport type SnapNode = SnapsChildren<GenericSnapElement | string>;\n\n/**\n * A JSX string element, which can be a string or an array of strings, or\n * booleans (for conditional rendering).\n */\nexport type StringElement = SnapsChildren<string>;\n\n/**\n * A JSX component.\n */\nexport type SnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = (props: Props & { key?: Key | null }) => SnapElement<Props, Type>;\n\n/**\n * Remove undefined props from an object.\n *\n * @param props - The object to remove undefined props from.\n * @returns The object without undefined props.\n */\nfunction removeUndefinedProps<Props extends JsonObject>(props: Props): Props {\n  return Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Props;\n}\n\n/**\n * Create a Snap component from a type. This is a helper function that creates a\n * Snap component function.\n *\n * @param type - The type of the component.\n * @returns A function that creates a Snap element.\n * @see SnapComponent\n */\nexport function createSnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n>(type: Type): SnapComponent<Props, Type> {\n  return (props: Props & { key?: Key | null }) => {\n    const { key = null, ...rest } = props;\n    return {\n      type,\n      props: removeUndefinedProps(rest as Props),\n      key,\n    };\n  };\n}\n"]}
+{"version":3,"file":"component.mjs","sourceRoot":"","sources":["../../src/jsx/component.ts"],"names":[],"mappings":"AAmFA;;;;;GAKG;AACH,SAAS,oBAAoB,CAA2B,KAAY;IAClE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CACxD,CAAC;AACb,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAGjC,IAAU;IACV,OAAO,CAAC,KAAmC,EAAE,EAAE;QAC7C,MAAM,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACtC,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,oBAAoB,CAAC,IAAa,CAAC;YAC1C,GAAG;SACJ,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import type { Json } from '@metamask/utils';\n\n/**\n * A key, which can be a string or a number.\n */\nexport type Key = string | number;\n\n/**\n * A JSON object.\n */\nexport type JsonObject = Record<string, Json>;\n\n/**\n * A generic JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type GenericSnapElement = {\n  type: string;\n  props: JsonObject;\n  key: Key | null;\n};\n\n/**\n * A JSX element.\n *\n * @property type - The type of the element.\n * @property props - The props of the element.\n * @property key - The key of the element.\n */\nexport type SnapElement<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = {\n  type: Type;\n  props: Props;\n  key: Key | null;\n};\n\n/**\n * A type that can be a single value or an infinitely nestable array of values.\n *\n * @template Type - The type that can be an array.\n * @example\n * type NestableString = Nestable<string>;\n * const nestableString: NestableString = 'hello';\n * const nestableStringArray: NestableString = ['hello', 'world', ['foo', ['bar']]];\n */\nexport type Nestable<Type> = Type | Nestable<Type>[];\n\n/**\n * A type that can be a single value or an array of values, a boolean, or null.\n *\n * @template Type - The type that can be an array.\n */\nexport type SnapsChildren<Type> = Nestable<Type | boolean | null>;\n\n/**\n * A type type that can be a generic JSX element, a boolean, or null.\n */\nexport type GenericSnapChildren = GenericSnapElement | boolean | null;\n\n/**\n * A JSX node, which can be an element, a string, null, or an array of nodes.\n */\nexport type SnapNode = SnapsChildren<GenericSnapElement | string>;\n\n/**\n * A JSX string element, which can be a string or an array of strings, or\n * booleans (for conditional rendering).\n */\nexport type StringElement = SnapsChildren<string>;\n\n/**\n * A JSX component.\n */\nexport type SnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n> = (props: Props & { key?: Key | null }) => SnapElement<Props, Type>;\n\n/**\n * Remove undefined props from an object.\n *\n * @param props - The object to remove undefined props from.\n * @returns The object without undefined props.\n */\nfunction removeUndefinedProps<Props extends JsonObject>(props: Props): Props {\n  return Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Props;\n}\n\n/**\n * Create a Snap component from a type. This is a helper function that creates a\n * Snap component function.\n *\n * @param type - The type of the component.\n * @returns A function that creates a Snap element.\n * @see SnapComponent\n */\nexport function createSnapComponent<\n  Props extends JsonObject = Record<string, never>,\n  Type extends string = string,\n>(type: Type): SnapComponent<Props, Type> {\n  return (props: Props & { key?: Key | null }) => {\n    const { key = null, ...rest } = props;\n    return {\n      type,\n      props: removeUndefinedProps(rest as Props),\n      key,\n    };\n  };\n}\n"]}

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

@@ -24,7 +24,7 @@ export type AddressProps = {
  * @example
  * <Address address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
  */
-export declare const Address: import("../component").SnapComponent<AddressProps, "Address">;
+export declare const Address: import("../component.cjs").SnapComponent<AddressProps, "Address">;
 /**
  * An address element.
  *

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

@@ -24,7 +24,7 @@ export type AddressProps = {
  * @example
  * <Address address="bip122:000000000019d6689c085ae165831e93:128Lkh3S7CkDTBZ8W7BbpsN3YYizJMp8p6" />
  */
-export declare const Address: import("../component").SnapComponent<AddressProps, "Address">;
+export declare const Address: import("../component.mjs").SnapComponent<AddressProps, "Address">;
 /**
  * An address element.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAsBnD,MAAM,IAAI,GAAG,KAAK,CAAC;AAEnB;;;;;;;;;;GAUG;AACU,QAAA,GAAG,GAAG,IAAA,+BAAmB,EAAwB,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Box} component.\n *\n * @property children - The children of the box.\n * @property direction - The direction to stack the components within the box. Defaults to `vertical`.\n * @property alignment - The alignment mode to use within the box. Defaults to `start`.\n */\nexport type BoxProps = {\n  // We can't use `JSXElement` because it causes a circular reference.\n  children: SnapsChildren<GenericSnapElement>;\n  direction?: 'vertical' | 'horizontal' | undefined;\n  alignment?:\n    | 'start'\n    | 'center'\n    | 'end'\n    | 'space-between'\n    | 'space-around'\n    | undefined;\n};\n\nconst TYPE = 'Box';\n\n/**\n * A box component, which is used to group multiple components together.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the box.\n * @returns A box element.\n * @example\n * <Box>\n *   <Text>Hello world!</Text>\n * </Box>\n */\nexport const Box = createSnapComponent<BoxProps, typeof TYPE>(TYPE);\n\n/**\n * A box element.\n *\n * @see Box\n */\nexport type BoxElement = ReturnType<typeof Box>;\n"]}
+{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAwBnD,MAAM,IAAI,GAAG,KAAK,CAAC;AAEnB;;;;;;;;;;GAUG;AACU,QAAA,GAAG,GAAG,IAAA,+BAAmB,EAAwB,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Box} component.\n *\n * @property children - The children of the box.\n * @property direction - The direction to stack the components within the box. Defaults to `vertical`.\n * @property alignment - The alignment mode to use within the box. Defaults to `start`.\n * @property center - Whether to center the children within the box. Defaults to `false`.\n */\nexport type BoxProps = {\n  // We can't use `JSXElement` because it causes a circular reference.\n  children: SnapsChildren<GenericSnapElement>;\n  direction?: 'vertical' | 'horizontal' | undefined;\n  alignment?:\n    | 'start'\n    | 'center'\n    | 'end'\n    | 'space-between'\n    | 'space-around'\n    | undefined;\n  center?: boolean | undefined;\n};\n\nconst TYPE = 'Box';\n\n/**\n * A box component, which is used to group multiple components together.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the box.\n * @returns A box element.\n * @example\n * <Box>\n *   <Text>Hello world!</Text>\n * </Box>\n */\nexport const Box = createSnapComponent<BoxProps, typeof TYPE>(TYPE);\n\n/**\n * A box element.\n *\n * @see Box\n */\nexport type BoxElement = ReturnType<typeof Box>;\n"]}

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

@@ -5,11 +5,13 @@ import type { GenericSnapElement, SnapsChildren } from "../component.cjs";
  * @property children - The children of the box.
  * @property direction - The direction to stack the components within the box. Defaults to `vertical`.
  * @property alignment - The alignment mode to use within the box. Defaults to `start`.
+ * @property center - Whether to center the children within the box. Defaults to `false`.
  */
 export type BoxProps = {
     children: SnapsChildren<GenericSnapElement>;
     direction?: 'vertical' | 'horizontal' | undefined;
     alignment?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | undefined;
+    center?: boolean | undefined;
 };
 /**
  * A box component, which is used to group multiple components together.
@@ -22,7 +24,7 @@ export type BoxProps = {
  *   <Text>Hello world!</Text>
  * </Box>
  */
-export declare const Box: import("../component").SnapComponent<BoxProps, "Box">;
+export declare const Box: import("../component.cjs").SnapComponent<BoxProps, "Box">;
 /**
  * A box element.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,yBAAqB;AAGtE;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG;IAErB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,eAAe,GACf,cAAc,GACd,SAAS,CAAC;CACf,CAAC;AAIF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,uDAAmD,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Box.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,yBAAqB;AAGtE;;;;;;;GAOG;AACH,MAAM,MAAM,QAAQ,GAAG;IAErB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,eAAe,GACf,cAAc,GACd,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAIF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,uDAAmD,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC"}

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

@@ -5,11 +5,13 @@ import type { GenericSnapElement, SnapsChildren } from "../component.mjs";
  * @property children - The children of the box.
  * @property direction - The direction to stack the components within the box. Defaults to `vertical`.
  * @property alignment - The alignment mode to use within the box. Defaults to `start`.
+ * @property center - Whether to center the children within the box. Defaults to `false`.
  */
 export type BoxProps = {
     children: SnapsChildren<GenericSnapElement>;
     direction?: 'vertical' | 'horizontal' | undefined;
     alignment?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | undefined;
+    center?: boolean | undefined;
 };
 /**
  * A box component, which is used to group multiple components together.
@@ -22,7 +24,7 @@ export type BoxProps = {
  *   <Text>Hello world!</Text>
  * </Box>
  */
-export declare const Box: import("../component").SnapComponent<BoxProps, "Box">;
+export declare const Box: import("../component.mjs").SnapComponent<BoxProps, "Box">;
 /**
  * A box element.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,yBAAqB;AAGtE;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG;IAErB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,eAAe,GACf,cAAc,GACd,SAAS,CAAC;CACf,CAAC;AAIF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,uDAAmD,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Box.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,yBAAqB;AAGtE;;;;;;;GAOG;AACH,MAAM,MAAM,QAAQ,GAAG;IAErB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,eAAe,GACf,cAAc,GACd,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAIF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,uDAAmD,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAsBnD,MAAM,IAAI,GAAG,KAAK,CAAC;AAEnB;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAwB,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Box} component.\n *\n * @property children - The children of the box.\n * @property direction - The direction to stack the components within the box. Defaults to `vertical`.\n * @property alignment - The alignment mode to use within the box. Defaults to `start`.\n */\nexport type BoxProps = {\n  // We can't use `JSXElement` because it causes a circular reference.\n  children: SnapsChildren<GenericSnapElement>;\n  direction?: 'vertical' | 'horizontal' | undefined;\n  alignment?:\n    | 'start'\n    | 'center'\n    | 'end'\n    | 'space-between'\n    | 'space-around'\n    | undefined;\n};\n\nconst TYPE = 'Box';\n\n/**\n * A box component, which is used to group multiple components together.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the box.\n * @returns A box element.\n * @example\n * <Box>\n *   <Text>Hello world!</Text>\n * </Box>\n */\nexport const Box = createSnapComponent<BoxProps, typeof TYPE>(TYPE);\n\n/**\n * A box element.\n *\n * @see Box\n */\nexport type BoxElement = ReturnType<typeof Box>;\n"]}
+{"version":3,"file":"Box.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Box.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAwBnD,MAAM,IAAI,GAAG,KAAK,CAAC;AAEnB;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAwB,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Box} component.\n *\n * @property children - The children of the box.\n * @property direction - The direction to stack the components within the box. Defaults to `vertical`.\n * @property alignment - The alignment mode to use within the box. Defaults to `start`.\n * @property center - Whether to center the children within the box. Defaults to `false`.\n */\nexport type BoxProps = {\n  // We can't use `JSXElement` because it causes a circular reference.\n  children: SnapsChildren<GenericSnapElement>;\n  direction?: 'vertical' | 'horizontal' | undefined;\n  alignment?:\n    | 'start'\n    | 'center'\n    | 'end'\n    | 'space-between'\n    | 'space-around'\n    | undefined;\n  center?: boolean | undefined;\n};\n\nconst TYPE = 'Box';\n\n/**\n * A box component, which is used to group multiple components together.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the box.\n * @returns A box element.\n * @example\n * <Box>\n *   <Text>Hello world!</Text>\n * </Box>\n */\nexport const Box = createSnapComponent<BoxProps, typeof TYPE>(TYPE);\n\n/**\n * A box element.\n *\n * @see Box\n */\nexport type BoxElement = ReturnType<typeof Box>;\n"]}

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

@@ -27,7 +27,7 @@ export type CardProps = {
  * @example
  * <Card image="<svg />" title="Title" description="Description" value="$1200" extra="0.12 ETH" />
  */
-export declare const Card: import("../component").SnapComponent<CardProps, "Card">;
+export declare const Card: import("../component.cjs").SnapComponent<CardProps, "Card">;
 /**
  * A card element.
  *

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

@@ -27,7 +27,7 @@ export type CardProps = {
  * @example
  * <Card image="<svg />" title="Title" description="Description" value="$1200" extra="0.12 ETH" />
  */
-export declare const Card: import("../component").SnapComponent<CardProps, "Card">;
+export declare const Card: import("../component.mjs").SnapComponent<CardProps, "Card">;
 /**
  * A card element.
  *

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

@@ -25,7 +25,7 @@ export type ContainerProps = {
  *   </Footer>
  * </Container>
  */
-export declare const Container: import("../component").SnapComponent<ContainerProps, "Container">;
+export declare const Container: import("../component.cjs").SnapComponent<ContainerProps, "Container">;
 /**
  * A container element.
  *

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

@@ -25,7 +25,7 @@ export type ContainerProps = {
  *   </Footer>
  * </Container>
  */
-export declare const Container: import("../component").SnapComponent<ContainerProps, "Container">;
+export declare const Container: import("../component.mjs").SnapComponent<ContainerProps, "Container">;
 /**
  * A container element.
  *

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

@@ -23,7 +23,7 @@ export type CopyableProps = {
  * <Copyable value="0x1234567890123456789012345678901234567890" />
  * <Copyable value="0x1234567890123456789012345678901234567890" sensitive />
  */
-export declare const Copyable: import("../component").SnapComponent<CopyableProps, "Copyable">;
+export declare const Copyable: import("../component.cjs").SnapComponent<CopyableProps, "Copyable">;
 /**
  * A copyable element.
  *

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

@@ -23,7 +23,7 @@ export type CopyableProps = {
  * <Copyable value="0x1234567890123456789012345678901234567890" />
  * <Copyable value="0x1234567890123456789012345678901234567890" sensitive />
  */
-export declare const Copyable: import("../component").SnapComponent<CopyableProps, "Copyable">;
+export declare const Copyable: import("../component.mjs").SnapComponent<CopyableProps, "Copyable">;
 /**
  * A copyable element.
  *

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

@@ -8,7 +8,7 @@
  * @example
  * <Divider />
  */
-export declare const Divider: import("../component").SnapComponent<Record<string, never>, "Divider">;
+export declare const Divider: import("../component.cjs").SnapComponent<Record<string, never>, "Divider">;
 /**
  * A divider element.
  *

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

@@ -8,7 +8,7 @@
  * @example
  * <Divider />
  */
-export declare const Divider: import("../component").SnapComponent<Record<string, never>, "Divider">;
+export declare const Divider: import("../component.mjs").SnapComponent<Record<string, never>, "Divider">;
 /**
  * A divider element.
  *

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

@@ -19,7 +19,7 @@ export type FooterProps = {
  *   <Button name="confirm">Confirm</Button>
  * </Footer>
  */
-export declare const Footer: import("../component").SnapComponent<FooterProps, "Footer">;
+export declare const Footer: import("../component.cjs").SnapComponent<FooterProps, "Footer">;
 /**
  * A footer element.
  *

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

@@ -19,7 +19,7 @@ export type FooterProps = {
  *   <Button name="confirm">Confirm</Button>
  * </Footer>
  */
-export declare const Footer: import("../component").SnapComponent<FooterProps, "Footer">;
+export declare const Footer: import("../component.mjs").SnapComponent<FooterProps, "Footer">;
 /**
  * A footer element.
  *

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

@@ -16,7 +16,7 @@ type HeadingProps = {
  * @example
  * <Heading>Hello world!</Heading>
  */
-export declare const Heading: import("../component").SnapComponent<HeadingProps, "Heading">;
+export declare const Heading: import("../component.cjs").SnapComponent<HeadingProps, "Heading">;
 /**
  * A heading element.
  *

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

@@ -16,7 +16,7 @@ type HeadingProps = {
  * @example
  * <Heading>Hello world!</Heading>
  */
-export declare const Heading: import("../component").SnapComponent<HeadingProps, "Heading">;
+export declare const Heading: import("../component.mjs").SnapComponent<HeadingProps, "Heading">;
 /**
  * A heading element.
  *

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

@@ -180,7 +180,7 @@ export type IconProps = {
  * @example
  * <Icon name="warning" color="warning" size="md" />
  */
-export declare const Icon: import("../component").SnapComponent<IconProps, "Icon">;
+export declare const Icon: import("../component.cjs").SnapComponent<IconProps, "Icon">;
 /**
  * An icon element.
  *

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

@@ -180,7 +180,7 @@ export type IconProps = {
  * @example
  * <Icon name="warning" color="warning" size="md" />
  */
-export declare const Icon: import("../component").SnapComponent<IconProps, "Icon">;
+export declare const Icon: import("../component.mjs").SnapComponent<IconProps, "Icon">;
 /**
  * An icon element.
  *

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

@@ -26,7 +26,7 @@ type ImageProps = {
  * @example
  * <Image src="<svg>...</svg>" alt="An example image" />
  */
-export declare const Image: import("../component").SnapComponent<ImageProps, "Image">;
+export declare const Image: import("../component.cjs").SnapComponent<ImageProps, "Image">;
 /**
  * An image element.
  *

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

@@ -26,7 +26,7 @@ type ImageProps = {
  * @example
  * <Image src="<svg>...</svg>" alt="An example image" />
  */
-export declare const Image: import("../component").SnapComponent<ImageProps, "Image">;
+export declare const Image: import("../component.mjs").SnapComponent<ImageProps, "Image">;
 /**
  * An image element.
  *

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

@@ -26,7 +26,7 @@ export type LinkProps = {
  * @example
  * <Link href="https://example.com">Click here</Link>
  */
-export declare const Link: import("../component").SnapComponent<LinkProps, "Link">;
+export declare const Link: import("../component.cjs").SnapComponent<LinkProps, "Link">;
 /**
  * A link element.
  *

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

@@ -26,7 +26,7 @@ export type LinkProps = {
  * @example
  * <Link href="https://example.com">Click here</Link>
  */
-export declare const Link: import("../component").SnapComponent<LinkProps, "Link">;
+export declare const Link: import("../component.mjs").SnapComponent<LinkProps, "Link">;
 /**
  * A link element.
  *

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

@@ -36,7 +36,7 @@ export type RowProps = {
  *   <Address address="0x1234567890123456789012345678901234567890" />
  * </Row>
  */
-export declare const Row: import("../component").SnapComponent<RowProps, "Row">;
+export declare const Row: import("../component.cjs").SnapComponent<RowProps, "Row">;
 /**
  * A row element.
  *

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

@@ -36,7 +36,7 @@ export type RowProps = {
  *   <Address address="0x1234567890123456789012345678901234567890" />
  * </Row>
  */
-export declare const Row: import("../component").SnapComponent<RowProps, "Row">;
+export declare const Row: import("../component.mjs").SnapComponent<RowProps, "Row">;
 /**
  * A row element.
  *

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

@@ -28,7 +28,7 @@ export type SectionProps = {
  *   </Row>
  * </Section>
  */
-export declare const Section: import("../component").SnapComponent<SectionProps, "Section">;
+export declare const Section: import("../component.cjs").SnapComponent<SectionProps, "Section">;
 /**
  * A section element.
  *

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

@@ -28,7 +28,7 @@ export type SectionProps = {
  *   </Row>
  * </Section>
  */
-export declare const Section: import("../component").SnapComponent<SectionProps, "Section">;
+export declare const Section: import("../component.mjs").SnapComponent<SectionProps, "Section">;
 /**
  * A section element.
  *

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

@@ -8,7 +8,7 @@
  * @example
  * <Spinner />
  */
-export declare const Spinner: import("../component").SnapComponent<Record<string, never>, "Spinner">;
+export declare const Spinner: import("../component.cjs").SnapComponent<Record<string, never>, "Spinner">;
 /**
  * A spinner element.
  *

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

@@ -8,7 +8,7 @@
  * @example
  * <Spinner />
  */
-export declare const Spinner: import("../component").SnapComponent<Record<string, never>, "Spinner">;
+export declare const Spinner: import("../component.mjs").SnapComponent<Record<string, never>, "Spinner">;
 /**
  * A spinner element.
  *

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

@@ -35,7 +35,7 @@ export type TextProps = {
  *   Hello <Bold>world</Bold>!
  * </Text>
  */
-export declare const Text: import("../component").SnapComponent<TextProps, "Text">;
+export declare const Text: import("../component.cjs").SnapComponent<TextProps, "Text">;
 /**
  * A text element.
  *

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

@@ -35,7 +35,7 @@ export type TextProps = {
  *   Hello <Bold>world</Bold>!
  * </Text>
  */
-export declare const Text: import("../component").SnapComponent<TextProps, "Text">;
+export declare const Text: import("../component.mjs").SnapComponent<TextProps, "Text">;
 /**
  * A text element.
  *