@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/hooks/useTableColumnConfig.js

@@ -1,133 +0,0 @@
-import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
-//#region src/hooks/useTableColumnConfig.ts
-function sortByKeyOrder(data, orderedKeys = []) {
-	return [...data].sort((a, b) => {
-		return orderedKeys.findIndex((key) => key === (a.id ?? a.accessorKey)) - orderedKeys.findIndex((key) => key === (b.id ?? b.accessorKey));
-	});
-}
-function useTableColumnConfig(defaultColumns, t0) {
-	const $ = c(31);
-	let t1;
-	if ($[0] !== t0) {
-		t1 = t0 === void 0 ? {} : t0;
-		$[0] = t0;
-		$[1] = t1;
-	} else t1 = $[1];
-	const options = t1;
-	let t2;
-	if ($[2] !== defaultColumns) {
-		t2 = () => defaultColumns.reduce(_temp, {});
-		$[2] = defaultColumns;
-		$[3] = t2;
-	} else t2 = $[3];
-	const [internalVisibleColumns, setInternalVisibleColumns] = useState(t2);
-	let t3;
-	if ($[4] !== defaultColumns) {
-		t3 = () => defaultColumns.map(_temp2);
-		$[4] = defaultColumns;
-		$[5] = t3;
-	} else t3 = $[5];
-	const [internalColumnOrder, setInternalColumnOrder] = useState(t3);
-	let t4;
-	let t5;
-	if ($[6] !== options.visibleColumns) {
-		t4 = () => {
-			if (options.visibleColumns) setInternalVisibleColumns(options.visibleColumns);
-		};
-		t5 = [options.visibleColumns];
-		$[6] = options.visibleColumns;
-		$[7] = t4;
-		$[8] = t5;
-	} else {
-		t4 = $[7];
-		t5 = $[8];
-	}
-	useEffect(t4, t5);
-	let t6;
-	let t7;
-	if ($[9] !== options.columnOrder) {
-		t6 = () => {
-			if (options.columnOrder) setInternalColumnOrder(options.columnOrder);
-		};
-		t7 = [options.columnOrder];
-		$[9] = options.columnOrder;
-		$[10] = t6;
-		$[11] = t7;
-	} else {
-		t6 = $[10];
-		t7 = $[11];
-	}
-	useEffect(t6, t7);
-	let t8;
-	if ($[12] !== options) {
-		t8 = (value) => {
-			setInternalVisibleColumns(value);
-			options?.onVisibilityChange?.(value);
-		};
-		$[12] = options;
-		$[13] = t8;
-	} else t8 = $[13];
-	const handleVisibilityChange = t8;
-	let t9;
-	if ($[14] !== options) {
-		t9 = (value_0) => {
-			setInternalColumnOrder(value_0);
-			options?.onOrderChange?.(value_0);
-		};
-		$[14] = options;
-		$[15] = t9;
-	} else t9 = $[15];
-	const handleOrderChange = t9;
-	let t10;
-	if ($[16] !== defaultColumns || $[17] !== internalColumnOrder) {
-		t10 = sortByKeyOrder(defaultColumns, internalColumnOrder);
-		$[16] = defaultColumns;
-		$[17] = internalColumnOrder;
-		$[18] = t10;
-	} else t10 = $[18];
-	const configColumns = t10;
-	let t11;
-	if ($[19] !== configColumns || $[20] !== internalVisibleColumns) {
-		let t12;
-		if ($[22] !== internalVisibleColumns) {
-			t12 = (col_1) => internalVisibleColumns?.[col_1.id ?? col_1.accessorKey] ?? true;
-			$[22] = internalVisibleColumns;
-			$[23] = t12;
-		} else t12 = $[23];
-		t11 = configColumns.filter(t12);
-		$[19] = configColumns;
-		$[20] = internalVisibleColumns;
-		$[21] = t11;
-	} else t11 = $[21];
-	const columns = t11;
-	let t12;
-	if ($[24] !== columns || $[25] !== configColumns || $[26] !== handleOrderChange || $[27] !== handleVisibilityChange || $[28] !== internalColumnOrder || $[29] !== internalVisibleColumns) {
-		t12 = {
-			configColumns,
-			columns,
-			visibleColumns: internalVisibleColumns,
-			columnOrder: internalColumnOrder,
-			onVisibilityChange: handleVisibilityChange,
-			onOrderChange: handleOrderChange
-		};
-		$[24] = columns;
-		$[25] = configColumns;
-		$[26] = handleOrderChange;
-		$[27] = handleVisibilityChange;
-		$[28] = internalColumnOrder;
-		$[29] = internalVisibleColumns;
-		$[30] = t12;
-	} else t12 = $[30];
-	return t12;
-}
-function _temp2(col_0) {
-	return col_0.id ?? col_0.accessorKey;
-}
-function _temp(acc, col) {
-	const key = col.id ?? col.accessorKey;
-	acc[key] = true;
-	return acc;
-}
-//#endregion
-export { useTableColumnConfig };

