@metamask/snaps-sdk 6.13.0 → 6.15.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 "__#182365@#code": number;
-        readonly "__#182365@#message": string;
-        readonly "__#182365@#data"?: Record<string, Json> | undefined;
-        readonly "__#182365@#stack"?: string | undefined;
+        readonly "__#184335@#code": number;
+        readonly "__#184335@#message": string;
+        readonly "__#184335@#data"?: Record<string, Json> | undefined;
+        readonly "__#184335@#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 "__#182365@#code": number;
-        readonly "__#182365@#message": string;
-        readonly "__#182365@#data"?: Record<string, Json> | undefined;
-        readonly "__#182365@#stack"?: string | undefined;
+        readonly "__#184335@#code": number;
+        readonly "__#184335@#message": string;
+        readonly "__#184335@#data"?: Record<string, Json> | undefined;
+        readonly "__#184335@#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 "__#182365@#code": number;
-        readonly "__#182365@#message": string;
-        readonly "__#182365@#data"?: Record<string, Json> | undefined;
-        readonly "__#182365@#stack"?: string | undefined;
+        readonly "__#184335@#code": number;
+        readonly "__#184335@#message": string;
+        readonly "__#184335@#data"?: Record<string, Json> | undefined;
+        readonly "__#184335@#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 "__#91184@#code": number;
-        readonly "__#91184@#message": string;
-        readonly "__#91184@#data"?: Record<string, Json> | undefined;
-        readonly "__#91184@#stack"?: string | undefined;
+        readonly "__#92169@#code": number;
+        readonly "__#92169@#message": string;
+        readonly "__#92169@#data"?: Record<string, Json> | undefined;
+        readonly "__#92169@#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 "__#91184@#code": number;
-        readonly "__#91184@#message": string;
-        readonly "__#91184@#data"?: Record<string, Json> | undefined;
-        readonly "__#91184@#stack"?: string | undefined;
+        readonly "__#92169@#code": number;
+        readonly "__#92169@#message": string;
+        readonly "__#92169@#data"?: Record<string, Json> | undefined;
+        readonly "__#92169@#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 "__#91184@#code": number;
-        readonly "__#91184@#message": string;
-        readonly "__#91184@#data"?: Record<string, Json> | undefined;
-        readonly "__#91184@#stack"?: string | undefined;
+        readonly "__#92169@#code": number;
+        readonly "__#92169@#message": string;
+        readonly "__#92169@#data"?: Record<string, Json> | undefined;
+        readonly "__#92169@#stack"?: string | undefined;
         readonly name: string;
         readonly code: number;
         readonly message: string;

package/dist/jsx/components/Banner.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+const component_1 = require("../component.cjs");
+const TYPE = 'Banner';
+/**
+ * A Banner component, which is used to display custom banner alerts.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The content to display in the banner.
+ * @param props.title - Title of the banner.
+ * @param props.severity - Severity level of the banner.
+ * @example
+ * <Banner title="Success banner" severity="success">
+ *   <Text>Here is the banner content!</Text>
+ * </Banner>
+ */
+exports.Banner = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Banner.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Banner.ts"],"names":[],"mappings":";;;AAAA,gDAAuE;AA+BvE,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;GAWG;AACU,QAAA,MAAM,GAAG,IAAA,+BAAmB,EAA2B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent, type SnapsChildren } from '../component';\nimport type { ButtonElement } from './form/Button';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { LinkElement } from './Link';\nimport type { TextElement } from './Text';\n\n/**\n * Types of children components that can be used with Banner.\n */\nexport type BannerChildren = SnapsChildren<\n  | TextElement\n  | StandardFormattingElement\n  | LinkElement\n  | IconElement\n  | ButtonElement\n>;\n\n/**\n * The props of the {@link Banner} component.\n *\n * @param children - The content to display in the banner.\n * @param title - Title of the banner.\n * @param severity - Severity level of the banner.\n */\nexport type BannerProps = {\n  children: BannerChildren;\n  title: string;\n  severity: 'danger' | 'info' | 'success' | 'warning';\n};\n\nconst TYPE = 'Banner';\n\n/**\n * A Banner component, which is used to display custom banner alerts.\n *\n * @param props - The props of the component.\n * @param props.children - The content to display in the banner.\n * @param props.title - Title of the banner.\n * @param props.severity - Severity level of the banner.\n * @example\n * <Banner title=\"Success banner\" severity=\"success\">\n *   <Text>Here is the banner content!</Text>\n * </Banner>\n */\nexport const Banner = createSnapComponent<BannerProps, typeof TYPE>(TYPE);\n\n/**\n * A Banner element.\n *\n * @see Banner\n */\nexport type BannerElement = ReturnType<typeof Banner>;\n"]}

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

