@metamask/snaps-sdk 6.3.0 → 6.4.0

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

@@ -0,0 +1,48 @@
+/**
+ * The props of the {@link FileInput} component.
+ *
+ * @property name - The name of the file input field. This is used to identify
+ * the file input field in the form data.
+ * @property label - The label of the file input field.
+ * @property accept - The file types that the file input field accepts. If not
+ * specified, the file input field accepts all file types.
+ * @property compact - Whether the file input field is compact. Default is
+ * `false`.
+ */
+export type FileInputProps = {
+    name: string;
+    accept?: string[] | undefined;
+    compact?: boolean | undefined;
+};
+/**
+ * A file input component, which is used to create a file input field. This
+ * component can only be used as a child of the {@link Field} component.
+ *
+ * The total size of the files that can be uploaded may not exceed 64 MB.
+ *
+ * @param props - The props of the component.
+ * @param props.name - The name of the file input field. This is used to
+ * identify the file input field in the form data.
+ * @param props.accept - The file types that the file input field accepts. If
+ * not specified, the file input field accepts all file types. For examples of
+ * valid values, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept).
+ * @param props.compact - Whether the file input field is compact. Default is
+ * `false`.
+ * @returns A file input element.
+ * @example
+ * <FileInput name="file" accept={['image/*']} />
+ * @example
+ * <FileInput name="file" compact />
+ * @example
+ * <Field label="Upload file">
+ *   <FileInput name="file" />
+ * </Field>
+ */
+export declare const FileInput: import("../../component").SnapComponent<FileInputProps, "FileInput">;
+/**
+ * A file input element.
+ *
+ * @see FileInput
+ */
+export type FileInputElement = ReturnType<typeof FileInput>;
+//# sourceMappingURL=FileInput.d.mts.map

package/dist/jsx/components/form/FileInput.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,sEAAyD,CAAC;AAEhF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/dist/jsx/components/form/FileInput.mjs

@@ -0,0 +1,28 @@
+import { createSnapComponent } from "../../component.mjs";
+const TYPE = 'FileInput';
+/**
+ * A file input component, which is used to create a file input field. This
+ * component can only be used as a child of the {@link Field} component.
+ *
+ * The total size of the files that can be uploaded may not exceed 64 MB.
+ *
+ * @param props - The props of the component.
+ * @param props.name - The name of the file input field. This is used to
+ * identify the file input field in the form data.
+ * @param props.accept - The file types that the file input field accepts. If
+ * not specified, the file input field accepts all file types. For examples of
+ * valid values, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept).
+ * @param props.compact - Whether the file input field is compact. Default is
+ * `false`.
+ * @returns A file input element.
+ * @example
+ * <FileInput name="file" accept={['image/*']} />
+ * @example
+ * <FileInput name="file" compact />
+ * @example
+ * <Field label="Upload file">
+ *   <FileInput name="file" />
+ * </Field>
+ */
+export const FileInput = createSnapComponent(TYPE);
+//# sourceMappingURL=FileInput.mjs.map