package/dist/hooks/useTableNav.d.ts

@@ -1,86 +0,0 @@
-import { KeyboardEvent } from "react";
-//#region src/hooks/useTableNav.d.ts
-declare const Selectors: {
-  readonly Cell: '[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"],td,th';
-  readonly Row: '[role="row"],tr';
-  readonly RowGroup: '[role="rowgroup"],thead,tbody,tfoot';
-  /** Selector from here: https://github.com/Shopify/polaris/blob/main/polaris-react/src/utilities/focus.ts#L10 */
-  readonly Focusable: 'a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not([aria-disabled="true"]):not([tabindex="-1"]):not(:disabled),*[tabindex]';
-};
-type Config = {
-  /** Enable debug logs */
-  debug?: boolean;
-  /** CSS Selectors being used to find Rows, Row Groups, Cells and Focusable elements */
-  selectors?: Partial<typeof Selectors>;
-  /** How many rows to move when pressing page up/down - Default goes to first/last row */
-  pageUpDown?: number;
-} | undefined;
-declare class DataGridNav {
-  private selectors;
-  readonly pageUpDown: number | undefined;
-  private keys;
-  private disabled;
-  readonly debug: boolean;
-  private activeCell;
-  constructor();
-  constructor(config: Config);
-  private debugLog;
-  /**
-   * Disables the keyboard listener in cases
-   * that elements inside the grid need to use
-   * arrows keys etc., like select dropdowns
-   */
-  disable(): void;
-  /**
-   * Enables the keyboard listeners
-   */
-  enable(): void;
-  private isFocusable;
-  getActiveCell(): HTMLElement | null;
-  /** Used as a keyboard listener for key up */
-  tableKeyUp(): void;
-  /** Used as a keyboard listener for key down */
-  tableKeyDown(e: KeyboardEvent): void;
-  /**
-   * Handles the navigation inside a cell
-   */
-  cellNavigation(e: KeyboardEvent): void;
-  /**
-   * Handles the navigation outside a cell
-   * on the grid level
-   */
-  gridNavigation(e: KeyboardEvent): void;
-  private pageCellNavigation;
-  private verticalCellNavigation;
-  /**
-   * Sending a row `Element` and then the first cell will be focused.
-   *
-   * If you want to focus the last cell then the row children can be passed in
-   * reversed order
-   */
-  private focusOnFirstCell;
-  /**
-   * Get the column index of a `cell` based on the first `row` parent.
-   * `cellIndex` could be used, but it's not supported in HTML tables.
-   */
-  private getColumnIndex;
-  /**
-   * Get the row index of a `row` based
-   * on its sibling rows
-   */
-  private getRowIndex;
-  /**
-   * Equivalent to prevUntil/nextUntil in jQuery
-   * https://api.jquery.com/prevUntil/
-   */
-  private findUntil;
-}
-declare function useTableNav(options?: Config): {
-  listeners: {
-    onKeyDown: (e: KeyboardEvent) => void;
-    onKeyUp: () => void;
-  };
-  tableNav: DataGridNav;
-};
-//#endregion
-export { useTableNav };

package/dist/hooks/useTableNav.js

