@metamask/snaps-sdk 10.4.0 → 11.0.0

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

@@ -11,6 +11,7 @@
  * @property disabled - Whether the date/time picker field is disabled.
  * @property disablePast - Whether to allow selection of past dates. Defaults to false.
  * @property disableFuture - Whether to allow selection of future dates. Defaults to false.
+ * @category Component Props
  */
 export type DateTimePickerProps = {
     name: string;
@@ -34,12 +35,14 @@ export type DateTimePickerProps = {
  * @param props.disabled - Whether the date/time picker field is disabled.
  * @param props.disablePast - Whether to allow selection of past dates. Defaults to false.
  * @param props.disableFuture - Whether to allow selection of future dates. Defaults to false.
+ * @category Components
  */
 export declare const DateTimePicker: import("../../component.mjs").SnapComponent<DateTimePickerProps, "DateTimePicker">;
 /**
  * A DateTimePicker element.
  *
- * @see DateTimePicker
+ * @see {@link DateTimePicker}
+ * @category Elements
  */
 export type DateTimePickerElement = ReturnType<typeof DateTimePicker>;
 //# sourceMappingURL=DateTimePicker.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/DateTimePicker.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC,CAAC;AAIF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,gFAGpB,CAAC;AAER;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"DateTimePicker.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/DateTimePicker.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,gFAGpB,CAAC;AAER;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

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

@@ -13,6 +13,7 @@ const TYPE = 'DateTimePicker';
  * @param props.disabled - Whether the date/time picker field is disabled.
  * @param props.disablePast - Whether to allow selection of past dates. Defaults to false.
  * @param props.disableFuture - Whether to allow selection of future dates. Defaults to false.
+ * @category Components
  */
 export const DateTimePicker = createSnapComponent(TYPE);
 //# sourceMappingURL=DateTimePicker.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/DateTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AA0BtD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,mBAAmB,CAG/C,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link DateTimePicker} component.\n *\n * @property name - The name of the date/time picker field. This is used to identify the\n * date/time picker field in the form data.\n * @property value - The value of the date/time picker field. Must be an ISO 8601 date string with\n * timezone information.\n * @property type - The type of the date/time picker field. Can be 'date', 'time', or 'datetime'.\n * Defaults to 'datetime'.\n * @property placeholder - The placeholder text of the date/time picker field.\n * @property disabled - Whether the date/time picker field is disabled.\n * @property disablePast - Whether to allow selection of past dates. Defaults to false.\n * @property disableFuture - Whether to allow selection of future dates. Defaults to false.\n */\nexport type DateTimePickerProps = {\n  name: string;\n  value?: string | undefined;\n  type?: 'date' | 'time' | 'datetime' | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n};\n\nconst TYPE = 'DateTimePicker';\n\n/**\n * A date/time picker component, which is used to create a date/time picker field.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the date/time picker field. This is used to identify the\n * date/time picker field in the form data.\n * @param props.value - The value of the date/time picker field.\n * @param props.type - The type of the date/time picker field. Can be 'date', 'time', or 'datetime'.\n * Defaults to 'datetime'.\n * @param props.placeholder - The placeholder text of the date/time picker field.\n * @param props.disabled - Whether the date/time picker field is disabled.\n * @param props.disablePast - Whether to allow selection of past dates. Defaults to false.\n * @param props.disableFuture - Whether to allow selection of future dates. Defaults to false.\n */\nexport const DateTimePicker = createSnapComponent<\n  DateTimePickerProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * A DateTimePicker element.\n *\n * @see DateTimePicker\n */\nexport type DateTimePickerElement = ReturnType<typeof DateTimePicker>;\n"]}
+{"version":3,"file":"DateTimePicker.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/DateTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AA2BtD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,mBAAmB,CAG/C,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link DateTimePicker} component.\n *\n * @property name - The name of the date/time picker field. This is used to identify the\n * date/time picker field in the form data.\n * @property value - The value of the date/time picker field. Must be an ISO 8601 date string with\n * timezone information.\n * @property type - The type of the date/time picker field. Can be 'date', 'time', or 'datetime'.\n * Defaults to 'datetime'.\n * @property placeholder - The placeholder text of the date/time picker field.\n * @property disabled - Whether the date/time picker field is disabled.\n * @property disablePast - Whether to allow selection of past dates. Defaults to false.\n * @property disableFuture - Whether to allow selection of future dates. Defaults to false.\n * @category Component Props\n */\nexport type DateTimePickerProps = {\n  name: string;\n  value?: string | undefined;\n  type?: 'date' | 'time' | 'datetime' | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n};\n\nconst TYPE = 'DateTimePicker';\n\n/**\n * A date/time picker component, which is used to create a date/time picker field.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the date/time picker field. This is used to identify the\n * date/time picker field in the form data.\n * @param props.value - The value of the date/time picker field.\n * @param props.type - The type of the date/time picker field. Can be 'date', 'time', or 'datetime'.\n * Defaults to 'datetime'.\n * @param props.placeholder - The placeholder text of the date/time picker field.\n * @param props.disabled - Whether the date/time picker field is disabled.\n * @param props.disablePast - Whether to allow selection of past dates. Defaults to false.\n * @param props.disableFuture - Whether to allow selection of future dates. Defaults to false.\n * @category Components\n */\nexport const DateTimePicker = createSnapComponent<\n  DateTimePickerProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * A DateTimePicker element.\n *\n * @see {@link DateTimePicker}\n * @category Elements\n */\nexport type DateTimePickerElement = ReturnType<typeof DateTimePicker>;\n"]}

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

@@ -19,6 +19,7 @@ const TYPE = 'Dropdown';
  *  <Option value="option2">Option 2</Option>
  *  <Option value="option3">Option 3</Option>
  * </Dropdown>
+ * @category Components
  */
 exports.Dropdown = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Dropdown.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":";;;AAEA,mDAAsD;AAkBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { OptionElement } from './Option';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Dropdown} component.\n *\n * @property name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @property value - The selected value of the dropdown.\n * @property children - The children of the dropdown.\n * @property disabled - Whether the dropdown is disabled.\n */\nexport type DropdownProps = {\n  name: string;\n  value?: string | undefined;\n  children: SnapsChildren<OptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Dropdown';\n\n/**\n * A dropdown component, which is used to create a dropdown.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the dropdown field. This is used to identify the\n * state in the form data.\n * @param props.value - The selected value of the dropdown.\n * @param props.children - The children of the dropdown.\n * @param props.disabled - Whether the dropdown is disabled.\n * @returns A dropdown 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 Dropdown = createSnapComponent<DropdownProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown element.\n *\n * @see Dropdown\n */\nexport type DropdownElement = ReturnType<typeof Dropdown>;\n"]}
+{"version":3,"file":"Dropdown.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":";;;AAEA,mDAAsD;AAmBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { OptionElement } from './Option';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Dropdown} component.\n *\n * @property name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @property value - The selected value of the dropdown.\n * @property children - The children of the dropdown.\n * @property disabled - Whether the dropdown is disabled.\n * @category Component Props\n */\nexport type DropdownProps = {\n  name: string;\n  value?: string | undefined;\n  children: SnapsChildren<OptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Dropdown';\n\n/**\n * A dropdown component, which is used to create a dropdown.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the dropdown field. This is used to identify the\n * state in the form data.\n * @param props.value - The selected value of the dropdown.\n * @param props.children - The children of the dropdown.\n * @param props.disabled - Whether the dropdown is disabled.\n * @returns A dropdown 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 * @category Components\n */\nexport const Dropdown = createSnapComponent<DropdownProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown element.\n *\n * @see {@link Dropdown}\n * @category Elements\n */\nexport type DropdownElement = ReturnType<typeof Dropdown>;\n"]}

