@metamask/snaps-sdk 6.16.0 → 6.17.1

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

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

@@ -4,10 +4,12 @@
  * @property value - The value of the dropdown option. This is used to populate the
  * state in the form data.
  * @property children - The text to display.
+ * @property disabled - Whether the option is disabled.
  */
 type OptionProps = {
     value: string;
     children: string;
+    disabled?: boolean;
 };
 /**
  * A dropdown option component, which is used to create a dropdown option. This component
@@ -17,6 +19,7 @@ type OptionProps = {
  * @param props.value - The value of the dropdown option. This is used to populate the
  * state in the form data.
  * @param props.children - The text to display.
+ * @param props.disabled - Whether the option is disabled.
  * @returns A dropdown option element.
  * @example
  * <Dropdown name="dropdown">

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

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

@@ -4,10 +4,12 @@
  * @property value - The value of the dropdown option. This is used to populate the
  * state in the form data.
  * @property children - The text to display.
+ * @property disabled - Whether the option is disabled.
  */
 type OptionProps = {
     value: string;
     children: string;
+    disabled?: boolean;
 };
 /**
  * A dropdown option component, which is used to create a dropdown option. This component
@@ -17,6 +19,7 @@ type OptionProps = {
  * @param props.value - The value of the dropdown option. This is used to populate the
  * state in the form data.
  * @param props.children - The text to display.
+ * @param props.disabled - Whether the option is disabled.
  * @returns A dropdown option element.
  * @example
  * <Dropdown name="dropdown">

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

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

@@ -10,6 +10,7 @@ const TYPE = 'Option';
  * @param props.value - The value of the dropdown option. This is used to populate the
  * state in the form data.
  * @param props.children - The text to display.
+ * @param props.disabled - Whether the option is disabled.
  * @returns A dropdown option element.
  * @example
  * <Dropdown name="dropdown">

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

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

@@ -11,6 +11,7 @@ const TYPE = 'Radio';
  * @param props.value - The value of the radio option. This is used to populate the
  * state in the form data.
  * @param props.children - The text to display.
+ * @param props.disabled - Whether the radio is disabled.
  * @returns A radio element.
  * @example
  * <RadioGroup name="radio-group">

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

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

@@ -4,10 +4,12 @@
  * @property value - The value of the radio option. This is used to populate the
  * state in the form data.
  * @property children - The text to display.
+ * @property disabled - Whether the radio is disabled.
  */
 type RadioProps = {
     value: string;
     children: string;
+    disabled?: boolean | undefined;
 };
 /**
  * A radio component, which is used to create a radio option. This component
@@ -17,6 +19,7 @@ type RadioProps = {
  * @param props.value - The value of the radio option. This is used to populate the
  * state in the form data.
  * @param props.children - The text to display.
+ * @param props.disabled - Whether the radio is disabled.
  * @returns A radio element.
  * @example
  * <RadioGroup name="radio-group">

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;;;;;;GAMG;AACH,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"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"}

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

@@ -4,10 +4,12 @@
  * @property value - The value of the radio option. This is used to populate the
  * state in the form data.
  * @property children - The text to display.
+ * @property disabled - Whether the radio is disabled.
  */
 type RadioProps = {
     value: string;
     children: string;
+    disabled?: boolean | undefined;
 };
 /**
  * A radio component, which is used to create a radio option. This component
@@ -17,6 +19,7 @@ type RadioProps = {
  * @param props.value - The value of the radio option. This is used to populate the
  * state in the form data.
  * @param props.children - The text to display.
+ * @param props.disabled - Whether the radio is disabled.
  * @returns A radio element.
  * @example
  * <RadioGroup name="radio-group">

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;;;;;;GAMG;AACH,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,8DAAqD,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"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"}

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

@@ -8,6 +8,7 @@ const TYPE = 'Radio';
  * @param props.value - The value of the radio option. This is used to populate the
  * state in the form data.
  * @param props.children - The text to display.
+ * @param props.disabled - Whether the radio is disabled.
  * @returns A radio element.
  * @example
  * <RadioGroup name="radio-group">

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

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

@@ -6,6 +6,11 @@ const TYPE = 'RadioGroup';
 /**
  * A RadioGroup component, used to display multiple choices, where only one can be chosen.
  *
+ * @param props.name - The name of the dropdown. This is used to identify the
+ * state in the form data.
+ * @param props.value - The value of the radio group element.
+ * @param props.children - Radio options in form of <Radio> elements.
+ * @param props.disabled - Whether the radio group is disabled.
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />

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

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

@@ -5,16 +5,24 @@ import type { RadioElement } from "./Radio.cjs";
  *
  * @property name - The name of the dropdown. This is used to identify the
  * state in the form data.
+ * @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.
  */
 type RadioGroupProps = {
     name: string;
     value?: string | undefined;
     children: SnapsChildren<RadioElement>;
+    disabled?: boolean | undefined;
 };
 /**
  * A RadioGroup component, used to display multiple choices, where only one can be chosen.
  *
+ * @param props.name - The name of the dropdown. This is used to identify the
+ * state in the form data.
+ * @param props.value - The value of the radio group element.
+ * @param props.children - Radio options in form of <Radio> elements.
+ * @param props.disabled - Whether the radio group is disabled.
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />

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

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

@@ -5,16 +5,24 @@ import type { RadioElement } from "./Radio.mjs";
  *
  * @property name - The name of the dropdown. This is used to identify the
  * state in the form data.
+ * @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.
  */
 type RadioGroupProps = {
     name: string;
     value?: string | undefined;
     children: SnapsChildren<RadioElement>;
+    disabled?: boolean | undefined;
 };
 /**
  * A RadioGroup component, used to display multiple choices, where only one can be chosen.
  *
+ * @param props.name - The name of the dropdown. This is used to identify the
+ * state in the form data.
+ * @param props.value - The value of the radio group element.
+ * @param props.children - Radio options in form of <Radio> elements.
+ * @param props.disabled - Whether the radio group is disabled.
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />

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

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

@@ -3,6 +3,11 @@ const TYPE = 'RadioGroup';
 /**
  * A RadioGroup component, used to display multiple choices, where only one can be chosen.
  *
+ * @param props.name - The name of the dropdown. This is used to identify the
+ * state in the form data.
+ * @param props.value - The value of the radio group element.
+ * @param props.children - Radio options in form of <Radio> elements.
+ * @param props.disabled - Whether the radio group is disabled.
  * @returns A RadioGroup element.
  * @example
  * <RadioGroup />

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

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

@@ -12,6 +12,7 @@ const TYPE = 'Selector';
  * @param props.title - The title of the selector field. This is displayed in the UI.
  * @param props.value - The selected value of the selector.
  * @param props.children - The children of the selector.
+ * @property disabled - Whether the selector is disabled.
  * @returns A selector element.
  * @example
  * <Selector name="selector">

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":";;;AACA,mDAAsD;AAmBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { SelectorOptionElement } from './SelectorOption';\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 */\nexport type SelectorProps = {\n  name: string;\n  title: string;\n  value?: string | undefined;\n  children: SnapsChildren<SelectorOptionElement>;\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 * @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":";;;AACA,mDAAsD;AAqBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,QAAQ,GAAG,IAAA,+BAAmB,EAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { SelectorOptionElement } from './SelectorOption';\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"]}

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

@@ -8,12 +8,14 @@ import type { SelectorOptionElement } from "./SelectorOption.cjs";
  * @property title - The title of the selector. This is displayed in the UI.
  * @property value - The selected value of the selector.
  * @property children - The children of the selector.
+ * @property disabled - Whether the selector is disabled.
  */
 export type SelectorProps = {
     name: string;
     title: string;
     value?: string | undefined;
     children: SnapsChildren<SelectorOptionElement>;
+    disabled?: boolean | undefined;
 };
 /**
  * A selector component, which is used to create a selector.
@@ -24,6 +26,7 @@ export type SelectorProps = {
  * @param props.title - The title of the selector field. This is displayed in the UI.
  * @param props.value - The selected value of the selector.
  * @param props.children - The children of the selector.
+ * @property disabled - Whether the selector is disabled.
  * @returns A selector element.
  * @example
  * <Selector name="selector">

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,aAAa,EAAE,4BAAwB;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAE9D;;;;;;;;GAQG;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;CAChD,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Selector.d.cts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAE9D;;;;;;;;;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"}

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

@@ -8,12 +8,14 @@ import type { SelectorOptionElement } from "./SelectorOption.mjs";
  * @property title - The title of the selector. This is displayed in the UI.
  * @property value - The selected value of the selector.
  * @property children - The children of the selector.
+ * @property disabled - Whether the selector is disabled.
  */
 export type SelectorProps = {
     name: string;
     title: string;
     value?: string | undefined;
     children: SnapsChildren<SelectorOptionElement>;
+    disabled?: boolean | undefined;
 };
 /**
  * A selector component, which is used to create a selector.
@@ -24,6 +26,7 @@ export type SelectorProps = {
  * @param props.title - The title of the selector field. This is displayed in the UI.
  * @param props.value - The selected value of the selector.
  * @param props.children - The children of the selector.
+ * @property disabled - Whether the selector is disabled.
  * @returns A selector element.
  * @example
  * <Selector name="selector">

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,aAAa,EAAE,4BAAwB;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAE9D;;;;;;;;GAQG;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;CAChD,CAAC;AAIF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,oEAAwD,CAAC;AAE9E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Selector.d.mts","sourceRoot":"","sources":["../../../../src/jsx/components/form/Selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,4BAAwB;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAAyB;AAE9D;;;;;;;;;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"}

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

@@ -9,6 +9,7 @@ const TYPE = 'Selector';
  * @param props.title - The title of the selector field. This is displayed in the UI.
  * @param props.value - The selected value of the selector.
  * @param props.children - The children of the selector.
+ * @property disabled - Whether the selector is disabled.
  * @returns A selector element.
  * @example
  * <Selector name="selector">

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":"AACA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAmBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { SelectorOptionElement } from './SelectorOption';\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 */\nexport type SelectorProps = {\n  name: string;\n  title: string;\n  value?: string | undefined;\n  children: SnapsChildren<SelectorOptionElement>;\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 * @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":"AACA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAqBtD,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,mBAAmB,CAA6B,IAAI,CAAC,CAAC","sourcesContent":["import type { SnapsChildren } from '../../component';\nimport { createSnapComponent } from '../../component';\nimport type { SelectorOptionElement } from './SelectorOption';\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"]}

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

@@ -11,6 +11,7 @@ const TYPE = 'SelectorOption';
  * @param props.value - The value of the selector option. This is used to populate the
  * state in the form data.
  * @param props.children - The component to display.
+ * @param props.disabled - Whether the selector option is disabled.
  * @returns A selector option element.
  * @example
  * <Selector name="selector">

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;AAetD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;;;GAeG;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 */\nexport type SelectorOptionProps = {\n  value: string;\n  children: CardElement;\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 * @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;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"]}

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

@@ -5,10 +5,12 @@ import type { CardElement } from "../Card.cjs";
  * @property value - The value of the selector option. This is used to populate the
  * state in the form data.
  * @property children - The component to display.
+ * @property disabled - Whether the selector option is disabled.
  */
 export type SelectorOptionProps = {
     value: string;
     children: CardElement;
+    disabled?: boolean;
 };
 /**
  * A selector option component, which is used to create a selector option. This component
@@ -18,6 +20,7 @@ export type SelectorOptionProps = {
  * @param props.value - The value of the selector option. This is used to populate the
  * state in the form data.
  * @param props.children - The component to display.
+ * @param props.disabled - Whether the selector option is disabled.
  * @returns A selector option element.
  * @example
  * <Selector name="selector">

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;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;CACvB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;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;;;;;;;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"}

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

@@ -5,10 +5,12 @@ import type { CardElement } from "../Card.mjs";
  * @property value - The value of the selector option. This is used to populate the
  * state in the form data.
  * @property children - The component to display.
+ * @property disabled - Whether the selector option is disabled.
  */
 export type SelectorOptionProps = {
     value: string;
     children: CardElement;
+    disabled?: boolean;
 };
 /**
  * A selector option component, which is used to create a selector option. This component
@@ -18,6 +20,7 @@ export type SelectorOptionProps = {
  * @param props.value - The value of the selector option. This is used to populate the
  * state in the form data.
  * @param props.children - The component to display.
+ * @param props.disabled - Whether the selector option is disabled.
  * @returns A selector option element.
  * @example
  * <Selector name="selector">

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;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;CACvB,CAAC;AAIF;;;;;;;;;;;;;;;GAeG;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;;;;;;;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"}

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

@@ -8,6 +8,7 @@ const TYPE = 'SelectorOption';
  * @param props.value - The value of the selector option. This is used to populate the
  * state in the form data.
  * @param props.children - The component to display.
+ * @param props.disabled - Whether the selector option is disabled.
  * @returns A selector option element.
  * @example
  * <Selector name="selector">

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

@@ -1 +1 @@
-{"version":3,"file":"SelectorOption.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAetD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,mBAAmB,CAG/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 */\nexport type SelectorOptionProps = {\n  value: string;\n  children: CardElement;\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 * @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.mjs","sourceRoot":"","sources":["../../../../src/jsx/components/form/SelectorOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,4BAAwB;AAiBtD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAE9B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,mBAAmB,CAG/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"]}

package/dist/jsx/validation.cjs

@@ -146,6 +146,7 @@ exports.CheckboxStruct = element('Checkbox', {
     checked: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
     label: (0, superstruct_1.optional)((0, superstruct_1.string)()),
     variant: (0, superstruct_1.optional)((0, internals_1.nullUnion)([(0, internals_1.literal)('default'), (0, internals_1.literal)('toggle')])),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the generic input element props.
@@ -154,6 +155,7 @@ exports.GenericInputPropsStruct = (0, superstruct_1.object)({
     name: (0, superstruct_1.string)(),
     value: (0, superstruct_1.optional)((0, superstruct_1.string)()),
     placeholder: (0, superstruct_1.optional)((0, superstruct_1.string)()),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the text type input props.
@@ -200,6 +202,7 @@ exports.InputStruct = elementWithSelectiveProps('Input', (value) => {
 exports.OptionStruct = element('Option', {
     value: (0, superstruct_1.string)(),
     children: (0, superstruct_1.string)(),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the {@link DropdownElement} type.
@@ -208,6 +211,7 @@ exports.DropdownStruct = element('Dropdown', {
     name: (0, superstruct_1.string)(),
     value: (0, superstruct_1.optional)((0, superstruct_1.string)()),
     children: children([exports.OptionStruct]),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the {@link AddressElement} type.
@@ -239,6 +243,7 @@ exports.CardStruct = element('Card', {
 exports.SelectorOptionStruct = element('SelectorOption', {
     value: (0, superstruct_1.string)(),
     children: exports.CardStruct,
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the {@link SelectorElement} type.
@@ -248,6 +253,7 @@ exports.SelectorStruct = element('Selector', {
     title: (0, superstruct_1.string)(),
     value: (0, superstruct_1.optional)((0, superstruct_1.string)()),
     children: children([exports.SelectorOptionStruct]),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the {@link RadioElement} type.
@@ -255,6 +261,7 @@ exports.SelectorStruct = element('Selector', {
 exports.RadioStruct = element('Radio', {
     value: (0, superstruct_1.string)(),
     children: (0, superstruct_1.string)(),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the {@link RadioGroupElement} type.
@@ -263,6 +270,7 @@ exports.RadioGroupStruct = element('RadioGroup', {
     name: (0, superstruct_1.string)(),
     value: (0, superstruct_1.optional)((0, superstruct_1.string)()),
     children: children([exports.RadioStruct]),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A struct for the {@link FileInputElement} type.
@@ -271,6 +279,7 @@ exports.FileInputStruct = element('FileInput', {
     name: (0, superstruct_1.string)(),
     accept: (0, internals_1.nullUnion)([(0, superstruct_1.optional)((0, superstruct_1.array)((0, superstruct_1.string)()))]),
     compact: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
+    disabled: (0, superstruct_1.optional)((0, superstruct_1.boolean)()),
 });
 /**
  * A subset of JSX elements that represent the tuple Box + Input of the Field children.