@metamask/snaps-sdk 6.3.0 → 6.5.0

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

@@ -0,0 +1,46 @@
+import type { GenericSnapChildren } from "../../component.mjs";
+import type { CheckboxElement } from "./Checkbox.mjs";
+import type { DropdownElement } from "./Dropdown.mjs";
+import type { FileInputElement } from "./FileInput.mjs";
+import type { InputElement } from "./Input.mjs";
+import type { RadioGroupElement } from "./RadioGroup.mjs";
+import type { SelectorElement } from "./Selector.mjs";
+/**
+ * The props of the {@link Field} component.
+ *
+ * @property label - The label of the field.
+ * @property error - The error message of the field.
+ * @property children - The input field and the submit button.
+ */
+export type FieldProps = {
+    label?: string | undefined;
+    error?: string | undefined;
+    children: [InputElement, GenericSnapChildren] | [GenericSnapChildren, InputElement] | [GenericSnapChildren, InputElement, GenericSnapChildren] | DropdownElement | RadioGroupElement | FileInputElement | InputElement | CheckboxElement | SelectorElement;
+};
+/**
+ * A field component, which is used to create a form field. This component can
+ * only be used as a child of the {@link Form} component.
+ *
+ * @param props - The props of the component.
+ * @param props.label - The label of the field.
+ * @param props.error - The error message of the field.
+ * @param props.children - The input field and the submit button.
+ * @returns A field element.
+ * @example
+ * <Field label="Username">
+ *   <Input name="username" type="text" />
+ *   <Button type="submit">Submit</Button>
+ * </Field>
+ * @example
+ * <Field label="Upload file">
+ *   <FileInput name="file" accept={['image/*']} multiple />
+ * </Field>
+ */
+export declare const Field: import("../../component.mjs").SnapComponent<FieldProps, "Field">;
+/**
+ * A field element.
+ *
+ * @see Field
+ */
+export type FieldElement = ReturnType<typeof Field>;
+//# sourceMappingURL=Field.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAAwB;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAmB;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAmB;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAoB;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAqB;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAmB;AAElD;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EACJ,CAAC,YAAY,EAAE,mBAAmB,CAAC,GACnC,CAAC,mBAAmB,EAAE,YAAY,CAAC,GACnC,CAAC,mBAAmB,EAAE,YAAY,EAAE,mBAAmB,CAAC,GACxD,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,GACZ,eAAe,GACf,eAAe,CAAC;CACrB,CAAC;AAIF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import { createSnapComponent } from "../../component.mjs";
+const TYPE = 'Field';
+/**
+ * A field component, which is used to create a form field. This component can
+ * only be used as a child of the {@link Form} component.
+ *
+ * @param props - The props of the component.
+ * @param props.label - The label of the field.
+ * @param props.error - The error message of the field.
+ * @param props.children - The input field and the submit button.
+ * @returns A field element.
+ * @example
+ * <Field label="Username">
+ *   <Input name="username" type="text" />
+ *   <Button type="submit">Submit</Button>
+ * </Field>
+ * @example
+ * <Field label="Upload file">
+ *   <FileInput name="file" accept={['image/*']} multiple />
+ * </Field>
+ */
+export const Field = createSnapComponent(TYPE);
+//# sourceMappingURL=Field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AA8BtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import type { GenericSnapChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { CheckboxElement } from './Checkbox';\nimport type { DropdownElement } from './Dropdown';\nimport type { FileInputElement } from './FileInput';\nimport type { InputElement } from './Input';\nimport type { RadioGroupElement } from './RadioGroup';\nimport type { SelectorElement } from './Selector';\n\n/**\n * The props of the {@link Field} component.\n *\n * @property label - The label of the field.\n * @property error - The error message of the field.\n * @property children - The input field and the submit button.\n */\nexport type FieldProps = {\n  label?: string | undefined;\n  error?: string | undefined;\n  children:\n    | [InputElement, GenericSnapChildren]\n    | [GenericSnapChildren, InputElement]\n    | [GenericSnapChildren, InputElement, GenericSnapChildren]\n    | DropdownElement\n    | RadioGroupElement\n    | FileInputElement\n    | InputElement\n    | CheckboxElement\n    | SelectorElement;\n};\n\nconst TYPE = 'Field';\n\n/**\n * A field component, which is used to create a form field. This component can\n * only be used as a child of the {@link Form} component.\n *\n * @param props - The props of the component.\n * @param props.label - The label of the field.\n * @param props.error - The error message of the field.\n * @param props.children - The input field and the submit button.\n * @returns A field element.\n * @example\n * <Field label=\"Username\">\n *   <Input name=\"username\" type=\"text\" />\n *   <Button type=\"submit\">Submit</Button>\n * </Field>\n * @example\n * <Field label=\"Upload file\">\n *   <FileInput name=\"file\" accept={['image/*']} multiple />\n * </Field>\n */\nexport const Field = createSnapComponent<FieldProps, typeof TYPE>(TYPE);\n\n/**\n * A field element.\n *\n * @see Field\n */\nexport type FieldElement = ReturnType<typeof Field>;\n"]}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInput = void 0;
+const component_1 = require("../../component.cjs");
+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>
+ */
+exports.FileInput = (0, component_1.createSnapComponent)(TYPE);
+//# sourceMappingURL=FileInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAmBtD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACU,QAAA,SAAS,GAAG,IAAA,+BAAmB,EAA8B,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/{types/jsx/components/form/FileInput.d.ts → jsx/components/form/FileInput.d.cts}

@@ -38,10 +38,11 @@ export type FileInputProps = {
  *   <FileInput name="file" />
  * </Field>
  */
-export declare const FileInput: import("../../component").SnapComponent<FileInputProps, "FileInput">;
+export declare const FileInput: import("../../component.cjs").SnapComponent<FileInputProps, "FileInput">;
 /**
  * A file input element.
  *
  * @see FileInput
  */
 export type FileInputElement = ReturnType<typeof FileInput>;
+//# sourceMappingURL=FileInput.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.d.cts","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.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.mjs").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.
  *
@@ -27,10 +27,11 @@ export type FormProps = {
  *   <Button type="submit">Submit</Button>
  * </Form>
  */
-export declare const Form: import("../../component").SnapComponent<FormProps, "Form">;
+export declare const Form: import("../../component.cjs").SnapComponent<FormProps, "Form">;
 /**
  * A form element.
  *
  * @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.mjs").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}

@@ -26,10 +26,11 @@ export type InputProps = {
  * @example
  * <Input name="username" type="text" />
  */
-export declare const Input: import("../../component").SnapComponent<InputProps, "Input">;
+export declare const Input: import("../../component.cjs").SnapComponent<InputProps, "Input">;
 /**
  * An input element.
  *
  * @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.mjs").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}

@@ -25,7 +25,7 @@ type OptionProps = {
  *  <Option value="option3">Option 3</Option>
  * </Dropdown>
  */
-export declare const Option: import("../../component").SnapComponent<OptionProps, "Option">;
+export declare const Option: import("../../component.cjs").SnapComponent<OptionProps, "Option">;
 /**
  * A dropdown option element.
  *
@@ -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.mjs").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"]}