package/dist/jsx/components/form/Dropdown.d.cts

@@ -8,6 +8,7 @@ import type { SnapsChildren } from "../../component.cjs";
  * @property value - The selected value of the dropdown.
  * @property children - The children of the dropdown.
  * @property disabled - Whether the dropdown is disabled.
+ * @category Component Props
  */
 export type DropdownProps = {
     name: string;
@@ -31,12 +32,14 @@ export type DropdownProps = {
  *  <Option value="option2">Option 2</Option>
  *  <Option value="option3">Option 3</Option>
  * </Dropdown>
+ * @category Components
  */
 export declare const Dropdown: import("../../component.cjs").SnapComponent<DropdownProps, "Dropdown">;
 /**
  * A dropdown element.
  *
- * @see Dropdown
+ * @see {@link Dropdown}
+ * @category Elements
  */
 export type DropdownElement = ReturnType<typeof Dropdown>;
 //# sourceMappingURL=Dropdown.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Dropdown.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}

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

@@ -8,6 +8,7 @@ import type { SnapsChildren } from "../../component.mjs";
  * @property value - The selected value of the dropdown.
  * @property children - The children of the dropdown.
  * @property disabled - Whether the dropdown is disabled.
+ * @category Component Props
  */
 export type DropdownProps = {
     name: string;
@@ -31,12 +32,14 @@ export type DropdownProps = {
  *  <Option value="option2">Option 2</Option>
  *  <Option value="option3">Option 3</Option>
  * </Dropdown>
+ * @category Components
  */
 export declare const Dropdown: import("../../component.mjs").SnapComponent<DropdownProps, "Dropdown">;
 /**
  * A dropdown element.
  *
- * @see Dropdown
+ * @see {@link Dropdown}
+ * @category Elements
  */
 export type DropdownElement = ReturnType<typeof Dropdown>;
 //# sourceMappingURL=Dropdown.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Dropdown.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAiB;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}

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

@@ -16,6 +16,7 @@ const TYPE = 'Dropdown';
  *  <Option value="option2">Option 2</Option>
  *  <Option value="option3">Option 3</Option>
  * </Dropdown>
+ * @category Components
  */
 export const Dropdown = createSnapComponent(TYPE);
 //# sourceMappingURL=Dropdown.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAkBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { OptionElement } from './Option';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Dropdown} component.\n *\n * @property name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @property value - The selected value of the dropdown.\n * @property children - The children of the dropdown.\n * @property disabled - Whether the dropdown is disabled.\n */\nexport type DropdownProps = {\n  name: string;\n  value?: string | undefined;\n  children: SnapsChildren<OptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Dropdown';\n\n/**\n * A dropdown component, which is used to create a dropdown.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the dropdown field. This is used to identify the\n * state in the form data.\n * @param props.value - The selected value of the dropdown.\n * @param props.children - The children of the dropdown.\n * @param props.disabled - Whether the dropdown is disabled.\n * @returns A dropdown 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 Dropdown = createSnapComponent<DropdownProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown element.\n *\n * @see Dropdown\n */\nexport type DropdownElement = ReturnType<typeof Dropdown>;\n"]}
+{"version":3,"file":"Dropdown.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Dropdown.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAmBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { OptionElement } from './Option';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Dropdown} component.\n *\n * @property name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @property value - The selected value of the dropdown.\n * @property children - The children of the dropdown.\n * @property disabled - Whether the dropdown is disabled.\n * @category Component Props\n */\nexport type DropdownProps = {\n  name: string;\n  value?: string | undefined;\n  children: SnapsChildren<OptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Dropdown';\n\n/**\n * A dropdown component, which is used to create a dropdown.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the dropdown field. This is used to identify the\n * state in the form data.\n * @param props.value - The selected value of the dropdown.\n * @param props.children - The children of the dropdown.\n * @param props.disabled - Whether the dropdown is disabled.\n * @returns A dropdown 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 * @category Components\n */\nexport const Dropdown = createSnapComponent<DropdownProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown element.\n *\n * @see {@link Dropdown}\n * @category Elements\n */\nexport type DropdownElement = ReturnType<typeof Dropdown>;\n"]}

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

@@ -20,6 +20,7 @@ const TYPE = 'Field';
  * <Field label="Upload file">
  *   <FileInput name="file" accept={['image/*']} multiple />
  * </Field>
+ * @category Components
  */
 exports.Field = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Field.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":";;;AAWA,mDAAsD;AA4BtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,KAAK,GAAG,IAAA,+BAAmB,EAA0B,IAAI,CAAC,CAAC","sourcesContent":["import type { AccountSelectorElement } from './AccountSelector';\nimport type { AddressInputElement } from './AddressInput';\nimport type { AssetSelectorElement } from './AssetSelector';\nimport type { CheckboxElement } from './Checkbox';\nimport type { DateTimePickerElement } from './DateTimePicker';\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';\nimport type { GenericSnapChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\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    | DateTimePickerElement\n    | RadioGroupElement\n    | FileInputElement\n    | InputElement\n    | CheckboxElement\n    | SelectorElement\n    | AssetSelectorElement\n    | AddressInputElement\n    | AccountSelectorElement;\n};\n\nconst TYPE = 'Field';\n\n/**\n * A field component, which is used to create a form field.\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"]}
+{"version":3,"file":"Field.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":";;;AAWA,mDAAsD;AA6BtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,KAAK,GAAG,IAAA,+BAAmB,EAA0B,IAAI,CAAC,CAAC","sourcesContent":["import type { AccountSelectorElement } from './AccountSelector';\nimport type { AddressInputElement } from './AddressInput';\nimport type { AssetSelectorElement } from './AssetSelector';\nimport type { CheckboxElement } from './Checkbox';\nimport type { DateTimePickerElement } from './DateTimePicker';\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';\nimport type { GenericSnapChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\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 * @category Component Props\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    | DateTimePickerElement\n    | RadioGroupElement\n    | FileInputElement\n    | InputElement\n    | CheckboxElement\n    | SelectorElement\n    | AssetSelectorElement\n    | AddressInputElement\n    | AccountSelectorElement;\n};\n\nconst TYPE = 'Field';\n\n/**\n * A field component, which is used to create a form field.\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 * @category Components\n */\nexport const Field = createSnapComponent<FieldProps, typeof TYPE>(TYPE);\n\n/**\n * A field element.\n *\n * @see {@link Field}\n * @category Elements\n */\nexport type FieldElement = ReturnType<typeof Field>;\n"]}

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

@@ -15,6 +15,7 @@ import type { GenericSnapChildren } from "../../component.cjs";
  * @property label - The label of the field.
  * @property error - The error message of the field.
  * @property children - The input field and the submit button.
+ * @category Component Props
  */
 export type FieldProps = {
     label?: string | undefined;
@@ -38,12 +39,14 @@ export type FieldProps = {
  * <Field label="Upload file">
  *   <FileInput name="file" accept={['image/*']} multiple />
  * </Field>
+ * @category Components
  */
 export declare const Field: import("../../component.cjs").SnapComponent<FieldProps, "Field">;
 /**
  * A field element.
  *
- * @see Field
+ * @see {@link Field}
+ * @category Elements
  */
 export type FieldElement = ReturnType<typeof Field>;
 //# sourceMappingURL=Field.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,8BAA0B;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,2BAAuB;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,4BAAwB;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAmB;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,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;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAAwB;AAG3D;;;;;;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,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,CAAC;CAC5B,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Field.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,8BAA0B;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,2BAAuB;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,4BAAwB;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAmB;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,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;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAAwB;AAG3D;;;;;;;GAOG;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,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,CAAC;CAC5B,CAAC;AAIF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

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

@@ -15,6 +15,7 @@ import type { GenericSnapChildren } from "../../component.mjs";
  * @property label - The label of the field.
  * @property error - The error message of the field.
  * @property children - The input field and the submit button.
+ * @category Component Props
  */
 export type FieldProps = {
     label?: string | undefined;
@@ -38,12 +39,14 @@ export type FieldProps = {
  * <Field label="Upload file">
  *   <FileInput name="file" accept={['image/*']} multiple />
  * </Field>
+ * @category Components
  */
 export declare const Field: import("../../component.mjs").SnapComponent<FieldProps, "Field">;
 /**
  * A field element.
  *
- * @see Field
+ * @see {@link Field}
+ * @category Elements
  */
 export type FieldElement = ReturnType<typeof Field>;
 //# sourceMappingURL=Field.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,8BAA0B;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,2BAAuB;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,4BAAwB;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAmB;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,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;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAAwB;AAG3D;;;;;;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,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,CAAC;CAC5B,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Field.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,8BAA0B;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,2BAAuB;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,4BAAwB;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAmB;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,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;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAAwB;AAG3D;;;;;;;GAOG;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,qBAAqB,GACrB,iBAAiB,GACjB,gBAAgB,GAChB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,CAAC;CAC5B,CAAC;AAIF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}

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

@@ -17,6 +17,7 @@ const TYPE = 'Field';
  * <Field label="Upload file">
  *   <FileInput name="file" accept={['image/*']} multiple />
  * </Field>
+ * @category Components
  */
 export const Field = createSnapComponent(TYPE);
 //# sourceMappingURL=Field.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AA4BtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import type { AccountSelectorElement } from './AccountSelector';\nimport type { AddressInputElement } from './AddressInput';\nimport type { AssetSelectorElement } from './AssetSelector';\nimport type { CheckboxElement } from './Checkbox';\nimport type { DateTimePickerElement } from './DateTimePicker';\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';\nimport type { GenericSnapChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\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    | DateTimePickerElement\n    | RadioGroupElement\n    | FileInputElement\n    | InputElement\n    | CheckboxElement\n    | SelectorElement\n    | AssetSelectorElement\n    | AddressInputElement\n    | AccountSelectorElement;\n};\n\nconst TYPE = 'Field';\n\n/**\n * A field component, which is used to create a form field.\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"]}
+{"version":3,"file":"Field.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Field.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AA6BtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import type { AccountSelectorElement } from './AccountSelector';\nimport type { AddressInputElement } from './AddressInput';\nimport type { AssetSelectorElement } from './AssetSelector';\nimport type { CheckboxElement } from './Checkbox';\nimport type { DateTimePickerElement } from './DateTimePicker';\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';\nimport type { GenericSnapChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\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 * @category Component Props\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    | DateTimePickerElement\n    | RadioGroupElement\n    | FileInputElement\n    | InputElement\n    | CheckboxElement\n    | SelectorElement\n    | AssetSelectorElement\n    | AddressInputElement\n    | AccountSelectorElement;\n};\n\nconst TYPE = 'Field';\n\n/**\n * A field component, which is used to create a form field.\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 * @category Components\n */\nexport const Field = createSnapComponent<FieldProps, typeof TYPE>(TYPE);\n\n/**\n * A field element.\n *\n * @see {@link Field}\n * @category Elements\n */\nexport type FieldElement = ReturnType<typeof Field>;\n"]}

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

@@ -27,6 +27,7 @@ const TYPE = 'FileInput';
  * <Field label="Upload file">
  *   <FileInput name="file" />
  * </Field>
+ * @category Components
  */
 exports.FileInput = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=FileInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAqBtD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;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 * @property disabled - whether the file input is disabled.\n */\nexport type FileInputProps = {\n  name: string;\n  accept?: string[] | undefined;\n  compact?: boolean | undefined;\n  disabled?: 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 * @param props.disabled - Whether the file input is disabled.\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"]}
+{"version":3,"file":"FileInput.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAsBtD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;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 * @property disabled - whether the file input is disabled.\n * @category Component Props\n */\nexport type FileInputProps = {\n  name: string;\n  accept?: string[] | undefined;\n  compact?: boolean | undefined;\n  disabled?: 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 * @param props.disabled - Whether the file input is disabled.\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 * @category Components\n */\nexport const FileInput = createSnapComponent<FileInputProps, typeof TYPE>(TYPE);\n\n/**\n * A file input element.\n *\n * @see {@link FileInput}\n * @category Elements\n */\nexport type FileInputElement = ReturnType<typeof FileInput>;\n"]}

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

@@ -9,6 +9,7 @@
  * @property compact - Whether the file input field is compact. Default is
  * `false`.
  * @property disabled - whether the file input is disabled.
+ * @category Component Props
  */
 export type FileInputProps = {
     name: string;
@@ -40,12 +41,14 @@ export type FileInputProps = {
  * <Field label="Upload file">
  *   <FileInput name="file" />
  * </Field>
+ * @category Components
  */
 export declare const FileInput: import("../../component.cjs").SnapComponent<FileInputProps, "FileInput">;
 /**
  * A file input element.
  *
- * @see FileInput
+ * @see {@link FileInput}
+ * @category Elements
  */
 export type FileInputElement = ReturnType<typeof FileInput>;
 //# sourceMappingURL=FileInput.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;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;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,SAAS,sEAAyD,CAAC;AAEhF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"FileInput.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;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;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,sEAAyD,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

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

@@ -9,6 +9,7 @@
  * @property compact - Whether the file input field is compact. Default is
  * `false`.
  * @property disabled - whether the file input is disabled.
+ * @category Component Props
  */
 export type FileInputProps = {
     name: string;
@@ -40,12 +41,14 @@ export type FileInputProps = {
  * <Field label="Upload file">
  *   <FileInput name="file" />
  * </Field>
+ * @category Components
  */
 export declare const FileInput: import("../../component.mjs").SnapComponent<FileInputProps, "FileInput">;
 /**
  * A file input element.
  *
- * @see FileInput
+ * @see {@link FileInput}
+ * @category Elements
  */
 export type FileInputElement = ReturnType<typeof FileInput>;
 //# sourceMappingURL=FileInput.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;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;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,SAAS,sEAAyD,CAAC;AAEhF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"FileInput.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;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;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,sEAAyD,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

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

@@ -24,6 +24,7 @@ const TYPE = 'FileInput';
  * <Field label="Upload file">
  *   <FileInput name="file" />
  * </Field>
+ * @category Components
  */
 export const FileInput = createSnapComponent(TYPE);
 //# sourceMappingURL=FileInput.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAqBtD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;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 * @property disabled - whether the file input is disabled.\n */\nexport type FileInputProps = {\n  name: string;\n  accept?: string[] | undefined;\n  compact?: boolean | undefined;\n  disabled?: 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 * @param props.disabled - Whether the file input is disabled.\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"]}
+{"version":3,"file":"FileInput.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/FileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAsBtD,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;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 * @property disabled - whether the file input is disabled.\n * @category Component Props\n */\nexport type FileInputProps = {\n  name: string;\n  accept?: string[] | undefined;\n  compact?: boolean | undefined;\n  disabled?: 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 * @param props.disabled - Whether the file input is disabled.\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 * @category Components\n */\nexport const FileInput = createSnapComponent<FileInputProps, typeof TYPE>(TYPE);\n\n/**\n * A file input element.\n *\n * @see {@link FileInput}\n * @category Elements\n */\nexport type FileInputElement = ReturnType<typeof FileInput>;\n"]}

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

@@ -19,6 +19,7 @@ const TYPE = 'Form';
  *   </Field>
  *   <Button type="submit">Submit</Button>
  * </Form>
+ * @category Components
  */
 exports.Form = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Form.cjs.map

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

@@ -1 +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"]}
+{"version":3,"file":"Form.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Form.ts"],"names":[],"mappings":";;;AACA,mDAAsD;AAiBtD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;;GAiBG;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 * @category Component Props\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 * @category Components\n */\nexport const Form = createSnapComponent<FormProps, typeof TYPE>(TYPE);\n\n/**\n * A form element.\n *\n * @see {@link Form}\n * @category Elements\n */\nexport type FormElement = ReturnType<typeof Form>;\n"]}

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

@@ -5,6 +5,7 @@ import type { GenericSnapElement, SnapsChildren } from "../../component.cjs";
  * @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.
+ * @category Component Props
  */
 export type FormProps = {
     children: SnapsChildren<GenericSnapElement>;
@@ -26,12 +27,14 @@ export type FormProps = {
  *   </Field>
  *   <Button type="submit">Submit</Button>
  * </Form>
+ * @category Components
  */
 export declare const Form: import("../../component.cjs").SnapComponent<FormProps, "Form">;
 /**
  * A form element.
  *
- * @see Form
+ * @see {@link Form}
+ * @category Elements
  */
 export type FormElement = ReturnType<typeof Form>;
 //# sourceMappingURL=Form.d.cts.map

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

@@ -1 +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"}
+{"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;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,4DAAoD,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}

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

@@ -5,6 +5,7 @@ import type { GenericSnapElement, SnapsChildren } from "../../component.mjs";
  * @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.
+ * @category Component Props
  */
 export type FormProps = {
     children: SnapsChildren<GenericSnapElement>;
@@ -26,12 +27,14 @@ export type FormProps = {
  *   </Field>
  *   <Button type="submit">Submit</Button>
  * </Form>
+ * @category Components
  */
 export declare const Form: import("../../component.mjs").SnapComponent<FormProps, "Form">;
 /**
  * A form element.
  *
- * @see Form
+ * @see {@link Form}
+ * @category Elements
  */
 export type FormElement = ReturnType<typeof Form>;
 //# sourceMappingURL=Form.d.mts.map

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

@@ -1 +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"}
+{"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;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,4DAAoD,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC"}

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

@@ -16,6 +16,7 @@ const TYPE = 'Form';
  *   </Field>
  *   <Button type="submit">Submit</Button>
  * </Form>
+ * @category Components
  */
 export const Form = createSnapComponent(TYPE);
 //# sourceMappingURL=Form.mjs.map

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

@@ -1 +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"]}
+{"version":3,"file":"Form.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAiBtD,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB;;;;;;;;;;;;;;;;;GAiBG;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 * @category Component Props\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 * @category Components\n */\nexport const Form = createSnapComponent<FormProps, typeof TYPE>(TYPE);\n\n/**\n * A form element.\n *\n * @see {@link Form}\n * @category Elements\n */\nexport type FormElement = ReturnType<typeof Form>;\n"]}

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

@@ -24,6 +24,7 @@ const TYPE = 'Input';
  * <Input name="username" type="text" />
  * @example
  * <Input name="numeric" type="number" min={1} max={100} step={1} />
+ * @category Components
  */
 exports.Input = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Input.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AA2CtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;GAqBG;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\nexport type GenericInputProps = {\n  name: string;\n  value?: string | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n};\n\nexport type TextInputProps = { type: 'text' } & GenericInputProps;\n\nexport type PasswordInputProps = { type: 'password' } & GenericInputProps;\n\nexport type NumberInputProps = {\n  type: 'number';\n  min?: number;\n  max?: number;\n  step?: number;\n} & GenericInputProps;\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 * @property min - The minimum value of the input field.\n * Only applicable to the type `number` input.\n * @property max - The maximum value of the input field.\n * Only applicable to the type `number` input.\n * @property step - The step value of the input field.\n * Only applicable to the type `number` input.\n */\nexport type InputProps =\n  | GenericInputProps\n  | TextInputProps\n  | PasswordInputProps\n  | NumberInputProps;\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 * @param props.min - The minimum value of the input field.\n * Only applicable to the type `number` input.\n * @param props.max - The maximum value of the input field.\n * Only applicable to the type `number` input.\n * @param props.step - The step value of the input field.\n * Only applicable to the type `number` input.\n * @param props.disabled - Whether the input is disabled.\n * @returns An input element.\n * @example\n * <Input name=\"username\" type=\"text\" />\n * @example\n * <Input name=\"numeric\" type=\"number\" min={1} max={100} step={1} />\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"]}
+{"version":3,"file":"Input.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAwDtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;;GAsBG;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 * @category Component Props\n */\nexport type GenericInputProps = {\n  name: string;\n  value?: string | undefined;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n};\n\n/**\n * @category Component Props\n */\nexport type TextInputProps = { type: 'text' } & GenericInputProps;\n\n/**\n * @category Component Props\n */\nexport type PasswordInputProps = { type: 'password' } & GenericInputProps;\n\n/**\n * @category Component Props\n */\nexport type NumberInputProps = {\n  type: 'number';\n  min?: number;\n  max?: number;\n  step?: number;\n} & GenericInputProps;\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 * @property min - The minimum value of the input field.\n * Only applicable to the type `number` input.\n * @property max - The maximum value of the input field.\n * Only applicable to the type `number` input.\n * @property step - The step value of the input field.\n * Only applicable to the type `number` input.\n * @category Component Props\n */\nexport type InputProps =\n  | GenericInputProps\n  | TextInputProps\n  | PasswordInputProps\n  | NumberInputProps;\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 * @param props.min - The minimum value of the input field.\n * Only applicable to the type `number` input.\n * @param props.max - The maximum value of the input field.\n * Only applicable to the type `number` input.\n * @param props.step - The step value of the input field.\n * Only applicable to the type `number` input.\n * @param props.disabled - Whether the input is disabled.\n * @returns An input element.\n * @example\n * <Input name=\"username\" type=\"text\" />\n * @example\n * <Input name=\"numeric\" type=\"number\" min={1} max={100} step={1} />\n * @category Components\n */\nexport const Input = createSnapComponent<InputProps, typeof TYPE>(TYPE);\n\n/**\n * An input element.\n *\n * @see {@link Input}\n * @category Elements\n */\nexport type InputElement = ReturnType<typeof Input>;\n"]}

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

@@ -1,15 +1,27 @@
+/**
+ * @category Component Props
+ */
 export type GenericInputProps = {
     name: string;
     value?: string | undefined;
     placeholder?: string | undefined;
     disabled?: boolean | undefined;
 };
+/**
+ * @category Component Props
+ */
 export type TextInputProps = {
     type: 'text';
 } & GenericInputProps;
+/**
+ * @category Component Props
+ */
 export type PasswordInputProps = {
     type: 'password';
 } & GenericInputProps;
+/**
+ * @category Component Props
+ */
 export type NumberInputProps = {
     type: 'number';
     min?: number;
@@ -30,6 +42,7 @@ export type NumberInputProps = {
  * Only applicable to the type `number` input.
  * @property step - The step value of the input field.
  * Only applicable to the type `number` input.
+ * @category Component Props
  */
 export type InputProps = GenericInputProps | TextInputProps | PasswordInputProps | NumberInputProps;
 /**
@@ -53,12 +66,14 @@ export type InputProps = GenericInputProps | TextInputProps | PasswordInputProps
  * <Input name="username" type="text" />
  * @example
  * <Input name="numeric" type="number" min={1} max={100} step={1} />
+ * @category Components
  */
 export declare const Input: import("../../component.cjs").SnapComponent<InputProps, "Input">;
 /**
  * An input element.
  *
- * @see Input
+ * @see {@link Input}
+ * @category Elements
  */
 export type InputElement = ReturnType<typeof Input>;
 //# sourceMappingURL=Input.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG,iBAAiB,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,iBAAiB,CAAC;AAEtB;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,UAAU,GAClB,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,gBAAgB,CAAC;AAIrB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG,iBAAiB,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,iBAAiB,CAAC;AAEtB;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,UAAU,GAClB,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,gBAAgB,CAAC;AAIrB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}