@metamask/snaps-sdk 10.4.0 → 11.0.0

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

@@ -9,6 +9,7 @@ import type { CaipAccountId, CaipChainId } from "@metamask/utils";
  * @property switchGlobalAccount - Whether to switch the selected account in the client.
  * @property disabled - Whether the account selector is disabled.
  * @property value - The selected address.
+ * @category Component Props
  */
 export type AccountSelectorProps = {
     name: string;
@@ -42,12 +43,14 @@ export type AccountSelectorProps = {
  * <AccountSelector name="account-selector" value="eip155:1:0x1234..." />
  * @example
  * <AccountSelector name="account-selector" hideExternalAccounts chainIds={['eip155:1']} switchGlobalAccount value="eip155:1:0x1234..." />
+ * @category Components
  */
 export declare const AccountSelector: import("../../component.cjs").SnapComponent<AccountSelectorProps, "AccountSelector">;
 /**
  * An account selector element.
  *
- * @see AccountSelector
+ * @see {@link AccountSelector}
+ * @category Elements
  */
 export type AccountSelectorElement = ReturnType<typeof AccountSelector>;
 //# sourceMappingURL=AccountSelector.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AccountSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,wBAAwB;AAIlE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,eAAe,kFAGrB,CAAC;AAER;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"AccountSelector.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AccountSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,wBAAwB;AAIlE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,eAAe,kFAGrB,CAAC;AAER;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

@@ -9,6 +9,7 @@ import type { CaipAccountId, CaipChainId } from "@metamask/utils";
  * @property switchGlobalAccount - Whether to switch the selected account in the client.
  * @property disabled - Whether the account selector is disabled.
  * @property value - The selected address.
+ * @category Component Props
  */
 export type AccountSelectorProps = {
     name: string;
@@ -42,12 +43,14 @@ export type AccountSelectorProps = {
  * <AccountSelector name="account-selector" value="eip155:1:0x1234..." />
  * @example
  * <AccountSelector name="account-selector" hideExternalAccounts chainIds={['eip155:1']} switchGlobalAccount value="eip155:1:0x1234..." />
+ * @category Components
  */
 export declare const AccountSelector: import("../../component.mjs").SnapComponent<AccountSelectorProps, "AccountSelector">;
 /**
  * An account selector element.
  *
- * @see AccountSelector
+ * @see {@link AccountSelector}
+ * @category Elements
  */
 export type AccountSelectorElement = ReturnType<typeof AccountSelector>;
 //# sourceMappingURL=AccountSelector.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AccountSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,wBAAwB;AAIlE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,eAAe,kFAGrB,CAAC;AAER;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"AccountSelector.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AccountSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,wBAAwB;AAIlE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,eAAe,kFAGrB,CAAC;AAER;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

@@ -24,6 +24,7 @@ const TYPE = 'AccountSelector';
  * <AccountSelector name="account-selector" value="eip155:1:0x1234..." />
  * @example
  * <AccountSelector name="account-selector" hideExternalAccounts chainIds={['eip155:1']} switchGlobalAccount value="eip155:1:0x1234..." />
+ * @category Components
  */
 export const AccountSelector = createSnapComponent(TYPE);
 //# sourceMappingURL=AccountSelector.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AccountSelector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAsBtD,MAAM,IAAI,GAAG,iBAAiB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,CAGhD,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId, CaipChainId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AccountSelector} component.\n *\n * @property name - The name of the account selector. This is used to identify the\n * state in the form data.\n * @property hideExternalAccounts - Whether to hide accounts that don't belong to the snap.\n * @property chainIds - The chain IDs to filter the accounts to show.\n * @property switchGlobalAccount - Whether to switch the selected account in the client.\n * @property disabled - Whether the account selector is disabled.\n * @property value - The selected address.\n */\nexport type AccountSelectorProps = {\n  name: string;\n  hideExternalAccounts?: boolean | undefined;\n  chainIds?: CaipChainId[] | undefined;\n  switchGlobalAccount?: boolean | undefined;\n  value?: CaipAccountId | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'AccountSelector';\n\n/**\n * An account selector component, which is used to create an account selector.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the account selector. This is used to identify the\n * state in the form data.\n * @param props.hideExternalAccounts - Whether to hide accounts that doesn't belong to the snap.\n * @param props.chainIds - The chain IDs to filter the accounts to show.\n * @param props.switchGlobalAccount - Whether to switch the selected account in the client.\n * @param props.value - The selected address.\n * @param props.disabled - Whether the account selector is disabled.\n * @returns An account selector element.\n * @example\n * <AccountSelector name=\"account-selector\" />\n * @example\n * <AccountSelector name=\"account-selector\" hideExternalAccounts />\n * @example\n * <AccountSelector name=\"account-selector\" chainIds={['eip155:1']} />\n * @example\n * <AccountSelector name=\"account-selector\" switchGlobalAccount />\n * @example\n * <AccountSelector name=\"account-selector\" value=\"eip155:1:0x1234...\" />\n * @example\n * <AccountSelector name=\"account-selector\" hideExternalAccounts chainIds={['eip155:1']} switchGlobalAccount value=\"eip155:1:0x1234...\" />\n */\nexport const AccountSelector = createSnapComponent<\n  AccountSelectorProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * An account selector element.\n *\n * @see AccountSelector\n */\nexport type AccountSelectorElement = ReturnType<typeof AccountSelector>;\n"]}
+{"version":3,"file":"AccountSelector.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AccountSelector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAuBtD,MAAM,IAAI,GAAG,iBAAiB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,CAGhD,IAAI,CAAC,CAAC","sourcesContent":["import type { CaipAccountId, CaipChainId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AccountSelector} component.\n *\n * @property name - The name of the account selector. This is used to identify the\n * state in the form data.\n * @property hideExternalAccounts - Whether to hide accounts that don't belong to the snap.\n * @property chainIds - The chain IDs to filter the accounts to show.\n * @property switchGlobalAccount - Whether to switch the selected account in the client.\n * @property disabled - Whether the account selector is disabled.\n * @property value - The selected address.\n * @category Component Props\n */\nexport type AccountSelectorProps = {\n  name: string;\n  hideExternalAccounts?: boolean | undefined;\n  chainIds?: CaipChainId[] | undefined;\n  switchGlobalAccount?: boolean | undefined;\n  value?: CaipAccountId | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'AccountSelector';\n\n/**\n * An account selector component, which is used to create an account selector.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the account selector. This is used to identify the\n * state in the form data.\n * @param props.hideExternalAccounts - Whether to hide accounts that doesn't belong to the snap.\n * @param props.chainIds - The chain IDs to filter the accounts to show.\n * @param props.switchGlobalAccount - Whether to switch the selected account in the client.\n * @param props.value - The selected address.\n * @param props.disabled - Whether the account selector is disabled.\n * @returns An account selector element.\n * @example\n * <AccountSelector name=\"account-selector\" />\n * @example\n * <AccountSelector name=\"account-selector\" hideExternalAccounts />\n * @example\n * <AccountSelector name=\"account-selector\" chainIds={['eip155:1']} />\n * @example\n * <AccountSelector name=\"account-selector\" switchGlobalAccount />\n * @example\n * <AccountSelector name=\"account-selector\" value=\"eip155:1:0x1234...\" />\n * @example\n * <AccountSelector name=\"account-selector\" hideExternalAccounts chainIds={['eip155:1']} switchGlobalAccount value=\"eip155:1:0x1234...\" />\n * @category Components\n */\nexport const AccountSelector = createSnapComponent<\n  AccountSelectorProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * An account selector element.\n *\n * @see {@link AccountSelector}\n * @category Elements\n */\nexport type AccountSelectorElement = ReturnType<typeof AccountSelector>;\n"]}

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

@@ -16,6 +16,7 @@ const TYPE = 'AddressInput';
  * @returns An input element.
  * @example
  * <AddressInput name="address" value="0x1234567890123456789012345678901234567890" chainId="eip155:1" />
+ * @category Components
  */
 exports.AddressInput = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=AddressInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressInput.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":";;;AAEA,mDAAsD;AAWtD,MAAM,IAAI,GAAG,cAAc,CAAC;AAE5B;;;;;;;;;;;;;GAaG;AACU,QAAA,YAAY,GAAG,IAAA,+BAAmB,EAC7C,IAAI,CACL,CAAC","sourcesContent":["import type { CaipChainId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\nexport type AddressInputProps = {\n  name: string;\n  value?: string | undefined;\n  chainId: CaipChainId;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  displayAvatar?: boolean | undefined;\n};\n\nconst TYPE = 'AddressInput';\n\n/**\n * An input component for entering an address. Resolves the address to a display name and avatar.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the input field.\n * @param props.value - The value of the input field.\n * @param props.chainId - The CAIP-2 chain ID of the address.\n * @param props.placeholder - The placeholder text of the input field.\n * @param props.disabled - Whether the input field is disabled.\n * @param props.displayAvatar - Whether to display the avatar of the address.\n * @returns An input element.\n * @example\n * <AddressInput name=\"address\" value=\"0x1234567890123456789012345678901234567890\" chainId=\"eip155:1\" />\n */\nexport const AddressInput = createSnapComponent<AddressInputProps, typeof TYPE>(\n  TYPE,\n);\n\nexport type AddressInputElement = ReturnType<typeof AddressInput>;\n"]}
+{"version":3,"file":"AddressInput.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":";;;AAEA,mDAAsD;AAsBtD,MAAM,IAAI,GAAG,cAAc,CAAC;AAE5B;;;;;;;;;;;;;;GAcG;AACU,QAAA,YAAY,GAAG,IAAA,+BAAmB,EAC7C,IAAI,CACL,CAAC","sourcesContent":["import type { CaipChainId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AddressInput} component.\n *\n * @property name - The name of the input field.\n * @property value - The value of the input field.\n * @property chainId - The CAIP-2 chain ID of the address.\n * @property placeholder - The placeholder text of the input field.\n * @property disabled - Whether the input field is disabled.\n * @property displayAvatar - Whether to display the avatar of the address.\n * @category Component Props\n */\nexport type AddressInputProps = {\n  name: string;\n  value?: string | undefined;\n  chainId: CaipChainId;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  displayAvatar?: boolean | undefined;\n};\n\nconst TYPE = 'AddressInput';\n\n/**\n * An input component for entering an address. Resolves the address to a display name and avatar.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the input field.\n * @param props.value - The value of the input field.\n * @param props.chainId - The CAIP-2 chain ID of the address.\n * @param props.placeholder - The placeholder text of the input field.\n * @param props.disabled - Whether the input field is disabled.\n * @param props.displayAvatar - Whether to display the avatar of the address.\n * @returns An input element.\n * @example\n * <AddressInput name=\"address\" value=\"0x1234567890123456789012345678901234567890\" chainId=\"eip155:1\" />\n * @category Components\n */\nexport const AddressInput = createSnapComponent<AddressInputProps, typeof TYPE>(\n  TYPE,\n);\n\n/**\n * An address input element.\n *\n * @see {@link AddressInput}\n * @category Elements\n */\nexport type AddressInputElement = ReturnType<typeof AddressInput>;\n"]}

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

@@ -1,4 +1,15 @@
 import type { CaipChainId } from "@metamask/utils";
+/**
+ * The props of the {@link AddressInput} component.
+ *
+ * @property name - The name of the input field.
+ * @property value - The value of the input field.
+ * @property chainId - The CAIP-2 chain ID of the address.
+ * @property placeholder - The placeholder text of the input field.
+ * @property disabled - Whether the input field is disabled.
+ * @property displayAvatar - Whether to display the avatar of the address.
+ * @category Component Props
+ */
 export type AddressInputProps = {
     name: string;
     value?: string | undefined;
@@ -20,7 +31,14 @@ export type AddressInputProps = {
  * @returns An input element.
  * @example
  * <AddressInput name="address" value="0x1234567890123456789012345678901234567890" chainId="eip155:1" />
+ * @category Components
  */
 export declare const AddressInput: import("../../component.cjs").SnapComponent<AddressInputProps, "AddressInput">;
+/**
+ * An address input element.
+ *
+ * @see {@link AddressInput}
+ * @category Elements
+ */
 export type AddressInputElement = ReturnType<typeof AddressInput>;
 //# sourceMappingURL=AddressInput.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressInput.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB;AAInD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC,CAAC;AAIF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,4EAExB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"AddressInput.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB;AAInD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,4EAExB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC"}

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

@@ -1,4 +1,15 @@
 import type { CaipChainId } from "@metamask/utils";
+/**
+ * The props of the {@link AddressInput} component.
+ *
+ * @property name - The name of the input field.
+ * @property value - The value of the input field.
+ * @property chainId - The CAIP-2 chain ID of the address.
+ * @property placeholder - The placeholder text of the input field.
+ * @property disabled - Whether the input field is disabled.
+ * @property displayAvatar - Whether to display the avatar of the address.
+ * @category Component Props
+ */
 export type AddressInputProps = {
     name: string;
     value?: string | undefined;
@@ -20,7 +31,14 @@ export type AddressInputProps = {
  * @returns An input element.
  * @example
  * <AddressInput name="address" value="0x1234567890123456789012345678901234567890" chainId="eip155:1" />
+ * @category Components
  */
 export declare const AddressInput: import("../../component.mjs").SnapComponent<AddressInputProps, "AddressInput">;
+/**
+ * An address input element.
+ *
+ * @see {@link AddressInput}
+ * @category Elements
+ */
 export type AddressInputElement = ReturnType<typeof AddressInput>;
 //# sourceMappingURL=AddressInput.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressInput.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB;AAInD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC,CAAC;AAIF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,4EAExB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"AddressInput.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB;AAInD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,4EAExB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC"}

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

@@ -13,6 +13,7 @@ const TYPE = 'AddressInput';
  * @returns An input element.
  * @example
  * <AddressInput name="address" value="0x1234567890123456789012345678901234567890" chainId="eip155:1" />
+ * @category Components
  */
 export const AddressInput = createSnapComponent(TYPE);
 //# sourceMappingURL=AddressInput.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressInput.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAWtD,MAAM,IAAI,GAAG,cAAc,CAAC;AAE5B;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAC7C,IAAI,CACL,CAAC","sourcesContent":["import type { CaipChainId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\nexport type AddressInputProps = {\n  name: string;\n  value?: string | undefined;\n  chainId: CaipChainId;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  displayAvatar?: boolean | undefined;\n};\n\nconst TYPE = 'AddressInput';\n\n/**\n * An input component for entering an address. Resolves the address to a display name and avatar.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the input field.\n * @param props.value - The value of the input field.\n * @param props.chainId - The CAIP-2 chain ID of the address.\n * @param props.placeholder - The placeholder text of the input field.\n * @param props.disabled - Whether the input field is disabled.\n * @param props.displayAvatar - Whether to display the avatar of the address.\n * @returns An input element.\n * @example\n * <AddressInput name=\"address\" value=\"0x1234567890123456789012345678901234567890\" chainId=\"eip155:1\" />\n */\nexport const AddressInput = createSnapComponent<AddressInputProps, typeof TYPE>(\n  TYPE,\n);\n\nexport type AddressInputElement = ReturnType<typeof AddressInput>;\n"]}
+{"version":3,"file":"AddressInput.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AddressInput.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAsBtD,MAAM,IAAI,GAAG,cAAc,CAAC;AAE5B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAC7C,IAAI,CACL,CAAC","sourcesContent":["import type { CaipChainId } from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AddressInput} component.\n *\n * @property name - The name of the input field.\n * @property value - The value of the input field.\n * @property chainId - The CAIP-2 chain ID of the address.\n * @property placeholder - The placeholder text of the input field.\n * @property disabled - Whether the input field is disabled.\n * @property displayAvatar - Whether to display the avatar of the address.\n * @category Component Props\n */\nexport type AddressInputProps = {\n  name: string;\n  value?: string | undefined;\n  chainId: CaipChainId;\n  placeholder?: string | undefined;\n  disabled?: boolean | undefined;\n  displayAvatar?: boolean | undefined;\n};\n\nconst TYPE = 'AddressInput';\n\n/**\n * An input component for entering an address. Resolves the address to a display name and avatar.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the input field.\n * @param props.value - The value of the input field.\n * @param props.chainId - The CAIP-2 chain ID of the address.\n * @param props.placeholder - The placeholder text of the input field.\n * @param props.disabled - Whether the input field is disabled.\n * @param props.displayAvatar - Whether to display the avatar of the address.\n * @returns An input element.\n * @example\n * <AddressInput name=\"address\" value=\"0x1234567890123456789012345678901234567890\" chainId=\"eip155:1\" />\n * @category Components\n */\nexport const AddressInput = createSnapComponent<AddressInputProps, typeof TYPE>(\n  TYPE,\n);\n\n/**\n * An address input element.\n *\n * @see {@link AddressInput}\n * @category Elements\n */\nexport type AddressInputElement = ReturnType<typeof AddressInput>;\n"]}

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

@@ -32,6 +32,7 @@ const TYPE = 'AssetSelector';
  *  ]}
  *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}
  * />
+ * @category Components
  */
 exports.AssetSelector = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=AssetSelector.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetSelector.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":";;;AAMA,mDAAsD;AAwBtD,MAAM,IAAI,GAAG,eAAe,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACU,QAAA,aAAa,GAAG,IAAA,+BAAmB,EAG9C,IAAI,CAAC,CAAC","sourcesContent":["import type {\n  CaipChainId,\n  CaipAssetType,\n  CaipAccountId,\n} from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AssetSelector} component.\n *\n * @property name - The name of the asset selector. This is used to identify the\n * state in the form data.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @property chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @property value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @property disabled - Whether the asset selector is disabled.\n */\nexport type AssetSelectorProps = {\n  name: string;\n  addresses: CaipAccountId[];\n  chainIds?: CaipChainId[] | undefined;\n  value?: CaipAssetType | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'AssetSelector';\n\n/**\n * An asset selector component, which is used to create an asset selector.\n *\n * @param props - The props of the component.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.disabled - Whether the asset selector is disabled.\n * @returns An asset selector element.\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  value=\"solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp/token:EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v\"\n * />\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}\n * />\n */\nexport const AssetSelector = createSnapComponent<\n  AssetSelectorProps,\n  typeof TYPE\n>(TYPE);\n\nexport type AssetSelectorElement = ReturnType<typeof AssetSelector>;\n"]}
+{"version":3,"file":"AssetSelector.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":";;;AAMA,mDAAsD;AAyBtD,MAAM,IAAI,GAAG,eAAe,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACU,QAAA,aAAa,GAAG,IAAA,+BAAmB,EAG9C,IAAI,CAAC,CAAC","sourcesContent":["import type {\n  CaipChainId,\n  CaipAssetType,\n  CaipAccountId,\n} from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AssetSelector} component.\n *\n * @property name - The name of the asset selector. This is used to identify the\n * state in the form data.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @property chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @property value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @property disabled - Whether the asset selector is disabled.\n * @category Component Props\n */\nexport type AssetSelectorProps = {\n  name: string;\n  addresses: CaipAccountId[];\n  chainIds?: CaipChainId[] | undefined;\n  value?: CaipAssetType | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'AssetSelector';\n\n/**\n * An asset selector component, which is used to create an asset selector.\n *\n * @param props - The props of the component.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.disabled - Whether the asset selector is disabled.\n * @returns An asset selector element.\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  value=\"solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp/token:EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v\"\n * />\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}\n * />\n * @category Components\n */\nexport const AssetSelector = createSnapComponent<\n  AssetSelectorProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * An asset selector element.\n *\n * @see {@link AssetSelector}\n * @category Elements\n */\nexport type AssetSelectorElement = ReturnType<typeof AssetSelector>;\n"]}

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

@@ -12,6 +12,7 @@ import type { CaipChainId, CaipAssetType, CaipAccountId } from "@metamask/utils"
  * @property value - The selected value of the asset selector.
  * Only non-EIP-155 namespaces are supported for now.
  * @property disabled - Whether the asset selector is disabled.
+ * @category Component Props
  */
 export type AssetSelectorProps = {
     name: string;
@@ -49,7 +50,14 @@ export type AssetSelectorProps = {
  *  ]}
  *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}
  * />
+ * @category Components
  */
 export declare const AssetSelector: import("../../component.cjs").SnapComponent<AssetSelectorProps, "AssetSelector">;
+/**
+ * An asset selector element.
+ *
+ * @see {@link AssetSelector}
+ * @category Elements
+ */
 export type AssetSelectorElement = ReturnType<typeof AssetSelector>;
 //# sourceMappingURL=AssetSelector.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetSelector.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,wBAAwB;AAIzB;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,8EAGnB,CAAC;AAER,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC"}
+{"version":3,"file":"AssetSelector.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,wBAAwB;AAIzB;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,aAAa,8EAGnB,CAAC;AAER;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC"}

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

@@ -12,6 +12,7 @@ import type { CaipChainId, CaipAssetType, CaipAccountId } from "@metamask/utils"
  * @property value - The selected value of the asset selector.
  * Only non-EIP-155 namespaces are supported for now.
  * @property disabled - Whether the asset selector is disabled.
+ * @category Component Props
  */
 export type AssetSelectorProps = {
     name: string;
@@ -49,7 +50,14 @@ export type AssetSelectorProps = {
  *  ]}
  *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}
  * />
+ * @category Components
  */
 export declare const AssetSelector: import("../../component.mjs").SnapComponent<AssetSelectorProps, "AssetSelector">;
+/**
+ * An asset selector element.
+ *
+ * @see {@link AssetSelector}
+ * @category Elements
+ */
 export type AssetSelectorElement = ReturnType<typeof AssetSelector>;
 //# sourceMappingURL=AssetSelector.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetSelector.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,wBAAwB;AAIzB;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,8EAGnB,CAAC;AAER,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC"}
+{"version":3,"file":"AssetSelector.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,wBAAwB;AAIzB;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,aAAa,8EAGnB,CAAC;AAER;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC"}

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

@@ -29,6 +29,7 @@ const TYPE = 'AssetSelector';
  *  ]}
  *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}
  * />
+ * @category Components
  */
 export const AssetSelector = createSnapComponent(TYPE);
 //# sourceMappingURL=AssetSelector.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetSelector.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAwBtD,MAAM,IAAI,GAAG,eAAe,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAG9C,IAAI,CAAC,CAAC","sourcesContent":["import type {\n  CaipChainId,\n  CaipAssetType,\n  CaipAccountId,\n} from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AssetSelector} component.\n *\n * @property name - The name of the asset selector. This is used to identify the\n * state in the form data.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @property chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @property value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @property disabled - Whether the asset selector is disabled.\n */\nexport type AssetSelectorProps = {\n  name: string;\n  addresses: CaipAccountId[];\n  chainIds?: CaipChainId[] | undefined;\n  value?: CaipAssetType | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'AssetSelector';\n\n/**\n * An asset selector component, which is used to create an asset selector.\n *\n * @param props - The props of the component.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.disabled - Whether the asset selector is disabled.\n * @returns An asset selector element.\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  value=\"solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp/token:EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v\"\n * />\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}\n * />\n */\nexport const AssetSelector = createSnapComponent<\n  AssetSelectorProps,\n  typeof TYPE\n>(TYPE);\n\nexport type AssetSelectorElement = ReturnType<typeof AssetSelector>;\n"]}
+{"version":3,"file":"AssetSelector.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/AssetSelector.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAyBtD,MAAM,IAAI,GAAG,eAAe,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAG9C,IAAI,CAAC,CAAC","sourcesContent":["import type {\n  CaipChainId,\n  CaipAssetType,\n  CaipAccountId,\n} from '@metamask/utils';\n\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link AssetSelector} component.\n *\n * @property name - The name of the asset selector. This is used to identify the\n * state in the form data.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @property chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @property value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @property disabled - Whether the asset selector is disabled.\n * @category Component Props\n */\nexport type AssetSelectorProps = {\n  name: string;\n  addresses: CaipAccountId[];\n  chainIds?: CaipChainId[] | undefined;\n  value?: CaipAssetType | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'AssetSelector';\n\n/**\n * An asset selector component, which is used to create an asset selector.\n *\n * @param props - The props of the component.\n * @property addresses - The addresses of the account to pull the assets from as CAIP-10 Account IDs.\n * Multiple CAIP-10 Account IDs can be provided, but the account address should be the same on all Account IDs.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.chainIds - The chain IDs to filter the assets.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.value - The selected value of the asset selector.\n * Only non-EIP-155 namespaces are supported for now.\n * @param props.disabled - Whether the asset selector is disabled.\n * @returns An asset selector element.\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  value=\"solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp/token:EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v\"\n * />\n * @example\n * <AssetSelector\n *  addresses={[\n *    'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *    'solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1:7S3P4HxJpyyigGzodYwHtCxZyUQe9JiBMHyRWXArAaKv',\n *  ]}\n *  chainIds={['solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp']}\n * />\n * @category Components\n */\nexport const AssetSelector = createSnapComponent<\n  AssetSelectorProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * An asset selector element.\n *\n * @see {@link AssetSelector}\n * @category Elements\n */\nexport type AssetSelectorElement = ReturnType<typeof AssetSelector>;\n"]}

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

@@ -12,6 +12,7 @@ const TYPE = 'Button';
  * @returns A button element.
  * @example
  * <Button name="my-button">Click me</Button>
+ * @category Components
  */
 exports.Button = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":";;;AACA,mDAAsD;AAgCtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;GASG;AACU,QAAA,MAAM,GAAG,IAAA,+BAAmB,EAA2B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren, StringElement } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { IconElement } from '../Icon';\nimport type { ImageElement } from '../Image';\n\n// TODO: Add the `onClick` prop to the `ButtonProps` type.\n\n/**\n * The props of the {@link Button} component.\n *\n * @property children - The text to display on the button.\n * @property name - The name of the button. This is used to identify the button\n * in the event handler.\n * @property type - The type of the button, i.e., `'button'` or `'submit'`.\n * Defaults to `'button'`.\n * @property variant - The variant of the button, i.e., `'primary'` or\n * `'destructive'`. Defaults to `'primary'`.\n * @property size - The size of the button. Defaults to `md`.\n * @property disabled - Whether the button is disabled. Defaults to `false`.\n * @property loading - Whether the button is loading. Defaults to `false`.\n * @property form - The name of the form component to associate the button with.\n */\nexport type ButtonProps = {\n  children: SnapsChildren<StringElement | IconElement | ImageElement>;\n  name?: string | undefined;\n  type?: 'button' | 'submit' | undefined;\n  variant?: 'primary' | 'destructive' | undefined;\n  size?: 'sm' | 'md' | undefined;\n  disabled?: boolean | undefined;\n  loading?: boolean | undefined;\n  form?: string | undefined;\n};\n\nconst TYPE = 'Button';\n\n/**\n * A button component, which is used to create a clickable button.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display on the button. This should be a\n * string or an array of strings.\n * @returns A button element.\n * @example\n * <Button name=\"my-button\">Click me</Button>\n */\nexport const Button = createSnapComponent<ButtonProps, typeof TYPE>(TYPE);\n\n/**\n * A button element.\n *\n * @see Button\n */\nexport type ButtonElement = ReturnType<typeof Button>;\n"]}
