@metamask/snaps-sdk 6.3.0 → 6.4.0

package/dist/{types/jsx/components/Row.d.ts → jsx/components/Row.d.cts}

@@ -1,7 +1,7 @@
-import type { AddressElement } from './Address';
-import type { ImageElement } from './Image';
-import type { TextElement } from './Text';
-import type { ValueElement } from './Value';
+import type { AddressElement } from "./Address.cjs";
+import type { ImageElement } from "./Image.cjs";
+import type { TextElement } from "./Text.cjs";
+import type { ValueElement } from "./Value.cjs";
 /**
  * The children of a {@link Row} component.
  */
@@ -43,3 +43,4 @@ export declare const Row: import("../component").SnapComponent<RowProps, "Row">;
  * @see Row
  */
 export type RowElement = ReturnType<typeof Row>;
+//# sourceMappingURL=Row.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Row.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,sBAAkB;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAE5C;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,YAAY,GACZ,WAAW,GACX,YAAY,CAAC;AAEjB;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,GAAG,uDAAmD,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { AddressElement } from "./Address.mjs";
+import type { ImageElement } from "./Image.mjs";
+import type { TextElement } from "./Text.mjs";
+import type { ValueElement } from "./Value.mjs";
+/**
+ * The children of a {@link Row} component.
+ */
+export type RowChildren = AddressElement | ImageElement | TextElement | ValueElement;
+/**
+ * The props of the {@link Row} component.
+ *
+ * @property label - The label of the row.
+ * @property children - The content of the row. This can be an address, an
+ * image, or text.
+ * @property variant - The variant of the row.
+ * @property tooltip - An optional tooltip to show for the row.
+ */
+export type RowProps = {
+    label: string;
+    children: RowChildren;
+    variant?: 'default' | 'warning' | 'critical' | undefined;
+    tooltip?: string | undefined;
+};
+/**
+ * A row component, which is used to display a row of information.
+ *
+ * @param props - The props of the component.
+ * @param props.label - The label of the row.
+ * @param props.children - The content of the row. This can be an address, an
+ * image, or text.
+ * @param props.variant - The variant of the row.
+ * @param props.tooltip - An optional tooltip to show for the row.
+ * @returns A row element.
+ * @example
+ * <Row label="From" variant="warning" tooltip="This address has been deemed dangerous.">
+ *   <Address address="0x1234567890123456789012345678901234567890" />
+ * </Row>
+ */
+export declare const Row: import("../component").SnapComponent<RowProps, "Row">;
+/**
+ * A row element.
+ *
+ * @see Row
+ */
+export type RowElement = ReturnType<typeof Row>;
+//# sourceMappingURL=Row.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Row.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,sBAAkB;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAE5C;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,YAAY,GACZ,WAAW,GACX,YAAY,CAAC;AAEjB;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,GAAG,uDAAmD,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC"}

package/dist/jsx/components/Row.mjs

