@metamask/snaps-sdk 10.3.0 → 11.0.0

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

@@ -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.mjs").SnapComponent<InputProps, "Input">;
 /**
  * An input element.
  *
- * @see Input
+ * @see {@link Input}
+ * @category Elements
  */
 export type InputElement = ReturnType<typeof Input>;
 //# sourceMappingURL=Input.d.mts.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AA2CtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n// TODO: Add the `onChange` prop to the `InputProps` type.\n\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.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAwDtD,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,mBAAmB,CAA0B,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\n\n// TODO: Add the `onChange` prop to the `InputProps` type.\n\n/**\n * @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/Option.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Option.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":";;;AAIA,mDAAsD;AAgBtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,MAAM,GAAG,IAAA,+BAAmB,EAA2B,IAAI,CAAC,CAAC","sourcesContent":["// TODO: Either fix this lint violation or explain why it's necessary to\n//  ignore.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Dropdown } from './Dropdown';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Option} component.\n *\n * @property value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n * @property disabled - Whether the option is disabled.\n */\ntype OptionProps = {\n  value: string;\n  children: string;\n  disabled?: boolean;\n};\n\nconst TYPE = 'Option';\n\n/**\n * A dropdown option component, which is used to create a dropdown option. This component\n * can only be used as a child of the {@link Dropdown} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @param props.disabled - Whether the option is disabled.\n * @returns A dropdown option element.\n * @example\n * <Dropdown name=\"dropdown\">\n *  <Option value=\"option1\">Option 1</Option>\n *  <Option value=\"option2\">Option 2</Option>\n *  <Option value=\"option3\">Option 3</Option>\n * </Dropdown>\n */\nexport const Option = createSnapComponent<OptionProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown option element.\n *\n * @see Option\n */\nexport type OptionElement = ReturnType<typeof Option>;\n"]}
+{"version":3,"file":"Option.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":";;;AAIA,mDAAsD;AAiBtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,MAAM,GAAG,IAAA,+BAAmB,EAA2B,IAAI,CAAC,CAAC","sourcesContent":["// TODO: Either fix this lint violation or explain why it's necessary to\n//  ignore.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Dropdown } from './Dropdown';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Option} component.\n *\n * @property value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n * @property disabled - Whether the option is disabled.\n * @category Component Props\n */\ntype OptionProps = {\n  value: string;\n  children: string;\n  disabled?: boolean;\n};\n\nconst TYPE = 'Option';\n\n/**\n * A dropdown option component, which is used to create a dropdown option. This component\n * can only be used as a child of the {@link Dropdown} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @param props.disabled - Whether the option is disabled.\n * @returns A dropdown option element.\n * @example\n * <Dropdown name=\"dropdown\">\n *  <Option value=\"option1\">Option 1</Option>\n *  <Option value=\"option2\">Option 2</Option>\n *  <Option value=\"option3\">Option 3</Option>\n * </Dropdown>\n * @category Components\n */\nexport const Option = createSnapComponent<OptionProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown option element.\n *\n * @see {@link Option}\n * @category Elements\n */\nexport type OptionElement = ReturnType<typeof Option>;\n"]}

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

@@ -5,6 +5,7 @@
  * state in the form data.
  * @property children - The text to display.
  * @property disabled - Whether the option is disabled.