package/dist/jsx/components/form/FileInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAmBtD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,mBAAmB,CAA8B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link FileInput} component.\n *\n * @property name - The name of the file input field. This is used to identify\n * the file input field in the form data.\n * @property label - The label of the file input field.\n * @property accept - The file types that the file input field accepts. If not\n * specified, the file input field accepts all file types.\n * @property compact - Whether the file input field is compact. Default is\n * `false`.\n */\nexport type FileInputProps = {\n  name: string;\n  accept?: string[] | undefined;\n  compact?: boolean | undefined;\n};\n\nconst TYPE = 'FileInput';\n\n/**\n * A file input component, which is used to create a file input field. This\n * component can only be used as a child of the {@link Field} component.\n *\n * The total size of the files that can be uploaded may not exceed 64 MB.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the file input field. This is used to\n * identify the file input field in the form data.\n * @param props.accept - The file types that the file input field accepts. If\n * not specified, the file input field accepts all file types. For examples of\n * valid values, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept).\n * @param props.compact - Whether the file input field is compact. Default is\n * `false`.\n * @returns A file input element.\n * @example\n * <FileInput name=\"file\" accept={['image/*']} />\n * @example\n * <FileInput name=\"file\" compact />\n * @example\n * <Field label=\"Upload file\">\n *   <FileInput name=\"file\" />\n * </Field>\n */\nexport const FileInput = createSnapComponent<FileInputProps, typeof TYPE>(TYPE);\n\n/**\n * A file input element.\n *\n * @see FileInput\n */\nexport type FileInputElement = ReturnType<typeof FileInput>;\n"]}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const component_1 = require("../../component.cjs");
+const TYPE = 'Form';
+/**
+ * A form component, which is used to create a form.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The form fields. This should be a single field or an
+ * array of fields.
+ * @param props.name - The name of the form. This is used to identify the form
+ * in the event handler.
+ * @returns A form element.
+ * @example
+ * <Form name="my-form">
+ *   <Field label="Username">
+ *     <Input name="username" type="text" />
+ *   </Field>
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ */
+exports.Form = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Form.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Form.ts"],"names":[],"mappings":";;;AACA,mDAAsD;AAgBtD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,IAAI,GAAG,IAAA,+BAAmB,EAAyB,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n// TODO: Add `onSubmit` prop to the `FormProps` type.\n\n/**\n * The props of the {@link Form} component.\n *\n * @property children - The children of the form.\n * @property name - The name of the form. This is used to identify the form in\n * the event handler.\n */\nexport type FormProps = {\n  children: SnapsChildren<GenericSnapElement>;\n  name: string;\n};\n\nconst TYPE = 'Form';\n\n/**\n * A form component, which is used to create a form.\n *\n * @param props - The props of the component.\n * @param props.children - The form fields. This should be a single field or an\n * array of fields.\n * @param props.name - The name of the form. This is used to identify the form\n * in the event handler.\n * @returns A form element.\n * @example\n * <Form name=\"my-form\">\n *   <Field label=\"Username\">\n *     <Input name=\"username\" type=\"text\" />\n *   </Field>\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n */\nexport const Form = createSnapComponent<FormProps, typeof TYPE>(TYPE);\n\n/**\n * A form element.\n *\n * @see Form\n */\nexport type FormElement = ReturnType<typeof Form>;\n"]}

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

@@ -1,4 +1,4 @@
-import type { GenericSnapElement, SnapsChildren } from '../../component';
+import type { GenericSnapElement, SnapsChildren } from "../../component.cjs";
 /**
  * The props of the {@link Form} component.
  *
@@ -34,3 +34,4 @@ export declare const Form: import("../../component").SnapComponent<FormProps, "F
  * @see Form
  */
 export type FormElement = ReturnType<typeof Form>;
+//# sourceMappingURL=Form.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,4BAAwB;AAKzE;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI,4DAAoD,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { GenericSnapElement, SnapsChildren } from "../../component.mjs";
+/**
+ * The props of the {@link Form} component.
+ *
+ * @property children - The children of the form.
+ * @property name - The name of the form. This is used to identify the form in
+ * the event handler.
+ */
+export type FormProps = {
+    children: SnapsChildren<GenericSnapElement>;
+    name: string;
+};
+/**
+ * A form component, which is used to create a form.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The form fields. This should be a single field or an
+ * array of fields.
+ * @param props.name - The name of the form. This is used to identify the form
+ * in the event handler.
+ * @returns A form element.
+ * @example
+ * <Form name="my-form">
+ *   <Field label="Username">
+ *     <Input name="username" type="text" />
+ *   </Field>
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ */
+export declare const Form: import("../../component").SnapComponent<FormProps, "Form">;
+/**
+ * A form element.
+ *
+ * @see Form
+ */
+export type FormElement = ReturnType<typeof Form>;
+//# sourceMappingURL=Form.d.mts.map