@@ -0,0 +1,19 @@
+import { createSnapComponent } from "../component.mjs";
+const TYPE = 'Row';
+/**
+ * A row component, which is used to display a row of information.
+ *
+ * @param props - The props of the component.
+ * @param props.label - The label of the row.
+ * @param props.children - The content of the row. This can be an address, an
+ * image, or text.
+ * @param props.variant - The variant of the row.
+ * @param props.tooltip - An optional tooltip to show for the row.
+ * @returns A row element.
+ * @example
+ * <Row label="From" variant="warning" tooltip="This address has been deemed dangerous.">
+ *   <Address address="0x1234567890123456789012345678901234567890" />
+ * </Row>
+ */
+export const Row = createSnapComponent(TYPE);
+//# sourceMappingURL=Row.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AA+BnD,MAAM,IAAI,GAAG,KAAK,CAAC;AAEnB;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAwB,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\nimport type { AddressElement } from './Address';\nimport type { ImageElement } from './Image';\nimport type { TextElement } from './Text';\nimport type { ValueElement } from './Value';\n\n/**\n * The children of a {@link Row} component.\n */\nexport type RowChildren =\n  | AddressElement\n  | ImageElement\n  | TextElement\n  | ValueElement;\n\n/**\n * The props of the {@link Row} component.\n *\n * @property label - The label of the row.\n * @property children - The content of the row. This can be an address, an\n * image, or text.\n * @property variant - The variant of the row.\n * @property tooltip - An optional tooltip to show for the row.\n */\nexport type RowProps = {\n  label: string;\n  children: RowChildren;\n  variant?: 'default' | 'warning' | 'critical' | undefined;\n  tooltip?: string | undefined;\n};\n\nconst TYPE = 'Row';\n\n/**\n * A row component, which is used to display a row of information.\n *\n * @param props - The props of the component.\n * @param props.label - The label of the row.\n * @param props.children - The content of the row. This can be an address, an\n * image, or text.\n * @param props.variant - The variant of the row.\n * @param props.tooltip - An optional tooltip to show for the row.\n * @returns A row element.\n * @example\n * <Row label=\"From\" variant=\"warning\" tooltip=\"This address has been deemed dangerous.\">\n *   <Address address=\"0x1234567890123456789012345678901234567890\" />\n * </Row>\n */\nexport const Row = createSnapComponent<RowProps, typeof TYPE>(TYPE);\n\n/**\n * A row element.\n *\n * @see Row\n */\nexport type RowElement = ReturnType<typeof Row>;\n"]}

