@emeraldemperaur/vector-sigma 1.4.29 → 1.4.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.cjs CHANGED
@@ -13052,13 +13052,13 @@ const CheckboxGroupInput = (_a) => {
13052
13052
  ` } })),
13053
13053
  React.createElement(o$6, { columns: columns || (direction === 'row' ? 'repeat(auto-fit, minmax(100px, 1fr))' : '1'), gap: "3", style: neuVars }, inputOptions.map((inputoption) => {
13054
13054
  const isChecked = currentValues.some(val => String(val) === String(inputoption.optionvalue));
13055
- return (React.createElement(p$d, { as: "label", key: inputoption.optionvalue || crypto.randomUUID(), size: "2", style: {
13055
+ return (React.createElement(p$d, { as: "label", key: String(inputoption.optionvalue) || crypto.randomUUID(), size: "2", style: {
13056
13056
  display: 'flex',
13057
13057
  alignItems: 'center',
13058
13058
  gap: '8px',
13059
13059
  cursor: 'pointer'
13060
13060
  } },
13061
- React.createElement(c$2, { name: alias, id: `${alias}FormInput${inputoption.optionid}`, "aria-describedby": `${alias}InputLabel${inputoption.optionid}`, disabled: readOnly, value: inputoption.optionvalue, checked: isChecked, onCheckedChange: (checked) => handleCheckedChange(checked, inputoption.optionvalue), variant: inputtype === 'checkbox-outline' ? 'soft' : 'surface', className: inputtype === 'checkbox-neumorphic' ? 'neu-checkbox' : '', style: Object.assign({}, (inputtype === 'checkbox-outline' ? {
13061
+ React.createElement(c$2, { name: alias, id: `${alias}FormInput${inputoption.optionid}`, "aria-describedby": `${alias}InputLabel${inputoption.optionid}`, disabled: readOnly, value: String(inputoption.optionvalue), checked: isChecked, onCheckedChange: (checked) => handleCheckedChange(checked, String(inputoption.optionvalue)), variant: inputtype === 'checkbox-outline' ? 'soft' : 'surface', className: inputtype === 'checkbox-neumorphic' ? 'neu-checkbox' : '', style: Object.assign({}, (inputtype === 'checkbox-outline' ? {
13062
13062
  border: isChecked ? '2px solid var(--accent-9)' : '2px solid var(--gray-8)',
13063
13063
  backgroundColor: 'transparent'
13064
13064
  } : {})) }),
@@ -13135,7 +13135,7 @@ const ConditionalTrigger = (_a) => {
13135
13135
  return (React.createElement(p$5, { direction: "column", gap: "1", style: { width: '100%' } },
13136
13136
  React.createElement(C$1, { name: alias, disabled: readOnly, value: fieldValue, defaultValue: placeholder || "", onValueChange: handleChange },
13137
13137
  React.createElement(u$1, { id: inputId, variant: isNeumorphic ? 'soft' : 'surface', style: { width: '100%' } }),
13138
- React.createElement(g, null, inputOptions.map((inputoption) => (React.createElement(v, { key: inputoption.optionvalue || crypto.randomUUID(), value: inputoption.optionvalue }, inputoption.text)))))));
13138
+ React.createElement(g, null, inputOptions.map((inputoption) => (React.createElement(v, { key: String(inputoption.optionvalue) || crypto.randomUUID(), value: String(inputoption.optionvalue) }, inputoption.text)))))));
13139
13139
  case inputtype.includes('conditionaltoggle'):
13140
13140
  default:
13141
13141
  return (React.createElement(p$5, { justify: "between", align: "center", style: { width: '100%' } },
@@ -27267,10 +27267,10 @@ const Dropdown = (_a) => {
27267
27267
  React.createElement(v, { value: "__RESET__", className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '', style: { color: 'var(--gray-10)', fontStyle: 'italic' } }, placeholder || "Select an option"),
27268
27268
  React.createElement(o$2, { size: "4", style: { margin: '4px 0', opacity: 0.5 } }),
27269
27269
  inputOptions.map((inputoption) => (React.createElement(React.Fragment, { key: inputoption.optionid || crypto.randomUUID() }, inputoption.optionurl ?
27270
- React.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
27270
+ React.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
27271
27271
  React.createElement("a", { onClick: (e) => { e.stopPropagation(); openLink(inputoption.optionurl || "#"); }, style: { textDecoration: 'none', color: 'inherit' } }, inputoption.text))
27272
27272
  :
27273
- React.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text)))))),
27273
+ React.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text)))))),
27274
27274
  React.createElement("div", null,
27275
27275
  React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: inputId }, inputLabel),
27276
27276
  "\u00A0",
@@ -48234,9 +48234,9 @@ const RadioGroupInput = (_a) => {
48234
48234
  } },
48235
48235
  React.createElement(o$6, { columns: columns || (direction === 'row' ? 'repeat(auto-fit, minmax(100px, 1fr))' : '1'), gap: "3", style: neuVars }, inputOptions.map((inputoption) => {
48236
48236
  const isChecked = String(fieldValue) === String(inputoption.optionvalue);
48237
- return (React.createElement(p$5, { asChild: true, key: inputoption.optionvalue, align: "center", gap: "2" },
48237
+ return (React.createElement(p$5, { asChild: true, key: String(inputoption.optionvalue), align: "center", gap: "2" },
48238
48238
  React.createElement(p$d, { as: "label", size: "2", style: { cursor: 'pointer' } },
48239
- React.createElement(y$1, { value: inputoption.optionvalue, className: inputtype === 'radio-neumorphic' ? 'neu-radio' : '', style: Object.assign({}, (inputtype === 'radio-outline' ? {
48239
+ React.createElement(y$1, { value: String(inputoption.optionvalue), className: inputtype === 'radio-neumorphic' ? 'neu-radio' : '', style: Object.assign({}, (inputtype === 'radio-outline' ? {
48240
48240
  border: isChecked ? '2px solid var(--accent-9)' : '2px solid var(--gray-8)',
48241
48241
  backgroundColor: 'transparent'
48242
48242
  } : {})) }),
@@ -48362,8 +48362,8 @@ const OptionSelect = (_a) => {
48362
48362
  React.createElement(g, { position: "popper", sideOffset: 5, style: activeContentStyle },
48363
48363
  React.createElement(v, { value: "__RESET__", className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '', style: { color: 'var(--gray-10)', fontStyle: 'italic' } }, placeholder || "Select an option"),
48364
48364
  React.createElement(o$2, { size: "4", style: { margin: '4px 0', opacity: 0.5 } }),
48365
- inputOptions.map((inputoption) => (React.createElement(React.Fragment, { key: inputoption.optionid || crypto.randomUUID() }, inputoption.optionurl ? (React.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
48366
- React.createElement("a", { onClick: (e) => { e.stopPropagation(); openLink(inputoption.optionurl || "#"); }, style: { textDecoration: 'none', color: 'inherit' } }, inputoption.text))) : (React.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text))))))),
48365
+ inputOptions.map((inputoption) => (React.createElement(React.Fragment, { key: inputoption.optionid || crypto.randomUUID() }, inputoption.optionurl ? (React.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
48366
+ React.createElement("a", { onClick: (e) => { e.stopPropagation(); openLink(inputoption.optionurl || "#"); }, style: { textDecoration: 'none', color: 'inherit' } }, inputoption.text))) : (React.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text))))))),
48367
48367
  React.createElement("div", null,
48368
48368
  React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel),
48369
48369
  "\u00A0",
@@ -48404,7 +48404,7 @@ const MultipleSelect = (_a) => {
48404
48404
  };
48405
48405
  const displayLabel = selectedValues.length > 0
48406
48406
  ? inputOptions
48407
- .filter(inputoption => selectedValues.includes(inputoption.optionvalue))
48407
+ .filter(inputoption => selectedValues.includes(String(inputoption.optionvalue)))
48408
48408
  .map(inputoption => inputoption.text)
48409
48409
  .join(', ')
48410
48410
  : placeholder;
@@ -48467,7 +48467,7 @@ const MultipleSelect = (_a) => {
48467
48467
  === String(inputoption.optionvalue));
48468
48468
  return (React.createElement(p$5, { id: String(inputoption.optionid) || '', key: inputoption.optionid, align: "center", gap: "2", onClick: () => {
48469
48469
  if (!readOnly)
48470
- handleToggle(inputoption.optionvalue);
48470
+ handleToggle(String(inputoption.optionvalue));
48471
48471
  }, style: {
48472
48472
  padding: '8px',
48473
48473
  cursor: readOnly ? 'default' : 'pointer',
@@ -49146,7 +49146,7 @@ const CodexItem = ({ stepId, children, }) => {
49146
49146
  return (React.createElement("div", { className: "v-step-content-animation", style: { width: '100%' } }, children));
49147
49147
  };
49148
49148
 
49149
- const CodexControls = ({ nextStepId, prevStepId, nextLabel = "Continue", prevLabel = "Back", finishLabel = "Submit", prevIcon = "doublearrowleft", nextIcon = "doublearrowright", finishIcon = "paperplane", onNext, onPrev, onFinish }) => {
49149
+ const CodexControls = ({ nextStepId, prevStepId, nextLabel = "Continue", prevLabel = "Back", finishLabel = "Submit", prevIcon = "doublearrowleft", nextIcon = "doublearrowright", finishIcon = "paperplane", onSubmit = false, onNext, onPrev, onFinish }) => {
49150
49150
  const { setActiveStepId, brandColor } = useStepper();
49151
49151
  const handlePrev = () => {
49152
49152
  if (onPrev)
@@ -49171,7 +49171,7 @@ const CodexControls = ({ nextStepId, prevStepId, nextLabel = "Continue", prevLab
49171
49171
  React.createElement(Icon, { name: prevIcon }),
49172
49172
  "\u00A0")),
49173
49173
  prevLabel)) : (React.createElement("div", null)),
49174
- React.createElement(o$a, { variant: "solid", color: brandColor ? undefined : (nextStepId ? "blue" : "green"), onClick: handleNext, style: Object.assign({ cursor: 'pointer' }, (brandColor ? { backgroundColor: 'var(--codex-brand)', color: '#fff' } : {})) }, nextStepId ? (React.createElement(React.Fragment, null,
49174
+ React.createElement(o$a, { variant: "solid", color: brandColor ? undefined : (nextStepId ? "blue" : "green"), onClick: handleNext, style: Object.assign({ cursor: 'pointer' }, (brandColor ? { backgroundColor: 'var(--codex-brand)', color: '#fff' } : {})), type: onSubmit && !nextStepId ? "submit" : "button" }, nextStepId ? (React.createElement(React.Fragment, null,
49175
49175
  nextIcon && React.createElement(React.Fragment, null,
49176
49176
  React.createElement(Icon, { name: nextIcon }),
49177
49177
  "\u00A0"),
package/lib/index.esm.js CHANGED
@@ -13032,13 +13032,13 @@ const CheckboxGroupInput = (_a) => {
13032
13032
  ` } })),