@@ -0,0 +1,42 @@
+import { type SnapsChildren } from "../component.cjs";
+import type { ButtonElement } from "./form/Button.cjs";
+import type { StandardFormattingElement } from "./formatting/index.cjs";
+import type { IconElement } from "./Icon.cjs";
+import type { LinkElement } from "./Link.cjs";
+import type { TextElement } from "./Text.cjs";
+/**
+ * Types of children components that can be used with Banner.
+ */
+export type BannerChildren = SnapsChildren<TextElement | StandardFormattingElement | LinkElement | IconElement | ButtonElement>;
+/**
+ * The props of the {@link Banner} component.
+ *
+ * @param children - The content to display in the banner.
+ * @param title - Title of the banner.
+ * @param severity - Severity level of the banner.
+ */
+export type BannerProps = {
+    children: BannerChildren;
+    title: string;
+    severity: 'danger' | 'info' | 'success' | 'warning';
+};
+/**
+ * A Banner component, which is used to display custom banner alerts.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The content to display in the banner.
+ * @param props.title - Title of the banner.
+ * @param props.severity - Severity level of the banner.
+ * @example
+ * <Banner title="Success banner" severity="success">
+ *   <Text>Here is the banner content!</Text>
+ * </Banner>
+ */
+export declare const Banner: import("../component.cjs").SnapComponent<BannerProps, "Banner">;
+/**
+ * A Banner element.
+ *
+ * @see Banner
+ */
+export type BannerElement = ReturnType<typeof Banner>;
+//# sourceMappingURL=Banner.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,aAAa,EAAE,yBAAqB;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,0BAAsB;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,CACtC,WAAW,GACX,yBAAyB,GACzB,WAAW,GACX,WAAW,GACX,aAAa,CAChB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACrD,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,6DAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+import { type SnapsChildren } from "../component.mjs";
+import type { ButtonElement } from "./form/Button.mjs";
+import type { StandardFormattingElement } from "./formatting/index.mjs";
+import type { IconElement } from "./Icon.mjs";
+import type { LinkElement } from "./Link.mjs";
+import type { TextElement } from "./Text.mjs";
+/**
+ * Types of children components that can be used with Banner.
+ */
+export type BannerChildren = SnapsChildren<TextElement | StandardFormattingElement | LinkElement | IconElement | ButtonElement>;
+/**
+ * The props of the {@link Banner} component.
+ *
+ * @param children - The content to display in the banner.
+ * @param title - Title of the banner.
+ * @param severity - Severity level of the banner.
+ */
+export type BannerProps = {
+    children: BannerChildren;
+    title: string;
+    severity: 'danger' | 'info' | 'success' | 'warning';
+};
+/**
+ * A Banner component, which is used to display custom banner alerts.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The content to display in the banner.
+ * @param props.title - Title of the banner.
+ * @param props.severity - Severity level of the banner.
+ * @example
+ * <Banner title="Success banner" severity="success">
+ *   <Text>Here is the banner content!</Text>
+ * </Banner>
+ */
+export declare const Banner: import("../component.mjs").SnapComponent<BannerProps, "Banner">;
+/**
+ * A Banner element.
+ *
+ * @see Banner
+ */
+export type BannerElement = ReturnType<typeof Banner>;
+//# sourceMappingURL=Banner.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,aAAa,EAAE,yBAAqB;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,0BAAsB;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,CACtC,WAAW,GACX,yBAAyB,GACzB,WAAW,GACX,WAAW,GACX,aAAa,CAChB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACrD,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,6DAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/dist/jsx/components/Banner.mjs

@@ -0,0 +1,16 @@
+import { createSnapComponent } from "../component.mjs";
+const TYPE = 'Banner';
+/**
+ * A Banner component, which is used to display custom banner alerts.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The content to display in the banner.
+ * @param props.title - Title of the banner.
+ * @param props.severity - Severity level of the banner.
+ * @example
+ * <Banner title="Success banner" severity="success">
+ *   <Text>Here is the banner content!</Text>
+ * </Banner>
+ */
+export const Banner = createSnapComponent(TYPE);
+//# sourceMappingURL=Banner.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,yBAAqB;AA+BvE,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,mBAAmB,CAA2B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent, type SnapsChildren } from '../component';\nimport type { ButtonElement } from './form/Button';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { LinkElement } from './Link';\nimport type { TextElement } from './Text';\n\n/**\n * Types of children components that can be used with Banner.\n */\nexport type BannerChildren = SnapsChildren<\n  | TextElement\n  | StandardFormattingElement\n  | LinkElement\n  | IconElement\n  | ButtonElement\n>;\n\n/**\n * The props of the {@link Banner} component.\n *\n * @param children - The content to display in the banner.\n * @param title - Title of the banner.\n * @param severity - Severity level of the banner.\n */\nexport type BannerProps = {\n  children: BannerChildren;\n  title: string;\n  severity: 'danger' | 'info' | 'success' | 'warning';\n};\n\nconst TYPE = 'Banner';\n\n/**\n * A Banner component, which is used to display custom banner alerts.\n *\n * @param props - The props of the component.\n * @param props.children - The content to display in the banner.\n * @param props.title - Title of the banner.\n * @param props.severity - Severity level of the banner.\n * @example\n * <Banner title=\"Success banner\" severity=\"success\">\n *   <Text>Here is the banner content!</Text>\n * </Banner>\n */\nexport const Banner = createSnapComponent<BannerProps, typeof TYPE>(TYPE);\n\n/**\n * A Banner element.\n *\n * @see Banner\n */\nexport type BannerElement = ReturnType<typeof Banner>;\n"]}