+{"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":";;;AACA,mDAAsD;AAiCtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;GAUG;AACU,QAAA,MAAM,GAAG,IAAA,+BAAmB,EAA2B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren, StringElement } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { IconElement } from '../Icon';\nimport type { ImageElement } from '../Image';\n\n// TODO: Add the `onClick` prop to the `ButtonProps` type.\n\n/**\n * The props of the {@link Button} component.\n *\n * @property children - The text to display on the button.\n * @property name - The name of the button. This is used to identify the button\n * in the event handler.\n * @property type - The type of the button, i.e., `'button'` or `'submit'`.\n * Defaults to `'button'`.\n * @property variant - The variant of the button, i.e., `'primary'` or\n * `'destructive'`. Defaults to `'primary'`.\n * @property size - The size of the button. Defaults to `md`.\n * @property disabled - Whether the button is disabled. Defaults to `false`.\n * @property loading - Whether the button is loading. Defaults to `false`.\n * @property form - The name of the form component to associate the button with.\n * @category Component Props\n */\nexport type ButtonProps = {\n  children: SnapsChildren<StringElement | IconElement | ImageElement>;\n  name?: string | undefined;\n  type?: 'button' | 'submit' | undefined;\n  variant?: 'primary' | 'destructive' | undefined;\n  size?: 'sm' | 'md' | undefined;\n  disabled?: boolean | undefined;\n  loading?: boolean | undefined;\n  form?: string | undefined;\n};\n\nconst TYPE = 'Button';\n\n/**\n * A button component, which is used to create a clickable button.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display on the button. This should be a\n * string or an array of strings.\n * @returns A button element.\n * @example\n * <Button name=\"my-button\">Click me</Button>\n * @category Components\n */\nexport const Button = createSnapComponent<ButtonProps, typeof TYPE>(TYPE);\n\n/**\n * A button element.\n *\n * @see {@link Button}\n * @category Elements\n */\nexport type ButtonElement = ReturnType<typeof Button>;\n"]}

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