13033
13033
  React__default.createElement(o$6, { columns: columns || (direction === 'row' ? 'repeat(auto-fit, minmax(100px, 1fr))' : '1'), gap: "3", style: neuVars }, inputOptions.map((inputoption) => {
13034
13034
  const isChecked = currentValues.some(val => String(val) === String(inputoption.optionvalue));
13035
- return (React__default.createElement(p$d, { as: "label", key: inputoption.optionvalue || crypto.randomUUID(), size: "2", style: {
13035
+ return (React__default.createElement(p$d, { as: "label", key: String(inputoption.optionvalue) || crypto.randomUUID(), size: "2", style: {
13036
13036
  display: 'flex',
13037
13037
  alignItems: 'center',
13038
13038
  gap: '8px',
13039
13039
  cursor: 'pointer'
13040
13040
  } },
13041
- React__default.createElement(c$2, { name: alias, id: `${alias}FormInput${inputoption.optionid}`, "aria-describedby": `${alias}InputLabel${inputoption.optionid}`, disabled: readOnly, value: inputoption.optionvalue, checked: isChecked, onCheckedChange: (checked) => handleCheckedChange(checked, inputoption.optionvalue), variant: inputtype === 'checkbox-outline' ? 'soft' : 'surface', className: inputtype === 'checkbox-neumorphic' ? 'neu-checkbox' : '', style: Object.assign({}, (inputtype === 'checkbox-outline' ? {
13041
+ React__default.createElement(c$2, { name: alias, id: `${alias}FormInput${inputoption.optionid}`, "aria-describedby": `${alias}InputLabel${inputoption.optionid}`, disabled: readOnly, value: String(inputoption.optionvalue), checked: isChecked, onCheckedChange: (checked) => handleCheckedChange(checked, String(inputoption.optionvalue)), variant: inputtype === 'checkbox-outline' ? 'soft' : 'surface', className: inputtype === 'checkbox-neumorphic' ? 'neu-checkbox' : '', style: Object.assign({}, (inputtype === 'checkbox-outline' ? {
13042
13042
  border: isChecked ? '2px solid var(--accent-9)' : '2px solid var(--gray-8)',
13043
13043
  backgroundColor: 'transparent'
13044
13044
  } : {})) }),
@@ -13115,7 +13115,7 @@ const ConditionalTrigger = (_a) => {
13115
13115
  return (React__default.createElement(p$5, { direction: "column", gap: "1", style: { width: '100%' } },
13116
13116
  React__default.createElement(C$1, { name: alias, disabled: readOnly, value: fieldValue, defaultValue: placeholder || "", onValueChange: handleChange },
13117
13117
  React__default.createElement(u$1, { id: inputId, variant: isNeumorphic ? 'soft' : 'surface', style: { width: '100%' } }),
13118
- React__default.createElement(g, null, inputOptions.map((inputoption) => (React__default.createElement(v, { key: inputoption.optionvalue || crypto.randomUUID(), value: inputoption.optionvalue }, inputoption.text)))))));
13118
+ React__default.createElement(g, null, inputOptions.map((inputoption) => (React__default.createElement(v, { key: String(inputoption.optionvalue) || crypto.randomUUID(), value: String(inputoption.optionvalue) }, inputoption.text)))))));
13119
13119
  case inputtype.includes('conditionaltoggle'):
13120
13120
  default:
13121
13121
  return (React__default.createElement(p$5, { justify: "between", align: "center", style: { width: '100%' } },
@@ -27247,10 +27247,10 @@ const Dropdown = (_a) => {
27247
27247
  React__default.createElement(v, { value: "__RESET__", className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '', style: { color: 'var(--gray-10)', fontStyle: 'italic' } }, placeholder || "Select an option"),
27248
27248
  React__default.createElement(o$2, { size: "4", style: { margin: '4px 0', opacity: 0.5 } }),
27249
27249
  inputOptions.map((inputoption) => (React__default.createElement(React__default.Fragment, { key: inputoption.optionid || crypto.randomUUID() }, inputoption.optionurl ?
27250
- React__default.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
27250
+ React__default.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
27251
27251
  React__default.createElement("a", { onClick: (e) => { e.stopPropagation(); openLink(inputoption.optionurl || "#"); }, style: { textDecoration: 'none', color: 'inherit' } }, inputoption.text))
27252
27252
  :
27253
- React__default.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text)))))),
27253
+ React__default.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text)))))),
27254
27254
  React__default.createElement("div", null,
27255
27255
  React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: inputId }, inputLabel),
27256
27256
  "\u00A0",
@@ -48214,9 +48214,9 @@ const RadioGroupInput = (_a) => {
48214
48214
  } },
48215
48215
  React__default.createElement(o$6, { columns: columns || (direction === 'row' ? 'repeat(auto-fit, minmax(100px, 1fr))' : '1'), gap: "3", style: neuVars }, inputOptions.map((inputoption) => {
48216
48216
  const isChecked = String(fieldValue) === String(inputoption.optionvalue);
48217
- return (React__default.createElement(p$5, { asChild: true, key: inputoption.optionvalue, align: "center", gap: "2" },
48217
+ return (React__default.createElement(p$5, { asChild: true, key: String(inputoption.optionvalue), align: "center", gap: "2" },
48218
48218
  React__default.createElement(p$d, { as: "label", size: "2", style: { cursor: 'pointer' } },
48219
- React__default.createElement(y$1, { value: inputoption.optionvalue, className: inputtype === 'radio-neumorphic' ? 'neu-radio' : '', style: Object.assign({}, (inputtype === 'radio-outline' ? {
48219
+ React__default.createElement(y$1, { value: String(inputoption.optionvalue), className: inputtype === 'radio-neumorphic' ? 'neu-radio' : '', style: Object.assign({}, (inputtype === 'radio-outline' ? {
48220
48220
  border: isChecked ? '2px solid var(--accent-9)' : '2px solid var(--gray-8)',
48221
48221
  backgroundColor: 'transparent'
48222
48222
  } : {})) }),
@@ -48342,8 +48342,8 @@ const OptionSelect = (_a) => {
48342
48342
  React__default.createElement(g, { position: "popper", sideOffset: 5, style: activeContentStyle },
48343
48343
  React__default.createElement(v, { value: "__RESET__", className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '', style: { color: 'var(--gray-10)', fontStyle: 'italic' } }, placeholder || "Select an option"),
48344
48344
  React__default.createElement(o$2, { size: "4", style: { margin: '4px 0', opacity: 0.5 } }),
48345
- inputOptions.map((inputoption) => (React__default.createElement(React__default.Fragment, { key: inputoption.optionid || crypto.randomUUID() }, inputoption.optionurl ? (React__default.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
48346
- React__default.createElement("a", { onClick: (e) => { e.stopPropagation(); openLink(inputoption.optionurl || "#"); }, style: { textDecoration: 'none', color: 'inherit' } }, inputoption.text))) : (React__default.createElement(v, { id: String(inputoption.optionid) || '', value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text))))))),
48345
+ inputOptions.map((inputoption) => (React__default.createElement(React__default.Fragment, { key: inputoption.optionid || crypto.randomUUID() }, inputoption.optionurl ? (React__default.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
48346
+ React__default.createElement("a", { onClick: (e) => { e.stopPropagation(); openLink(inputoption.optionurl || "#"); }, style: { textDecoration: 'none', color: 'inherit' } }, inputoption.text))) : (React__default.createElement(v, { id: String(inputoption.optionid) || '', value: String(inputoption.optionvalue), className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text))))))),
48347
48347
  React__default.createElement("div", null,
48348
48348
  React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel),
48349
48349
  "\u00A0",
@@ -48384,7 +48384,7 @@ const MultipleSelect = (_a) => {
48384
48384
  };
48385
48385
  const displayLabel = selectedValues.length > 0
48386
48386
  ? inputOptions
48387
- .filter(inputoption => selectedValues.includes(inputoption.optionvalue))
48387
+ .filter(inputoption => selectedValues.includes(String(inputoption.optionvalue)))
48388
48388
  .map(inputoption => inputoption.text)
48389
48389
  .join(', ')
48390
48390
  : placeholder;
@@ -48447,7 +48447,7 @@ const MultipleSelect = (_a) => {
48447
48447
  === String(inputoption.optionvalue));
48448
48448
  return (React__default.createElement(p$5, { id: String(inputoption.optionid) || '', key: inputoption.optionid, align: "center", gap: "2", onClick: () => {
48449
48449
  if (!readOnly)
48450
- handleToggle(inputoption.optionvalue);
48450
+ handleToggle(String(inputoption.optionvalue));
48451
48451
  }, style: {
48452
48452
  padding: '8px',
48453
48453
  cursor: readOnly ? 'default' : 'pointer',
@@ -49126,7 +49126,7 @@ const CodexItem = ({ stepId, children, }) => {
49126
49126
  return (React__default.createElement("div", { className: "v-step-content-animation", style: { width: '100%' } }, children));
49127
49127
  };
49128
49128
 
49129
- const CodexControls = ({ nextStepId, prevStepId, nextLabel = "Continue", prevLabel = "Back", finishLabel = "Submit", prevIcon = "doublearrowleft", nextIcon = "doublearrowright", finishIcon = "paperplane", onNext, onPrev, onFinish }) => {
49129
+ const CodexControls = ({ nextStepId, prevStepId, nextLabel = "Continue", prevLabel = "Back", finishLabel = "Submit", prevIcon = "doublearrowleft", nextIcon = "doublearrowright", finishIcon = "paperplane", onSubmit = false, onNext, onPrev, onFinish }) => {
49130
49130
  const { setActiveStepId, brandColor } = useStepper();
49131
49131
  const handlePrev = () => {
49132
49132
  if (onPrev)
@@ -49151,7 +49151,7 @@ const CodexControls = ({ nextStepId, prevStepId, nextLabel = "Continue", prevLab
49151
49151
  React__default.createElement(Icon, { name: prevIcon }),
49152
49152
  "\u00A0")),
49153
49153
  prevLabel)) : (React__default.createElement("div", null)),
49154
- React__default.createElement(o$a, { variant: "solid", color: brandColor ? undefined : (nextStepId ? "blue" : "green"), onClick: handleNext, style: Object.assign({ cursor: 'pointer' }, (brandColor ? { backgroundColor: 'var(--codex-brand)', color: '#fff' } : {})) }, nextStepId ? (React__default.createElement(React__default.Fragment, null,
49154
+ React__default.createElement(o$a, { variant: "solid", color: brandColor ? undefined : (nextStepId ? "blue" : "green"), onClick: handleNext, style: Object.assign({ cursor: 'pointer' }, (brandColor ? { backgroundColor: 'var(--codex-brand)', color: '#fff' } : {})), type: onSubmit && !nextStepId ? "submit" : "button" }, nextStepId ? (React__default.createElement(React__default.Fragment, null,
49155
49155
  nextIcon && React__default.createElement(React__default.Fragment, null,
49156
49156
  React__default.createElement(Icon, { name: nextIcon }),
49157
49157
  "\u00A0"),
@@ -45,6 +45,11 @@ export interface CodexControlsProps {
45
45
  * Default: "paperplane"
46
46
  */
47
47
  finishIcon?: string;
48
+ /**
49
+ * * Option to enable `onFinish` control button as `submit` button type.
50
+ * Default: true
51
+ */
52
+ onSubmit?: boolean;
48
53
  /**
49
54
  * * Optional callback triggered before navigating to the next step.
50
55
  * Useful for triggering form validation.
@@ -59,4 +64,4 @@ export interface CodexControlsProps {
59
64
  */
60
65
  onFinish?: () => void;
61
66
  }
62
- export declare const CodexControls: ({ nextStepId, prevStepId, nextLabel, prevLabel, finishLabel, prevIcon, nextIcon, finishIcon, onNext, onPrev, onFinish }: CodexControlsProps) => React.JSX.Element;
67
+ export declare const CodexControls: ({ nextStepId, prevStepId, nextLabel, prevLabel, finishLabel, prevIcon, nextIcon, finishIcon, onSubmit, onNext, onPrev, onFinish }: CodexControlsProps) => React.JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { xForm } from 'utils/architect';
2
+ import { XFormType } from 'utils/voltron';
3
3
  export type teletraan1Display = 'accordion' | 'codice' | 'codex' | 'dual';
4
4
  export interface Teletraan1Props {
5
5
  /**
@@ -8,7 +8,7 @@ export interface Teletraan1Props {
8
8
  * * @example
9
9
  * xFormModel={xFormJSONPrototype}
10
10
  */
11
- xFormModel: xForm;
11
+ xFormModel: XFormType;
12
12
  /**
13
13
  * * Option to render xForm as readonly (inputs disabled).
14
14
  * * @example
@@ -0,0 +1,2 @@
1
+ import { XFormType } from "./voltron";
2
+ export declare const xFormPrototypeData: XFormType;
@@ -27,7 +27,7 @@ export interface InputOption {
27
27
  * * @example
28
28
  * optionvalue="VGTRX-1000"
29
29
  */
30
- optionvalue: string;
30
+ optionvalue: string | number | boolean;
31
31
  /**
32
32
  * * The optional tag for the Input Option item.
33
33
  * * @example
@@ -0,0 +1,54 @@
1
+ import { z } from "zod";
2
+ export declare const InputOptionSchema: z.ZodObject<{
3
+ optionid: z.ZodNumber;
4
+ optionvalue: z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean]>;
5
+ optionurl: z.ZodOptional<z.ZodString>;
6
+ text: z.ZodString;
7
+ tag: z.ZodOptional<z.ZodString>;
8
+ score: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodFloat64]>>;
9
+ note: z.ZodOptional<z.ZodString>;
10
+ }, z.core.$strip>;
11
+ export type XFormQuery = {
12
+ queryId: number;
13
+ inputType: string;
14
+ inputAlias: string;
15
+ inputLabel: string;
16
+ inputPlaceholder?: string;
17
+ newRow?: boolean;
18
+ inputWidth: number;
19
+ inputHeight?: number;
20
+ isRequired?: boolean;
21
+ isHinted?: boolean;
22
+ hintText?: string;
23
+ hintUrl?: string;
24
+ errorText?: string;
25
+ defaultValue?: any;
26
+ queryResponse?: any;
27
+ inputOptions?: z.infer<typeof InputOptionSchema>[];
28
+ triggerValue?: any;
29
+ toggledInput?: XFormQuery | null;
30
+ minValue?: number;
31
+ maxValue?: number;
32
+ stepValue?: number;
33
+ };
34
+ export declare const QuerySchema: z.ZodType<XFormQuery>;
35
+ export declare const SectionSchema: z.ZodObject<{
36
+ sectionId: z.ZodString;
37
+ title: z.ZodString;
38
+ icon: z.ZodOptional<z.ZodString>;
39
+ queries: z.ZodArray<z.ZodType<XFormQuery, unknown, z.core.$ZodTypeInternals<XFormQuery, unknown>>>;
40
+ }, z.core.$strip>;
41
+ export declare const XFormSchema: z.ZodObject<{
42
+ uuid: z.ZodString;
43
+ name: z.ZodString;
44
+ logo: z.ZodOptional<z.ZodString>;
45
+ brandColor: z.ZodOptional<z.ZodString>;
46
+ logoPosition: z.ZodOptional<z.ZodString>;
47
+ model: z.ZodArray<z.ZodObject<{
48
+ sectionId: z.ZodString;
49
+ title: z.ZodString;
50
+ icon: z.ZodOptional<z.ZodString>;
51
+ queries: z.ZodArray<z.ZodType<XFormQuery, unknown, z.core.$ZodTypeInternals<XFormQuery, unknown>>>;
52
+ }, z.core.$strip>>;
53
+ }, z.core.$strip>;
54
+ export type XFormType = z.infer<typeof XFormSchema>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emeraldemperaur/vector-sigma",
3
- "version": "1.4.29",
3
+ "version": "1.4.30",
4
4
  "description": "Dynamic Form Orchestrator: NPM Package",
5
5
  "repository": {
6
6
  "type": "git",