package/dist/jsx/components/Section.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+const component_1 = require("../component.cjs");
+const TYPE = 'Section';
+/**
+ * A section component, which is used to group multiple components together.
+ * The component itself is 16px padded with a default background and a border radius of 8px.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The children of the section.
+ * @param props.direction - The direction that the children are aligned.
+ * @param props.alignment - The alignment of the children (a justify-content value).
+ * @returns A section element.
+ * @example
+ * <Section>
+ *   <Row label="From">
+ *     <Address address="0x1234567890123456789012345678901234567890" />
+ *   </Row>
+ *   <Row label="To" variant="warning" tooltip="This address has been deemed dangerous.">
+ *     <Address address="0x0000000000000000000000000000000000000000" />
+ *   </Row>
+ * </Section>
+ */
+exports.Section = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Section.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Section.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAoBnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,OAAO,GAAG,IAAA,+BAAmB,EAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Section} component.\n *\n * @property children - The children of the section.\n */\nexport type SectionProps = {\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 = 'Section';\n\n/**\n * A section component, which is used to group multiple components together.\n * The component itself is 16px padded with a default background and a border radius of 8px.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the section.\n * @param props.direction - The direction that the children are aligned.\n * @param props.alignment - The alignment of the children (a justify-content value).\n * @returns A section element.\n * @example\n * <Section>\n *   <Row label=\"From\">\n *     <Address address=\"0x1234567890123456789012345678901234567890\" />\n *   </Row>\n *   <Row label=\"To\" variant=\"warning\" tooltip=\"This address has been deemed dangerous.\">\n *     <Address address=\"0x0000000000000000000000000000000000000000\" />\n *   </Row>\n * </Section>\n */\nexport const Section = createSnapComponent<SectionProps, typeof TYPE>(TYPE);\n\n/**\n * A section element.\n *\n * @see Section\n */\nexport type SectionElement = ReturnType<typeof Section>;\n"]}

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

@@ -0,0 +1,38 @@
+import type { GenericSnapElement, SnapsChildren } from "../component.cjs";
+/**
+ * The props of the {@link Section} component.
+ *
+ * @property children - The children of the section.
+ */
+export type SectionProps = {
+    children: SnapsChildren<GenericSnapElement>;
+    direction?: 'vertical' | 'horizontal' | undefined;
+    alignment?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | undefined;
+};
+/**
+ * A section component, which is used to group multiple components together.
+ * The component itself is 16px padded with a default background and a border radius of 8px.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The children of the section.
+ * @param props.direction - The direction that the children are aligned.
+ * @param props.alignment - The alignment of the children (a justify-content value).
+ * @returns A section element.
+ * @example
+ * <Section>
+ *   <Row label="From">
+ *     <Address address="0x1234567890123456789012345678901234567890" />
+ *   </Row>
+ *   <Row label="To" variant="warning" tooltip="This address has been deemed dangerous.">
+ *     <Address address="0x0000000000000000000000000000000000000000" />
+ *   </Row>
+ * </Section>
+ */
+export declare const Section: import("../component").SnapComponent<SectionProps, "Section">;
+/**
+ * A section element.
+ *
+ * @see Section
+ */
+export type SectionElement = ReturnType<typeof Section>;
+//# sourceMappingURL=Section.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Section.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,yBAAqB;AAGtE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IAEzB,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { GenericSnapElement, SnapsChildren } from "../component.mjs";
+/**
+ * The props of the {@link Section} component.
+ *
+ * @property children - The children of the section.
+ */
+export type SectionProps = {
+    children: SnapsChildren<GenericSnapElement>;
+    direction?: 'vertical' | 'horizontal' | undefined;
+    alignment?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | undefined;
+};
+/**
+ * A section component, which is used to group multiple components together.
+ * The component itself is 16px padded with a default background and a border radius of 8px.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The children of the section.
+ * @param props.direction - The direction that the children are aligned.
+ * @param props.alignment - The alignment of the children (a justify-content value).
+ * @returns A section element.
+ * @example
+ * <Section>
+ *   <Row label="From">
+ *     <Address address="0x1234567890123456789012345678901234567890" />
+ *   </Row>
+ *   <Row label="To" variant="warning" tooltip="This address has been deemed dangerous.">
+ *     <Address address="0x0000000000000000000000000000000000000000" />
+ *   </Row>
+ * </Section>
+ */
+export declare const Section: import("../component").SnapComponent<SectionProps, "Section">;
+/**
+ * A section element.
+ *
+ * @see Section
+ */
+export type SectionElement = ReturnType<typeof Section>;
+//# sourceMappingURL=Section.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Section.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,yBAAqB;AAGtE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IAEzB,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/dist/jsx/components/Section.mjs

@@ -0,0 +1,23 @@
+import { createSnapComponent } from "../component.mjs";
+const TYPE = 'Section';
+/**
+ * A section component, which is used to group multiple components together.
+ * The component itself is 16px padded with a default background and a border radius of 8px.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The children of the section.
+ * @param props.direction - The direction that the children are aligned.
+ * @param props.alignment - The alignment of the children (a justify-content value).
+ * @returns A section element.
+ * @example
+ * <Section>
+ *   <Row label="From">
+ *     <Address address="0x1234567890123456789012345678901234567890" />
+ *   </Row>
+ *   <Row label="To" variant="warning" tooltip="This address has been deemed dangerous.">
+ *     <Address address="0x0000000000000000000000000000000000000000" />
+ *   </Row>
+ * </Section>
+ */
+export const Section = createSnapComponent(TYPE);
+//# sourceMappingURL=Section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Section.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAoBnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAA4B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../component';\nimport { createSnapComponent } from '../component';\n\n/**\n * The props of the {@link Section} component.\n *\n * @property children - The children of the section.\n */\nexport type SectionProps = {\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 = 'Section';\n\n/**\n * A section component, which is used to group multiple components together.\n * The component itself is 16px padded with a default background and a border radius of 8px.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the section.\n * @param props.direction - The direction that the children are aligned.\n * @param props.alignment - The alignment of the children (a justify-content value).\n * @returns A section element.\n * @example\n * <Section>\n *   <Row label=\"From\">\n *     <Address address=\"0x1234567890123456789012345678901234567890\" />\n *   </Row>\n *   <Row label=\"To\" variant=\"warning\" tooltip=\"This address has been deemed dangerous.\">\n *     <Address address=\"0x0000000000000000000000000000000000000000\" />\n *   </Row>\n * </Section>\n */\nexport const Section = createSnapComponent<SectionProps, typeof TYPE>(TYPE);\n\n/**\n * A section element.\n *\n * @see Section\n */\nexport type SectionElement = ReturnType<typeof Section>;\n"]}

package/dist/jsx/components/Spinner.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+const component_1 = require("../component.cjs");
+const TYPE = 'Spinner';
+/**
+ * A spinner component, which is used to display a spinner, indicating that some
+ * operation is in progress.
+ *
+ * This component does not accept any props.
+ *
+ * @returns A spinner element.
+ * @example
+ * <Spinner />
+ */
+exports.Spinner = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Spinner.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Spinner.ts"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;GASG;AACU,QAAA,OAAO,GAAG,IAAA,+BAAmB,EAAC,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\n\nconst TYPE = 'Spinner';\n\n/**\n * A spinner component, which is used to display a spinner, indicating that some\n * operation is in progress.\n *\n * This component does not accept any props.\n *\n * @returns A spinner element.\n * @example\n * <Spinner />\n */\nexport const Spinner = createSnapComponent(TYPE);\n\n/**\n * A spinner element.\n *\n * @see Spinner\n */\nexport type SpinnerElement = ReturnType<typeof Spinner>;\n"]}