package/dist/jsx/components/Container.cjs

@@ -7,10 +7,11 @@ const TYPE = 'Container';
  * A container component, which is used to create a container with a box and a footer.
  *
  * @param props - The props of the component.
+ * @param props.backgroundColor - The color of the background.
  * @param props.children - The Box and the Footer or the Box element.
  * @returns A container element.
  * @example
- * <Container>
+ * <Container backgroundColor="default">
  *   <Box>
  *     <Text>Hello world!</Text>
  *   </Box>

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

@@ -1 +1 @@
-{"version":3,"file":"Container.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAYnD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,SAAS,GAAG,IAAA,+BAAmB,EAA8B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { FooterElement } from './Footer';\n\n/**\n * The props of the {@link Container} component.\n *\n * @property children - The Box and the Footer or the Box element.\n */\nexport type ContainerProps = {\n  children: [GenericSnapElement, FooterElement] | GenericSnapElement;\n};\n\nconst TYPE = 'Container';\n\n/**\n * A container component, which is used to create a container with a box and a footer.\n *\n * @param props - The props of the component.\n * @param props.children - The Box and the Footer or the Box element.\n * @returns A container element.\n * @example\n * <Container>\n *   <Box>\n *     <Text>Hello world!</Text>\n *   </Box>\n *   <Footer>\n *     <Button name=\"cancel\">Cancel</Button>\n *     <Button name=\"confirm\">Confirm</Button>\n *   </Footer>\n * </Container>\n */\nexport const Container = createSnapComponent<ContainerProps, typeof TYPE>(TYPE);\n\n/**\n * A container element.\n *\n * @see Container\n */\nexport type ContainerElement = ReturnType<typeof Container>;\n"]}
+{"version":3,"file":"Container.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAkBnD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,SAAS,GAAG,IAAA,+BAAmB,EAA8B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { FooterElement } from './Footer';\n\n/**\n * Definition of container background colors.\n */\nexport type ContainerBackgroundColor = 'default' | 'alternative';\n\n/**\n * The props of the {@link Container} component.\n *\n * @property children - The Box and the Footer or the Box element.\n */\nexport type ContainerProps = {\n  children: [GenericSnapElement, FooterElement] | GenericSnapElement;\n  backgroundColor?: ContainerBackgroundColor | undefined;\n};\n\nconst TYPE = 'Container';\n\n/**\n * A container component, which is used to create a container with a box and a footer.\n *\n * @param props - The props of the component.\n * @param props.backgroundColor - The color of the background.\n * @param props.children - The Box and the Footer or the Box element.\n * @returns A container element.\n * @example\n * <Container backgroundColor=\"default\">\n *   <Box>\n *     <Text>Hello world!</Text>\n *   </Box>\n *   <Footer>\n *     <Button name=\"cancel\">Cancel</Button>\n *     <Button name=\"confirm\">Confirm</Button>\n *   </Footer>\n * </Container>\n */\nexport const Container = createSnapComponent<ContainerProps, typeof TYPE>(TYPE);\n\n/**\n * A container element.\n *\n * @see Container\n */\nexport type ContainerElement = ReturnType<typeof Container>;\n"]}

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

@@ -1,5 +1,9 @@
 import type { GenericSnapElement } from "../component.cjs";
 import type { FooterElement } from "./Footer.cjs";