package/dist/jsx/components/form/Form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,4BAAwB;AAKzE;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI,4DAAoD,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}

package/dist/jsx/components/form/Form.mjs

@@ -0,0 +1,21 @@
+import { createSnapComponent } from "../../component.mjs";
+const TYPE = 'Form';
+/**
+ * A form component, which is used to create a form.
+ *
+ * @param props - The props of the component.
+ * @param props.children - The form fields. This should be a single field or an
+ * array of fields.
+ * @param props.name - The name of the form. This is used to identify the form
+ * in the event handler.
+ * @returns A form element.
+ * @example
+ * <Form name="my-form">
+ *   <Field label="Username">
+ *     <Input name="username" type="text" />
+ *   </Field>
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ */
+export const Form = createSnapComponent(TYPE);
+//# sourceMappingURL=Form.mjs.map

package/dist/jsx/components/form/Form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAgBtD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAyB,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapElement, SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n// TODO: Add `onSubmit` prop to the `FormProps` type.\n\n/**\n * The props of the {@link Form} component.\n *\n * @property children - The children of the form.\n * @property name - The name of the form. This is used to identify the form in\n * the event handler.\n */\nexport type FormProps = {\n  children: SnapsChildren<GenericSnapElement>;\n  name: string;\n};\n\nconst TYPE = 'Form';\n\n/**\n * A form component, which is used to create a form.\n *\n * @param props - The props of the component.\n * @param props.children - The form fields. This should be a single field or an\n * array of fields.\n * @param props.name - The name of the form. This is used to identify the form\n * in the event handler.\n * @returns A form element.\n * @example\n * <Form name=\"my-form\">\n *   <Field label=\"Username\">\n *     <Input name=\"username\" type=\"text\" />\n *   </Field>\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n */\nexport const Form = createSnapComponent<FormProps, typeof TYPE>(TYPE);\n\n/**\n * A form element.\n *\n * @see Form\n */\nexport type FormElement = ReturnType<typeof Form>;\n"]}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const component_1 = require("../../component.cjs");
+const TYPE = 'Input';
+/**
+ * An input component, which is used to create an input field.
+ *
+ * @param props - The props of the component.
+ * @param props.name - The name of the input field. This is used to identify the
+ * input field in the form data.
+ * @param props.type - The type of the input field.
+ * @param props.value - The value of the input field.
+ * @param props.placeholder - The placeholder text of the input field.
+ * @returns An input element.
+ * @example
+ * <Input name="username" type="text" />
+ */
+exports.Input = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Input.cjs.map

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

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

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

@@ -33,3 +33,4 @@ export declare const Input: import("../../component").SnapComponent<InputProps,
  * @see Input
  */
 export type InputElement = ReturnType<typeof Input>;
