@emeraldemperaur/vector-sigma 1.4.28 → 1.4.30

package/lib/types/components/avatar/avatar.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { FormikContextType } from 'formik';
 export type AvatarDesign = 'avatar' | 'avatar-outline' | 'avatar-material' | 'avatar-neumorphic';
 export type AvatarShape = 'circle' | 'square' | 'rounded';
 export interface AvatarProps {
@@ -99,5 +100,10 @@ export interface AvatarProps {
    * accept="image/*"
    */
     accept?: string;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const AvatarInput: ({ inputtype, alias, readOnly, width, inputLabel, shape, size, newRow, isHinted, hintText, hintUrl, errorText, style, className, accept, ...props }: AvatarProps) => React.JSX.Element;
+export declare const AvatarInput: ({ inputtype, alias, readOnly, width, inputLabel, shape, size, newRow, isHinted, hintText, hintUrl, errorText, style, className, accept, formikContext, ...props }: AvatarProps) => React.JSX.Element | null;

package/lib/types/components/checkbox/checkbox.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { FormikContextType } from 'formik';
 import { InputOption } from 'utils/vinci';
 import '../../styles/main.scss';
 export type CheckBoxDesign = 'checkbox' | 'checkbox-material' | 'checkbox-outline' | 'checkbox-neumorphic';
@@ -103,5 +104,10 @@ export interface CheckboxGroup {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const CheckboxGroupInput: ({ inputtype, alias, readOnly, width, inputLabel, style, inputOptions, newRow, isHinted, hintText, hintUrl, errorText, direction, columns, className, ...props }: CheckboxGroup) => React.JSX.Element;
+export declare const CheckboxGroupInput: ({ inputtype, alias, readOnly, width, inputLabel, style, inputOptions, newRow, isHinted, hintText, hintUrl, errorText, direction, columns, className, formikContext, ...props }: CheckboxGroup) => React.JSX.Element | null;

package/lib/types/components/conditional/conditional.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from "react";
+import { FormikContextType } from 'formik';
 import { InputOption } from "utils/vinci";
 import '../../styles/main.scss';
 export type ToggleTriggerDesign = 'conditionaltoggle' | 'conditionaltoggle-outline' | 'conditionaltoggle-material' | 'conditionaltoggle-neumorphic';
@@ -114,5 +115,10 @@ export interface ConditionalProps {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const ConditionalTrigger: ({ alias, readOnly, width, placeholder, inputLabel, inputtype, triggerValue, inputOptions, children, newRow, isHinted, hintText, hintUrl, errorText, style, className, ...props }: ConditionalProps) => React.JSX.Element;
+export declare const ConditionalTrigger: ({ alias, readOnly, width, placeholder, inputLabel, inputtype, triggerValue, inputOptions, children, newRow, isHinted, hintText, hintUrl, errorText, style, className, formikContext, ...props }: ConditionalProps) => React.JSX.Element | null;

package/lib/types/components/datepicker/datepicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import "react-datepicker/dist/react-datepicker.css";
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type DatePickerDesign = 'datepicker' | 'datepicker-outline' | 'datepicker-material' | 'datepicker-neumorphic';
 interface DatePickerProps {
@@ -79,6 +80,11 @@ interface DatePickerProps {
    * className="teletraan-1-datepicker"
    */
     className?: string;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const DatePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DatePickerProps) => React.JSX.Element;
+export declare const DatePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className, formikContext }: DatePickerProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/daterangepicker/daterangepicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import "react-datepicker/dist/react-datepicker.css";
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type DateRangePickerDesign = 'daterangepicker' | 'daterangepicker-outline' | 'daterangepicker-material' | 'daterangepicker-neumorphic';
 interface DateRangePickerProps {
@@ -79,6 +80,11 @@ interface DateRangePickerProps {
    * className="teletraan-1-daterangepicker"
    */
     className?: string;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const DateRangePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DateRangePickerProps) => React.JSX.Element;
+export declare const DateRangePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className, formikContext }: DateRangePickerProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/datetimepicker/datetimepicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import "react-datepicker/dist/react-datepicker.css";
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type DateTimePickerDesign = 'datetimepicker' | 'datetimepicker-outline' | 'datetimepicker-material' | 'datetimepicker-neumorphic';
 interface DateTimePickerProps {
@@ -79,6 +80,11 @@ interface DateTimePickerProps {
    * className="teletraan-1-datetimepicker"
    */
     className?: string;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const DateTimePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DateTimePickerProps) => React.JSX.Element;
+export declare const DateTimePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className, formikContext }: DateTimePickerProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/dropdown/dropdown.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { InputOption } from "utils/vinci";
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type xDropDownDesign = 'dropdown' | 'dropdown-material' | 'dropdown-outline' | 'dropdown-neumorphic';
 export interface xDropDownProps {
@@ -102,5 +103,10 @@ export interface xDropDownProps {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const Dropdown: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, inputOptions, style, newRow, isHinted, hintText, hintUrl, errorText, className, ...props }: xDropDownProps) => React.JSX.Element;
+export declare const Dropdown: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, inputOptions, style, newRow, isHinted, hintText, hintUrl, errorText, className, formikContext, ...props }: xDropDownProps) => React.JSX.Element | null;

package/lib/types/components/file/file.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type FileInputDesign = 'fileinput' | 'fileinput-material' | 'fileinput-outline' | 'fileinput-neumorphic';
 export interface FileInputProps {
@@ -84,5 +85,10 @@ export interface FileInputProps {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const File: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, preview, className, style, ...props }: FileInputProps) => React.JSX.Element;
+export declare const File: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, preview, className, style, formikContext, ...props }: FileInputProps) => React.JSX.Element | null;