+/**
+ * Definition of container background colors.
+ */
+export type ContainerBackgroundColor = 'default' | 'alternative';
 /**
  * The props of the {@link Container} component.
  *
@@ -7,15 +11,17 @@ import type { FooterElement } from "./Footer.cjs";
  */
 export type ContainerProps = {
     children: [GenericSnapElement, FooterElement] | GenericSnapElement;
+    backgroundColor?: ContainerBackgroundColor | undefined;
 };
 /**
  * A container component, which is used to create a container with a box and a footer.
  *
  * @param props - The props of the component.
+ * @param props.backgroundColor - The color of the background.
  * @param props.children - The Box and the Footer or the Box element.
  * @returns A container element.
  * @example
- * <Container>
+ * <Container backgroundColor="default">
  *   <Box>
  *     <Text>Hello world!</Text>
  *   </Box>

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAqB;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAE9C;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,kBAAkB,CAAC;CACpE,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,mEAAyD,CAAC;AAEhF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Container.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAqB;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAE9C;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,aAAa,CAAC;AAEjE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,kBAAkB,CAAC;IACnE,eAAe,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;CACxD,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,mEAAyD,CAAC;AAEhF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

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

@@ -1,5 +1,9 @@
 import type { GenericSnapElement } from "../component.mjs";
 import type { FooterElement } from "./Footer.mjs";
+/**
+ * Definition of container background colors.
+ */
+export type ContainerBackgroundColor = 'default' | 'alternative';
 /**
  * The props of the {@link Container} component.
  *
@@ -7,15 +11,17 @@ import type { FooterElement } from "./Footer.mjs";
  */
 export type ContainerProps = {
     children: [GenericSnapElement, FooterElement] | GenericSnapElement;
+    backgroundColor?: ContainerBackgroundColor | undefined;
 };
 /**
  * A container component, which is used to create a container with a box and a footer.
  *
  * @param props - The props of the component.
+ * @param props.backgroundColor - The color of the background.
  * @param props.children - The Box and the Footer or the Box element.
  * @returns A container element.
  * @example
- * <Container>
+ * <Container backgroundColor="default">
  *   <Box>
  *     <Text>Hello world!</Text>
  *   </Box>

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAqB;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAE9C;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,kBAAkB,CAAC;CACpE,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,mEAAyD,CAAC;AAEhF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Container.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAqB;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAE9C;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,aAAa,CAAC;AAEjE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,kBAAkB,CAAC;IACnE,eAAe,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;CACxD,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,mEAAyD,CAAC;AAEhF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/dist/jsx/components/Container.mjs

@@ -4,10 +4,11 @@ const TYPE = 'Container';
  * A container component, which is used to create a container with a box and a footer.
  *
  * @param props - The props of the component.
+ * @param props.backgroundColor - The color of the background.
  * @param props.children - The Box and the Footer or the Box element.
  * @returns A container element.
  * @example
- * <Container>
+ * <Container backgroundColor="default">
  *   <Box>
  *     <Text>Hello world!</Text>
  *   </Box>

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

@@ -1 +1 @@
-{"version":3,"file":"Container.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAYnD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,mBAAmB,CAA8B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { FooterElement } from './Footer';\n\n/**\n * The props of the {@link Container} component.\n *\n * @property children - The Box and the Footer or the Box element.\n */\nexport type ContainerProps = {\n  children: [GenericSnapElement, FooterElement] | GenericSnapElement;\n};\n\nconst TYPE = 'Container';\n\n/**\n * A container component, which is used to create a container with a box and a footer.\n *\n * @param props - The props of the component.\n * @param props.children - The Box and the Footer or the Box element.\n * @returns A container element.\n * @example\n * <Container>\n *   <Box>\n *     <Text>Hello world!</Text>\n *   </Box>\n *   <Footer>\n *     <Button name=\"cancel\">Cancel</Button>\n *     <Button name=\"confirm\">Confirm</Button>\n *   </Footer>\n * </Container>\n */\nexport const Container = createSnapComponent<ContainerProps, typeof TYPE>(TYPE);\n\n/**\n * A container element.\n *\n * @see Container\n */\nexport type ContainerElement = ReturnType<typeof Container>;\n"]}
+{"version":3,"file":"Container.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Container.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAkBnD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,mBAAmB,CAA8B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { FooterElement } from './Footer';\n\n/**\n * Definition of container background colors.\n */\nexport type ContainerBackgroundColor = 'default' | 'alternative';\n\n/**\n * The props of the {@link Container} component.\n *\n * @property children - The Box and the Footer or the Box element.\n */\nexport type ContainerProps = {\n  children: [GenericSnapElement, FooterElement] | GenericSnapElement;\n  backgroundColor?: ContainerBackgroundColor | undefined;\n};\n\nconst TYPE = 'Container';\n\n/**\n * A container component, which is used to create a container with a box and a footer.\n *\n * @param props - The props of the component.\n * @param props.backgroundColor - The color of the background.\n * @param props.children - The Box and the Footer or the Box element.\n * @returns A container element.\n * @example\n * <Container backgroundColor=\"default\">\n *   <Box>\n *     <Text>Hello world!</Text>\n *   </Box>\n *   <Footer>\n *     <Button name=\"cancel\">Cancel</Button>\n *     <Button name=\"confirm\">Confirm</Button>\n *   </Footer>\n * </Container>\n */\nexport const Container = createSnapComponent<ContainerProps, typeof TYPE>(TYPE);\n\n/**\n * A container element.\n *\n * @see Container\n */\nexport type ContainerElement = ReturnType<typeof Container>;\n"]}