package/dist/{types/jsx/components/Spinner.d.ts → jsx/components/Spinner.d.cts}

@@ -15,3 +15,4 @@ export declare const Spinner: import("../component").SnapComponent<Record<string
  * @see Spinner
  */
 export type SpinnerElement = ReturnType<typeof Spinner>;
+//# sourceMappingURL=Spinner.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Spinner.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,wEAA4B,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+/**
+ * A spinner component, which is used to display a spinner, indicating that some
+ * operation is in progress.
+ *
+ * This component does not accept any props.
+ *
+ * @returns A spinner element.
+ * @example
+ * <Spinner />
+ */
+export declare const Spinner: import("../component").SnapComponent<Record<string, never>, "Spinner">;
+/**
+ * A spinner element.
+ *
+ * @see Spinner
+ */
+export type SpinnerElement = ReturnType<typeof Spinner>;
+//# sourceMappingURL=Spinner.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Spinner.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,wEAA4B,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/dist/jsx/components/Spinner.mjs

@@ -0,0 +1,14 @@
+import { createSnapComponent } from "../component.mjs";
+const TYPE = 'Spinner';
+/**
+ * A spinner component, which is used to display a spinner, indicating that some
+ * operation is in progress.
+ *
+ * This component does not accept any props.
+ *
+ * @returns A spinner element.
+ * @example
+ * <Spinner />
+ */
+export const Spinner = createSnapComponent(TYPE);
+//# sourceMappingURL=Spinner.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAEnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\n\nconst TYPE = 'Spinner';\n\n/**\n * A spinner component, which is used to display a spinner, indicating that some\n * operation is in progress.\n *\n * This component does not accept any props.\n *\n * @returns A spinner element.\n * @example\n * <Spinner />\n */\nexport const Spinner = createSnapComponent(TYPE);\n\n/**\n * A spinner element.\n *\n * @see Spinner\n */\nexport type SpinnerElement = ReturnType<typeof Spinner>;\n"]}