@@ -15,6 +15,7 @@ import type { ImageElement } from "../Image.cjs";
  * @property disabled - Whether the button is disabled. Defaults to `false`.
  * @property loading - Whether the button is loading. Defaults to `false`.
  * @property form - The name of the form component to associate the button with.
+ * @category Component Props
  */
 export type ButtonProps = {
     children: SnapsChildren<StringElement | IconElement | ImageElement>;
@@ -35,12 +36,14 @@ export type ButtonProps = {
  * @returns A button element.
  * @example
  * <Button name="my-button">Click me</Button>
+ * @category Components
  */
 export declare const Button: import("../../component.cjs").SnapComponent<ButtonProps, "Button">;
 /**
  * A button element.
  *
- * @see Button
+ * @see {@link Button}
+ * @category Elements
  */
 export type ButtonElement = ReturnType<typeof Button>;
 //# sourceMappingURL=Button.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,4BAAwB;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAiB;AAI7C;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,aAAa,CAAC,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAIF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,4BAAwB;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAiB;AAI7C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,aAAa,CAAC,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAIF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

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

@@ -15,6 +15,7 @@ import type { ImageElement } from "../Image.mjs";
  * @property disabled - Whether the button is disabled. Defaults to `false`.
  * @property loading - Whether the button is loading. Defaults to `false`.
  * @property form - The name of the form component to associate the button with.
+ * @category Component Props
  */
 export type ButtonProps = {
     children: SnapsChildren<StringElement | IconElement | ImageElement>;
@@ -35,12 +36,14 @@ export type ButtonProps = {
  * @returns A button element.
  * @example
  * <Button name="my-button">Click me</Button>
+ * @category Components
  */
 export declare const Button: import("../../component.mjs").SnapComponent<ButtonProps, "Button">;
 /**
  * A button element.
  *
- * @see Button
+ * @see {@link Button}
+ * @category Elements
  */
 export type ButtonElement = ReturnType<typeof Button>;
 //# sourceMappingURL=Button.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,4BAAwB;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAiB;AAI7C;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,aAAa,CAAC,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAIF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,4BAAwB;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAiB;AAI7C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,aAAa,CAAC,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAIF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

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

@@ -9,6 +9,7 @@ const TYPE = 'Button';
  * @returns A button element.
  * @example
  * <Button name="my-button">Click me</Button>
+ * @category Components
  */
 export const Button = createSnapComponent(TYPE);
 //# sourceMappingURL=Button.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAgCtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,mBAAmB,CAA2B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren, StringElement } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { IconElement } from '../Icon';\nimport type { ImageElement } from '../Image';\n\n// TODO: Add the `onClick` prop to the `ButtonProps` type.\n\n/**\n * The props of the {@link Button} component.\n *\n * @property children - The text to display on the button.\n * @property name - The name of the button. This is used to identify the button\n * in the event handler.\n * @property type - The type of the button, i.e., `'button'` or `'submit'`.\n * Defaults to `'button'`.\n * @property variant - The variant of the button, i.e., `'primary'` or\n * `'destructive'`. Defaults to `'primary'`.\n * @property size - The size of the button. Defaults to `md`.\n * @property disabled - Whether the button is disabled. Defaults to `false`.\n * @property loading - Whether the button is loading. Defaults to `false`.\n * @property form - The name of the form component to associate the button with.\n */\nexport type ButtonProps = {\n  children: SnapsChildren<StringElement | IconElement | ImageElement>;\n  name?: string | undefined;\n  type?: 'button' | 'submit' | undefined;\n  variant?: 'primary' | 'destructive' | undefined;\n  size?: 'sm' | 'md' | undefined;\n  disabled?: boolean | undefined;\n  loading?: boolean | undefined;\n  form?: string | undefined;\n};\n\nconst TYPE = 'Button';\n\n/**\n * A button component, which is used to create a clickable button.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display on the button. This should be a\n * string or an array of strings.\n * @returns A button element.\n * @example\n * <Button name=\"my-button\">Click me</Button>\n */\nexport const Button = createSnapComponent<ButtonProps, typeof TYPE>(TYPE);\n\n/**\n * A button element.\n *\n * @see Button\n */\nexport type ButtonElement = ReturnType<typeof Button>;\n"]}
+{"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAiCtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,mBAAmB,CAA2B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren, StringElement } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { IconElement } from '../Icon';\nimport type { ImageElement } from '../Image';\n\n// TODO: Add the `onClick` prop to the `ButtonProps` type.\n\n/**\n * The props of the {@link Button} component.\n *\n * @property children - The text to display on the button.\n * @property name - The name of the button. This is used to identify the button\n * in the event handler.\n * @property type - The type of the button, i.e., `'button'` or `'submit'`.\n * Defaults to `'button'`.\n * @property variant - The variant of the button, i.e., `'primary'` or\n * `'destructive'`. Defaults to `'primary'`.\n * @property size - The size of the button. Defaults to `md`.\n * @property disabled - Whether the button is disabled. Defaults to `false`.\n * @property loading - Whether the button is loading. Defaults to `false`.\n * @property form - The name of the form component to associate the button with.\n * @category Component Props\n */\nexport type ButtonProps = {\n  children: SnapsChildren<StringElement | IconElement | ImageElement>;\n  name?: string | undefined;\n  type?: 'button' | 'submit' | undefined;\n  variant?: 'primary' | 'destructive' | undefined;\n  size?: 'sm' | 'md' | undefined;\n  disabled?: boolean | undefined;\n  loading?: boolean | undefined;\n  form?: string | undefined;\n};\n\nconst TYPE = 'Button';\n\n/**\n * A button component, which is used to create a clickable button.\n *\n * @param props - The props of the component.\n * @param props.children - The text to display on the button. This should be a\n * string or an array of strings.\n * @returns A button element.\n * @example\n * <Button name=\"my-button\">Click me</Button>\n * @category Components\n */\nexport const Button = createSnapComponent<ButtonProps, typeof TYPE>(TYPE);\n\n/**\n * A button element.\n *\n * @see {@link Button}\n * @category Elements\n */\nexport type ButtonElement = ReturnType<typeof Button>;\n"]}

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

@@ -16,6 +16,7 @@ const TYPE = 'Checkbox';
  * @returns A checkbox element.
  * @example
  * <Checkbox name="accept-terms" />
+ * @category Components
  */
 exports.Checkbox = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Checkbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAoBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;GAaG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Checkbox} component.\n *\n * @property name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @property checked - Whether the checkbox is checked or not.\n * @property label - An optional label for the checkbox.\n * @property variant - An optional variant for the checkbox.\n * @property disabled - Whether the checkbox is disabled.\n */\nexport type CheckboxProps = {\n  name: string;\n  checked?: boolean | undefined;\n  label?: string | undefined;\n  variant?: 'default' | 'toggle' | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Checkbox';\n\n/**\n * A checkbox component, which is used to create a checkbox.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @param props.checked - Whether the checkbox is checked or not.\n * @param props.label - An optional label for the checkbox.\n * @param props.variant - An optional variant for the checkbox.\n * @param props.disabled - Whether the checkbox is disabled.\n * @returns A checkbox element.\n * @example\n * <Checkbox name=\"accept-terms\" />\n */\nexport const Checkbox = createSnapComponent<CheckboxProps, typeof TYPE>(TYPE);\n\n/**\n * A checkbox element.\n *\n * @see Checkbox\n */\nexport type CheckboxElement = ReturnType<typeof Checkbox>;\n"]}
+{"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAqBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;GAcG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Checkbox} component.\n *\n * @property name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @property checked - Whether the checkbox is checked or not.\n * @property label - An optional label for the checkbox.\n * @property variant - An optional variant for the checkbox.\n * @property disabled - Whether the checkbox is disabled.\n * @category Component Props\n */\nexport type CheckboxProps = {\n  name: string;\n  checked?: boolean | undefined;\n  label?: string | undefined;\n  variant?: 'default' | 'toggle' | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Checkbox';\n\n/**\n * A checkbox component, which is used to create a checkbox.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @param props.checked - Whether the checkbox is checked or not.\n * @param props.label - An optional label for the checkbox.\n * @param props.variant - An optional variant for the checkbox.\n * @param props.disabled - Whether the checkbox is disabled.\n * @returns A checkbox element.\n * @example\n * <Checkbox name=\"accept-terms\" />\n * @category Components\n */\nexport const Checkbox = createSnapComponent<CheckboxProps, typeof TYPE>(TYPE);\n\n/**\n * A checkbox element.\n *\n * @see {@link Checkbox}\n * @category Elements\n */\nexport type CheckboxElement = ReturnType<typeof Checkbox>;\n"]}

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

@@ -7,6 +7,7 @@
  * @property label - An optional label for the checkbox.
  * @property variant - An optional variant for the checkbox.
  * @property disabled - Whether the checkbox is disabled.
+ * @category Component Props
  */
 export type CheckboxProps = {
     name: string;
@@ -28,12 +29,14 @@ export type CheckboxProps = {
  * @returns A checkbox element.
  * @example
  * <Checkbox name="accept-terms" />
+ * @category Components
  */
 export declare const Checkbox: import("../../component.cjs").SnapComponent<CheckboxProps, "Checkbox">;
 /**
  * A checkbox element.
  *
- * @see Checkbox
+ * @see {@link Checkbox}
+ * @category Elements
  */
 export type CheckboxElement = ReturnType<typeof Checkbox>;
 //# sourceMappingURL=Checkbox.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}

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

@@ -7,6 +7,7 @@
  * @property label - An optional label for the checkbox.
  * @property variant - An optional variant for the checkbox.
  * @property disabled - Whether the checkbox is disabled.
+ * @category Component Props
  */
 export type CheckboxProps = {
     name: string;
@@ -28,12 +29,14 @@ export type CheckboxProps = {
  * @returns A checkbox element.
  * @example
  * <Checkbox name="accept-terms" />
+ * @category Components
  */
 export declare const Checkbox: import("../../component.mjs").SnapComponent<CheckboxProps, "Checkbox">;
 /**
  * A checkbox element.
  *
- * @see Checkbox
+ * @see {@link Checkbox}
+ * @category Elements
  */
 export type CheckboxElement = ReturnType<typeof Checkbox>;
 //# sourceMappingURL=Checkbox.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}

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

@@ -13,6 +13,7 @@ const TYPE = 'Checkbox';
  * @returns A checkbox element.
  * @example
  * <Checkbox name="accept-terms" />
+ * @category Components
  */
 export const Checkbox = createSnapComponent(TYPE);
 //# sourceMappingURL=Checkbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAoBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Checkbox} component.\n *\n * @property name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @property checked - Whether the checkbox is checked or not.\n * @property label - An optional label for the checkbox.\n * @property variant - An optional variant for the checkbox.\n * @property disabled - Whether the checkbox is disabled.\n */\nexport type CheckboxProps = {\n  name: string;\n  checked?: boolean | undefined;\n  label?: string | undefined;\n  variant?: 'default' | 'toggle' | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Checkbox';\n\n/**\n * A checkbox component, which is used to create a checkbox.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @param props.checked - Whether the checkbox is checked or not.\n * @param props.label - An optional label for the checkbox.\n * @param props.variant - An optional variant for the checkbox.\n * @param props.disabled - Whether the checkbox is disabled.\n * @returns A checkbox element.\n * @example\n * <Checkbox name=\"accept-terms\" />\n */\nexport const Checkbox = createSnapComponent<CheckboxProps, typeof TYPE>(TYPE);\n\n/**\n * A checkbox element.\n *\n * @see Checkbox\n */\nexport type CheckboxElement = ReturnType<typeof Checkbox>;\n"]}
+{"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAqBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Checkbox} component.\n *\n * @property name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @property checked - Whether the checkbox is checked or not.\n * @property label - An optional label for the checkbox.\n * @property variant - An optional variant for the checkbox.\n * @property disabled - Whether the checkbox is disabled.\n * @category Component Props\n */\nexport type CheckboxProps = {\n  name: string;\n  checked?: boolean | undefined;\n  label?: string | undefined;\n  variant?: 'default' | 'toggle' | undefined;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Checkbox';\n\n/**\n * A checkbox component, which is used to create a checkbox.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the checkbox. This is used to identify the\n * state in the form data.\n * @param props.checked - Whether the checkbox is checked or not.\n * @param props.label - An optional label for the checkbox.\n * @param props.variant - An optional variant for the checkbox.\n * @param props.disabled - Whether the checkbox is disabled.\n * @returns A checkbox element.\n * @example\n * <Checkbox name=\"accept-terms\" />\n * @category Components\n */\nexport const Checkbox = createSnapComponent<CheckboxProps, typeof TYPE>(TYPE);\n\n/**\n * A checkbox element.\n *\n * @see {@link Checkbox}\n * @category Elements\n */\nexport type CheckboxElement = ReturnType<typeof Checkbox>;\n"]}

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

@@ -16,6 +16,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
  */
 exports.DateTimePicker = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=DateTimePicker.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/DateTimePicker.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AA0BtD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;GAaG;AACU,QAAA,cAAc,GAAG,IAAA,+BAAmB,EAG/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.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/DateTimePicker.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AA2BtD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACU,QAAA,cAAc,GAAG,IAAA,+BAAmB,EAG/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/DateTimePicker.d.cts

@@ -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.cjs").SnapComponent<DateTimePickerProps, "DateTimePicker">;
 /**
  * A DateTimePicker element.
  *
- * @see DateTimePicker
+ * @see {@link DateTimePicker}
+ * @category Elements
  */
 export type DateTimePickerElement = ReturnType<typeof DateTimePicker>;
 //# sourceMappingURL=DateTimePicker.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.cts","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.cts","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"}