package/dist/jsx/components/Text.cjs

@@ -11,6 +11,7 @@ const TYPE = 'Text';
  * @param props.color - The color of the text.
  * @param props.children - The text to display.
  * @param props.size - The size of the text. Defaults to `md`.
+ * @param props.fontWeight - The font weight of the text. Defaults to `regular`.
  * @returns A text element.
  * @example
  * <Text>
@@ -24,6 +25,10 @@ const TYPE = 'Text';
  * <Text size="sm">
  *   Hello <Bold>world</Bold>!
  * </Text>
+ * @example
+ * <Text fontWeight="medium">
+ *   Hello <Bold>world</Bold>!
+ * </Text>
  */
 exports.Text = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Text.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAsCnD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACU,QAAA,IAAI,GAAG,IAAA,+BAAmB,EAAyB,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { LinkElement } from './Link';\n\n/**\n * The children of the {@link Text} component.\n */\nexport type TextChildren = SnapsChildren<\n  string | StandardFormattingElement | LinkElement | IconElement\n>;\n\n/**\n * The colors available to the Text {@link Text} component.\n */\nexport type TextColors =\n  | 'default'\n  | 'alternative'\n  | 'muted'\n  | 'error'\n  | 'success'\n  | 'warning';\n\n/**\n * The props of the {@link Text} component.\n *\n * @property children - The text to display.\n * @property alignment - The alignment of the text.\n * @property color - The color of the text.\n * @property size - The size of the text. Defaults to `md`.\n */\nexport type TextProps = {\n  children: TextChildren;\n  alignment?: 'start' | 'center' | 'end' | undefined;\n  color?: TextColors | undefined;\n  size?: 'sm' | 'md' | undefined;\n};\n\nconst TYPE = 'Text';\n\n/**\n * A text component, which is used to display text.\n *\n * @param props - The props of the component.\n * @param props.alignment - The alignment of the text.\n * @param props.color - The color of the text.\n * @param props.children - The text to display.\n * @param props.size - The size of the text. Defaults to `md`.\n * @returns A text element.\n * @example\n * <Text>\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text alignment=\"end\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text size=\"sm\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n */\nexport const Text = createSnapComponent<TextProps, typeof TYPE>(TYPE);\n\n/**\n * A text element.\n *\n * @see Text\n */\nexport type TextElement = ReturnType<typeof Text>;\n"]}
+{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAwCnD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,IAAI,GAAG,IAAA,+BAAmB,EAAyB,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { LinkElement } from './Link';\n\n/**\n * The children of the {@link Text} component.\n */\nexport type TextChildren = SnapsChildren<\n  string | StandardFormattingElement | LinkElement | IconElement\n>;\n\n/**\n * The colors available to the Text {@link Text} component.\n */\nexport type TextColors =\n  | 'default'\n  | 'alternative'\n  | 'muted'\n  | 'error'\n  | 'success'\n  | 'warning';\n\n/**\n * The props of the {@link Text} component.\n *\n * @property children - The text to display.\n * @property alignment - The alignment of the text.\n * @property color - The color of the text.\n * @property size - The size of the text. Defaults to `md`.\n * @property fontWeight - The font weight of the text. Defaults to `regular`.\n */\nexport type TextProps = {\n  children: TextChildren;\n  alignment?: 'start' | 'center' | 'end' | undefined;\n  color?: TextColors | undefined;\n  size?: 'sm' | 'md' | undefined;\n  fontWeight?: 'regular' | 'medium' | 'bold' | undefined;\n};\n\nconst TYPE = 'Text';\n\n/**\n * A text component, which is used to display text.\n *\n * @param props - The props of the component.\n * @param props.alignment - The alignment of the text.\n * @param props.color - The color of the text.\n * @param props.children - The text to display.\n * @param props.size - The size of the text. Defaults to `md`.\n * @param props.fontWeight - The font weight of the text. Defaults to `regular`.\n * @returns A text element.\n * @example\n * <Text>\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text alignment=\"end\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text size=\"sm\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text fontWeight=\"medium\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n */\nexport const Text = createSnapComponent<TextProps, typeof TYPE>(TYPE);\n\n/**\n * A text element.\n *\n * @see Text\n */\nexport type TextElement = ReturnType<typeof Text>;\n"]}

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

@@ -17,12 +17,14 @@ export type TextColors = 'default' | 'alternative' | 'muted' | 'error' | 'succes
  * @property alignment - The alignment of the text.
  * @property color - The color of the text.
  * @property size - The size of the text. Defaults to `md`.
+ * @property fontWeight - The font weight of the text. Defaults to `regular`.
  */
 export type TextProps = {
     children: TextChildren;
     alignment?: 'start' | 'center' | 'end' | undefined;
     color?: TextColors | undefined;
     size?: 'sm' | 'md' | undefined;
+    fontWeight?: 'regular' | 'medium' | 'bold' | undefined;
 };
 /**
  * A text component, which is used to display text.
@@ -32,6 +34,7 @@ export type TextProps = {
  * @param props.color - The color of the text.
  * @param props.children - The text to display.
  * @param props.size - The size of the text. Defaults to `md`.
+ * @param props.fontWeight - The font weight of the text. Defaults to `regular`.
  * @returns A text element.
  * @example
  * <Text>
@@ -45,6 +48,10 @@ export type TextProps = {
  * <Text size="sm">
  *   Hello <Bold>world</Bold>!
  * </Text>
+ * @example
+ * <Text fontWeight="medium">
+ *   Hello <Bold>world</Bold>!
+ * </Text>
  */
 export declare const Text: import("../component.cjs").SnapComponent<TextProps, "Text">;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC,MAAM,GAAG,yBAAyB,GAAG,WAAW,GAAG,WAAW,CAC/D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,aAAa,GACb,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI,yDAAoD,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}