+//# sourceMappingURL=Input.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+/**
+ * The props of the {@link Input} component.
+ *
+ * @property name - The name of the input field. This is used to identify the
+ * input field in the form data.
+ * @property type - The type of the input field. Defaults to `text`.
+ * @property value - The value of the input field.
+ * @property placeholder - The placeholder text of the input field.
+ */
+export type InputProps = {
+    name: string;
+    type?: 'text' | 'password' | 'number' | undefined;
+    value?: string | undefined;
+    placeholder?: string | undefined;
+};
+/**
+ * An input component, which is used to create an input field.
+ *
+ * @param props - The props of the component.
+ * @param props.name - The name of the input field. This is used to identify the
+ * input field in the form data.
+ * @param props.type - The type of the input field.
+ * @param props.value - The value of the input field.
+ * @param props.placeholder - The placeholder text of the input field.
+ * @returns An input element.
+ * @example
+ * <Input name="username" type="text" />
+ */
+export declare const Input: import("../../component").SnapComponent<InputProps, "Input">;
+/**
+ * An input element.
+ *
+ * @see Input
+ */
+export type InputElement = ReturnType<typeof Input>;
+//# sourceMappingURL=Input.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import { createSnapComponent } from "../../component.mjs";
+const TYPE = 'Input';
+/**
+ * An input component, which is used to create an input field.
+ *
+ * @param props - The props of the component.
+ * @param props.name - The name of the input field. This is used to identify the
+ * input field in the form data.
+ * @param props.type - The type of the input field.
+ * @param props.value - The value of the input field.
+ * @param props.placeholder - The placeholder text of the input field.
+ * @returns An input element.
+ * @example
+ * <Input name="username" type="text" />
+ */
+export const Input = createSnapComponent(TYPE);
+//# sourceMappingURL=Input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAoBtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n// TODO: Add the `onChange` prop to the `InputProps` type.\n\n/**\n * The props of the {@link Input} component.\n *\n * @property name - The name of the input field. This is used to identify the\n * input field in the form data.\n * @property type - The type of the input field. Defaults to `text`.\n * @property value - The value of the input field.\n * @property placeholder - The placeholder text of the input field.\n */\nexport type InputProps = {\n  name: string;\n  type?: 'text' | 'password' | 'number' | undefined;\n  value?: string | undefined;\n  placeholder?: string | undefined;\n};\n\nconst TYPE = 'Input';\n\n/**\n * An input component, which is used to create an input field.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the input field. This is used to identify the\n * input field in the form data.\n * @param props.type - The type of the input field.\n * @param props.value - The value of the input field.\n * @param props.placeholder - The placeholder text of the input field.\n * @returns An input element.\n * @example\n * <Input name=\"username\" type=\"text\" />\n */\nexport const Input = createSnapComponent<InputProps, typeof TYPE>(TYPE);\n\n/**\n * An input element.\n *\n * @see Input\n */\nexport type InputElement = ReturnType<typeof Input>;\n"]}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Option = void 0;
+const component_1 = require("../../component.cjs");
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const Dropdown_1 = require("./Dropdown.cjs");
+const TYPE = 'Option';
+/**
+ * A dropdown option component, which is used to create a dropdown option. This component
+ * can only be used as a child of the {@link Dropdown} component.
+ *
+ * @param props - The props of the component.
+ * @param props.value - The value of the dropdown option. This is used to populate the
+ * state in the form data.
+ * @param props.children - The text to display.
+ * @returns A dropdown option element.
+ * @example
+ * <Dropdown name="dropdown">
+ *  <Option value="option1">Option 1</Option>
+ *  <Option value="option2">Option 2</Option>
+ *  <Option value="option3">Option 3</Option>
+ * </Dropdown>
+ */
+exports.Option = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Option.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AACtD,6DAA6D;AAC7D,6CAAsC;AActC,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;;;;GAeG;AACU,QAAA,MAAM,GAAG,IAAA,+BAAmB,EAA2B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Dropdown } from './Dropdown';\n\n/**\n * The props of the {@link Option} component.\n *\n * @property value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n */\ntype OptionProps = {\n  value: string;\n  children: string;\n};\n\nconst TYPE = 'Option';\n\n/**\n * A dropdown option component, which is used to create a dropdown option. This component\n * can only be used as a child of the {@link Dropdown} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @returns A dropdown option element.\n * @example\n * <Dropdown name=\"dropdown\">\n *  <Option value=\"option1\">Option 1</Option>\n *  <Option value=\"option2\">Option 2</Option>\n *  <Option value=\"option3\">Option 3</Option>\n * </Dropdown>\n */\nexport const Option = createSnapComponent<OptionProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown option element.\n *\n * @see Option\n */\nexport type OptionElement = ReturnType<typeof Option>;\n"]}

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

@@ -33,3 +33,4 @@ export declare const Option: import("../../component").SnapComponent<OptionProps
  */
 export type OptionElement = ReturnType<typeof Option>;
 export {};