package/lib/types/components/file/filemultiple.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type FileMultipleInputDesign = 'filemultiple' | 'filemultiple-material' | 'filemultiple-outline' | 'filemultiple-neumorphic';
 export interface FileMultipleInputProps {
@@ -90,5 +91,10 @@ export interface FileMultipleInputProps {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const FileMultiple: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, preview, className, style, ...props }: FileMultipleInputProps) => React.JSX.Element;
+export declare const FileMultiple: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, preview, className, style, formikContext, ...props }: FileMultipleInputProps) => React.JSX.Element | null;

package/lib/types/components/input/input.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from "react";
+import { FormikContextType } from "formik";
 import { TextField } from '@radix-ui/themes';
 import '../../styles/main.scss';
 export type InputType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
@@ -71,10 +72,10 @@ export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
    */
     hintUrl?: string;
     /**
-    * * Option to render Input field with icon passed as a ReactNode {}.
-    * * @example
-    * icon={<Icon name="stack"/>}
-    */
+     * * Option to render Input field with icon passed as a ReactNode {}.
+     * * @example
+     * icon={<Icon name="stack"/>}
+     */
     icon?: React.ReactNode;
     /**
    * * Option to specify the isRequired error text for the Input field.
@@ -102,5 +103,10 @@ export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
    * inputvariant="input-neumorphic"
    */
     inputvariant?: InputDesign;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 };
