@k3-universe/react-kit 0.0.7 → 0.0.8

package/dist/index.js

@@ -2,7 +2,8 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { forwardRef, createElement, useLayoutEffect, useState, useRef, useCallback, useEffect, useMemo, memo as memo$1, createContext, use, useContext, Fragment as Fragment$1, isValidElement, PureComponent, useImperativeHandle, cloneElement } from "react";
 import * as ReactDOM from "react-dom";
-import ReactDOM__default, { flushSync } from "react-dom";
+import ReactDOM__default from "react-dom";
+import { useLocation, Link as Link$1 } from "@tanstack/react-router";
 /**
    * table-core
    *
@@ -13,7 +14,7 @@ import ReactDOM__default, { flushSync } from "react-dom";
    *
    * @license MIT
    */
-function functionalUpdate$1(updater, input) {
+function functionalUpdate(updater, input) {
   return typeof updater === "function" ? updater(input) : updater;
 }
 function makeStateUpdater(key, instance) {
@@ -21,12 +22,12 @@ function makeStateUpdater(key, instance) {
     instance.setState((old) => {
       return {
         ...old,
-        [key]: functionalUpdate$1(updater, old[key])
+        [key]: functionalUpdate(updater, old[key])
       };
     });
   };
 }
-function isFunction$5(d) {
+function isFunction$4(d) {
   return d instanceof Function;
 }
 function isNumberArray(d) {
@@ -605,7 +606,7 @@ const ColumnFiltering = {
     };
     column.getFilterFn = () => {
       var _table$options$filter, _table$options$filter2;
-      return isFunction$5(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === "auto" ? column.getAutoFilterFn() : (
+      return isFunction$4(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === "auto" ? column.getAutoFilterFn() : (
         // @ts-ignore
         (_table$options$filter = (_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[column.columnDef.filterFn]) != null ? _table$options$filter : filterFns[column.columnDef.filterFn]
       );
@@ -627,7 +628,7 @@ const ColumnFiltering = {
       table.setColumnFilters((old) => {
         const filterFn = column.getFilterFn();
         const previousFilter = old == null ? void 0 : old.find((d) => d.id === column.id);
-        const newFilter = functionalUpdate$1(value, previousFilter ? previousFilter.value : void 0);
+        const newFilter = functionalUpdate(value, previousFilter ? previousFilter.value : void 0);
         if (shouldAutoRemoveFilter(filterFn, newFilter, column)) {
           var _old$filter;
           return (_old$filter = old == null ? void 0 : old.filter((d) => d.id !== column.id)) != null ? _old$filter : [];
@@ -661,7 +662,7 @@ const ColumnFiltering = {
       const leafColumns = table.getAllLeafColumns();
       const updateFn = (old) => {
         var _functionalUpdate;
-        return (_functionalUpdate = functionalUpdate$1(updater, old)) == null ? void 0 : _functionalUpdate.filter((filter) => {
+        return (_functionalUpdate = functionalUpdate(updater, old)) == null ? void 0 : _functionalUpdate.filter((filter) => {
           const column = leafColumns.find((d) => d.id === filter.id);
           if (column) {
             const filterFn = column.getFilterFn();
@@ -847,7 +848,7 @@ const ColumnGrouping = {
       if (!column) {
         throw new Error();
       }
-      return isFunction$5(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === "auto" ? column.getAutoAggregationFn() : (_table$options$aggreg = (_table$options$aggreg2 = table.options.aggregationFns) == null ? void 0 : _table$options$aggreg2[column.columnDef.aggregationFn]) != null ? _table$options$aggreg : aggregationFns[column.columnDef.aggregationFn];
+      return isFunction$4(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === "auto" ? column.getAutoAggregationFn() : (_table$options$aggreg = (_table$options$aggreg2 = table.options.aggregationFns) == null ? void 0 : _table$options$aggreg2[column.columnDef.aggregationFn]) != null ? _table$options$aggreg : aggregationFns[column.columnDef.aggregationFn];
     };
   },
   createTable: (table) => {
@@ -1450,7 +1451,7 @@ const GlobalFiltering = {
       const {
         globalFilterFn
       } = table.options;
-      return isFunction$5(globalFilterFn) ? globalFilterFn : globalFilterFn === "auto" ? table.getGlobalAutoFilterFn() : (_table$options$filter = (_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[globalFilterFn]) != null ? _table$options$filter : filterFns[globalFilterFn];
+      return isFunction$4(globalFilterFn) ? globalFilterFn : globalFilterFn === "auto" ? table.getGlobalAutoFilterFn() : (_table$options$filter = (_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[globalFilterFn]) != null ? _table$options$filter : filterFns[globalFilterFn];
     };
     table.setGlobalFilter = (updater) => {
       table.options.onGlobalFilterChange == null || table.options.onGlobalFilterChange(updater);
@@ -1651,7 +1652,7 @@ const RowPagination = {
     };
     table.setPagination = (updater) => {
       const safeUpdater = (old) => {
-        let newState = functionalUpdate$1(updater, old);
+        let newState = functionalUpdate(updater, old);
         return newState;
       };
       return table.options.onPaginationChange == null ? void 0 : table.options.onPaginationChange(safeUpdater);
@@ -1662,7 +1663,7 @@ const RowPagination = {
     };
     table.setPageIndex = (updater) => {
       table.setPagination((old) => {
-        let pageIndex = functionalUpdate$1(updater, old.pageIndex);
+        let pageIndex = functionalUpdate(updater, old.pageIndex);
         const maxPageIndex = typeof table.options.pageCount === "undefined" || table.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : table.options.pageCount - 1;
         pageIndex = Math.max(0, Math.min(pageIndex, maxPageIndex));
         return {
@@ -1681,7 +1682,7 @@ const RowPagination = {
     };
     table.setPageSize = (updater) => {
       table.setPagination((old) => {
-        const pageSize = Math.max(1, functionalUpdate$1(updater, old.pageSize));
+        const pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));
         const topRowIndex = old.pageSize * old.pageIndex;
         const pageIndex = Math.floor(topRowIndex / pageSize);
         return {
@@ -1693,7 +1694,7 @@ const RowPagination = {
     };
     table.setPageCount = (updater) => table.setPagination((old) => {
       var _table$options$pageCo;
-      let newPageCount = functionalUpdate$1(updater, (_table$options$pageCo = table.options.pageCount) != null ? _table$options$pageCo : -1);
+      let newPageCount = functionalUpdate(updater, (_table$options$pageCo = table.options.pageCount) != null ? _table$options$pageCo : -1);
       if (typeof newPageCount === "number") {
         newPageCount = Math.max(-1, newPageCount);
       }
@@ -2290,7 +2291,7 @@ const RowSorting = {
       if (!column) {
         throw new Error();
       }
-      return isFunction$5(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === "auto" ? column.getAutoSortingFn() : (_table$options$sortin = (_table$options$sortin2 = table.options.sortingFns) == null ? void 0 : _table$options$sortin2[column.columnDef.sortingFn]) != null ? _table$options$sortin : sortingFns[column.columnDef.sortingFn];
+      return isFunction$4(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === "auto" ? column.getAutoSortingFn() : (_table$options$sortin = (_table$options$sortin2 = table.options.sortingFns) == null ? void 0 : _table$options$sortin2[column.columnDef.sortingFn]) != null ? _table$options$sortin : sortingFns[column.columnDef.sortingFn];
     };
     column.toggleSorting = (desc, multi) => {
       const nextSortingOrder = column.getNextSortingOrder();
@@ -2493,7 +2494,7 @@ function createTable(options) {
       table.setState(table.initialState);
     },
     setOptions: (updater) => {
-      const newOptions = functionalUpdate$1(updater, table.options);
+      const newOptions = functionalUpdate(updater, table.options);
       table.options = mergeOptions(newOptions);
     },
     getState: () => {
@@ -3155,7 +3156,7 @@ const MODIFIER_SEPARATOR = ":";
 const MODIFIER_SEPARATOR_LENGTH = MODIFIER_SEPARATOR.length;
 const createParseClassName = (config2) => {
   const {
-    prefix: prefix2,
+    prefix,
     experimentalParseClassName
   } = config2;
   let parseClassName = (className) => {
@@ -3198,8 +3199,8 @@ const createParseClassName = (config2) => {
       maybePostfixModifierPosition
     };
   };
-  if (prefix2) {
-    const fullPrefix = prefix2 + MODIFIER_SEPARATOR;
+  if (prefix) {
+    const fullPrefix = prefix + MODIFIER_SEPARATOR;
     const parseClassNameOriginal = parseClassName;
     parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.substring(fullPrefix.length)) : {
       isExternal: true,
@@ -6212,7 +6213,7 @@ function useControllableState$1({
     (nextValue) => {
       var _a;
       if (isControlled) {
-        const value2 = isFunction$4(nextValue) ? nextValue(prop) : nextValue;
+        const value2 = isFunction$3(nextValue) ? nextValue(prop) : nextValue;
         if (value2 !== prop) {
           (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, value2);
         }
@@ -6243,7 +6244,7 @@ function useUncontrolledState$1({
   }, [value, prevValueRef]);
   return [value, setValue, onChangeRef];
 }
-function isFunction$4(value) {
+function isFunction$3(value) {
   return typeof value === "function";
 }
 function usePrevious(value) {
@@ -6593,7 +6594,7 @@ function CheckboxProvider(props2) {
     {
       scope: __scopeCheckbox,
       ...context,
-      children: isFunction$3(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
+      children: isFunction$2(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
     }
   );
 }
@@ -6789,7 +6790,7 @@ var CheckboxBubbleInput = React.forwardRef(
   }
 );
 CheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME$4;
-function isFunction$3(value) {
+function isFunction$2(value) {
   return typeof value === "function";
 }
 function isIndeterminate$1(checked) {
@@ -7358,7 +7359,7 @@ var isObject$4 = (value) => !isNullOrUndefined(value) && !Array.isArray(value) &
 var getEventValue = (event) => isObject$4(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
 var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
 var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
-var isPlainObject$2 = (tempObject) => {
+var isPlainObject$1 = (tempObject) => {
   const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
   return isObject$4(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
 };
@@ -7371,7 +7372,7 @@ function cloneObject(data) {
     copy = new Date(data);
   } else if (!(isWeb && (data instanceof Blob || isFileListInstance)) && (isArray || isObject$4(data))) {
     copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
-    if (!isArray && !isPlainObject$2(data)) {
+    if (!isArray && !isPlainObject$1(data)) {
       copy = data;
     } else {
       for (const key in data) {
@@ -7506,7 +7507,7 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
   return formValues;
 };
 var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
-function deepEqual$2(object1, object2, _internal_visited = /* @__PURE__ */ new WeakSet()) {
+function deepEqual$1(object1, object2, _internal_visited = /* @__PURE__ */ new WeakSet()) {
   if (isPrimitive(object1) || isPrimitive(object2)) {
     return object1 === object2;
   }
@@ -7530,7 +7531,7 @@ function deepEqual$2(object1, object2, _internal_visited = /* @__PURE__ */ new W
     }
     if (key !== "ref") {
       const val2 = object2[key];
-      if (isDateObject(val1) && isDateObject(val2) || isObject$4(val1) && isObject$4(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual$2(val1, val2, _internal_visited) : val1 !== val2) {
+      if (isDateObject(val1) && isDateObject(val2) || isObject$4(val1) && isObject$4(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual$1(val1, val2, _internal_visited) : val1 !== val2) {
         return false;
       }
     }
@@ -7557,7 +7558,7 @@ function useWatch(props2) {
         const formValues = generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current);
         if (_compute.current) {
           const computedFormValues = _compute.current(formValues);
-          if (!deepEqual$2(computedFormValues, _computeFormValues.current)) {
+          if (!deepEqual$1(computedFormValues, _computeFormValues.current)) {
             updateValue(computedFormValues);
             _computeFormValues.current = computedFormValues;
           }
@@ -7723,7 +7724,7 @@ var createSubject = () => {
 };
 var isEmptyObject = (value) => isObject$4(value) && !Object.keys(value).length;
 var isFileInput = (element) => element.type === "file";
-var isFunction$2 = (value) => typeof value === "function";
+var isFunction$1 = (value) => typeof value === "function";
 var isHTMLElement$2 = (value) => {
   if (!isWeb) {
     return false;
@@ -7766,7 +7767,7 @@ function unset(object2, path) {
 }
 var objectHasFunction = (data) => {
   for (const key in data) {
-    if (isFunction$2(data[key])) {
+    if (isFunction$1(data[key])) {
       return true;
     }
   }
@@ -7797,7 +7798,7 @@ function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues
           getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
         }
       } else {
-        dirtyFieldsFromValues[key] = !deepEqual$2(data[key], formValues[key]);
+        dirtyFieldsFromValues[key] = !deepEqual$1(data[key], formValues[key]);
       }
     }
   }
@@ -7870,7 +7871,7 @@ var getValidationModes = (mode) => ({
   isOnTouch: mode === VALIDATION_MODE.onTouched
 });
 const ASYNC_FUNCTION = "AsyncFunction";
-var hasPromiseValidation = (fieldReference) => !!fieldReference && !!fieldReference.validate && !!(isFunction$2(fieldReference.validate) && fieldReference.validate.constructor.name === ASYNC_FUNCTION || isObject$4(fieldReference.validate) && Object.values(fieldReference.validate).find((validateFunction) => validateFunction.constructor.name === ASYNC_FUNCTION));
+var hasPromiseValidation = (fieldReference) => !!fieldReference && !!fieldReference.validate && !!(isFunction$1(fieldReference.validate) && fieldReference.validate.constructor.name === ASYNC_FUNCTION || isObject$4(fieldReference.validate) && Object.values(fieldReference.validate).find((validateFunction) => validateFunction.constructor.name === ASYNC_FUNCTION));
 var hasValidation = (options) => options.mount && (options.required || options.min || options.max || options.maxLength || options.minLength || options.pattern || options.validate);
 var isWatched = (name, _names, isBlurEvent) => !isBlurEvent && (_names.watchAll || _names.watch.has(name) || [..._names.watch].some((watchName) => name.startsWith(watchName) && /^\.\w+/.test(name.slice(watchName.length))));
 const iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
@@ -8075,7 +8076,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
     }
   }
   if (validate) {
-    if (isFunction$2(validate)) {
+    if (isFunction$1(validate)) {
       const result = await validate(inputValue, formValues);
       const validateError = getValidateError(result, inputRef);
       if (validateError) {
@@ -8134,7 +8135,7 @@ function createFormControl(props2 = {}) {
     submitCount: 0,
     isDirty: false,
     isReady: false,
-    isLoading: isFunction$2(_options.defaultValues),
+    isLoading: isFunction$1(_options.defaultValues),
     isValidating: false,
     isSubmitted: false,
     isSubmitting: false,
@@ -8271,7 +8272,7 @@ function createFormControl(props2 = {}) {
           _formState.isDirty = output.isDirty = _getDirty();
           shouldUpdateField = isPreviousDirty !== output.isDirty;
         }
-        const isCurrentFieldPristine = deepEqual$2(get(_defaultValues, name), fieldValue);
+        const isCurrentFieldPristine = deepEqual$1(get(_defaultValues, name), fieldValue);
         isPreviousDirty = !!get(_formState.dirtyFields, name);
         isCurrentFieldPristine ? unset(_formState.dirtyFields, name) : set$1(_formState.dirtyFields, name, true);
         output.dirtyFields = _formState.dirtyFields;
@@ -8300,7 +8301,7 @@ function createFormControl(props2 = {}) {
       delayErrorCallback = null;
       error ? set$1(_formState.errors, name, error) : unset(_formState.errors, name);
     }
-    if ((error ? !deepEqual$2(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
+    if ((error ? !deepEqual$1(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
       const updatedFormState = {
         ...fieldState,
         ...shouldUpdateValid && isBoolean$1(isValid2) ? { isValid: isValid2 } : {},
@@ -8369,7 +8370,7 @@ function createFormControl(props2 = {}) {
     }
     _names.unMount = /* @__PURE__ */ new Set();
   };
-  const _getDirty = (name, data) => !_options.disabled && (name && data && set$1(_formValues, name, data), !deepEqual$2(getValues(), _defaultValues));
+  const _getDirty = (name, data) => !_options.disabled && (name && data && set$1(_formValues, name, data), !deepEqual$1(getValues(), _defaultValues));
   const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
     ..._state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString$2(names) ? { [names]: defaultValue } : defaultValue
   }, isGlobal, defaultValue);
@@ -8458,7 +8459,7 @@ function createFormControl(props2 = {}) {
     let isFieldValueUpdated = true;
     const field = get(_fields, name);
     const _updateIsFieldValueUpdated = (fieldValue) => {
-      isFieldValueUpdated = Number.isNaN(fieldValue) || isDateObject(fieldValue) && isNaN(fieldValue.getTime()) || deepEqual$2(fieldValue, get(_formValues, name, fieldValue));
+      isFieldValueUpdated = Number.isNaN(fieldValue) || isDateObject(fieldValue) && isNaN(fieldValue.getTime()) || deepEqual$1(fieldValue, get(_formValues, name, fieldValue));
     };
     const validationModeBeforeSubmit = getValidationModes(_options.mode);
     const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
@@ -8594,7 +8595,7 @@ function createFormControl(props2 = {}) {
     });
     options && options.shouldFocus && ref && ref.focus && ref.focus();
   };
-  const watch = (name, defaultValue) => isFunction$2(name) ? _subjects.state.subscribe({
+  const watch = (name, defaultValue) => isFunction$1(name) ? _subjects.state.subscribe({
     next: (payload) => "values" in payload && name(_getWatch(void 0, defaultValue), payload)
   }) : _getWatch(name, defaultValue, true);
   const _subscribe = (props3) => _subjects.state.subscribe({
@@ -8867,7 +8868,7 @@ function createFormControl(props2 = {}) {
     _state.watch = !!_options.shouldUnregister;
     _subjects.state.next({
       submitCount: keepStateOptions.keepSubmitCount ? _formState.submitCount : 0,
-      isDirty: isEmptyResetValues ? false : keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual$2(formValues, _defaultValues)),
+      isDirty: isEmptyResetValues ? false : keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual$1(formValues, _defaultValues)),
       isSubmitted: keepStateOptions.keepIsSubmitted ? _formState.isSubmitted : false,
       dirtyFields: isEmptyResetValues ? {} : keepStateOptions.keepDirtyValues ? keepStateOptions.keepDefaultValues && _formValues ? getDirtyFields(_defaultValues, _formValues) : _formState.dirtyFields : keepStateOptions.keepDefaultValues && formValues ? getDirtyFields(_defaultValues, formValues) : keepStateOptions.keepDirty ? _formState.dirtyFields : {},
       touchedFields: keepStateOptions.keepTouched ? _formState.touchedFields : {},
@@ -8877,7 +8878,7 @@ function createFormControl(props2 = {}) {
       defaultValues: _defaultValues
     });
   };
-  const reset2 = (formValues, keepStateOptions) => _reset(isFunction$2(formValues) ? formValues(_formValues) : formValues, keepStateOptions);
+  const reset2 = (formValues, keepStateOptions) => _reset(isFunction$1(formValues) ? formValues(_formValues) : formValues, keepStateOptions);
   const setFocus = (name, options = {}) => {
     const field = get(_fields, name);
     const fieldReference = field && field._f;
@@ -8885,7 +8886,7 @@ function createFormControl(props2 = {}) {
       const fieldRef = fieldReference.refs ? fieldReference.refs[0] : fieldReference.ref;
       if (fieldRef.focus) {
         fieldRef.focus();
-        options.shouldSelect && isFunction$2(fieldRef.select) && fieldRef.select();
+        options.shouldSelect && isFunction$1(fieldRef.select) && fieldRef.select();
       }
     }
   };
@@ -8895,7 +8896,7 @@ function createFormControl(props2 = {}) {
       ...updatedFormState
     };
   };
-  const _resetDefaultValues = () => isFunction$2(_options.defaultValues) && _options.defaultValues().then((values) => {
+  const _resetDefaultValues = () => isFunction$1(_options.defaultValues) && _options.defaultValues().then((values) => {
     reset2(values, _options.resetOptions);
     _subjects.state.next({
       isLoading: false
@@ -9215,7 +9216,7 @@ function useForm(props2 = {}) {
   const [formState, updateFormState] = React__default.useState({
     isDirty: false,
     isValidating: false,
-    isLoading: isFunction$2(props2.defaultValues),
+    isLoading: isFunction$1(props2.defaultValues),
     isSubmitted: false,
     isSubmitting: false,
     isSubmitSuccessful: false,
@@ -9227,7 +9228,7 @@ function useForm(props2 = {}) {
     errors: props2.errors || {},
     disabled: props2.disabled || false,
     isReady: false,
-    defaultValues: isFunction$2(props2.defaultValues) ? void 0 : props2.defaultValues
+    defaultValues: isFunction$1(props2.defaultValues) ? void 0 : props2.defaultValues
   });
   if (!_formControl.current) {
     if (props2.formControl) {
@@ -9235,7 +9236,7 @@ function useForm(props2 = {}) {
         ...props2.formControl,
         formState
       };
-      if (props2.defaultValues && !isFunction$2(props2.defaultValues)) {
+      if (props2.defaultValues && !isFunction$1(props2.defaultValues)) {
         props2.formControl.reset(props2.defaultValues, props2.resetOptions);
       }
     } else {
@@ -9292,7 +9293,7 @@ function useForm(props2 = {}) {
     }
   }, [control, formState.isDirty]);
   React__default.useEffect(() => {
-    if (props2.values && !deepEqual$2(props2.values, _values.current)) {
+    if (props2.values && !deepEqual$1(props2.values, _values.current)) {
       control._reset(props2.values, {
         keepFieldsRef: true,
         ...control._options.resetOptions
@@ -9504,7 +9505,7 @@ const allowsEval = cached(() => {
     return false;
   }
 });
-function isPlainObject$1(o2) {
+function isPlainObject(o2) {
   if (isObject$3(o2) === false)
     return false;
   const ctor = o2.constructor;
@@ -9519,7 +9520,7 @@ function isPlainObject$1(o2) {
   return true;
 }
 function shallowClone(o2) {
-  if (isPlainObject$1(o2))
+  if (isPlainObject(o2))
     return { ...o2 };
   return o2;
 }
@@ -9602,7 +9603,7 @@ function omit(schema, mask) {
   return clone(schema, def);
 }
 function extend(schema, shape) {
-  if (!isPlainObject$1(shape)) {
+  if (!isPlainObject(shape)) {
     throw new Error("Invalid input to extend: expected a plain object");
   }
   const def = mergeDefs(schema._zod.def, {
@@ -10617,12 +10618,12 @@ const $ZodCIDRv6 = /* @__PURE__ */ $constructor("$ZodCIDRv6", (inst, def) => {
   def.pattern ?? (def.pattern = cidrv6);
   $ZodStringFormat.init(inst, def);
   inst._zod.check = (payload) => {
-    const [address, prefix2] = payload.value.split("/");
+    const [address, prefix] = payload.value.split("/");
     try {
-      if (!prefix2)
+      if (!prefix)
         throw new Error();
-      const prefixNum = Number(prefix2);
-      if (`${prefixNum}` !== prefix2)
+      const prefixNum = Number(prefix);
+      if (`${prefixNum}` !== prefix)
         throw new Error();
       if (prefixNum < 0 || prefixNum > 128)
         throw new Error();
@@ -11107,7 +11108,7 @@ function mergeValues(a2, b2) {
   if (a2 instanceof Date && b2 instanceof Date && +a2 === +b2) {
     return { valid: true, data: a2 };
   }
-  if (isPlainObject$1(a2) && isPlainObject$1(b2)) {
+  if (isPlainObject(a2) && isPlainObject(b2)) {
     const bKeys = Object.keys(b2);
     const sharedKeys = Object.keys(a2).filter((key) => bKeys.indexOf(key) !== -1);
     const newObj = { ...a2, ...b2 };
@@ -11857,12 +11858,12 @@ function _includes(includes, params) {
     includes
   });
 }
-function _startsWith(prefix2, params) {
+function _startsWith(prefix, params) {
   return new $ZodCheckStartsWith({
     check: "string_format",
     format: "starts_with",
     ...normalizeParams(params),
-    prefix: prefix2
+    prefix
   });
 }
 function _endsWith(suffix, params) {
@@ -14732,7 +14733,7 @@ var isClient = typeof document !== "undefined";
 var noop$1 = function noop() {
 };
 var index = isClient ? useLayoutEffect : noop$1;
-function deepEqual$1(a2, b2) {
+function deepEqual(a2, b2) {
   if (a2 === b2) {
     return true;
   }
@@ -14750,7 +14751,7 @@ function deepEqual$1(a2, b2) {
       length = a2.length;
       if (length !== b2.length) return false;
       for (i2 = length; i2-- !== 0; ) {
-        if (!deepEqual$1(a2[i2], b2[i2])) {
+        if (!deepEqual(a2[i2], b2[i2])) {
           return false;
         }
       }
@@ -14771,7 +14772,7 @@ function deepEqual$1(a2, b2) {
       if (key === "_owner" && a2.$$typeof) {
         continue;
       }
-      if (!deepEqual$1(a2[key], b2[key])) {
+      if (!deepEqual(a2[key], b2[key])) {
         return false;
       }
     }
@@ -14823,7 +14824,7 @@ function useFloating(options) {
     isPositioned: false
   });
   const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
-  if (!deepEqual$1(latestMiddleware, middleware)) {
+  if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
   const [_reference, _setReference] = React.useState(null);
@@ -14870,7 +14871,7 @@ function useFloating(options) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: openRef.current !== false
       };
-      if (isMountedRef.current && !deepEqual$1(dataRef.current, fullData)) {
+      if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
         dataRef.current = fullData;
         ReactDOM.flushSync(() => {
           setData(fullData);
@@ -28095,9 +28096,9 @@ function requireLodash() {
           }
           return isSymbol(value) ? [value] : copyArray(stringToPath2(toString2(value)));
         }
-        function uniqueId(prefix2) {
+        function uniqueId(prefix) {
           var id = ++idCounter2;
-          return toString2(prefix2) + id;
+          return toString2(prefix) + id;
         }
         var add = createMathOperation(function(augend, addend) {
           return augend + addend;
@@ -30744,903 +30745,6 @@ function SidebarMenuSubButton({
     }
   );
 }
-var isProduction$1 = process.env.NODE_ENV === "production";
-var prefix = "Invariant failed";
-function invariant(condition, message2) {
-  if (condition) {
-    return;
-  }
-  if (isProduction$1) {
-    throw new Error(prefix);
-  }
-  var provided = typeof message2 === "function" ? message2() : message2;
-  var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-  throw new Error(value);
-}
-var isProduction = process.env.NODE_ENV === "production";
-function warning(condition, message2) {
-  if (!isProduction) {
-    if (condition) {
-      return;
-    }
-    var text2 = "Warning: " + message2;
-    if (typeof console !== "undefined") {
-      console.warn(text2);
-    }
-    try {
-      throw Error(text2);
-    } catch (x2) {
-    }
-  }
-}
-function isFunction$1(d) {
-  return typeof d === "function";
-}
-function functionalUpdate(updater, previous) {
-  if (isFunction$1(updater)) {
-    return updater(previous);
-  }
-  return updater;
-}
-function replaceEqualDeep(prev, _next) {
-  if (prev === _next) {
-    return prev;
-  }
-  const next = _next;
-  const array2 = isPlainArray(prev) && isPlainArray(next);
-  if (array2 || isSimplePlainObject(prev) && isSimplePlainObject(next)) {
-    const prevItems = array2 ? prev : Object.keys(prev).concat(
-      Object.getOwnPropertySymbols(prev)
-    );
-    const prevSize = prevItems.length;
-    const nextItems = array2 ? next : Object.keys(next).concat(
-      Object.getOwnPropertySymbols(next)
-    );
-    const nextSize = nextItems.length;
-    const copy = array2 ? [] : {};
-    let equalItems = 0;
-    for (let i2 = 0; i2 < nextSize; i2++) {
-      const key = array2 ? i2 : nextItems[i2];
-      if ((!array2 && prevItems.includes(key) || array2) && prev[key] === void 0 && next[key] === void 0) {
-        copy[key] = void 0;
-        equalItems++;
-      } else {
-        copy[key] = replaceEqualDeep(prev[key], next[key]);
-        if (copy[key] === prev[key] && prev[key] !== void 0) {
-          equalItems++;
-        }
-      }
-    }
-    return prevSize === nextSize && equalItems === prevSize ? prev : copy;
-  }
-  return next;
-}
-function isSimplePlainObject(o2) {
-  return (
-    // all the checks from isPlainObject are more likely to hit so we perform them first
-    isPlainObject(o2) && Object.getOwnPropertyNames(o2).length === Object.keys(o2).length
-  );
-}
-function isPlainObject(o2) {
-  if (!hasObjectPrototype(o2)) {
-    return false;
-  }
-  const ctor = o2.constructor;
-  if (typeof ctor === "undefined") {
-    return true;
-  }
-  const prot = ctor.prototype;
-  if (!hasObjectPrototype(prot)) {
-    return false;
-  }
-  if (!prot.hasOwnProperty("isPrototypeOf")) {
-    return false;
-  }
-  return true;
-}
-function hasObjectPrototype(o2) {
-  return Object.prototype.toString.call(o2) === "[object Object]";
-}
-function isPlainArray(value) {
-  return Array.isArray(value) && value.length === Object.keys(value).length;
-}
-function getObjectKeys(obj, ignoreUndefined) {
-  let keys = Object.keys(obj);
-  if (ignoreUndefined) {
-    keys = keys.filter((key) => obj[key] !== void 0);
-  }
-  return keys;
-}
-function deepEqual(a2, b2, opts) {
-  if (a2 === b2) {
-    return true;
-  }
-  if (typeof a2 !== typeof b2) {
-    return false;
-  }
-  if (isPlainObject(a2) && isPlainObject(b2)) {
-    const ignoreUndefined = (opts == null ? void 0 : opts.ignoreUndefined) ?? true;
-    const aKeys = getObjectKeys(a2, ignoreUndefined);
-    const bKeys = getObjectKeys(b2, ignoreUndefined);
-    if (!(opts == null ? void 0 : opts.partial) && aKeys.length !== bKeys.length) {
-      return false;
-    }
-    return bKeys.every((key) => deepEqual(a2[key], b2[key], opts));
-  }
-  if (Array.isArray(a2) && Array.isArray(b2)) {
-    if (a2.length !== b2.length) {
-      return false;
-    }
-    return !a2.some((item, index2) => !deepEqual(item, b2[index2], opts));
-  }
-  return false;
-}
-function removeTrailingSlash(value, basepath) {
-  if ((value == null ? void 0 : value.endsWith("/")) && value !== "/" && value !== `${basepath}/`) {
-    return value.slice(0, -1);
-  }
-  return value;
-}
-function exactPathTest(pathName1, pathName2, basepath) {
-  return removeTrailingSlash(pathName1, basepath) === removeTrailingSlash(pathName2, basepath);
-}
-const preloadWarning = "Error preloading route! ☝️";
-var withSelector = { exports: {} };
-var withSelector_production = {};
-var shim = { exports: {} };
-var useSyncExternalStoreShim_production = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredUseSyncExternalStoreShim_production;
-function requireUseSyncExternalStoreShim_production() {
-  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
-  hasRequiredUseSyncExternalStoreShim_production = 1;
-  var React2 = React__default;
-  function is(x2, y) {
-    return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
-  }
-  var objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect3 = React2.useLayoutEffect, useDebugValue = React2.useDebugValue;
-  function useSyncExternalStore$2(subscribe2, getSnapshot) {
-    var value = getSnapshot(), _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-    useLayoutEffect3(
-      function() {
-        inst.value = value;
-        inst.getSnapshot = getSnapshot;
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-      },
-      [subscribe2, value, getSnapshot]
-    );
-    useEffect2(
-      function() {
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        return subscribe2(function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        });
-      },
-      [subscribe2]
-    );
-    useDebugValue(value);
-    return value;
-  }
-  function checkIfSnapshotChanged(inst) {
-    var latestGetSnapshot = inst.getSnapshot;
-    inst = inst.value;
-    try {
-      var nextValue = latestGetSnapshot();
-      return !objectIs(inst, nextValue);
-    } catch (error) {
-      return true;
-    }
-  }
-  function useSyncExternalStore$1(subscribe2, getSnapshot) {
-    return getSnapshot();
-  }
-  var shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim2;
-  return useSyncExternalStoreShim_production;
-}
-var useSyncExternalStoreShim_development = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredUseSyncExternalStoreShim_development;
-function requireUseSyncExternalStoreShim_development() {
-  if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
-  hasRequiredUseSyncExternalStoreShim_development = 1;
-  "production" !== process.env.NODE_ENV && (function() {
-    function is(x2, y) {
-      return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
-    }
-    function useSyncExternalStore$2(subscribe2, getSnapshot) {
-      didWarnOld18Alpha || void 0 === React2.startTransition || (didWarnOld18Alpha = true, console.error(
-        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-      ));
-      var value = getSnapshot();
-      if (!didWarnUncachedGetSnapshot) {
-        var cachedValue = getSnapshot();
-        objectIs(value, cachedValue) || (console.error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), didWarnUncachedGetSnapshot = true);
-      }
-      cachedValue = useState2({
-        inst: { value, getSnapshot }
-      });
-      var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
-      useLayoutEffect3(
-        function() {
-          inst.value = value;
-          inst.getSnapshot = getSnapshot;
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        },
-        [subscribe2, value, getSnapshot]
-      );
-      useEffect2(
-        function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          return subscribe2(function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          });
-        },
-        [subscribe2]
-      );
-      useDebugValue(value);
-      return value;
-    }
-    function checkIfSnapshotChanged(inst) {
-      var latestGetSnapshot = inst.getSnapshot;
-      inst = inst.value;
-      try {
-        var nextValue = latestGetSnapshot();
-        return !objectIs(inst, nextValue);
-      } catch (error) {
-        return true;
-      }
-    }
-    function useSyncExternalStore$1(subscribe2, getSnapshot) {
-      return getSnapshot();
-    }
-    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React2 = React__default, objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect3 = React2.useLayoutEffect, useDebugValue = React2.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-    useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim2;
-    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })();
-  return useSyncExternalStoreShim_development;
-}
-var hasRequiredShim;
-function requireShim() {
-  if (hasRequiredShim) return shim.exports;
-  hasRequiredShim = 1;
-  if (process.env.NODE_ENV === "production") {
-    shim.exports = requireUseSyncExternalStoreShim_production();
-  } else {
-    shim.exports = requireUseSyncExternalStoreShim_development();
-  }
-  return shim.exports;
-}
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredWithSelector_production;
-function requireWithSelector_production() {
-  if (hasRequiredWithSelector_production) return withSelector_production;
-  hasRequiredWithSelector_production = 1;
-  var React2 = React__default, shim2 = requireShim();
-  function is(x2, y) {
-    return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
-  }
-  var objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React2.useRef, useEffect2 = React2.useEffect, useMemo2 = React2.useMemo, useDebugValue = React2.useDebugValue;
-  withSelector_production.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot, getServerSnapshot, selector, isEqual) {
-    var instRef = useRef2(null);
-    if (null === instRef.current) {
-      var inst = { hasValue: false, value: null };
-      instRef.current = inst;
-    } else inst = instRef.current;
-    instRef = useMemo2(
-      function() {
-        function memoizedSelector(nextSnapshot) {
-          if (!hasMemo) {
-            hasMemo = true;
-            memoizedSnapshot = nextSnapshot;
-            nextSnapshot = selector(nextSnapshot);
-            if (void 0 !== isEqual && inst.hasValue) {
-              var currentSelection = inst.value;
-              if (isEqual(currentSelection, nextSnapshot))
-                return memoizedSelection = currentSelection;
-            }
-            return memoizedSelection = nextSnapshot;
-          }
-          currentSelection = memoizedSelection;
-          if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
-          var nextSelection = selector(nextSnapshot);
-          if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
-            return memoizedSnapshot = nextSnapshot, currentSelection;
-          memoizedSnapshot = nextSnapshot;
-          return memoizedSelection = nextSelection;
-        }
-        var hasMemo = false, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
-        return [
-          function() {
-            return memoizedSelector(getSnapshot());
-          },
-          null === maybeGetServerSnapshot ? void 0 : function() {
-            return memoizedSelector(maybeGetServerSnapshot());
-          }
-        ];
-      },
-      [getSnapshot, getServerSnapshot, selector, isEqual]
-    );
-    var value = useSyncExternalStore(subscribe2, instRef[0], instRef[1]);
-    useEffect2(
-      function() {
-        inst.hasValue = true;
-        inst.value = value;
-      },
-      [value]
-    );
-    useDebugValue(value);
-    return value;
-  };
-  return withSelector_production;
-}
-var withSelector_development = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredWithSelector_development;
-function requireWithSelector_development() {
-  if (hasRequiredWithSelector_development) return withSelector_development;
-  hasRequiredWithSelector_development = 1;
-  "production" !== process.env.NODE_ENV && (function() {
-    function is(x2, y) {
-      return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
-    }
-    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React2 = React__default, shim2 = requireShim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React2.useRef, useEffect2 = React2.useEffect, useMemo2 = React2.useMemo, useDebugValue = React2.useDebugValue;
-    withSelector_development.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot, getServerSnapshot, selector, isEqual) {
-      var instRef = useRef2(null);
-      if (null === instRef.current) {
-        var inst = { hasValue: false, value: null };
-        instRef.current = inst;
-      } else inst = instRef.current;
-      instRef = useMemo2(
-        function() {
-          function memoizedSelector(nextSnapshot) {
-            if (!hasMemo) {
-              hasMemo = true;
-              memoizedSnapshot = nextSnapshot;
-              nextSnapshot = selector(nextSnapshot);
-              if (void 0 !== isEqual && inst.hasValue) {
-                var currentSelection = inst.value;
-                if (isEqual(currentSelection, nextSnapshot))
-                  return memoizedSelection = currentSelection;
-              }
-              return memoizedSelection = nextSnapshot;
-            }
-            currentSelection = memoizedSelection;
-            if (objectIs(memoizedSnapshot, nextSnapshot))
-              return currentSelection;
-            var nextSelection = selector(nextSnapshot);
-            if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
-              return memoizedSnapshot = nextSnapshot, currentSelection;
-            memoizedSnapshot = nextSnapshot;
-            return memoizedSelection = nextSelection;
-          }
-          var hasMemo = false, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
-          return [
-            function() {
-              return memoizedSelector(getSnapshot());
-            },
-            null === maybeGetServerSnapshot ? void 0 : function() {
-              return memoizedSelector(maybeGetServerSnapshot());
-            }
-          ];
-        },
-        [getSnapshot, getServerSnapshot, selector, isEqual]
-      );
-      var value = useSyncExternalStore(subscribe2, instRef[0], instRef[1]);
-      useEffect2(
-        function() {
-          inst.hasValue = true;
-          inst.value = value;
-        },
-        [value]
-      );
-      useDebugValue(value);
-      return value;
-    };
-    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })();
-  return withSelector_development;
-}
-var hasRequiredWithSelector;
-function requireWithSelector() {
-  if (hasRequiredWithSelector) return withSelector.exports;
-  hasRequiredWithSelector = 1;
-  if (process.env.NODE_ENV === "production") {
-    withSelector.exports = requireWithSelector_production();
-  } else {
-    withSelector.exports = requireWithSelector_development();
-  }
-  return withSelector.exports;
-}
-var withSelectorExports = requireWithSelector();
-function useStore(store, selector = (d) => d) {
-  const slice = withSelectorExports.useSyncExternalStoreWithSelector(
-    store.subscribe,
-    () => store.state,
-    () => store.state,
-    selector,
-    shallow
-  );
-  return slice;
-}
-function shallow(objA, objB) {
-  if (Object.is(objA, objB)) {
-    return true;
-  }
-  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
-    return false;
-  }
-  if (objA instanceof Map && objB instanceof Map) {
-    if (objA.size !== objB.size) return false;
-    for (const [k2, v] of objA) {
-      if (!objB.has(k2) || !Object.is(v, objB.get(k2))) return false;
-    }
-    return true;
-  }
-  if (objA instanceof Set && objB instanceof Set) {
-    if (objA.size !== objB.size) return false;
-    for (const v of objA) {
-      if (!objB.has(v)) return false;
-    }
-    return true;
-  }
-  if (objA instanceof Date && objB instanceof Date) {
-    if (objA.getTime() !== objB.getTime()) return false;
-    return true;
-  }
-  const keysA = Object.keys(objA);
-  if (keysA.length !== Object.keys(objB).length) {
-    return false;
-  }
-  for (let i2 = 0; i2 < keysA.length; i2++) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i2]) || !Object.is(objA[keysA[i2]], objB[keysA[i2]])) {
-      return false;
-    }
-  }
-  return true;
-}
-const routerContext = React.createContext(null);
-function getRouterContext() {
-  if (typeof document === "undefined") {
-    return routerContext;
-  }
-  if (window.__TSR_ROUTER_CONTEXT__) {
-    return window.__TSR_ROUTER_CONTEXT__;
-  }
-  window.__TSR_ROUTER_CONTEXT__ = routerContext;
-  return routerContext;
-}
-function useRouter(opts) {
-  const value = React.useContext(getRouterContext());
-  warning(
-    !(((opts == null ? void 0 : opts.warn) ?? true) && !value),
-    "useRouter must be used inside a <RouterProvider> component!"
-  );
-  return value;
-}
-function useRouterState(opts) {
-  const contextRouter = useRouter({
-    warn: (opts == null ? void 0 : opts.router) === void 0
-  });
-  const router = (opts == null ? void 0 : opts.router) || contextRouter;
-  const previousResult = useRef(void 0);
-  return useStore(router.__store, (state) => {
-    if (opts == null ? void 0 : opts.select) {
-      if (opts.structuralSharing ?? router.options.defaultStructuralSharing) {
-        const newSlice = replaceEqualDeep(
-          previousResult.current,
-          opts.select(state)
-        );
-        previousResult.current = newSlice;
-        return newSlice;
-      }
-      return opts.select(state);
-    }
-    return state;
-  });
-}
-const matchContext = React.createContext(void 0);
-const dummyMatchContext = React.createContext(
-  void 0
-);
-function useMatch(opts) {
-  const nearestMatchId = React.useContext(
-    opts.from ? dummyMatchContext : matchContext
-  );
-  const matchSelection = useRouterState({
-    select: (state) => {
-      const match2 = state.matches.find(
-        (d) => opts.from ? opts.from === d.routeId : d.id === nearestMatchId
-      );
-      invariant(
-        !((opts.shouldThrow ?? true) && !match2),
-        `Could not find ${opts.from ? `an active match from "${opts.from}"` : "a nearest match!"}`
-      );
-      if (match2 === void 0) {
-        return void 0;
-      }
-      return opts.select ? opts.select(match2) : match2;
-    },
-    structuralSharing: opts.structuralSharing
-  });
-  return matchSelection;
-}
-function useIntersectionObserver(ref, callback, intersectionObserverOptions2 = {}, options = {}) {
-  React.useEffect(() => {
-    if (!ref.current || options.disabled || typeof IntersectionObserver !== "function") {
-      return;
-    }
-    const observer = new IntersectionObserver(([entry]) => {
-      callback(entry);
-    }, intersectionObserverOptions2);
-    observer.observe(ref.current);
-    return () => {
-      observer.disconnect();
-    };
-  }, [callback, intersectionObserverOptions2, options.disabled, ref]);
-}
-function useForwardedRef(ref) {
-  const innerRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => innerRef.current, []);
-  return innerRef;
-}
-function useLinkProps(options, forwardedRef) {
-  const router = useRouter();
-  const [isTransitioning, setIsTransitioning] = React.useState(false);
-  const hasRenderFetched = React.useRef(false);
-  const innerRef = useForwardedRef(forwardedRef);
-  const {
-    // custom props
-    activeProps,
-    inactiveProps,
-    activeOptions,
-    to,
-    preload: userPreload,
-    preloadDelay: userPreloadDelay,
-    hashScrollIntoView,
-    replace,
-    startTransition,
-    resetScroll,
-    viewTransition,
-    // element props
-    children,
-    target,
-    disabled,
-    style,
-    className,
-    onClick,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    onTouchStart,
-    ignoreBlocker,
-    // prevent these from being returned
-    params: _params,
-    search: _search,
-    hash: _hash,
-    state: _state,
-    mask: _mask,
-    reloadDocument: _reloadDocument,
-    unsafeRelative: _unsafeRelative,
-    from: _from,
-    _fromLocation,
-    ...propsSafeToSpread
-  } = options;
-  const type = React.useMemo(() => {
-    try {
-      new URL(to);
-      return "external";
-    } catch {
-    }
-    return "internal";
-  }, [to]);
-  const currentSearch = useRouterState({
-    select: (s2) => s2.location.search,
-    structuralSharing: true
-  });
-  const from = useMatch({
-    strict: false,
-    select: (match2) => options.from ?? match2.fullPath
-  });
-  const next = React.useMemo(
-    () => router.buildLocation({ ...options, from }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      router,
-      currentSearch,
-      options._fromLocation,
-      from,
-      options.hash,
-      options.to,
-      options.search,
-      options.params,
-      options.state,
-      options.mask,
-      options.unsafeRelative
-    ]
-  );
-  const isExternal = type === "external";
-  const preload = options.reloadDocument || isExternal ? false : userPreload ?? router.options.defaultPreload;
-  const preloadDelay = userPreloadDelay ?? router.options.defaultPreloadDelay ?? 0;
-  const isActive = useRouterState({
-    select: (s2) => {
-      if (isExternal) return false;
-      if (activeOptions == null ? void 0 : activeOptions.exact) {
-        const testExact = exactPathTest(
-          s2.location.pathname,
-          next.pathname,
-          router.basepath
-        );
-        if (!testExact) {
-          return false;
-        }
-      } else {
-        const currentPathSplit = removeTrailingSlash(
-          s2.location.pathname,
-          router.basepath
-        );
-        const nextPathSplit = removeTrailingSlash(
-          next.pathname,
-          router.basepath
-        );
-        const pathIsFuzzyEqual = currentPathSplit.startsWith(nextPathSplit) && (currentPathSplit.length === nextPathSplit.length || currentPathSplit[nextPathSplit.length] === "/");
-        if (!pathIsFuzzyEqual) {
-          return false;
-        }
-      }
-      if ((activeOptions == null ? void 0 : activeOptions.includeSearch) ?? true) {
-        const searchTest = deepEqual(s2.location.search, next.search, {
-          partial: !(activeOptions == null ? void 0 : activeOptions.exact),
-          ignoreUndefined: !(activeOptions == null ? void 0 : activeOptions.explicitUndefined)
-        });
-        if (!searchTest) {
-          return false;
-        }
-      }
-      if (activeOptions == null ? void 0 : activeOptions.includeHash) {
-        return s2.location.hash === next.hash;
-      }
-      return true;
-    }
-  });
-  const doPreload = React.useCallback(
-    () => {
-      router.preloadRoute({ ...options, from }).catch((err) => {
-        console.warn(err);
-        console.warn(preloadWarning);
-      });
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      router,
-      options.to,
-      options._fromLocation,
-      from,
-      options.search,
-      options.hash,
-      options.params,
-      options.state,
-      options.mask,
-      options.unsafeRelative,
-      options.hashScrollIntoView,
-      options.href,
-      options.ignoreBlocker,
-      options.reloadDocument,
-      options.replace,
-      options.resetScroll,
-      options.viewTransition
-    ]
-  );
-  const preloadViewportIoCallback = React.useCallback(
-    (entry) => {
-      if (entry == null ? void 0 : entry.isIntersecting) {
-        doPreload();
-      }
-    },
-    [doPreload]
-  );
-  useIntersectionObserver(
-    innerRef,
-    preloadViewportIoCallback,
-    intersectionObserverOptions,
-    { disabled: !!disabled || !(preload === "viewport") }
-  );
-  React.useEffect(() => {
-    if (hasRenderFetched.current) {
-      return;
-    }
-    if (!disabled && preload === "render") {
-      doPreload();
-      hasRenderFetched.current = true;
-    }
-  }, [disabled, doPreload, preload]);
-  if (isExternal) {
-    return {
-      ...propsSafeToSpread,
-      ref: innerRef,
-      type,
-      href: to,
-      ...children && { children },
-      ...target && { target },
-      ...disabled && { disabled },
-      ...style && { style },
-      ...className && { className },
-      ...onClick && { onClick },
-      ...onFocus && { onFocus },
-      ...onMouseEnter && { onMouseEnter },
-      ...onMouseLeave && { onMouseLeave },
-      ...onTouchStart && { onTouchStart }
-    };
-  }
-  const handleClick = (e) => {
-    if (!disabled && !isCtrlEvent(e) && !e.defaultPrevented && (!target || target === "_self") && e.button === 0) {
-      e.preventDefault();
-      flushSync(() => {
-        setIsTransitioning(true);
-      });
-      const unsub = router.subscribe("onResolved", () => {
-        unsub();
-        setIsTransitioning(false);
-      });
-      router.navigate({
-        ...options,
-        from,
-        replace,
-        resetScroll,
-        hashScrollIntoView,
-        startTransition,
-        viewTransition,
-        ignoreBlocker
-      });
-    }
-  };
-  const handleFocus = (_2) => {
-    if (disabled) return;
-    if (preload) {
-      doPreload();
-    }
-  };
-  const handleTouchStart = handleFocus;
-  const handleEnter = (e) => {
-    if (disabled || !preload) return;
-    if (!preloadDelay) {
-      doPreload();
-    } else {
-      const eventTarget = e.target;
-      if (timeoutMap.has(eventTarget)) {
-        return;
-      }
-      const id = setTimeout(() => {
-        timeoutMap.delete(eventTarget);
-        doPreload();
-      }, preloadDelay);
-      timeoutMap.set(eventTarget, id);
-    }
-  };
-  const handleLeave = (e) => {
-    if (disabled || !preload || !preloadDelay) return;
-    const eventTarget = e.target;
-    const id = timeoutMap.get(eventTarget);
-    if (id) {
-      clearTimeout(id);
-      timeoutMap.delete(eventTarget);
-    }
-  };
-  const resolvedActiveProps = isActive ? functionalUpdate(activeProps, {}) ?? STATIC_ACTIVE_OBJECT : STATIC_EMPTY_OBJECT;
-  const resolvedInactiveProps = isActive ? STATIC_EMPTY_OBJECT : functionalUpdate(inactiveProps, {}) ?? STATIC_EMPTY_OBJECT;
-  const resolvedClassName = [
-    className,
-    resolvedActiveProps.className,
-    resolvedInactiveProps.className
-  ].filter(Boolean).join(" ");
-  const resolvedStyle = (style || resolvedActiveProps.style || resolvedInactiveProps.style) && {
-    ...style,
-    ...resolvedActiveProps.style,
-    ...resolvedInactiveProps.style
-  };
-  return {
-    ...propsSafeToSpread,
-    ...resolvedActiveProps,
-    ...resolvedInactiveProps,
-    href: disabled ? void 0 : next.maskedLocation ? router.history.createHref(next.maskedLocation.href) : router.history.createHref(next.href),
-    ref: innerRef,
-    onClick: composeHandlers([onClick, handleClick]),
-    onFocus: composeHandlers([onFocus, handleFocus]),
-    onMouseEnter: composeHandlers([onMouseEnter, handleEnter]),
-    onMouseLeave: composeHandlers([onMouseLeave, handleLeave]),
-    onTouchStart: composeHandlers([onTouchStart, handleTouchStart]),
-    disabled: !!disabled,
-    target,
-    ...resolvedStyle && { style: resolvedStyle },
-    ...resolvedClassName && { className: resolvedClassName },
-    ...disabled && STATIC_DISABLED_PROPS,
-    ...isActive && STATIC_ACTIVE_PROPS,
-    ...isTransitioning && STATIC_TRANSITIONING_PROPS
-  };
-}
-const STATIC_EMPTY_OBJECT = {};
-const STATIC_ACTIVE_OBJECT = { className: "active" };
-const STATIC_DISABLED_PROPS = { role: "link", "aria-disabled": true };
-const STATIC_ACTIVE_PROPS = { "data-status": "active", "aria-current": "page" };
-const STATIC_TRANSITIONING_PROPS = { "data-transitioning": "transitioning" };
-const timeoutMap = /* @__PURE__ */ new WeakMap();
-const intersectionObserverOptions = {
-  rootMargin: "100px"
-};
-const composeHandlers = (handlers) => (e) => {
-  handlers.filter(Boolean).forEach((handler) => {
-    if (e.defaultPrevented) return;
-    handler(e);
-  });
-};
-const Link$1 = React.forwardRef(
-  (props2, ref) => {
-    const { _asChild, ...rest } = props2;
-    const {
-      type: _type,
-      ref: innerRef,
-      ...linkProps
-    } = useLinkProps(rest, ref);
-    const children = typeof rest.children === "function" ? rest.children({
-      isActive: linkProps["data-status"] === "active"
-    }) : rest.children;
-    if (_asChild === void 0) {
-      delete linkProps.disabled;
-    }
-    return React.createElement(
-      _asChild ? _asChild : "a",
-      {
-        ...linkProps,
-        ref: innerRef
-      },
-      children
-    );
-  }
-);
-function isCtrlEvent(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function useLocation(opts) {
-  return useRouterState({
-    select: (state) => state.location
-  });
-}
 var M = (e, i2, s2, u2, m2, a2, l, h) => {
   let d = document.documentElement, w = ["light", "dark"];
   function p2(n2) {
@@ -32104,6 +31208,149 @@ function AspectRatio({
 }) {
   return /* @__PURE__ */ jsx(Root$7, { "data-slot": "aspect-ratio", ...props2 });
 }
+var shim = { exports: {} };
+var useSyncExternalStoreShim_production = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredUseSyncExternalStoreShim_production;
+function requireUseSyncExternalStoreShim_production() {
+  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
+  hasRequiredUseSyncExternalStoreShim_production = 1;
+  var React2 = React__default;
+  function is(x2, y) {
+    return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
+  }
+  var objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect3 = React2.useLayoutEffect, useDebugValue = React2.useDebugValue;
+  function useSyncExternalStore$2(subscribe2, getSnapshot) {
+    var value = getSnapshot(), _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+    useLayoutEffect3(
+      function() {
+        inst.value = value;
+        inst.getSnapshot = getSnapshot;
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+      },
+      [subscribe2, value, getSnapshot]
+    );
+    useEffect2(
+      function() {
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        return subscribe2(function() {
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        });
+      },
+      [subscribe2]
+    );
+    useDebugValue(value);
+    return value;
+  }
+  function checkIfSnapshotChanged(inst) {
+    var latestGetSnapshot = inst.getSnapshot;
+    inst = inst.value;
+    try {
+      var nextValue = latestGetSnapshot();
+      return !objectIs(inst, nextValue);
+    } catch (error) {
+      return true;
+    }
+  }
+  function useSyncExternalStore$1(subscribe2, getSnapshot) {
+    return getSnapshot();
+  }
+  var shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim2;
+  return useSyncExternalStoreShim_production;
+}
+var useSyncExternalStoreShim_development = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredUseSyncExternalStoreShim_development;
+function requireUseSyncExternalStoreShim_development() {
+  if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
+  hasRequiredUseSyncExternalStoreShim_development = 1;
+  "production" !== process.env.NODE_ENV && (function() {
+    function is(x2, y) {
+      return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
+    }
+    function useSyncExternalStore$2(subscribe2, getSnapshot) {
+      didWarnOld18Alpha || void 0 === React2.startTransition || (didWarnOld18Alpha = true, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var value = getSnapshot();
+      if (!didWarnUncachedGetSnapshot) {
+        var cachedValue = getSnapshot();
+        objectIs(value, cachedValue) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), didWarnUncachedGetSnapshot = true);
+      }
+      cachedValue = useState2({
+        inst: { value, getSnapshot }
+      });
+      var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
+      useLayoutEffect3(
+        function() {
+          inst.value = value;
+          inst.getSnapshot = getSnapshot;
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        },
+        [subscribe2, value, getSnapshot]
+      );
+      useEffect2(
+        function() {
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+          return subscribe2(function() {
+            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+          });
+        },
+        [subscribe2]
+      );
+      useDebugValue(value);
+      return value;
+    }
+    function checkIfSnapshotChanged(inst) {
+      var latestGetSnapshot = inst.getSnapshot;
+      inst = inst.value;
+      try {
+        var nextValue = latestGetSnapshot();
+        return !objectIs(inst, nextValue);
+      } catch (error) {
+        return true;
+      }
+    }
+    function useSyncExternalStore$1(subscribe2, getSnapshot) {
+      return getSnapshot();
+    }
+    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var React2 = React__default, objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect3 = React2.useLayoutEffect, useDebugValue = React2.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+    useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React2.useSyncExternalStore ? React2.useSyncExternalStore : shim2;
+    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })();
+  return useSyncExternalStoreShim_development;
+}
+var hasRequiredShim;
+function requireShim() {
+  if (hasRequiredShim) return shim.exports;
+  hasRequiredShim = 1;
+  if (process.env.NODE_ENV === "production") {
+    shim.exports = requireUseSyncExternalStoreShim_production();
+  } else {
+    shim.exports = requireUseSyncExternalStoreShim_development();
+  }
+  return shim.exports;
+}
 var shimExports = requireShim();
 function useIsHydrated() {
   return shimExports.useSyncExternalStore(
@@ -43901,8 +43148,8 @@ const ChartStyle = ({ id, config: config2 }) => {
     {
       dangerouslySetInnerHTML: {
         __html: Object.entries(THEMES).map(
-          ([theme, prefix2]) => `
-${prefix2} [data-chart=${id}] {
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
 ${colorConfig.map(([key, itemConfig]) => {
             var _a;
             const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
@@ -52871,7 +52118,7 @@ function assignOffset(defaultOffset, mobileOffset) {
     mobileOffset
   ].forEach((offset2, index2) => {
     const isMobile = index2 === 1;
-    const prefix2 = isMobile ? "--mobile-offset" : "--offset";
+    const prefix = isMobile ? "--mobile-offset" : "--offset";
     const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET;
     function assignAll(offset3) {
       [
@@ -52880,7 +52127,7 @@ function assignOffset(defaultOffset, mobileOffset) {
         "bottom",
         "left"
       ].forEach((key) => {
-        styles[`${prefix2}-${key}`] = typeof offset3 === "number" ? `${offset3}px` : offset3;
+        styles[`${prefix}-${key}`] = typeof offset3 === "number" ? `${offset3}px` : offset3;
       });
     }
     if (typeof offset2 === "number" || typeof offset2 === "string") {
@@ -52893,9 +52140,9 @@ function assignOffset(defaultOffset, mobileOffset) {
         "left"
       ].forEach((key) => {
         if (offset2[key] === void 0) {
-          styles[`${prefix2}-${key}`] = defaultValue;
+          styles[`${prefix}-${key}`] = defaultValue;
         } else {
-          styles[`${prefix2}-${key}`] = typeof offset2[key] === "number" ? `${offset2[key]}px` : offset2[key];
+          styles[`${prefix}-${key}`] = typeof offset2[key] === "number" ? `${offset2[key]}px` : offset2[key];
         }
       });
     } else {