+//# sourceMappingURL=Option.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+/**
+ * The props of the {@link Option} component.
+ *
+ * @property value - The value of the dropdown option. This is used to populate the
+ * state in the form data.
+ * @property children - The text to display.
+ */
+type OptionProps = {
+    value: string;
+    children: string;
+};
+/**
+ * A dropdown option component, which is used to create a dropdown option. This component
+ * can only be used as a child of the {@link Dropdown} component.
+ *
+ * @param props - The props of the component.
+ * @param props.value - The value of the dropdown option. This is used to populate the
+ * state in the form data.
+ * @param props.children - The text to display.
+ * @returns A dropdown option element.
+ * @example
+ * <Dropdown name="dropdown">
+ *  <Option value="option1">Option 1</Option>
+ *  <Option value="option2">Option 2</Option>
+ *  <Option value="option3">Option 3</Option>
+ * </Dropdown>
+ */
+export declare const Option: import("../../component").SnapComponent<OptionProps, "Option">;
+/**
+ * A dropdown option element.
+ *
+ * @see Option
+ */
+export type OptionElement = ReturnType<typeof Option>;
+export {};
+//# sourceMappingURL=Option.d.mts.map

package/dist/jsx/components/form/Option.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/dist/jsx/components/form/Option.mjs

@@ -0,0 +1,22 @@
+import { createSnapComponent } from "../../component.mjs";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Dropdown } from "./Dropdown.mjs";
+const TYPE = 'Option';
+/**
+ * A dropdown option component, which is used to create a dropdown option. This component
+ * can only be used as a child of the {@link Dropdown} component.
+ *
+ * @param props - The props of the component.
+ * @param props.value - The value of the dropdown option. This is used to populate the
+ * state in the form data.
+ * @param props.children - The text to display.
+ * @returns A dropdown option element.
+ * @example
+ * <Dropdown name="dropdown">
+ *  <Option value="option1">Option 1</Option>
+ *  <Option value="option2">Option 2</Option>
+ *  <Option value="option3">Option 3</Option>
+ * </Dropdown>
+ */
+export const Option = createSnapComponent(TYPE);
+//# sourceMappingURL=Option.mjs.map

package/dist/jsx/components/form/Option.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AACtD,6DAA6D;AAC7D,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AActC,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,mBAAmB,CAA2B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Dropdown } from './Dropdown';\n\n/**\n * The props of the {@link Option} component.\n *\n * @property value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n */\ntype OptionProps = {\n  value: string;\n  children: string;\n};\n\nconst TYPE = 'Option';\n\n/**\n * A dropdown option component, which is used to create a dropdown option. This component\n * can only be used as a child of the {@link Dropdown} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @returns A dropdown option element.\n * @example\n * <Dropdown name=\"dropdown\">\n *  <Option value=\"option1\">Option 1</Option>\n *  <Option value=\"option2\">Option 2</Option>\n *  <Option value=\"option3\">Option 3</Option>\n * </Dropdown>\n */\nexport const Option = createSnapComponent<OptionProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown option element.\n *\n * @see Option\n */\nexport type OptionElement = ReturnType<typeof Option>;\n"]}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Radio = void 0;
+const component_1 = require("../../component.cjs");
+const TYPE = 'Radio';
+/**
+ * A radio component, which is used to create a radio option. This component
+ * can only be used as a child of the {@link RadioGroup} component.
+ *
+ * @param props - The props of the component.
+ * @param props.value - The value of the radio option. This is used to populate the
+ * state in the form data.
+ * @param props.children - The text to display.
+ * @returns A radio element.
+ * @example
+ * <RadioGroup name="radio-group">
+ *  <Radio value="option1">Option 1</Radio>
+ *  <Radio value="option2">Option 2</Radio>
+ *  <Radio value="option3">Option 3</Radio>
+ * </RadioGroup>
+ */
+exports.Radio = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=Radio.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Radio.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AActD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;GAeG;AACU,QAAA,KAAK,GAAG,IAAA,+BAAmB,EAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Radio} component.\n *\n * @property value - The value of the radio option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n */\ntype RadioProps = {\n  value: string;\n  children: string;\n};\n\nconst TYPE = 'Radio';\n\n/**\n * A radio component, which is used to create a radio option. This component\n * can only be used as a child of the {@link RadioGroup} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the radio option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @returns A radio element.\n * @example\n * <RadioGroup name=\"radio-group\">\n *  <Radio value=\"option1\">Option 1</Radio>\n *  <Radio value=\"option2\">Option 2</Radio>\n *  <Radio value=\"option3\">Option 3</Radio>\n * </RadioGroup>\n */\nexport const Radio = createSnapComponent<RadioProps, typeof TYPE>(TYPE);\n\n/**\n * A radio element.\n *\n * @see Radio\n */\nexport type RadioElement = ReturnType<typeof Radio>;\n"]}

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