@@ -1,365 +0,0 @@
-import { logger } from "../utils/logger2.js";
-//#region src/hooks/useTableNav.ts
-const Selectors = {
-	Cell: "[role=\"cell\"],[role=\"gridcell\"],[role=\"columnheader\"],[role=\"rowheader\"],td,th",
-	Row: "[role=\"row\"],tr",
-	RowGroup: "[role=\"rowgroup\"],thead,tbody,tfoot",
-	/** Selector from here: https://github.com/Shopify/polaris/blob/main/polaris-react/src/utilities/focus.ts#L10 */
-	Focusable: "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not([aria-disabled=\"true\"]):not([tabindex=\"-1\"]):not(:disabled),*[tabindex]"
-};
-var DataGridNav = class {
-	constructor(config = {}) {
-		this.keys = [];
-		this.activeCell = null;
-		this.debugLog = (functionName, message) => {
-			if (this.debug) logger.info(`[${functionName}]: ${message}`);
-		};
-		const { selectors = {}, pageUpDown, debug = false } = config;
-		this.selectors = {
-			...Selectors,
-			...selectors
-		};
-		this.pageUpDown = pageUpDown;
-		this.keys = [];
-		this.debug = debug;
-		this.disabled = false;
-	}
-	/**
-	* Disables the keyboard listener in cases
-	* that elements inside the grid need to use
-	* arrows keys etc., like select dropdowns
-	*/
-	disable() {
-		this.disabled = true;
-	}
-	/**
-	* Enables the keyboard listeners
-	*/
-	enable() {
-		this.disabled = false;
-	}
-	isFocusable(el) {
-		return el instanceof HTMLElement || el instanceof SVGElement;
-	}
-	getActiveCell() {
-		return this.activeCell;
-	}
-	/** Used as a keyboard listener for key up */
-	tableKeyUp() {
-		this.keys = [];
-	}
-	/** Used as a keyboard listener for key down */
-	tableKeyDown(e) {
-		if (this.disabled) return;
-		/**
-		* Avoid page scrolling etc.
-		* Enable default behavior for:
-		* Tab, Shift + Tab
-		* TODO: Actually it will be better to just prevent
-		* in ArrowKeys and PageKeys maybe?
-		* Or should the consumer stop propagation?!
-		* Cannot work with preventDefault as it will
-		* first capture the event from an input in cell for example
-		*/
-		if ("ArrowDown" === e.key || "ArrowUp" === e.key || "ArrowLeft" === e.key || "ArrowRight" === e.key) e.preventDefault();
-		/**
-		* Add key to the stack if it's
-		* not the same with the last (long press)
-		*/
-		if (this.keys.length === 0 || this.keys[this.keys.length - 1] !== e.key) this.keys.push(e.key);
-		/**
-		* Need to check if we are inside a grid cell
-		* or not to enable/disable Grid Navigation
-		*/
-		if (!(e.target instanceof Element)) return;
-		const cell = e.target.parentElement?.closest(`${this.selectors.Cell},${this.selectors.Row}`);
-		if (!cell) return;
-		if (cell.matches(this.selectors.Cell)) this.cellNavigation(e);
-		else this.gridNavigation(e);
-	}
-	/**
-	* Handles the navigation inside a cell
-	*/
-	cellNavigation(e) {
-		if (!(e.target instanceof Element)) return;
-		/**
-		* Keys: Escape
-		* Restore grid navigation
-		*/
-		if (e.key === "Escape") {
-			const cell = e.target.closest(this.selectors.Cell);
-			if (cell && this.isFocusable(cell)) {
-				cell.focus();
-				return;
-			}
-		}
-		/**
-		* Keys: ArrowRight, ArrowDown
-		* Move to the next focusable cell, or the first one
-		*
-		* Arrow Down disabled:
-		* https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972
-		*/
-		if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-			const cell = e.target.closest(this.selectors.Cell);
-			if (!cell) return;
-			const focusableWidgets = [...cell.querySelectorAll(this.selectors.Focusable)];
-			const widgetIdx = focusableWidgets.findIndex((el) => el === e.target);
-			const widgetToFocus = focusableWidgets[widgetIdx === focusableWidgets.length - 1 ? 0 : widgetIdx + 1];
-			if (this.isFocusable(widgetToFocus)) widgetToFocus.focus();
-			return;
-		}
-		/**
-		* Keys: ArrowLeft, ArrowUp
-		* Move to the previous focusable cell, or the last one
-		*
-		* Arrow Up disabled:
-		* https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972
-		*/
-		if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-			const cell = e.target.closest(this.selectors.Cell);
-			if (!cell) return;
-			const focusableWidgets = [...cell.querySelectorAll(this.selectors.Focusable)];
-			const widgetIdx = focusableWidgets.findIndex((el) => el === e.target);
-			const widgetToFocus = focusableWidgets[widgetIdx === 0 ? focusableWidgets.length - 1 : widgetIdx - 1];
-			if (this.isFocusable(widgetToFocus)) widgetToFocus.focus();
-		}
-	}
-	/**
-	* Handles the navigation outside a cell
-	* on the grid level
-	*/
-	gridNavigation(e) {
-		const { target } = e;
-		if (!(e.target instanceof Element)) return;
-		if (!(target instanceof Element)) return;
-		if (this.keys.length === 1) {
-			/**
-			* Keys: Enter
-			* Should move focus inside the cell to the first focusable element:
-			* https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_inside
-			*/
-			if (/^[a-zA-Z0-9]$/.test(e.key)) {
-				const cell = e.target.querySelector(this.selectors.Focusable);
-				if (cell && this.isFocusable(cell) && cell instanceof HTMLInputElement) {
-					cell.focus();
-					cell.value = `${cell.value}${e.key}`;
-					e.preventDefault();
-				}
-				return;
-			}
-			if (e.key === "Backspace") {
-				const cell = e.target.querySelector(this.selectors.Focusable);
-				if (cell && this.isFocusable(cell) && cell instanceof HTMLInputElement) {
-					const nativeInputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-					if (nativeInputValueSetter) {
-						nativeInputValueSetter.call(cell, "");
-						const ev = new Event("input", { bubbles: true });
-						cell.dispatchEvent(ev);
-					}
-				}
-				return;
-			}
-			if (e.key === "Enter") {
-				const cell = e.target.querySelector(this.selectors.Focusable);
-				if (cell && this.isFocusable(cell)) {
-					if (cell.getAttribute("data-type") === "select-trigger") {
-						cell.click();
-						return;
-					}
-					cell.focus();
-					e.preventDefault();
-				}
-				return;
-			}
-			/**
-			* Keys: ArrowLeft, ArrowRight
-			* Should move focus to the next/previous cell
-			*/
-			if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-				const direction = e.key === "ArrowLeft" ? "prev" : "next";
-				const cell = e.target.closest(this.selectors.Cell);
-				let nextCell = null;
-				if (direction === "next" && cell?.nextElementSibling instanceof HTMLElement) nextCell = cell.nextElementSibling;
-				if (direction === "prev" && cell?.previousElementSibling instanceof HTMLElement) nextCell = cell.previousElementSibling;
-				if (nextCell && this.isFocusable(nextCell)) {
-					nextCell.focus();
-					e.preventDefault();
-				}
-			}
-			/**
-			* Keys: Up,Down
-			* Should move focus to the same column of the next/previous row
-			*/
-			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-				this.verticalCellNavigation(e);
-				return;
-			}
-			/**
-			* Keys: PageUp, PageDown
-			* Should move focus to the first/last row
-			* or a predefined number of rows if user provides a value
-			*/
-			if (e.key === "PageUp" || e.key === "PageDown") {
-				this.pageCellNavigation(e);
-				return;
-			}
-			/**
-			* Keys: Home, End
-			* Should move focus to the first/last cell of the current row
-			*/
-			if (e.key === "Home" || e.key === "End") {
-				const rowChildren = [...e.target.closest(this.selectors.Row)?.children || []];
-				if (e.key === "End") rowChildren.reverse();
-				this.focusOnFirstCell(rowChildren);
-			}
-		} else {
-			/**
-			* Keys: Control + Home, Control + End
-			* Should move focus to the first/last cell of the first/last row
-			*/
-			const [firstKey, secondKey] = this.keys;
-			if (firstKey === "Control" && (secondKey === "Home" || secondKey === "End")) {
-				const siblings = e.target.closest(this.selectors.Row).parentElement?.children;
-				if (!siblings) return;
-				const rowChildren = [...(secondKey === "Home" ? siblings[0] : siblings[siblings.length - 1])?.children || []];
-				if (secondKey === "End") rowChildren.reverse();
-				this.focusOnFirstCell(rowChildren);
-			}
-		}
-	}
-	pageCellNavigation(e) {
-		if (!(e.target instanceof Element)) return;
-		const row = e.target.closest(this.selectors.Row);
-		const cell = e.target.closest(this.selectors.Cell);
-		if (row && cell) {
-			const position = this.getColumnIndex(cell);
-			if (position === void 0) return;
-			const direction = e.key === "PageUp" ? "prev" : "next";
-			const siblings = row.parentElement?.children;
-			if (!siblings) return;
-			let destinationRow;
-			if (this.pageUpDown) {
-				const methodClbk = direction === "prev" ? "previousSibling" : "nextSibling";
-				let sibling = row[methodClbk];
-				if (sibling === null) return;
-				let lastVisitedSibling = sibling;
-				for (let i = 0; i < this.pageUpDown - 1 && sibling; i++) {
-					sibling = sibling[methodClbk];
-					if (sibling) lastVisitedSibling = sibling;
-				}
-				destinationRow = sibling || lastVisitedSibling;
-			} else destinationRow = direction === "prev" ? siblings[0] : siblings[siblings.length - 1];
-			if (!destinationRow || !(destinationRow instanceof Element)) return;
-			const child = destinationRow.children[position];
-			if (child && this.isFocusable(child)) child.focus();
-		}
-	}
-	verticalCellNavigation(e) {
-		if (!(e.target instanceof Element)) return;
-		const row = e.target.closest(this.selectors.Row);
-		const cell = e.target.closest(this.selectors.Cell);
-		if (row && cell) {
-			const cellPosition = this.getColumnIndex(cell);
-			const rowPosition = this.getRowIndex(row);
-			if (cellPosition === void 0 || rowPosition === void 0) return;
-			const direction = e.key === "ArrowUp" ? "prev" : "next";
-			/** Find previous rowgroup and focus on the proper cell */
-			if (rowPosition === 0 && direction === "prev") {
-				const currentRowGroup = row.parentElement?.closest(this.selectors.RowGroup);
-				const siblingRowGroups = [...currentRowGroup?.parentElement?.children || []];
-				const currentRowGroupIdx = siblingRowGroups.findIndex((el) => el === currentRowGroup);
-				if (currentRowGroupIdx !== 0) {
-					const rows = [...siblingRowGroups[currentRowGroupIdx - 1].querySelectorAll(this.selectors.Row)];
-					const child = rows[rows.length - 1].children[cellPosition];
-					if (child && this.isFocusable(child)) child.focus();
-					return;
-				}
-			}
-			/** Find next rowgroup and focus on the proper cell */
-			if (rowPosition === [...row.parentElement?.querySelectorAll(this.selectors.Row) || []].length - 1 && direction === "next") {
-				const currentRowGroup = row.parentElement?.closest(this.selectors.RowGroup);
-				const siblingRowGroups = [...currentRowGroup?.parentElement?.children || []];
-				const currentRowGroupIdx = siblingRowGroups.findIndex((el) => el === currentRowGroup);
-				if (currentRowGroupIdx !== siblingRowGroups.length - 1) {
-					const child = [...siblingRowGroups[currentRowGroupIdx + 1].querySelectorAll(this.selectors.Row)][0].children[cellPosition];
-					if (child && this.isFocusable(child)) child.focus();
-					return;
-				}
-				return;
-			}
-			/** Navigation in the same rowgroup */
-			const destinationRow = this.findUntil(direction, row, this.selectors.Row);
-			if (!destinationRow) return;
-			const child = destinationRow.children[cellPosition];
-			if (child && this.isFocusable(child)) child.focus();
-		}
-	}
-	/**
-	* Sending a row `Element` and then the first cell will be focused.
-	*
-	* If you want to focus the last cell then the row children can be passed in
-	* reversed order
-	*/
-	focusOnFirstCell(el) {
-		for (let i = 0; i < el.length; i++) {
-			const child = el[i];
-			if (this.isFocusable(child)) {
-				child.focus();
-				return;
-			}
-		}
-	}
-	/**
-	* Get the column index of a `cell` based on the first `row` parent.
-	* `cellIndex` could be used, but it's not supported in HTML tables.
-	*/
-	getColumnIndex(cell) {
-		let position = 0;
-		const siblings = cell?.parentNode?.children;
-		if (!siblings) return;
-		while (cell !== siblings[position] && siblings[position] !== void 0) position++;
-		if (siblings[position] === void 0) return;
-		return position;
-	}
-	/**
-	* Get the row index of a `row` based
-	* on its sibling rows
-	*/
-	getRowIndex(row) {
-		let position = 0;
-		const siblings = row?.parentNode?.children;
-		if (!siblings) return;
-		while (row !== siblings[position] && siblings[position] !== void 0) position++;
-		if (siblings[position] === void 0) return;
-		return position;
-	}
-	/**
-	* Equivalent to prevUntil/nextUntil in jQuery
-	* https://api.jquery.com/prevUntil/
-	*/
-	findUntil(direction, el, matchSelector, exitSelector) {
-		let element = el;
-		const method = direction === "next" ? "nextSibling" : "previousSibling";
-		while (element[method]) {
-			const sibling = element[method];
-			if (!sibling) return null;
-			if (exitSelector && sibling instanceof Element && sibling.matches(exitSelector)) return null;
-			if (sibling instanceof Element && sibling.matches(matchSelector)) return sibling;
-			element = sibling;
-		}
-		return null;
-	}
-};
-function useTableNav(options) {
-	const nav = new DataGridNav(options);
-	return {
-		listeners: {
-			onKeyDown: (e) => nav.tableKeyDown(e),
-			onKeyUp: () => nav.tableKeyUp()
-		},
-		tableNav: nav
-	};
-}
-//#endregion
-export { useTableNav };