-export declare const Input: ({ alias, inputtype, width, inputLabel, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, className, size, style, inputvariant, icon, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const Input: ({ alias, inputtype, width, inputLabel, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, className, size, style, inputvariant, icon, formikContext, ...props }: xInputFieldProps) => React.JSX.Element | null;

package/lib/types/components/input/passwordInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { xInputFieldProps } from "./input";
 import '../../styles/main.scss';
-export declare const PasswordInput: ({ alias, inputLabel, width, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, inputvariant, size, className, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const PasswordInput: ({ alias, inputLabel, width, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, inputvariant, size, className, formikContext, ...props }: xInputFieldProps) => React.JSX.Element | null;

package/lib/types/components/input/phoneInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { xInputFieldProps } from "./input";
 import '../../styles/main.scss';
-export declare const PhoneInput: ({ alias, inputLabel, width, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, size, className, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const PhoneInput: ({ alias, inputLabel, width, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, size, className, formikContext, ...props }: xInputFieldProps) => React.JSX.Element | null;

package/lib/types/components/input/uuidInput.d.ts

@@ -1,23 +1,91 @@
 import React, { ReactNode } from "react";
+import { FormikContextType } from "formik";
 import '../../styles/main.scss';
 type startsWithUuid = `uuid${string}`;
 interface UUIDInputProps {
+    /**
+   * * The required unique identifier for the Input field in useFormikContext().
+   * Alias referenced as `name` attribute and Formik state key.
+   * * @example
+   * alias="userUUIDNumber"
+   */
     alias: string;
     type?: startsWithUuid | string;
+    /**
+   * * The optional input label or description for the UUIDInput field.
+   * * @example
+   * inputLabel="PMP® Certication Number"
+   */
     inputLabel?: string;
+    /**
+   * * The required viewport column width for the UUIDInput field.
+   * i.e. 1 - 12
+   * * @example
+   * width={5}
+   */
     width: number;
+    /**
+   * * Option to render UUIDInput field on new row.
+   * * @example
+   * newRow
+   */
     newRow?: boolean;
     delimiter?: string;
     format?: number[];
+    /**
+     * * Option to enable a hint for UUIDInput field.
+     * * @example
+     * isHinted
+     */
     isHinted?: boolean;
+    /**
+   * * Option to specify hint text for UUIDInput field.
+   * * @example
+   * hintText="This is a hint for a VΣ UUIDInput field"
+   */
     hintText?: string;
+    /**
+   * * Option to specify a hint url reference or resource for Input field.
+   * * @example
+   * hintUrl="https://www.mekaegwim.ca"
+   */
     hintUrl?: string;
+    /**
+   * * Option to force set the default value for UUIDInput field.
+   * * @example
+   * placeholder="Enter VΣ UUID"
+   */
     placeholder?: string;
+    /**
+   * * Option to specify the isRequired error text for the UUIDInput field.
+   * * @example
+   * errorText="UUID is required"
+   */
     errorText?: ReactNode | string | null;
+    /**
+   * * Option to specify the .scss class selector for the UUIDInput field.
+   * * @example
+   * className="teletraan-1-uuid"
+   */
     className?: string;
     inputVariant?: 'uuid' | 'uuid-outline' | 'uuid' | 'uuid-neumorphic';
+    /**
+   * * Option to disable edits for UUIDInput field.
+   * * @example
+   * readOnly
+   */
     readOnly?: boolean;
+    /**
+   * * Option to set text size for UUIDInput field.
+   * * @example
+   * readOnly
+   */
     size?: "1" | "2" | "3";
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const UUIDInput: ({ alias, type, inputLabel, width, delimiter, format, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputVariant, size, className, ...props }: UUIDInputProps) => React.JSX.Element;
+export declare const UUIDInput: ({ alias, type, inputLabel, width, delimiter, format, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputVariant, size, className, formikContext, ...props }: UUIDInputProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/input/xCreditCardInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { xInputFieldProps } from "./input";
 import '../../styles/main.scss';
-export declare const CreditCardInput: ({ alias, inputLabel, width, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const CreditCardInput: ({ alias, inputLabel, width, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, formikContext, ...props }: xInputFieldProps) => React.JSX.Element | null;

package/lib/types/components/inputcurrency/inputcurrency.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from "react";
 import { SupportedCurrency } from '../../utils/currencyconfig';
+import { FormikContextType } from 'formik';
 import { InputDesign } from "components/input/input";
 import '../../styles/main.scss';
 type CurrencyInputProps = {
@@ -105,6 +106,11 @@ type CurrencyInputProps = {
    * className="teletraan-1-currencyinput"
    */
     className?: string;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 };
-export declare const CurrencyInput: ({ alias, inputtype, inputLabel, width, defaultvalue, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, ...props }: CurrencyInputProps) => React.JSX.Element;
+export declare const CurrencyInput: ({ alias, inputtype, inputLabel, width, defaultvalue, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, formikContext, ...props }: CurrencyInputProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/inputcurrency/stockInput.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from "react";
+import { FormikContextType } from 'formik';
 import { InputDesign } from "components/input/input";
 import '../../styles/main.scss';
 type StockInputProps = {
@@ -85,6 +86,11 @@ type StockInputProps = {
    * className="teletraan-1-stockinput"
    */
     className?: string;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 };
-export declare const StockInput: ({ alias, inputLabel, width, defaultvalue, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, ...props }: StockInputProps) => React.JSX.Element;
+export declare const StockInput: ({ alias, inputLabel, width, defaultvalue, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, formikContext, ...props }: StockInputProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/radio/radio.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { FormikContextType } from 'formik';
 import { InputOption } from 'utils/vinci';
 import '../../styles/main.scss';
 export type RadioDesign = 'radio' | 'radio-material' | 'radio-outline' | 'radio-neumorphic';
@@ -105,6 +106,11 @@ interface RadioGroupProps {
    * style={{ color: "#000000" }}
    */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const RadioGroupInput: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, style, inputOptions, direction, columns, className, ...props }: RadioGroupProps) => React.JSX.Element;
+export declare const RadioGroupInput: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, style, inputOptions, direction, columns, className, formikContext, ...props }: RadioGroupProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/select/select.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { InputOption } from "utils/vinci";
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type OptionSelectDesign = 'dropdown' | 'dropdown-material' | 'dropdown-outline' | 'dropdown-neumorphic';
 export interface SelectProps {
@@ -102,5 +103,10 @@ export interface SelectProps {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const OptionSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, inputOptions, style, newRow, isHinted, hintText, hintUrl, errorText, ...props }: SelectProps) => React.JSX.Element;
+export declare const OptionSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, inputOptions, style, newRow, isHinted, hintText, hintUrl, errorText, formikContext, ...props }: SelectProps) => React.JSX.Element | null;

package/lib/types/components/selectmultiple/selectmultiple.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { InputOption } from "utils/vinci";
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type MultipleSelectDesign = 'multiselect' | 'multiselect-material' | 'multiselect-outline' | 'multiselect-neumorphic';
 interface MultipleSelectProps {
@@ -96,6 +97,11 @@ interface MultipleSelectProps {
    * style={{ color: "#000000" }}
    */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const MultipleSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, style, inputOptions, className, ...props }: MultipleSelectProps) => React.JSX.Element;
+export declare const MultipleSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, style, inputOptions, className, formikContext, ...props }: MultipleSelectProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/slider/range.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type RangeDesign = 'range' | 'range-material' | 'range-outline' | 'range-neumorphic';
 interface RangeProps {
@@ -102,6 +103,11 @@ interface RangeProps {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const RangeSlider: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, minvalue, maxvalue, stepvalue, minStepsBetweenThumbs, className, style, ...props }: RangeProps) => React.JSX.Element;
+export declare const RangeSlider: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, minvalue, maxvalue, stepvalue, minStepsBetweenThumbs, className, style, formikContext, ...props }: RangeProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/slider/slider.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { FormikContextType } from 'formik';
 import '../../styles/main.scss';
 export type SliderDesign = 'slider' | 'slider-material' | 'slider-outline' | 'slider-neumorphic';
 interface SliderProps {
@@ -96,6 +97,11 @@ interface SliderProps {
      * style={{ color: "#000000" }}
      */
     style?: React.CSSProperties;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const SliderInput: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, minvalue, maxvalue, stepvalue, className, style, ...props }: SliderProps) => React.JSX.Element;
+export declare const SliderInput: ({ inputtype, alias, readOnly, width, inputLabel, newRow, isHinted, hintText, hintUrl, errorText, minvalue, maxvalue, stepvalue, className, style, formikContext, ...props }: SliderProps) => React.JSX.Element | null;
 export {};

package/lib/types/components/toggle/toggle.d.ts

@@ -1,80 +1,86 @@
 import React, { ReactNode } from "react";
+import { FormikContextType } from 'formik';
 import type { ButtonProps } from '@radix-ui/themes';
 import '../../styles/main.scss';
 export type ToggleDesign = 'toggle' | 'toggle-material' | 'toggle-outline' | 'toggle-neumorphic';
 interface ToggleProps extends ButtonProps {
     /**
-       * * The required unique identifier for the Toggle input field in useFormikContext().
-       * Alias referenced as `name` attribute and Formik state key.
-       * * @example
-       * alias="numberOfRentalRooms"
-       */
+      * * The required unique identifier for the Toggle input field in useFormikContext().
+      * Alias referenced as `name` attribute and Formik state key.
+      * * @example
+      * alias="numberOfRentalRooms"
+      */
     alias: string;
     /**
-       * * The design variation of the Toggle input field.
-       * Default: 'slider-outline'
-       * Variants: 'slider', 'slider-outline', 'slider-material', 'slider-neumorphic'.
-       * * @example
-       * inputtype="slider-neumorphic"
-       */
+      * * The design variation of the Toggle input field.
+      * Default: 'slider-outline'
+      * Variants: 'slider', 'slider-outline', 'slider-material', 'slider-neumorphic'.
+      * * @example
+      * inputtype="slider-neumorphic"
+      */
     inputtype?: ToggleDesign & {};
     /**
-       * * The optional input label or description for the Toggle input field.
-       * * @example
-       * inputLabel="Enable VΣ AI Insights"
-       */
+      * * The optional input label or description for the Toggle input field.
+      * * @example
+      * inputLabel="Enable VΣ AI Insights"
+      */
     inputLabel?: string;
     /**
-       * * The required viewport column width for the Toggle input field.
-       * i.e. 1 - 12
-       * * @example
-       * width={5}
-       */
+      * * The required viewport column width for the Toggle input field.
+      * i.e. 1 - 12
+      * * @example
+      * width={5}
+      */
     width: number;
     /**
-       * * Option to render Toggle input field on new row.
-       * * @example
-       * newRow
-       */
+      * * Option to render Toggle input field on new row.
+      * * @example
+      * newRow
+      */
     newRow?: boolean;
     /**
-       * * Option to disable edits for Toggle input field.
-       * * @example
-       * readOnly
-       */
+      * * Option to disable edits for Toggle input field.
+      * * @example
+      * readOnly
+      */
     readOnly?: boolean;
     /**
-         * * Option to enable a hint for Toggle input field.
-         * * @example
-         * isHinted
-         */
+      * * Option to enable a hint for Toggle input field.
+      * * @example
+      * isHinted
+      */
     isHinted?: boolean;
     /**
-       * * Option to specify hint text for Toggle input field.
-       * * @example
-       * hintText="This is a hint for a VΣ Toggle input"
-       */
+      * * Option to specify hint text for Toggle input field.
+      * * @example
+      * hintText="This is a hint for a VΣ Toggle input"
+      */
     hintText?: string;
     /**
-       * * Option to specify a hint url reference or resource for Toggle input field.
-       * * @example
-       * hintUrl="https://www.mekaegwim.ca"
-       */
+      * * Option to specify a hint url reference or resource for Toggle input field.
+      * * @example
+      * hintUrl="https://www.mekaegwim.ca"
+      */
     hintUrl?: string;
     /**
-       * * Option to specify an Icon name for Toggle input field.
-       * e.g. `sun`, `moon`
-       * Defaults to `stack` icon if `name` not provided
-       * * @example
-       * icon="star"
-       */
+      * * Option to specify an Icon name for Toggle input field.
+      * e.g. `sun`, `moon`
+      * Defaults to `stack` icon if `name` not provided
+      * * @example
+      * icon="star"
+      */
     icon?: string;
     /**
-       * * Option to specify the isRequired error text for the Toggle input field.
-       * * @example
-       * errorText="A toggled selection is required"
-       */
+      * * Option to specify the isRequired error text for the Toggle input field.
+      * * @example
+      * errorText="A toggled selection is required"
+      */
     errorText?: ReactNode | string | null;
+    /**
+     * * Optional explicit Formik context. Useful when bypassing duplicate
+     * context issues in monorepos or bundled npm packages.
+     */
+    formikContext?: FormikContextType<any>;
 }
-export declare const Toggle: ({ inputtype, alias, readOnly, width, inputLabel, style, children, newRow, isHinted, hintText, hintUrl, errorText, icon, ...props }: ToggleProps) => React.JSX.Element;
+export declare const Toggle: ({ inputtype, alias, readOnly, width, inputLabel, style, children, newRow, isHinted, hintText, hintUrl, errorText, icon, formikContext, ...props }: ToggleProps) => React.JSX.Element | null;
 export {};

package/lib/types/layouts/codex/codexcontrols.d.ts

@@ -45,6 +45,11 @@ export interface CodexControlsProps {
      * Default: "paperplane"
      */
     finishIcon?: string;
+    /**
+    * * Option to enable `onFinish` control button as `submit` button type.
+    * Default: true
+    */
+    onSubmit?: boolean;
     /**
      * * Optional callback triggered before navigating to the next step.
      * Useful for triggering form validation.
@@ -59,4 +64,4 @@ export interface CodexControlsProps {
      */
     onFinish?: () => void;
 }
-export declare const CodexControls: ({ nextStepId, prevStepId, nextLabel, prevLabel, finishLabel, prevIcon, nextIcon, finishIcon, onNext, onPrev, onFinish }: CodexControlsProps) => React.JSX.Element;
+export declare const CodexControls: ({ nextStepId, prevStepId, nextLabel, prevLabel, finishLabel, prevIcon, nextIcon, finishIcon, onSubmit, onNext, onPrev, onFinish }: CodexControlsProps) => React.JSX.Element;