+{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC,MAAM,GAAG,yBAAyB,GAAG,WAAW,GAAG,WAAW,CAC/D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,aAAa,GACb,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;GAQG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CACxD,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI,yDAAoD,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}

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

@@ -17,12 +17,14 @@ export type TextColors = 'default' | 'alternative' | 'muted' | 'error' | 'succes
  * @property alignment - The alignment of the text.
  * @property color - The color of the text.
  * @property size - The size of the text. Defaults to `md`.
+ * @property fontWeight - The font weight of the text. Defaults to `regular`.
  */
 export type TextProps = {
     children: TextChildren;
     alignment?: 'start' | 'center' | 'end' | undefined;
     color?: TextColors | undefined;
     size?: 'sm' | 'md' | undefined;
+    fontWeight?: 'regular' | 'medium' | 'bold' | undefined;
 };
 /**
  * A text component, which is used to display text.
@@ -32,6 +34,7 @@ export type TextProps = {
  * @param props.color - The color of the text.
  * @param props.children - The text to display.
  * @param props.size - The size of the text. Defaults to `md`.
+ * @param props.fontWeight - The font weight of the text. Defaults to `regular`.
  * @returns A text element.
  * @example
  * <Text>
@@ -45,6 +48,10 @@ export type TextProps = {
  * <Text size="sm">
  *   Hello <Bold>world</Bold>!
  * </Text>
+ * @example
+ * <Text fontWeight="medium">
+ *   Hello <Bold>world</Bold>!
+ * </Text>
  */
 export declare const Text: import("../component.mjs").SnapComponent<TextProps, "Text">;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC,MAAM,GAAG,yBAAyB,GAAG,WAAW,GAAG,WAAW,CAC/D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,aAAa,GACb,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI,yDAAoD,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}
+{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAqB;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,aAAa,CACtC,MAAM,GAAG,yBAAyB,GAAG,WAAW,GAAG,WAAW,CAC/D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,aAAa,GACb,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;GAQG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CACxD,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI,yDAAoD,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}

package/dist/jsx/components/Text.mjs

@@ -8,6 +8,7 @@ const TYPE = 'Text';
  * @param props.color - The color of the text.
  * @param props.children - The text to display.
  * @param props.size - The size of the text. Defaults to `md`.
+ * @param props.fontWeight - The font weight of the text. Defaults to `regular`.
  * @returns A text element.
  * @example
  * <Text>
@@ -21,6 +22,10 @@ const TYPE = 'Text';
  * <Text size="sm">
  *   Hello <Bold>world</Bold>!
  * </Text>
+ * @example
+ * <Text fontWeight="medium">
+ *   Hello <Bold>world</Bold>!
+ * </Text>
  */
 export const Text = createSnapComponent(TYPE);
 //# sourceMappingURL=Text.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAsCnD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAyB,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { LinkElement } from './Link';\n\n/**\n * The children of the {@link Text} component.\n */\nexport type TextChildren = SnapsChildren<\n  string | StandardFormattingElement | LinkElement | IconElement\n>;\n\n/**\n * The colors available to the Text {@link Text} component.\n */\nexport type TextColors =\n  | 'default'\n  | 'alternative'\n  | 'muted'\n  | 'error'\n  | 'success'\n  | 'warning';\n\n/**\n * The props of the {@link Text} component.\n *\n * @property children - The text to display.\n * @property alignment - The alignment of the text.\n * @property color - The color of the text.\n * @property size - The size of the text. Defaults to `md`.\n */\nexport type TextProps = {\n  children: TextChildren;\n  alignment?: 'start' | 'center' | 'end' | undefined;\n  color?: TextColors | undefined;\n  size?: 'sm' | 'md' | undefined;\n};\n\nconst TYPE = 'Text';\n\n/**\n * A text component, which is used to display text.\n *\n * @param props - The props of the component.\n * @param props.alignment - The alignment of the text.\n * @param props.color - The color of the text.\n * @param props.children - The text to display.\n * @param props.size - The size of the text. Defaults to `md`.\n * @returns A text element.\n * @example\n * <Text>\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text alignment=\"end\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text size=\"sm\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n */\nexport const Text = createSnapComponent<TextProps, typeof TYPE>(TYPE);\n\n/**\n * A text element.\n *\n * @see Text\n */\nexport type TextElement = ReturnType<typeof Text>;\n"]}