package/dist/rhf/Inputs.d.ts

@@ -1,79 +0,0 @@
-import { Autocomplete } from "./autocomplete.js";
-import { Checkbox } from "./checkbox.js";
-import { CheckboxGroup } from "./checkbox-group.js";
-import { DatePicker } from "./date-picker.js";
-import { DateRangePicker } from "./date-range-picker.js";
-import { DateTimePicker } from "./date-time-picker.js";
-import { NumberInput } from "./number-input.js";
-import { NumberRangeInput } from "./number-range-input.js";
-import { PasswordInput } from "./password-input.js";
-import { QueryAutocomplete } from "./query-autocomplete.js";
-import { QuerySelect } from "./query-select.js";
-import { Segment } from "./segment.js";
-import { Select } from "./select.js";
-import { Slider } from "./slider.js";
-import { TextArea } from "./text-area.js";
-import { TextInput } from "./text-input.js";
-import { TimePicker } from "./time-picker.js";
-import { Toggle } from "./toggle.js";
-import "./components.js";
-import { ReactElement, ReactNode } from "react";
-import { SubmitErrorHandler, SubmitHandler, UseFormReturn } from "react-hook-form";
-import { z } from "zod";
-//#region src/rhf/Inputs.d.ts
-declare const componentRegistry: {
-  readonly autocomplete: typeof Autocomplete;
-  readonly checkbox: typeof Checkbox;
-  readonly checkboxGroup: typeof CheckboxGroup;
-  readonly datePicker: typeof DatePicker;
-  readonly dateRangePicker: typeof DateRangePicker;
-  readonly dateTimePicker: typeof DateTimePicker;
-  readonly numberInput: typeof NumberInput;
-  readonly numberRangeInput: typeof NumberRangeInput;
-  readonly passwordInput: typeof PasswordInput;
-  readonly queryAutocomplete: typeof QueryAutocomplete;
-  readonly querySelect: typeof QuerySelect;
-  readonly segment: typeof Segment;
-  readonly select: typeof Select;
-  readonly slider: typeof Slider;
-  readonly textArea: typeof TextArea;
-  readonly textInput: typeof TextInput;
-  readonly timePicker: typeof TimePicker;
-  readonly toggle: typeof Toggle;
-};
-type InputComponentType = keyof typeof componentRegistry;
-type InputWrapperType = (children: ReactNode, label: string) => ReactElement;
-interface InputDef<TFieldValues extends Record<string, any>> {
-  name: keyof TFieldValues;
-  type?: InputComponentType;
-  label?: string;
-  placeholder?: string;
-  props?: Record<string, unknown>;
-  inputWrapper?: InputWrapperType;
-  render?: (formControl: {
-    control: UseFormReturn<TFieldValues>["control"];
-    name: keyof TFieldValues;
-  }, form: UseFormReturn<TFieldValues>) => ReactElement;
-}
-interface InputsProps<TFieldValues extends Record<string, any>> {
-  form: UseFormReturn<TFieldValues>;
-  inputDefs: Array<InputDef<TFieldValues>>;
-  children?: (inputs: Record<keyof TFieldValues, ReactNode>) => ReactNode;
-}
-declare function Inputs<TFieldValues extends Record<string, any>>({ form, inputDefs, children }: InputsProps<TFieldValues>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element[] | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined;
-type FieldComponents<TSchema extends z.ZodObject<any>> = { [K in keyof Required<z.infer<TSchema>> as Capitalize<K & string>]: (props: {
-  inputType?: InputComponentType;
-  label: string;
-  placeholder?: string;
-  [key: string]: unknown;
-}) => ReactNode; };
-declare function Form<TSchema extends z.ZodObject<any>>({ form, schema, onSubmit, onError, className, children }: {
-  form: UseFormReturn<z.infer<TSchema>>;
-  schema: TSchema;
-  onSubmit: SubmitHandler<z.infer<TSchema>>;
-  onError?: SubmitErrorHandler<z.infer<TSchema>>;
-  className?: string;
-  children: (components: FieldComponents<TSchema>) => ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { Form, InputComponentType, InputDef, InputWrapperType, Inputs, InputsProps };