+ * @category Component Props
  */
 type OptionProps = {
     value: string;
@@ -27,12 +28,14 @@ type OptionProps = {
  *  <Option value="option2">Option 2</Option>
  *  <Option value="option3">Option 3</Option>
  * </Dropdown>
+ * @category Components
  */
 export declare const Option: import("../../component.cjs").SnapComponent<OptionProps, "Option">;
 /**
  * A dropdown option element.
  *
- * @see Option
+ * @see {@link Option}
+ * @category Elements
  */
 export type OptionElement = ReturnType<typeof Option>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Option.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Option.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAMA;;;;;;;;GAQG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

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

@@ -5,6 +5,7 @@
  * state in the form data.
  * @property children - The text to display.
  * @property disabled - Whether the option is disabled.
+ * @category Component Props
  */
 type OptionProps = {
     value: string;
@@ -27,12 +28,14 @@ type OptionProps = {
  *  <Option value="option2">Option 2</Option>
  *  <Option value="option3">Option 3</Option>
  * </Dropdown>
+ * @category Components
  */
 export declare const Option: import("../../component.mjs").SnapComponent<OptionProps, "Option">;
 /**
  * A dropdown option element.
  *
- * @see Option
+ * @see {@link Option}
+ * @category Elements
  */
 export type OptionElement = ReturnType<typeof Option>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Option.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Option.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAMA;;;;;;;;GAQG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,gEAAsD,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Option.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAgBtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,mBAAmB,CAA2B,IAAI,CAAC,CAAC","sourcesContent":["// TODO: Either fix this lint violation or explain why it's necessary to\n//  ignore.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Dropdown } from './Dropdown';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Option} component.\n *\n * @property value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n * @property disabled - Whether the option is disabled.\n */\ntype OptionProps = {\n  value: string;\n  children: string;\n  disabled?: boolean;\n};\n\nconst TYPE = 'Option';\n\n/**\n * A dropdown option component, which is used to create a dropdown option. This component\n * can only be used as a child of the {@link Dropdown} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @param props.disabled - Whether the option is disabled.\n * @returns A dropdown option element.\n * @example\n * <Dropdown name=\"dropdown\">\n *  <Option value=\"option1\">Option 1</Option>\n *  <Option value=\"option2\">Option 2</Option>\n *  <Option value=\"option3\">Option 3</Option>\n * </Dropdown>\n */\nexport const Option = createSnapComponent<OptionProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown option element.\n *\n * @see Option\n */\nexport type OptionElement = ReturnType<typeof Option>;\n"]}
+{"version":3,"file":"Option.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Option.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAiBtD,MAAM,IAAI,GAAG,QAAQ,CAAC;AAEtB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,mBAAmB,CAA2B,IAAI,CAAC,CAAC","sourcesContent":["// TODO: Either fix this lint violation or explain why it's necessary to\n//  ignore.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Dropdown } from './Dropdown';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Option} component.\n *\n * @property value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @property children - The text to display.\n * @property disabled - Whether the option is disabled.\n * @category Component Props\n */\ntype OptionProps = {\n  value: string;\n  children: string;\n  disabled?: boolean;\n};\n\nconst TYPE = 'Option';\n\n/**\n * A dropdown option component, which is used to create a dropdown option. This component\n * can only be used as a child of the {@link Dropdown} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the dropdown option. This is used to populate the\n * state in the form data.\n * @param props.children - The text to display.\n * @param props.disabled - Whether the option is disabled.\n * @returns A dropdown option element.\n * @example\n * <Dropdown name=\"dropdown\">\n *  <Option value=\"option1\">Option 1</Option>\n *  <Option value=\"option2\">Option 2</Option>\n *  <Option value=\"option3\">Option 3</Option>\n * </Dropdown>\n * @category Components\n */\nexport const Option = createSnapComponent<OptionProps, typeof TYPE>(TYPE);\n\n/**\n * A dropdown option element.\n *\n * @see {@link Option}\n * @category Elements\n */\nexport type OptionElement = ReturnType<typeof Option>;\n"]}

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

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

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

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

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

@@ -5,6 +5,7 @@
  * state in the form data.
  * @property children - The text to display.
  * @property disabled - Whether the radio is disabled.
+ * @category Component Props
  */
 type RadioProps = {
     value: string;
@@ -27,12 +28,14 @@ type RadioProps = {
  *  <Radio value="option2">Option 2</Radio>
  *  <Radio value="option3">Option 3</Radio>
  * </RadioGroup>
+ * @category Components
  */
 export declare const Radio: import("../../component.cjs").SnapComponent<RadioProps, "Radio">;
 /**
  * A radio element.
  *
- * @see Radio
+ * @see {@link Radio}
+ * @category Elements
  */
 export type RadioElement = ReturnType<typeof Radio>;
 export {};

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

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

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

@@ -5,6 +5,7 @@
  * state in the form data.
  * @property children - The text to display.
  * @property disabled - Whether the radio is disabled.
+ * @category Component Props
  */
 type RadioProps = {
     value: string;
@@ -27,12 +28,14 @@ type RadioProps = {
  *  <Radio value="option2">Option 2</Radio>
  *  <Radio value="option3">Option 3</Radio>
  * </RadioGroup>
+ * @category Components
  */
 export declare const Radio: import("../../component.mjs").SnapComponent<RadioProps, "Radio">;
 /**
  * A radio element.
  *
- * @see Radio
+ * @see {@link Radio}
+ * @category Elements
  */
 export type RadioElement = ReturnType<typeof Radio>;
 export {};

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

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

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

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

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

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

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

@@ -14,6 +14,7 @@ const TYPE = 'RadioGroup';
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />
+ * @category Components
  */
 exports.RadioGroup = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=RadioGroup.cjs.map

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

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

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

@@ -8,6 +8,7 @@ import type { SnapsChildren } from "../../component.cjs";
  * @property value - The value of the radio group element.
  * @property children - Radio options in form of <Radio> elements.
  * @property disabled - Whether the radio group is disabled.
+ * @category Component Props
  */
 type RadioGroupProps = {
     name: string;
@@ -26,12 +27,14 @@ type RadioGroupProps = {
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />
+ * @category Components
  */
 export declare const RadioGroup: import("../../component.cjs").SnapComponent<RadioGroupProps, "RadioGroup">;
 /**
  * A RadioGroup element.
  *
- * @see RadioGroup
+ * @see {@link RadioGroup}
+ * @category Elements
  */
 export type RadioGroupElement = ReturnType<typeof RadioGroup>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAKrD;;;;;;;;GAQG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,wEAEtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"RadioGroup.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAKrD;;;;;;;;;GASG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,wEAEtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

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

@@ -8,6 +8,7 @@ import type { SnapsChildren } from "../../component.mjs";
  * @property value - The value of the radio group element.
  * @property children - Radio options in form of <Radio> elements.
  * @property disabled - Whether the radio group is disabled.
+ * @category Component Props
  */
 type RadioGroupProps = {
     name: string;
@@ -26,12 +27,14 @@ type RadioGroupProps = {
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />
+ * @category Components
  */
 export declare const RadioGroup: import("../../component.mjs").SnapComponent<RadioGroupProps, "RadioGroup">;
 /**
  * A RadioGroup element.
  *
- * @see RadioGroup
+ * @see {@link RadioGroup}
+ * @category Elements
  */
 export type RadioGroupElement = ReturnType<typeof RadioGroup>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAKrD;;;;;;;;GAQG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,wEAEtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"RadioGroup.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAgB;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAKrD;;;;;;;;;GASG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,wEAEtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

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

@@ -11,6 +11,7 @@ const TYPE = 'RadioGroup';
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />
+ * @category Components
  */
 export const RadioGroup = createSnapComponent(TYPE);
 //# sourceMappingURL=RadioGroup.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAEtD,MAAM,IAAI,GAAG,YAAY,CAAC;AAkB1B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,mBAAmB,CAC3C,IAAI,CACL,CAAC","sourcesContent":["import type { RadioElement } from './Radio';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\nconst TYPE = 'RadioGroup';\n\n/**\n * The props of the {@link RadioGroup} component.\n *\n * @property name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @property value - The value of the radio group element.\n * @property children - Radio options in form of <Radio> elements.\n * @property disabled - Whether the radio group is disabled.\n */\ntype RadioGroupProps = {\n  name: string;\n  value?: string | undefined;\n  children: SnapsChildren<RadioElement>;\n  disabled?: boolean | undefined;\n};\n\n/**\n * A RadioGroup component, used to display multiple choices, where only one can be chosen.\n *\n * @param props.name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @param props.value - The value of the radio group element.\n * @param props.children - Radio options in form of <Radio> elements.\n * @param props.disabled - Whether the radio group is disabled.\n * @returns A RadioGroup element.\n * @example\n * <RadioGroup />\n */\nexport const RadioGroup = createSnapComponent<RadioGroupProps, typeof TYPE>(\n  TYPE,\n);\n\n/**\n * A RadioGroup element.\n *\n * @see RadioGroup\n */\nexport type RadioGroupElement = ReturnType<typeof RadioGroup>;\n"]}
+{"version":3,"file":"RadioGroup.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/RadioGroup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAEtD,MAAM,IAAI,GAAG,YAAY,CAAC;AAmB1B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,mBAAmB,CAC3C,IAAI,CACL,CAAC","sourcesContent":["import type { RadioElement } from './Radio';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\nconst TYPE = 'RadioGroup';\n\n/**\n * The props of the {@link RadioGroup} component.\n *\n * @property name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @property value - The value of the radio group element.\n * @property children - Radio options in form of <Radio> elements.\n * @property disabled - Whether the radio group is disabled.\n * @category Component Props\n */\ntype RadioGroupProps = {\n  name: string;\n  value?: string | undefined;\n  children: SnapsChildren<RadioElement>;\n  disabled?: boolean | undefined;\n};\n\n/**\n * A RadioGroup component, used to display multiple choices, where only one can be chosen.\n *\n * @param props.name - The name of the dropdown. This is used to identify the\n * state in the form data.\n * @param props.value - The value of the radio group element.\n * @param props.children - Radio options in form of <Radio> elements.\n * @param props.disabled - Whether the radio group is disabled.\n * @returns A RadioGroup element.\n * @example\n * <RadioGroup />\n * @category Components\n */\nexport const RadioGroup = createSnapComponent<RadioGroupProps, typeof TYPE>(\n  TYPE,\n);\n\n/**\n * A RadioGroup element.\n *\n * @see {@link RadioGroup}\n * @category Elements\n */\nexport type RadioGroupElement = ReturnType<typeof RadioGroup>;\n"]}

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

@@ -20,6 +20,7 @@ const TYPE = 'Selector';
  *  <SelectorOption value="option2"><Card title="Option 2" value="Bar" /></SelectorOption>
  *  <SelectorOption value="option3"><Card title="Option 3" value="Baz" /></SelectorOption>
  * </Selector>
+ * @category Components
  */
 exports.Selector = (0, component_1.createSnapComponent)(TYPE);
 //# sourceMappingURL=Selector.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Selector.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":";;;AAEA,mDAAsD;AAoBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SelectorOptionElement } from './SelectorOption';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Selector} component.\n *\n * @property name - The name of the selector. This is used to identify the\n * state in the form data.\n * @property title - The title of the selector. This is displayed in the UI.\n * @property value - The selected value of the selector.\n * @property children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n */\nexport type SelectorProps = {\n  name: string;\n  title: string;\n  value?: string | undefined;\n  children: SnapsChildren<SelectorOptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Selector';\n\n/**\n * A selector component, which is used to create a selector.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the selector field. This is used to identify the\n * state in the form data.\n * @param props.title - The title of the selector field. This is displayed in the UI.\n * @param props.value - The selected value of the selector.\n * @param props.children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n * @returns A selector element.\n * @example\n * <Selector name=\"selector\">\n *  <SelectorOption value=\"option1\"><Card title=\"Option 1\" value=\"Foo\" /></SelectorOption>\n *  <SelectorOption value=\"option2\"><Card title=\"Option 2\" value=\"Bar\" /></SelectorOption>\n *  <SelectorOption value=\"option3\"><Card title=\"Option 3\" value=\"Baz\" /></SelectorOption>\n * </Selector>\n */\nexport const Selector = createSnapComponent<SelectorProps, typeof TYPE>(TYPE);\n\n/**\n * A selector element.\n *\n * @see Selector\n */\nexport type SelectorElement = ReturnType<typeof Selector>;\n"]}
+{"version":3,"file":"Selector.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":";;;AAEA,mDAAsD;AAqBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SelectorOptionElement } from './SelectorOption';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Selector} component.\n *\n * @property name - The name of the selector. This is used to identify the\n * state in the form data.\n * @property title - The title of the selector. This is displayed in the UI.\n * @property value - The selected value of the selector.\n * @property children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n * @category Component Props\n */\nexport type SelectorProps = {\n  name: string;\n  title: string;\n  value?: string | undefined;\n  children: SnapsChildren<SelectorOptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Selector';\n\n/**\n * A selector component, which is used to create a selector.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the selector field. This is used to identify the\n * state in the form data.\n * @param props.title - The title of the selector field. This is displayed in the UI.\n * @param props.value - The selected value of the selector.\n * @param props.children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n * @returns A selector element.\n * @example\n * <Selector name=\"selector\">\n *  <SelectorOption value=\"option1\"><Card title=\"Option 1\" value=\"Foo\" /></SelectorOption>\n *  <SelectorOption value=\"option2\"><Card title=\"Option 2\" value=\"Bar\" /></SelectorOption>\n *  <SelectorOption value=\"option3\"><Card title=\"Option 3\" value=\"Baz\" /></SelectorOption>\n * </Selector>\n * @category Components\n */\nexport const Selector = createSnapComponent<SelectorProps, typeof TYPE>(TYPE);\n\n/**\n * A selector element.\n *\n * @see {@link Selector}\n * @category Elements\n */\nexport type SelectorElement = ReturnType<typeof Selector>;\n"]}

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

@@ -9,6 +9,7 @@ import type { SnapsChildren } from "../../component.cjs";
  * @property value - The selected value of the selector.
  * @property children - The children of the selector.
  * @property disabled - Whether the selector is disabled.
+ * @category Component Props
  */
 export type SelectorProps = {
     name: string;
@@ -34,12 +35,14 @@ export type SelectorProps = {
  *  <SelectorOption value="option2"><Card title="Option 2" value="Bar" /></SelectorOption>
  *  <SelectorOption value="option3"><Card title="Option 3" value="Baz" /></SelectorOption>
  * </Selector>
+ * @category Components
  */
 export declare const Selector: import("../../component.cjs").SnapComponent<SelectorProps, "Selector">;
 /**
  * A selector element.
  *
- * @see Selector
+ * @see {@link Selector}
+ * @category Elements
  */
 export type SelectorElement = ReturnType<typeof Selector>;
 //# sourceMappingURL=Selector.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Selector.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Selector.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}

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

@@ -9,6 +9,7 @@ import type { SnapsChildren } from "../../component.mjs";
  * @property value - The selected value of the selector.
  * @property children - The children of the selector.
  * @property disabled - Whether the selector is disabled.
+ * @category Component Props
  */
 export type SelectorProps = {
     name: string;
@@ -34,12 +35,14 @@ export type SelectorProps = {
  *  <SelectorOption value="option2"><Card title="Option 2" value="Bar" /></SelectorOption>
  *  <SelectorOption value="option3"><Card title="Option 3" value="Baz" /></SelectorOption>
  * </Selector>
+ * @category Components
  */
 export declare const Selector: import("../../component.mjs").SnapComponent<SelectorProps, "Selector">;
 /**
  * A selector element.
  *
- * @see Selector
+ * @see {@link Selector}
+ * @category Elements
  */
 export type SelectorElement = ReturnType<typeof Selector>;
 //# sourceMappingURL=Selector.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Selector.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Selector.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAGrD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}

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

@@ -17,6 +17,7 @@ const TYPE = 'Selector';
  *  <SelectorOption value="option2"><Card title="Option 2" value="Bar" /></SelectorOption>
  *  <SelectorOption value="option3"><Card title="Option 3" value="Baz" /></SelectorOption>
  * </Selector>
+ * @category Components
  */
 export const Selector = createSnapComponent(TYPE);
 //# sourceMappingURL=Selector.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Selector.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAoBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SelectorOptionElement } from './SelectorOption';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Selector} component.\n *\n * @property name - The name of the selector. This is used to identify the\n * state in the form data.\n * @property title - The title of the selector. This is displayed in the UI.\n * @property value - The selected value of the selector.\n * @property children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n */\nexport type SelectorProps = {\n  name: string;\n  title: string;\n  value?: string | undefined;\n  children: SnapsChildren<SelectorOptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Selector';\n\n/**\n * A selector component, which is used to create a selector.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the selector field. This is used to identify the\n * state in the form data.\n * @param props.title - The title of the selector field. This is displayed in the UI.\n * @param props.value - The selected value of the selector.\n * @param props.children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n * @returns A selector element.\n * @example\n * <Selector name=\"selector\">\n *  <SelectorOption value=\"option1\"><Card title=\"Option 1\" value=\"Foo\" /></SelectorOption>\n *  <SelectorOption value=\"option2\"><Card title=\"Option 2\" value=\"Bar\" /></SelectorOption>\n *  <SelectorOption value=\"option3\"><Card title=\"Option 3\" value=\"Baz\" /></SelectorOption>\n * </Selector>\n */\nexport const Selector = createSnapComponent<SelectorProps, typeof TYPE>(TYPE);\n\n/**\n * A selector element.\n *\n * @see Selector\n */\nexport type SelectorElement = ReturnType<typeof Selector>;\n"]}
+{"version":3,"file":"Selector.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAqBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SelectorOptionElement } from './SelectorOption';\nimport type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\n\n/**\n * The props of the {@link Selector} component.\n *\n * @property name - The name of the selector. This is used to identify the\n * state in the form data.\n * @property title - The title of the selector. This is displayed in the UI.\n * @property value - The selected value of the selector.\n * @property children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n * @category Component Props\n */\nexport type SelectorProps = {\n  name: string;\n  title: string;\n  value?: string | undefined;\n  children: SnapsChildren<SelectorOptionElement>;\n  disabled?: boolean | undefined;\n};\n\nconst TYPE = 'Selector';\n\n/**\n * A selector component, which is used to create a selector.\n *\n * @param props - The props of the component.\n * @param props.name - The name of the selector field. This is used to identify the\n * state in the form data.\n * @param props.title - The title of the selector field. This is displayed in the UI.\n * @param props.value - The selected value of the selector.\n * @param props.children - The children of the selector.\n * @property disabled - Whether the selector is disabled.\n * @returns A selector element.\n * @example\n * <Selector name=\"selector\">\n *  <SelectorOption value=\"option1\"><Card title=\"Option 1\" value=\"Foo\" /></SelectorOption>\n *  <SelectorOption value=\"option2\"><Card title=\"Option 2\" value=\"Bar\" /></SelectorOption>\n *  <SelectorOption value=\"option3\"><Card title=\"Option 3\" value=\"Baz\" /></SelectorOption>\n * </Selector>\n * @category Components\n */\nexport const Selector = createSnapComponent<SelectorProps, typeof TYPE>(TYPE);\n\n/**\n * A selector element.\n *\n * @see {@link Selector}\n * @category Elements\n */\nexport type SelectorElement = ReturnType<typeof Selector>;\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SelectorOption.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAiBtD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,cAAc,GAAG,IAAA,+BAAmB,EAG/C,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\nimport type { CardElement } from '../Card';\n\n/**\n * The props of the {@link SelectorOption} component.\n *\n * @property value - The value of the selector option. This is used to populate the\n * state in the form data.\n * @property children - The component to display.\n * @property disabled - Whether the selector option is disabled.\n */\nexport type SelectorOptionProps = {\n  value: string;\n  children: CardElement;\n  disabled?: boolean;\n};\n\nconst TYPE = 'SelectorOption';\n\n/**\n * A selector option component, which is used to create a selector option. This component\n * can only be used as a child of the {@link Selector} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the selector option. This is used to populate the\n * state in the form data.\n * @param props.children - The component to display.\n * @param props.disabled - Whether the selector option is disabled.\n * @returns A selector option element.\n * @example\n * <Selector name=\"selector\">\n *  <SelectorOption value=\"option1\"><Card title=\"Option 1\" value=\"Foo\" /></SelectorOption>\n *  <SelectorOption value=\"option2\"><Card title=\"Option 2\" value=\"Bar\" /></SelectorOption>\n *  <SelectorOption value=\"option3\"><Card title=\"Option 3\" value=\"Baz\" /></SelectorOption>\n * </Selector>\n */\nexport const SelectorOption = createSnapComponent<\n  SelectorOptionProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * A selector option element.\n *\n * @see SelectorOption\n */\nexport type SelectorOptionElement = ReturnType<typeof SelectorOption>;\n"]}
+{"version":3,"file":"SelectorOption.cjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":";;;AAAA,mDAAsD;AAkBtD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,cAAc,GAAG,IAAA,+BAAmB,EAG/C,IAAI,CAAC,CAAC","sourcesContent":["import { createSnapComponent } from '../../component';\nimport type { CardElement } from '../Card';\n\n/**\n * The props of the {@link SelectorOption} component.\n *\n * @property value - The value of the selector option. This is used to populate the\n * state in the form data.\n * @property children - The component to display.\n * @property disabled - Whether the selector option is disabled.\n * @category Component Props\n */\nexport type SelectorOptionProps = {\n  value: string;\n  children: CardElement;\n  disabled?: boolean;\n};\n\nconst TYPE = 'SelectorOption';\n\n/**\n * A selector option component, which is used to create a selector option. This component\n * can only be used as a child of the {@link Selector} component.\n *\n * @param props - The props of the component.\n * @param props.value - The value of the selector option. This is used to populate the\n * state in the form data.\n * @param props.children - The component to display.\n * @param props.disabled - Whether the selector option is disabled.\n * @returns A selector option element.\n * @example\n * <Selector name=\"selector\">\n *  <SelectorOption value=\"option1\"><Card title=\"Option 1\" value=\"Foo\" /></SelectorOption>\n *  <SelectorOption value=\"option2\"><Card title=\"Option 2\" value=\"Bar\" /></SelectorOption>\n *  <SelectorOption value=\"option3\"><Card title=\"Option 3\" value=\"Baz\" /></SelectorOption>\n * </Selector>\n * @category Components\n */\nexport const SelectorOption = createSnapComponent<\n  SelectorOptionProps,\n  typeof TYPE\n>(TYPE);\n\n/**\n * A selector option element.\n *\n * @see {@link SelectorOption}\n * @category Elements\n */\nexport type SelectorOptionElement = ReturnType<typeof SelectorOption>;\n"]}

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

@@ -6,6 +6,7 @@ import type { CardElement } from "../Card.cjs";
  * state in the form data.
  * @property children - The component to display.
  * @property disabled - Whether the selector option is disabled.
+ * @category Component Props
  */
 export type SelectorOptionProps = {
     value: string;
@@ -28,12 +29,14 @@ export type SelectorOptionProps = {
  *  <SelectorOption value="option2"><Card title="Option 2" value="Bar" /></SelectorOption>
  *  <SelectorOption value="option3"><Card title="Option 3" value="Baz" /></SelectorOption>
  * </Selector>
+ * @category Components
  */
 export declare const SelectorOption: import("../../component.cjs").SnapComponent<SelectorOptionProps, "SelectorOption">;
 /**
  * A selector option element.
  *
- * @see SelectorOption
+ * @see {@link SelectorOption}
+ * @category Elements
  */
 export type SelectorOptionElement = ReturnType<typeof SelectorOption>;
 //# sourceMappingURL=SelectorOption.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectorOption.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAE3C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,gFAGpB,CAAC;AAER;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"SelectorOption.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAE3C;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,cAAc,gFAGpB,CAAC;AAER;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

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

@@ -6,6 +6,7 @@ import type { CardElement } from "../Card.mjs";
  * state in the form data.
  * @property children - The component to display.
  * @property disabled - Whether the selector option is disabled.
+ * @category Component Props
  */
 export type SelectorOptionProps = {
     value: string;
@@ -28,12 +29,14 @@ export type SelectorOptionProps = {
  *  <SelectorOption value="option2"><Card title="Option 2" value="Bar" /></SelectorOption>
  *  <SelectorOption value="option3"><Card title="Option 3" value="Baz" /></SelectorOption>
  * </Selector>
+ * @category Components
  */
 export declare const SelectorOption: import("../../component.mjs").SnapComponent<SelectorOptionProps, "SelectorOption">;
 /**
  * A selector option element.
  *
- * @see SelectorOption
+ * @see {@link SelectorOption}
+ * @category Elements
  */
 export type SelectorOptionElement = ReturnType<typeof SelectorOption>;
 //# sourceMappingURL=SelectorOption.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectorOption.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAE3C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,gFAGpB,CAAC;AAER;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"SelectorOption.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAgB;AAE3C;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,cAAc,gFAGpB,CAAC;AAER;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

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

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