+{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAwCnD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAyB,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { LinkElement } from './Link';\n\n/**\n * The children of the {@link Text} component.\n */\nexport type TextChildren = SnapsChildren<\n  string | StandardFormattingElement | LinkElement | IconElement\n>;\n\n/**\n * The colors available to the Text {@link Text} component.\n */\nexport type TextColors =\n  | 'default'\n  | 'alternative'\n  | 'muted'\n  | 'error'\n  | 'success'\n  | 'warning';\n\n/**\n * The props of the {@link Text} component.\n *\n * @property children - The text to display.\n * @property alignment - The alignment of the text.\n * @property color - The color of the text.\n * @property size - The size of the text. Defaults to `md`.\n * @property fontWeight - The font weight of the text. Defaults to `regular`.\n */\nexport type TextProps = {\n  children: TextChildren;\n  alignment?: 'start' | 'center' | 'end' | undefined;\n  color?: TextColors | undefined;\n  size?: 'sm' | 'md' | undefined;\n  fontWeight?: 'regular' | 'medium' | 'bold' | undefined;\n};\n\nconst TYPE = 'Text';\n\n/**\n * A text component, which is used to display text.\n *\n * @param props - The props of the component.\n * @param props.alignment - The alignment of the text.\n * @param props.color - The color of the text.\n * @param props.children - The text to display.\n * @param props.size - The size of the text. Defaults to `md`.\n * @param props.fontWeight - The font weight of the text. Defaults to `regular`.\n * @returns A text element.\n * @example\n * <Text>\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text alignment=\"end\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text size=\"sm\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n * @example\n * <Text fontWeight=\"medium\">\n *   Hello <Bold>world</Bold>!\n * </Text>\n */\nexport const Text = createSnapComponent<TextProps, typeof TYPE>(TYPE);\n\n/**\n * A text element.\n *\n * @see Text\n */\nexport type TextElement = ReturnType<typeof Text>;\n"]}

package/dist/jsx/components/Value.cjs

@@ -16,6 +16,8 @@ const TYPE = 'Value';
  * @returns A value element.
  * @example
  * <Value value="0.05 ETH" extra="$200" />
+ * @example
+ * <Value value={<Text color='error'>0.05 ETH</Text>} extra={<Text color='error'>$200</Text>} />
  */
 exports.Value = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Value.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Value.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":";;;AAAA,gDAAmD;AAanD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAAG,IAAA,+BAAmB,EAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Value} component.\n *\n * @property value - The value shown on the right side.\n * @property extra - The extra text shown on the left side.\n */\nexport type ValueProps = {\n  value: string;\n  extra: string;\n};\n\nconst TYPE = 'Value';\n\n/**\n * A value component, which can be used to display two different text values side by side.\n *\n * This component can only be used as a child of the {@link Row} component.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.value - The value shown on the right side.\n * @param props.extra - The extra text shown on the left side.\n * @returns A value element.\n * @example\n * <Value value=\"0.05 ETH\" extra=\"$200\" />\n */\nexport const Value = createSnapComponent<ValueProps, typeof TYPE>(TYPE);\n\n/**\n * A value element.\n *\n * @see Value\n */\nexport type ValueElement = ReturnType<typeof Value>;\n"]}
+{"version":3,"file":"Value.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":";;;AAAA,gDAAmD;AAcnD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;GAeG;AACU,QAAA,KAAK,GAAG,IAAA,+BAAmB,EAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\nimport type { TextElement } from './Text';\n\n/**\n * The props of the {@link Value} component.\n *\n * @property value - The value shown on the right side.\n * @property extra - The extra text shown on the left side.\n */\nexport type ValueProps = {\n  value: TextElement | string;\n  extra: TextElement | string;\n};\n\nconst TYPE = 'Value';\n\n/**\n * A value component, which can be used to display two different text values side by side.\n *\n * This component can only be used as a child of the {@link Row} component.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.value - The value shown on the right side.\n * @param props.extra - The extra text shown on the left side.\n * @returns A value element.\n * @example\n * <Value value=\"0.05 ETH\" extra=\"$200\" />\n * @example\n * <Value value={<Text color='error'>0.05 ETH</Text>} extra={<Text color='error'>$200</Text>} />\n */\nexport const Value = createSnapComponent<ValueProps, typeof TYPE>(TYPE);\n\n/**\n * A value element.\n *\n * @see Value\n */\nexport type ValueElement = ReturnType<typeof Value>;\n"]}

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