@@ -33,3 +33,4 @@ export declare const Radio: import("../../component").SnapComponent<RadioProps,
  */
 export type RadioElement = ReturnType<typeof Radio>;
 export {};
+//# sourceMappingURL=Radio.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Radio.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+/**
+ * The props of the {@link Radio} component.
+ *
+ * @property value - The value of the radio option. This is used to populate the
+ * state in the form data.
+ * @property children - The text to display.
+ */
+type RadioProps = {
+    value: string;
+    children: string;
+};
+/**
+ * A radio component, which is used to create a radio option. This component
+ * can only be used as a child of the {@link RadioGroup} component.
+ *
+ * @param props - The props of the component.
+ * @param props.value - The value of the radio option. This is used to populate the
+ * state in the form data.
+ * @param props.children - The text to display.
+ * @returns A radio element.
+ * @example
+ * <RadioGroup name="radio-group">
+ *  <Radio value="option1">Option 1</Radio>
+ *  <Radio value="option2">Option 2</Radio>
+ *  <Radio value="option3">Option 3</Radio>
+ * </RadioGroup>
+ */
+export declare const Radio: import("../../component").SnapComponent<RadioProps, "Radio">;
+/**
+ * A radio element.
+ *
+ * @see Radio
+ */
+export type RadioElement = ReturnType<typeof Radio>;
+export {};
+//# sourceMappingURL=Radio.d.mts.map

package/dist/jsx/components/form/Radio.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Radio.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

package/dist/jsx/components/form/Radio.mjs

@@ -0,0 +1,20 @@
+import { createSnapComponent } from "../../component.mjs";
+const TYPE = 'Radio';
+/**
+ * A radio component, which is used to create a radio option. This component
+ * can only be used as a child of the {@link RadioGroup} component.
+ *
+ * @param props - The props of the component.
+ * @param props.value - The value of the radio option. This is used to populate the
+ * state in the form data.
+ * @param props.children - The text to display.
+ * @returns A radio element.
+ * @example
+ * <RadioGroup name="radio-group">
+ *  <Radio value="option1">Option 1</Radio>
+ *  <Radio value="option2">Option 2</Radio>
+ *  <Radio value="option3">Option 3</Radio>
+ * </RadioGroup>
+ */
+export const Radio = createSnapComponent(TYPE);
+//# sourceMappingURL=Radio.mjs.map