package/dist/jsx/components/Text.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const component_1 = require("../component.cjs");
+const TYPE = 'Text';
+/**
+ * A text component, which is used to display text.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The text to display.
+ * @returns A text element.
+ * @example
+ * <Text>
+ *   Hello <Bold>world</Bold>!
+ * </Text>
+ * @example
+ * <Text alignment="end">
+ *   Hello <Bold>world</Bold>!
+ * </Text>
+ */
+exports.Text = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Text.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":";;;AACA,gDAAmD;AAkCnD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;GAcG;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 */\nexport type TextProps = {\n  children: TextChildren;\n  alignment?: 'start' | 'center' | 'end' | undefined;\n  color?: TextColors | 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.children - The text to display.\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 */\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/{types/jsx/components/Text.d.ts → jsx/components/Text.d.cts}

@@ -1,7 +1,7 @@
-import type { SnapsChildren } from '../component';
-import type { StandardFormattingElement } from './formatting';
-import type { IconElement } from './Icon';
-import type { LinkElement } from './Link';
+import type { SnapsChildren } from "../component.cjs";
+import type { StandardFormattingElement } from "./formatting/index.cjs";
+import type { IconElement } from "./Icon.cjs";
+import type { LinkElement } from "./Link.cjs";
 /**
  * The children of the {@link Text} component.
  */
@@ -42,3 +42,4 @@ export declare const Text: import("../component").SnapComponent<TextProps, "Text
  * @see Text
  */
 export type TextElement = ReturnType<typeof Text>;
+//# sourceMappingURL=Text.d.cts.map

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

@@ -0,0 +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;;;;GAIG;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;CAChC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;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

@@ -0,0 +1,45 @@
+import type { SnapsChildren } from "../component.mjs";
+import type { StandardFormattingElement } from "./formatting/index.mjs";
+import type { IconElement } from "./Icon.mjs";
+import type { LinkElement } from "./Link.mjs";
+/**
+ * The children of the {@link Text} component.
+ */
+export type TextChildren = SnapsChildren<string | StandardFormattingElement | LinkElement | IconElement>;
+/**
+ * The colors available to the Text {@link Text} component.
+ */
+export type TextColors = 'default' | 'alternative' | 'muted' | 'error' | 'success' | 'warning';
+/**
+ * The props of the {@link Text} component.
+ *
+ * @property children - The text to display.
+ */
+export type TextProps = {
+    children: TextChildren;
+    alignment?: 'start' | 'center' | 'end' | undefined;
+    color?: TextColors | undefined;
+};
+/**
+ * A text component, which is used to display text.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The text to display.
+ * @returns A text element.
+ * @example
+ * <Text>
+ *   Hello <Bold>world</Bold>!
+ * </Text>
+ * @example
+ * <Text alignment="end">
+ *   Hello <Bold>world</Bold>!
+ * </Text>
+ */
+export declare const Text: import("../component").SnapComponent<TextProps, "Text">;
+/**
+ * A text element.
+ *
+ * @see Text
+ */
+export type TextElement = ReturnType<typeof Text>;
+//# sourceMappingURL=Text.d.mts.map

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

@@ -0,0 +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;;;;GAIG;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;CAChC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;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

@@ -0,0 +1,19 @@
+import { createSnapComponent } from "../component.mjs";
+const TYPE = 'Text';
+/**
+ * A text component, which is used to display text.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The text to display.
+ * @returns A text element.
+ * @example
+ * <Text>
+ *   Hello <Bold>world</Bold>!
+ * </Text>
+ * @example
+ * <Text alignment="end">
+ *   Hello <Bold>world</Bold>!
+ * </Text>
+ */
+export const Text = createSnapComponent(TYPE);
+//# sourceMappingURL=Text.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAkCnD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;GAcG;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 */\nexport type TextProps = {\n  children: TextChildren;\n  alignment?: 'start' | 'center' | 'end' | undefined;\n  color?: TextColors | 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.children - The text to display.\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 */\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/Tooltip.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const component_1 = require("../component.cjs");
+const TYPE = 'Tooltip';
+/**
+ * A tooltip component, which is used to display text in a tooltip.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The children of the tooltip.
+ * @param props.content - The text to display in the tooltip.
+ * @returns A tooltip element.
+ * @example
+ * <Tooltip content="Tooltip text">
+ *   <Text>Hello world!</Text>
+ * </Tooltip>
+ * @example
+ * <Tooltip content={<Text>Text with <Bold>formatting</Bold></Text>}>
+ *   <Text>Hello world!</Text>
+ * </Tooltip>
+ */
+exports.Tooltip = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Tooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","sourceRoot":"","sources":["../../../src/jsx/components/Tooltip.ts"],"names":[],"mappings":";;;AAAA,gDAAmD;AAgCnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;GAeG;AACU,QAAA,OAAO,GAAG,IAAA,+BAAmB,EAA4B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { ImageElement } from './Image';\nimport type { LinkElement } from './Link';\nimport type { TextElement } from './Text';\n\nexport type TooltipChildren =\n  | TextElement\n  | StandardFormattingElement\n  | LinkElement\n  | ImageElement\n  | IconElement\n  | boolean\n  | null;\n\n/**\n * The props of the {@link Tooltip} component.\n *\n * @property children - The children of the box.\n * @property content - The text to display in the tooltip.\n */\nexport type TooltipProps = {\n  children: TooltipChildren;\n  content:\n    | TextElement\n    | StandardFormattingElement\n    | LinkElement\n    | IconElement\n    | string;\n};\n\nconst TYPE = 'Tooltip';\n\n/**\n * A tooltip component, which is used to display text in a tooltip.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the tooltip.\n * @param props.content - The text to display in the tooltip.\n * @returns A tooltip element.\n * @example\n * <Tooltip content=\"Tooltip text\">\n *   <Text>Hello world!</Text>\n * </Tooltip>\n * @example\n * <Tooltip content={<Text>Text with <Bold>formatting</Bold></Text>}>\n *   <Text>Hello world!</Text>\n * </Tooltip>\n */\nexport const Tooltip = createSnapComponent<TooltipProps, typeof TYPE>(TYPE);\n\n/**\n * A tooltip element.\n *\n * @see Tooltip\n */\nexport type TooltipElement = ReturnType<typeof Tooltip>;\n"]}

package/dist/{types/jsx/components/Tooltip.d.ts → jsx/components/Tooltip.d.cts}

@@ -1,8 +1,8 @@
-import type { StandardFormattingElement } from './formatting';
-import type { IconElement } from './Icon';
-import type { ImageElement } from './Image';
-import type { LinkElement } from './Link';
-import type { TextElement } from './Text';
+import type { StandardFormattingElement } from "./formatting/index.cjs";
+import type { IconElement } from "./Icon.cjs";
+import type { ImageElement } from "./Image.cjs";
+import type { LinkElement } from "./Link.cjs";
+import type { TextElement } from "./Text.cjs";
 export type TooltipChildren = TextElement | StandardFormattingElement | LinkElement | ImageElement | IconElement | boolean | null;
 /**
  * The props of the {@link Tooltip} component.
@@ -37,3 +37,4 @@ export declare const Tooltip: import("../component").SnapComponent<TooltipProps,
  * @see Tooltip
  */
 export type TooltipElement = ReturnType<typeof Tooltip>;
+//# sourceMappingURL=Tooltip.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.cts","sourceRoot":"","sources":["../../../src/jsx/components/Tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,yBAAyB,GACzB,WAAW,GACX,YAAY,GACZ,WAAW,GACX,OAAO,GACP,IAAI,CAAC;AAET;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EACH,WAAW,GACX,yBAAyB,GACzB,WAAW,GACX,WAAW,GACX,MAAM,CAAC;CACZ,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,40 @@
+import type { StandardFormattingElement } from "./formatting/index.mjs";
+import type { IconElement } from "./Icon.mjs";
+import type { ImageElement } from "./Image.mjs";
+import type { LinkElement } from "./Link.mjs";
+import type { TextElement } from "./Text.mjs";
+export type TooltipChildren = TextElement | StandardFormattingElement | LinkElement | ImageElement | IconElement | boolean | null;
+/**
+ * The props of the {@link Tooltip} component.
+ *
+ * @property children - The children of the box.
+ * @property content - The text to display in the tooltip.
+ */
+export type TooltipProps = {
+    children: TooltipChildren;
+    content: TextElement | StandardFormattingElement | LinkElement | IconElement | string;
+};
+/**
+ * A tooltip component, which is used to display text in a tooltip.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The children of the tooltip.
+ * @param props.content - The text to display in the tooltip.
+ * @returns A tooltip element.
+ * @example
+ * <Tooltip content="Tooltip text">
+ *   <Text>Hello world!</Text>
+ * </Tooltip>
+ * @example
+ * <Tooltip content={<Text>Text with <Bold>formatting</Bold></Text>}>
+ *   <Text>Hello world!</Text>
+ * </Tooltip>
+ */
+export declare const Tooltip: import("../component").SnapComponent<TooltipProps, "Tooltip">;
+/**
+ * A tooltip element.
+ *
+ * @see Tooltip
+ */
+export type TooltipElement = ReturnType<typeof Tooltip>;
+//# sourceMappingURL=Tooltip.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.mts","sourceRoot":"","sources":["../../../src/jsx/components/Tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,+BAAqB;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAe;AAE1C,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,yBAAyB,GACzB,WAAW,GACX,YAAY,GACZ,WAAW,GACX,OAAO,GACP,IAAI,CAAC;AAET;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EACH,WAAW,GACX,yBAAyB,GACzB,WAAW,GACX,WAAW,GACX,MAAM,CAAC;CACZ,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,+DAAuD,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC"}

package/dist/jsx/components/Tooltip.mjs

@@ -0,0 +1,20 @@
+import { createSnapComponent } from "../component.mjs";
+const TYPE = 'Tooltip';
+/**
+ * A tooltip component, which is used to display text in a tooltip.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The children of the tooltip.
+ * @param props.content - The text to display in the tooltip.
+ * @returns A tooltip element.
+ * @example
+ * <Tooltip content="Tooltip text">
+ *   <Text>Hello world!</Text>
+ * </Tooltip>
+ * @example
+ * <Tooltip content={<Text>Text with <Bold>formatting</Bold></Text>}>
+ *   <Text>Hello world!</Text>
+ * </Tooltip>
+ */
+export const Tooltip = createSnapComponent(TYPE);
+//# sourceMappingURL=Tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","sourceRoot":"","sources":["../../../src/jsx/components/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAqB;AAgCnD,MAAM,IAAI,GAAG,SAAS,CAAC;AAEvB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAA4B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../component';\nimport type { StandardFormattingElement } from './formatting';\nimport type { IconElement } from './Icon';\nimport type { ImageElement } from './Image';\nimport type { LinkElement } from './Link';\nimport type { TextElement } from './Text';\n\nexport type TooltipChildren =\n  | TextElement\n  | StandardFormattingElement\n  | LinkElement\n  | ImageElement\n  | IconElement\n  | boolean\n  | null;\n\n/**\n * The props of the {@link Tooltip} component.\n *\n * @property children - The children of the box.\n * @property content - The text to display in the tooltip.\n */\nexport type TooltipProps = {\n  children: TooltipChildren;\n  content:\n    | TextElement\n    | StandardFormattingElement\n    | LinkElement\n    | IconElement\n    | string;\n};\n\nconst TYPE = 'Tooltip';\n\n/**\n * A tooltip component, which is used to display text in a tooltip.\n *\n * @param props - The props of the component.\n * @param props.children - The children of the tooltip.\n * @param props.content - The text to display in the tooltip.\n * @returns A tooltip element.\n * @example\n * <Tooltip content=\"Tooltip text\">\n *   <Text>Hello world!</Text>\n * </Tooltip>\n * @example\n * <Tooltip content={<Text>Text with <Bold>formatting</Bold></Text>}>\n *   <Text>Hello world!</Text>\n * </Tooltip>\n */\nexport const Tooltip = createSnapComponent<TooltipProps, typeof TYPE>(TYPE);\n\n/**\n * A tooltip element.\n *\n * @see Tooltip\n */\nexport type TooltipElement = ReturnType<typeof Tooltip>;\n"]}

package/dist/jsx/components/Value.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Value = void 0;
+const component_1 = require("../component.cjs");
+const TYPE = 'Value';
+/**
+ * A value component, which can be used to display two different text values side by side.
+ *
+ * This component can only be used as a child of the {@link Row} component.
+ *
+ * This component does not accept any children.
+ *
+ * @param props - The props of the component.
+ * @param props.value - The value shown on the right side.
+ * @param props.extra - The extra text shown on the left side.
+ * @returns A value element.
+ * @example
+ * <Value value="0.05 ETH" extra="$200" />
+ */
+exports.Value = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Value.cjs.map

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

@@ -0,0 +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"]}

package/dist/{types/jsx/components/Value.d.ts → jsx/components/Value.d.cts}

@@ -29,3 +29,4 @@ export declare const Value: import("../component").SnapComponent<ValueProps, "Va
  * @see Value
  */
 export type ValueElement = ReturnType<typeof Value>;
+//# sourceMappingURL=Value.d.cts.map