@@ -1,3 +1,4 @@
+import type { TextElement } from "./Text.cjs";
 /**
  * The props of the {@link Value} component.
  *
@@ -5,8 +6,8 @@
  * @property extra - The extra text shown on the left side.
  */
 export type ValueProps = {
-    value: string;
-    extra: string;
+    value: TextElement | string;
+    extra: TextElement | string;
 };
 /**
  * A value component, which can be used to display two different text values side by side.
@@ -21,6 +22,8 @@ export type ValueProps = {
  * @returns A value element.
  * @example
  * <Value value="0.05 ETH" extra="$200" />
+ * @example
+ * <Value value={<Text color='error'>0.05 ETH</Text>} extra={<Text color='error'>$200</Text>} />
  */
 export declare const Value: import("../component.cjs").SnapComponent<ValueProps, "Value">;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Value.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,2DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Value.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B,KAAK,EAAE,WAAW,GAAG,MAAM,CAAC;CAC7B,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,2DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import type { TextElement } from "./Text.mjs";
 /**
  * The props of the {@link Value} component.
  *
@@ -5,8 +6,8 @@
  * @property extra - The extra text shown on the left side.
  */
 export type ValueProps = {
-    value: string;
-    extra: string;
+    value: TextElement | string;
+    extra: TextElement | string;
 };
 /**
  * A value component, which can be used to display two different text values side by side.
@@ -21,6 +22,8 @@ export type ValueProps = {
  * @returns A value element.
  * @example
  * <Value value="0.05 ETH" extra="$200" />
+ * @example
+ * <Value value={<Text color='error'>0.05 ETH</Text>} extra={<Text color='error'>$200</Text>} />
  */
 export declare const Value: import("../component.mjs").SnapComponent<ValueProps, "Value">;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Value.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,2DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Value.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,GAAG,MAAM,CAAC;IAC5B,KAAK,EAAE,WAAW,GAAG,MAAM,CAAC;CAC7B,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,2DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

package/dist/jsx/components/Value.mjs

@@ -13,6 +13,8 @@ const TYPE = 'Value';
  * @returns A value element.
  * @example
  * <Value value="0.05 ETH" extra="$200" />
+ * @example
+ * <Value value={<Text color='error'>0.05 ETH</Text>} extra={<Text color='error'>$200</Text>} />
  */
 export const Value = createSnapComponent(TYPE);
 //# sourceMappingURL=Value.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Value.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAanD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Value} component.\n *\n * @property value - The value shown on the right side.\n * @property extra - The extra text shown on the left side.\n */\nexport type ValueProps = {\n  value: string;\n  extra: string;\n};\n\nconst TYPE = 'Value';\n\n/**\n * A value component, which can be used to display two different text values side by side.\n *\n * This component can only be used as a child of the {@link Row} component.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.value - The value shown on the right side.\n * @param props.extra - The extra text shown on the left side.\n * @returns A value element.\n * @example\n * <Value value=\"0.05 ETH\" extra=\"$200\" />\n */\nexport const Value = createSnapComponent<ValueProps, typeof TYPE>(TYPE);\n\n/**\n * A value element.\n *\n * @see Value\n */\nexport type ValueElement = ReturnType<typeof Value>;\n"]}
+{"version":3,"file":"Value.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAcnD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\nimport type { TextElement } from './Text';\n\n/**\n * The props of the {@link Value} component.\n *\n * @property value - The value shown on the right side.\n * @property extra - The extra text shown on the left side.\n */\nexport type ValueProps = {\n  value: TextElement | string;\n  extra: TextElement | string;\n};\n\nconst TYPE = 'Value';\n\n/**\n * A value component, which can be used to display two different text values side by side.\n *\n * This component can only be used as a child of the {@link Row} component.\n *\n * This component does not accept any children.\n *\n * @param props - The props of the component.\n * @param props.value - The value shown on the right side.\n * @param props.extra - The extra text shown on the left side.\n * @returns A value element.\n * @example\n * <Value value=\"0.05 ETH\" extra=\"$200\" />\n * @example\n * <Value value={<Text color='error'>0.05 ETH</Text>} extra={<Text color='error'>$200</Text>} />\n */\nexport const Value = createSnapComponent<ValueProps, typeof TYPE>(TYPE);\n\n/**\n * A value element.\n *\n * @see Value\n */\nexport type ValueElement = ReturnType<typeof Value>;\n"]}