package/dist/jsx/components/form/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AActD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Radio} component.\n *\n * @property value - The value of the radio option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n */\ntype RadioProps = {\n  value: string;\n  children: string;\n};\n\nconst TYPE = 'Radio';\n\n/**\n * A radio component, which is used to create a radio option. This component\n * can only be used as a child of the {@link RadioGroup} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the radio option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @returns A radio element.\n * @example\n * <RadioGroup name=\"radio-group\">\n *  <Radio value=\"option1\">Option 1</Radio>\n *  <Radio value=\"option2\">Option 2</Radio>\n *  <Radio value=\"option3\">Option 3</Radio>\n * </RadioGroup>\n */\nexport const Radio = createSnapComponent<RadioProps, typeof TYPE>(TYPE);\n\n/**\n * A radio element.\n *\n * @see Radio\n */\nexport type RadioElement = ReturnType<typeof Radio>;\n"]}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+const component_1 = require("../../component.cjs");
+const TYPE = 'RadioGroup';
+/**
+ * A RadioGroup component, used to display multiple choices, where only one can be chosen.
+ *
+ * @returns A RadioGroup element.
+ * @example
+ * <RadioGroup />
+ */
+exports.RadioGroup = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=RadioGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":";;;AACA,mDAAsD;AAGtD,MAAM,IAAI,GAAG,YAAY,CAAC;AAe1B;;;;;;GAMG;AACU,QAAA,UAAU,GAAG,IAAA,+BAAmB,EAC3C,IAAI,CACL,CAAC","sourcesContent":["import type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { RadioElement } from './Radio';\n\nconst TYPE = 'RadioGroup';\n\n/**\n * The props of the {@link RadioGroup} component.\n *\n * @property name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @property children - Radio options in form of <Radio> elements.\n */\ntype RadioGroupProps = {\n  name: string;\n  value?: string | undefined;\n  children: SnapsChildren<RadioElement>;\n};\n\n/**\n * A RadioGroup component, used to display multiple choices, where only one can be chosen.\n *\n * @returns A RadioGroup element.\n * @example\n * <RadioGroup />\n */\nexport const RadioGroup = createSnapComponent<RadioGroupProps, typeof TYPE>(\n  TYPE,\n);\n\n/**\n * A RadioGroup element.\n *\n * @see RadioGroup\n */\nexport type RadioGroupElement = ReturnType<typeof RadioGroup>;\n"]}

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

@@ -1,5 +1,5 @@
-import type { SnapsChildren } from '../../component';
-import type { RadioElement } from './Radio';
+import type { SnapsChildren } from "../../component.cjs";
+import type { RadioElement } from "./Radio.cjs";
 /**
  * The props of the {@link RadioGroup} component.
  *
@@ -27,3 +27,4 @@ export declare const RadioGroup: import("../../component").SnapComponent<RadioGr
  */
 export type RadioGroupElement = ReturnType<typeof RadioGroup>;
 export {};
+//# sourceMappingURL=RadioGroup.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAI5C;;;;;;GAMG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACvC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,wEAEtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,30 @@
+import type { SnapsChildren } from "../../component.mjs";
+import type { RadioElement } from "./Radio.mjs";
+/**
+ * The props of the {@link RadioGroup} component.
+ *
+ * @property name - The name of the dropdown. This is used to identify the
+ * state in the form data.
+ * @property children - Radio options in form of <Radio> elements.
+ */
+type RadioGroupProps = {
+    name: string;
+    value?: string | undefined;
+    children: SnapsChildren<RadioElement>;
+};
+/**
+ * A RadioGroup component, used to display multiple choices, where only one can be chosen.
+ *
+ * @returns A RadioGroup element.
+ * @example
+ * <RadioGroup />
+ */
+export declare const RadioGroup: import("../../component").SnapComponent<RadioGroupProps, "RadioGroup">;
+/**
+ * A RadioGroup element.
+ *
+ * @see RadioGroup
+ */
+export type RadioGroupElement = ReturnType<typeof RadioGroup>;
+export {};
+//# sourceMappingURL=RadioGroup.d.mts.map

package/dist/jsx/components/form/RadioGroup.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAI5C;;;;;;GAMG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACvC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,wEAEtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/dist/jsx/components/form/RadioGroup.mjs

@@ -0,0 +1,11 @@
+import { createSnapComponent } from "../../component.mjs";
+const TYPE = 'RadioGroup';
+/**
+ * A RadioGroup component, used to display multiple choices, where only one can be chosen.
+ *
+ * @returns A RadioGroup element.
+ * @example
+ * <RadioGroup />
+ */
+export const RadioGroup = createSnapComponent(TYPE);
+//# sourceMappingURL=RadioGroup.mjs.map